:root{--navy:#152934;--blue:#40677a;--orange:#9b773d;--bg:#f4f3ef;--text:#24333b;--muted:#778187;--border:#dde1e1}.app-shell{min-height:100vh;background:#f4f3ef}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#152934;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:38px;height:38px;border-radius:8px;background:#c49a56;display:grid;place-items:center;color:#fff;font:700 21px Georgia,serif}.side-brand>span:last-child{display:flex;flex-direction:column}.side-brand strong{font:700 17px Georgia,serif;letter-spacing:.13em}.side-brand small{color:#b7c1c5;font-size:9px;letter-spacing:.22em;margin-top:4px}.side-nav{display:grid;gap:5px;margin:0;overflow:visible}.side-nav button{width:100%;border:0;border-radius:8px;background:transparent;color:#aeb9be;min-height:45px;padding:0 14px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:600}.side-nav button.active{background:#253e49;color:#fff}.side-profile{margin-top:auto;border-top:1px solid #ffffff1c;padding:20px 7px 0;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#c49a56;display:grid;place-items:center;color:#fff;font-weight:800}.side-profile>span:last-child{display:flex;flex-direction:column}.side-profile strong{font-size:12px}.side-profile small{font-size:9px;color:#aeb9be;margin-top:3px}.workspace{margin-left:238px;min-height:100vh}.topbar{height:76px;position:sticky;top:0;background:#fff;border-bottom:1px solid #dde1e1;display:flex;align-items:center;justify-content:space-between;padding:0 34px;z-index:10}.heading span,.eyebrow,.panel-title span{font-size:9px;letter-spacing:.17em;color:#9a7a45;font-weight:800}.heading h1{font:500 22px Georgia,serif;margin:3px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.online{font-size:11px;color:#47785b;background:#edf5ef;border-radius:999px;padding:7px 11px}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58a376;margin-right:5px}.mobile-logo,.bottom-nav{display:none}.content{padding:32px 34px 70px;max-width:1400px;margin:auto}.dashboard{display:block}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome-row h2{font:500 34px Georgia,serif;margin:6px 0}.welcome-row>div>p:last-child{color:#7d878c;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid #dde1e1;border-radius:11px;padding:18px;display:flex;gap:13px;min-height:132px}.metric-icon{width:37px;height:37px;flex:0 0 auto;border-radius:9px;background:#edf2f4;color:#467087;display:grid;place-items:center;font-size:18px}.tone-1 .metric-icon{background:#f7eae7;color:#a05b4e}.tone-2 .metric-icon{background:#edf5ef;color:#4d8060}.tone-3 .metric-icon{background:#f8f0e2;color:#9a7337}.metric-card div{display:flex;flex-direction:column}.metric-card small{color:#7c878c;font-size:10px}.metric-card strong{font:500 30px Georgia,serif;margin:5px 0}.metric-card p{font-size:9px;color:#899196;margin:0}.dashboard-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.panel{background:#fff;border:1px solid #dde1e1;border-radius:11px;overflow:hidden}.panel-title{padding:19px 20px 14px;border-bottom:1px solid #eceeee}.panel-title h3{font:500 20px Georgia,serif;margin:5px 0 0}.attention{padding:25px 20px;display:flex;align-items:center;gap:13px}.attention>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf4ed;color:#498060}.attention strong{font-size:12px}.attention p{font-size:10px;color:#7d878c;margin:5px 0 0}.quick-grid{padding:15px;display:grid;gap:8px}.quick-grid button{border:1px solid #dde1e1;background:#fff;border-radius:8px;padding:13px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.quick-grid b{width:34px;height:34px;border-radius:7px;background:#f6efe4;color:#9b743a;display:grid;place-items:center}.quick-grid button>span{display:flex;flex-direction:column}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px;color:#838c91;margin-top:3px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card,.empty,.loading{border-radius:11px}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0;padding-bottom:70px}.topbar{height:67px;padding:0 15px}.mobile-logo{display:flex;align-items:center;gap:9px}.mobile-logo .brand-mark{width:29px;height:29px;font-size:15px}.mobile-logo strong{font:700 13px Georgia,serif;letter-spacing:.12em}.heading,.online{display:none}.content{padding:23px 15px 35px}.bottom-nav{position:fixed;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;inset:auto 0 0;background:#fff;border-top:1px solid #dde1e1;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#8b9499;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:17px}.bottom-nav button span{font-size:8px}.bottom-nav button.active{color:#9b773d}.welcome-row{align-items:flex-start}.welcome-row h2{font-size:28px}.welcome-row>.primary{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:137px;padding:14px;flex-direction:column;gap:8px}.metric-card strong{font-size:25px}.dashboard-columns{grid-template-columns:1fr}.top-actions .ghost{padding:9px 12px}}
.inventory-head{display:grid;gap:12px}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.inventory-kpis span{background:#fff;border:1px solid #dde1e1;border-radius:10px;padding:12px;color:#778187;font-size:10px}.inventory-kpis b{display:block;color:#24333b;font:500 24px Georgia,serif;margin-bottom:3px}.inventory-tools{display:grid;grid-template-columns:1fr 210px;gap:10px}.permission-note{margin:0;background:#fbf7ef;border:1px solid #e4d6bc;color:#765d33;border-radius:9px;padding:11px 13px;font-size:11px}.inventory-card h3{margin:12px 0 4px}.inventory-card p{margin:0}.reserve-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #dde1e1}.reserve-box select{min-width:0}.reserve-box button{padding:10px 15px}.inventory-apartado{background:#fff3da;color:#8a641e}.inventory-produccion,.inventory-pendiente_cierre{background:#f7eae7;color:#934f43}.tag.sobrante{background:#f6efe4;color:#8a682f}
@media(max-width:760px){.inventory-kpis{grid-template-columns:1fr 1fr}.inventory-tools{grid-template-columns:1fr}.reserve-box{grid-template-columns:1fr}.reserve-box button{width:100%}}

/* Piloto 1.0.0.6 — iPad vertical usa la navegación inferior; horizontal conserva la vista web. */
@media(min-width:761px) and (max-width:1180px) and (orientation:portrait){
  html.platform-ios .sidebar{display:none}
  html.platform-ios .workspace{margin-left:0;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  html.platform-ios .mobile-logo{display:flex;align-items:center;gap:9px}
  html.platform-ios .bottom-nav{position:fixed;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);inset:auto 0 0;background:#fff;border-top:1px solid #dde1e1;z-index:30;padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;-webkit-overflow-scrolling:touch}
  html.platform-ios .bottom-nav button{border:0;background:transparent;color:#8b9499;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:17px}
  html.platform-ios .bottom-nav button span{font-size:8px}
  html.platform-ios .bottom-nav button.active{color:#9b773d}
  html.platform-ios .content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
}

/* Navegación de módulos: el nombre de usuario permanece visible. */
@media(min-width:761px){
  .sidebar{min-height:0}
  .side-brand,.side-profile{flex-shrink:0}
  .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;grid-auto-rows:min-content;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
  .side-nav button{min-height:40px}
  .side-profile{margin-top:8px}
}

/* Avisos de módulos por usuario. */
#nav [data-module],.bottom-nav [data-module]{position:relative}
#nav .module-notice-badge-v1003523,.bottom-nav .module-notice-badge-v1003523{position:absolute;right:9px;top:5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#cb3844;color:#fff;font:700 10px/1 system-ui,sans-serif;font-style:normal;box-shadow:0 0 0 2px #fff;pointer-events:none}
#nav .module-notice-badge-v1003523{right:7px;top:12px;box-shadow:0 0 0 2px #152934}
