/* ERP ALTER EGO V3.6 · Capa visual premium y contención responsive */
:root{
  --ae-ink:#10261d;
  --ae-deep:#09251a;
  --ae-green:#0f6b49;
  --ae-green-2:#1b9569;
  --ae-mint:#e9f6f0;
  --ae-gold:#c49b4a;
  --ae-bg:#f2f6f4;
  --ae-card:rgba(255,255,255,.96);
  --ae-line:#d8e5de;
  --ae-shadow:0 18px 50px rgba(16,55,39,.09);
  --ae-shadow-soft:0 10px 28px rgba(16,55,39,.06);
}
html,body{max-width:100%;overflow-x:hidden}
body.app-body{background:
  radial-gradient(circle at 8% 0%,rgba(37,164,112,.08),transparent 26rem),
  linear-gradient(180deg,#f7faf8 0,#eef4f1 100%);color:var(--ae-ink)}
.app-wrap,.content,.view,.panel,.modal-card,.table-wrap,.store-admin-panel{min-width:0;max-width:100%}
.sidebar{background:
  radial-gradient(circle at 0 0,rgba(59,180,128,.19),transparent 17rem),
  linear-gradient(180deg,#0c2a1e 0,#071a13 100%);border-right:1px solid rgba(255,255,255,.06)}
.sidebar-brand{padding:.25rem .55rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.65rem}
.sidebar-brand img{max-width:144px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.26))}
.sidebar nav{overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.nav-link{position:relative;border-radius:12px!important;min-height:43px;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-link:hover{transform:translateX(2px)}
.nav-link.active{background:linear-gradient(90deg,rgba(58,188,132,.22),rgba(255,255,255,.07))!important;box-shadow:inset 3px 0 0 #5fe0ad,0 7px 18px rgba(0,0,0,.12)}
.nav-group-label{padding-top:.2rem;border-top:1px solid rgba(255,255,255,.055)}
.topbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 8px 24px rgba(25,64,47,.035)}
.topbar h1{letter-spacing:-.025em}.topbar-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.topbar-actions>*{max-width:100%}
.content{width:min(100%,1700px);padding:clamp(.85rem,2vw,1.65rem)}
.erp-hero{border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(8,48,32,.22)}
.erp-hero-side>div{box-shadow:inset 0 1px rgba(255,255,255,.08)}
.section-head{align-items:center}.section-head>div{min-width:0}.section-head h2{letter-spacing:-.035em}.head-actions{justify-content:flex-end}.head-actions>*{max-width:100%}
.panel,.kpi-card,.premium-card,.analytics-kpis article{background:var(--ae-card);border-color:var(--ae-line);box-shadow:var(--ae-shadow-soft)}
.panel{border-radius:20px}.panel:hover{border-color:#c8dbd1}
.kpi-card{position:relative;overflow:hidden;border-radius:18px}.kpi-card:after{content:"";position:absolute;inset:auto -30px -45px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(29,151,105,.11),transparent 68%)}
.premium-dashboard{border:1px solid #d9e7df;border-radius:24px;padding:clamp(.8rem,1.7vw,1.35rem);background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(239,248,244,.96));box-shadow:var(--ae-shadow)}
.premium-grid,.dashboard-grid,.split-grid,.settings-table-grid,.report-grid,.analytics-kpis,.kpi-grid{min-width:0}
.premium-grid>* ,.dashboard-grid>* ,.split-grid>* ,.settings-table-grid>* ,.report-grid>* ,.analytics-kpis>* ,.kpi-grid>*{min-width:0}
button,.primary,.secondary,.ghost,.text-button,.mini-button{min-height:40px}
.primary{background:linear-gradient(135deg,#0d6142,#1b9569);box-shadow:0 10px 22px rgba(15,107,73,.22)}
.secondary{background:linear-gradient(180deg,#fff,#f7faf8)}
input,select,textarea{min-width:0;max-width:100%;min-height:44px;border-color:#d5e2db;border-radius:12px;background:#fff}
textarea{min-height:92px}
.form-grid,.filter-bar,.v3-filter,.audit-filter,.sales-filter-bar,.report-filter-bar{min-width:0}
.form-grid>*,.filter-bar>*,.v3-filter>*,.audit-filter>*,.sales-filter-bar>*,.report-filter-bar>*{min-width:0}
.inline-fields{min-width:0}.inline-fields>*{min-width:0}
.table-wrap,.modal-table-wrap,.inventory-count-table{border:1px solid #e0e9e4;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a9c4b7 #edf3f0}
.table-wrap table,.modal-table-wrap table{max-width:none}
.table-wrap th,.modal-table-wrap th{position:sticky;top:0;z-index:2;background:#f3f8f5}
.table-wrap td,.table-wrap th{word-break:normal;overflow-wrap:anywhere}
.modal{padding:clamp(.35rem,2vw,1.2rem);align-items:center;justify-items:center;overflow:hidden}
.modal-card,.modal-card.small,.modal-card.xl{width:min(100%,1420px);max-height:calc(100dvh - 2rem);overflow:hidden!important;border-radius:22px;box-shadow:0 30px 90px rgba(4,28,18,.28);display:flex;flex-direction:column}
.modal-card.small{width:min(100%,560px)}
.modal-head{position:sticky!important;top:0;z-index:20;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);padding:1rem 1.15rem!important;margin:0!important}
.modal-card>form,.modal-card>.modal-body,.modal-card>#req-detail-content,.modal-card>#order-detail-content,.modal-card>#transfer-detail-content{overflow:auto;overscroll-behavior:contain;min-height:0;max-width:100%}
.modal-footer{position:sticky!important;bottom:0;z-index:20;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px);box-shadow:0 -12px 28px rgba(17,51,37,.06)}
.modal-footer>*{max-width:100%}
.permission-groups,.permission-grid.warehouses{scrollbar-width:thin;scrollbar-color:#9ebcaf #eef4f1}
.permission-group{background:linear-gradient(180deg,#fff,#f7faf8);box-shadow:0 8px 22px rgba(17,61,43,.04)}
.permission-item{min-width:0}.permission-item span{min-width:0}.permission-item small{overflow-wrap:anywhere}
.store-admin-tabs{padding:.25rem;border-radius:16px;background:#edf5f1;border:1px solid #dbe8e1}.store-admin-tabs button{min-height:40px}
.store-admin-panel{border-radius:20px!important;border:1px solid #d8e5de;box-shadow:var(--ae-shadow);background:#fff}
.store-admin-panel iframe{max-width:100%;overflow:hidden}
.login-card,.login-brand{border-radius:24px}.login-card{box-shadow:var(--ae-shadow)}
@media(max-width:1250px){
  .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inline-fields{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(115px,.45fr)) auto}
}
@media(max-width:900px){
  .section-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%;justify-content:flex-start}
  .head-actions>*{flex:1 1 170px}
  .dashboard-grid,.dashboard-grid.bottom,.split-grid{grid-template-columns:1fr!important}
  .filter-bar,.filter-bar.compact,.form-grid.three,.form-grid.four,.v3-filter,.v3-filter.compact,.audit-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-admin-panel{height:calc(100dvh - 250px);min-height:520px}
}
@media(max-width:680px){
  .content{padding:.65rem}.topbar{padding:.65rem .8rem;height:auto;min-height:66px}.topbar-actions{display:none}
  .erp-hero{border-radius:20px}.kpi-grid,.analytics-kpis,.premium-grid,.report-grid{grid-template-columns:1fr!important}
  .filter-bar,.filter-bar.compact,.form-grid,.form-grid.three,.form-grid.four,.v3-filter,.v3-filter.compact,.audit-filter,.inline-fields{grid-template-columns:1fr!important}
  .head-actions>*{flex:1 1 100%;width:100%}
  .modal{padding:.25rem;align-items:stretch}.modal-card,.modal-card.small,.modal-card.xl{width:100%;max-height:calc(100dvh - .5rem);border-radius:16px}
  .modal-footer{display:grid!important;grid-template-columns:1fr!important}.modal-footer button,.modal-footer a{width:100%}
  .table-wrap table{min-width:680px}.permission-groups{grid-template-columns:1fr;max-height:none}.permission-grid.warehouses{grid-template-columns:1fr}
  .store-admin-tabs{overflow-x:auto;flex-wrap:nowrap}.store-admin-tabs button{white-space:nowrap}.store-admin-panel{height:70dvh;min-height:450px}
}