/* Smartclick WMS · v0.11.1
 * Menú lateral negro con detalles en rojo y blanco, animaciones, Configuración,
 * permisos por sección, bloques de Administración en el Inicio y Despacho desde la PC.
 */
:root{
  --v11-red:#d11f1f;--v11-red-dark:#a8141a;--v11-red-soft:#fdecee;
  --v11-ink:#16181d;--v11-muted:#5d6470;--v11-line:#e6e8eb;--v11-bg:#f4f5f7;
  --v11-green:#159447;--v11-green-soft:#e6f6ed;--v11-amber:#b36b00;--v11-amber-soft:#fff4e0;
  --v11-side:#0f1115;--v11-side-2:#171a20;--v11-side-line:#23272f;--v11-side-text:#c9cdd4;--v11-side-muted:#7c828d;
  --v11-ease:cubic-bezier(.22,.61,.36,1);--v11-spring:cubic-bezier(.34,1.56,.64,1);
}

/* =========================================================
   Menú lateral negro
   ========================================================= */
body.scwms-page .scwms-app .scwms-sidebar{background:var(--v11-side)!important;border-right:1px solid var(--v11-side-line)!important;color:var(--v11-side-text)!important;box-shadow:none!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-brand,
body.scwms-page .scwms-app .scwms-sidebar .scwms-brand-word{color:#fff!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-brand-word:first-child{color:var(--v11-red)!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-sidebar-toggle{background:var(--v11-side-2)!important;border:1px solid var(--v11-side-line)!important;color:#fff!important;transition:background .2s var(--v11-ease),transform .2s var(--v11-ease)!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-sidebar-toggle:hover{background:#20242c!important;transform:scale(1.05)}
body.scwms-page .scwms-app .scwms-sidebar .scwms-hamburger i{background:#fff!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-mobile-close{color:#fff!important;background:transparent!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-section{color:var(--v11-side-muted)!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-section::after{background:var(--v11-side-line)!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item{color:var(--v11-side-text)!important;background:transparent!important;box-shadow:none!important;position:relative;overflow:hidden;transition:background .2s var(--v11-ease),color .2s var(--v11-ease),transform .18s var(--v11-ease),padding .24s ease!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item svg{color:var(--v11-side-muted);transition:color .2s var(--v11-ease),transform .25s var(--v11-spring)}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item:hover{background:var(--v11-side-2)!important;color:#fff!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item:hover svg{color:#fff;transform:translateX(2px) scale(1.06)}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item.is-active{background:linear-gradient(90deg,rgba(209,31,31,.22),rgba(209,31,31,.06))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--v11-red)!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item.is-active svg{color:var(--v11-red)}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item.is-active::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--v11-red);box-shadow:0 0 0 4px rgba(209,31,31,.18);animation:v11pulse 2.2s ease-in-out infinite}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-item:focus-visible{outline:2px solid var(--v11-red)!important;outline-offset:2px}
body.scwms-page .scwms-app .scwms-sidebar .scwms-user-card,
body.scwms-page .scwms-app .scwms-sidebar .scwms-device-card{background:var(--v11-side-2)!important;border:1px solid var(--v11-side-line)!important;box-shadow:none!important;color:#fff!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-user-card strong,
body.scwms-page .scwms-app .scwms-sidebar .scwms-device-card strong{color:#fff!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-user-card small,
body.scwms-page .scwms-app .scwms-sidebar .scwms-device-card small{color:var(--v11-side-muted)!important}
body.scwms-page .scwms-app .scwms-sidebar::-webkit-scrollbar{width:6px}
body.scwms-page .scwms-app .scwms-sidebar::-webkit-scrollbar-thumb{background:#2a2f38;border-radius:9px}
@media(max-width:930px){body.scwms-page .scwms-app .scwms-sidebar{box-shadow:24px 0 60px rgba(0,0,0,.35)!important}}

/* =========================================================
   Animaciones generales
   ========================================================= */
@keyframes v11pulse{0%,100%{box-shadow:0 0 0 3px rgba(209,31,31,.2)}50%{box-shadow:0 0 0 7px rgba(209,31,31,0)}}
@keyframes v11rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v11fade{from{opacity:0}to{opacity:1}}
@keyframes v11pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes v11shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes v11slideIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes v11bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

body.scwms-page .scwms-section.is-active{animation:v11rise .42s var(--v11-ease) both}
.scwms-reveal{opacity:0;transform:translateY(16px)}
.scwms-reveal.is-in{animation:v11rise .55s var(--v11-ease) both;animation-delay:var(--scwms-delay,0ms)}

body.scwms-page .scwms-btn{transition:transform .18s var(--v11-ease),box-shadow .2s var(--v11-ease),background .2s var(--v11-ease),color .2s var(--v11-ease)!important}
body.scwms-page .scwms-btn:hover:not([disabled]){transform:translateY(-2px)}
body.scwms-page .scwms-btn:active:not([disabled]){transform:translateY(0) scale(.97)}
body.scwms-page .scwms-panel,
body.scwms-page .scwms-home-panel,
body.scwms-page .scwms-kpi,
body.scwms-page .scwms-home-kpi,
body.scwms-page .scwms-cutoff-card{transition:transform .25s var(--v11-ease),box-shadow .25s var(--v11-ease),border-color .25s var(--v11-ease)}
body.scwms-page .scwms-kpi:hover,
body.scwms-page .scwms-home-kpi:hover,
body.scwms-page .scwms-cutoff-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,26,36,.08)}
body.scwms-page .scwms-home-kpi-icon,
body.scwms-page .scwms-kpi .scwms-kpi-icon{transition:transform .35s var(--v11-spring)}
body.scwms-page .scwms-home-kpi:hover .scwms-home-kpi-icon,
body.scwms-page .scwms-kpi:hover .scwms-kpi-icon{transform:rotate(-8deg) scale(1.12)}
body.scwms-page .scwms-home-stage-bar i,
body.scwms-page .scwms-picking-progress i,
body.scwms-page .scwms-ops-progress i{transition:width .8s var(--v11-ease)!important}
body.scwms-page .scwms-table tbody tr{transition:background .18s ease}
body.scwms-page .scwms-table tbody tr:hover{background:#fafbfc}
body.scwms-page .scwms-modal.is-open .scwms-modal-card{animation:v11pop .38s var(--v11-spring) both}
body.scwms-page .scwms-toast.is-visible{animation:v11slideIn .3s var(--v11-ease) both}
body.scwms-page .scwms-live-badge i{animation:v11pulse 1.8s ease-in-out infinite}
body.scwms-page .scwms-empty-state b{animation:v11fade .5s ease both}
body.scwms-page .scwms-product-view-tabs button{transition:background .2s var(--v11-ease),color .2s var(--v11-ease),transform .18s var(--v11-ease)}
body.scwms-page .scwms-product-view-tabs button:hover{transform:translateY(-1px)}
body.scwms-page .scwms-pda-card{animation:v11rise .45s var(--v11-ease) both}

/* =========================================================
   Animación de escaneo (Despacho y confirmaciones)
   ========================================================= */
.scwms-fx{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(15,17,21,.0);pointer-events:none;opacity:0;transition:opacity .2s ease,background .3s ease}
.scwms-fx.is-visible{opacity:1;pointer-events:auto;background:rgba(15,17,21,.38);backdrop-filter:blur(3px)}
.scwms-fx-card{min-width:280px;max-width:min(92vw,440px);background:#fff;border-radius:28px;padding:30px 30px 26px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25);font-family:Inter,system-ui,sans-serif;color:var(--v11-ink);transform:scale(.7);opacity:0}
.scwms-fx.is-visible .scwms-fx-card{animation:v11pop .5s var(--v11-spring) forwards}
.scwms-fx-card b{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-top:6px}
.scwms-fx-card span{font-size:15px;color:var(--v11-muted)}
.scwms-fx-icon{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.scwms-fx-svg{width:120px;height:120px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.scwms-fx-ring{stroke-width:7;stroke-dasharray:330;stroke-dashoffset:330}
.scwms-fx-mark{stroke-width:9;stroke-dasharray:120;stroke-dashoffset:120}
.scwms-fx.is-visible .scwms-fx-ring{animation:v11draw .55s var(--v11-ease) .08s forwards}
.scwms-fx.is-visible .scwms-fx-mark{animation:v11draw .4s var(--v11-ease) .45s forwards}
.scwms-fx.is-visible .scwms-fx-mark-2{animation-delay:.62s}
@keyframes v11draw{to{stroke-dashoffset:0}}
.scwms-fx.is-ok .scwms-fx-icon{background:var(--v11-green-soft)}
.scwms-fx.is-ok .scwms-fx-svg{stroke:var(--v11-green)}
.scwms-fx.is-ok.is-visible .scwms-fx-icon{animation:v11glowGreen 1.2s ease-out .4s}
@keyframes v11glowGreen{0%{box-shadow:0 0 0 0 rgba(21,148,71,.45)}100%{box-shadow:0 0 0 34px rgba(21,148,71,0)}}
.scwms-fx.is-info .scwms-fx-icon{background:#eef4ff}
.scwms-fx.is-info .scwms-fx-svg{stroke:#276ee8}
.scwms-fx.is-error .scwms-fx-icon{background:var(--v11-red-soft)}
.scwms-fx.is-error .scwms-fx-svg{stroke:var(--v11-red)}
.scwms-fx.is-error.is-visible .scwms-fx-card{animation:v11pop .45s var(--v11-spring) forwards,v11shake .5s ease .75s}
@keyframes v11shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-12px)}40%{transform:translateX(10px)}60%{transform:translateX(-7px)}80%{transform:translateX(4px)}}
.scwms-fx.is-cancel.is-visible{background:rgba(120,6,10,.55)}
.scwms-fx.is-cancel .scwms-fx-card{border:3px solid var(--v11-red)}
.scwms-fx.is-cancel .scwms-fx-icon{background:var(--v11-red);animation:none}
.scwms-fx.is-cancel .scwms-fx-svg{stroke:#fff}
.scwms-fx.is-cancel .scwms-fx-ring{stroke-width:9}
.scwms-fx.is-cancel .scwms-fx-mark{stroke-width:10}
.scwms-fx.is-cancel.is-visible .scwms-fx-icon{animation:v11alarm 1s ease-in-out .9s infinite}
@keyframes v11alarm{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(209,31,31,.55)}50%{transform:scale(1.08);box-shadow:0 0 0 22px rgba(209,31,31,0)}}
.scwms-fx.is-cancel .scwms-fx-card b{color:var(--v11-red);font-size:30px}
.scwms-fx-btn{margin-top:14px;border:0;border-radius:14px;background:var(--v11-red);color:#fff;font:800 16px Inter,system-ui,sans-serif;padding:15px 22px;cursor:pointer;width:100%;transition:transform .15s ease,background .2s ease}
.scwms-fx-btn:hover{background:var(--v11-red-dark);transform:translateY(-2px)}

/* =========================================================
   Inicio · bloques de Administración
   ========================================================= */
.scwms-home-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0}
.scwms-home-admin-card{display:flex;flex-direction:column;gap:6px}
.scwms-home-admin-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.scwms-home-admin-card h2{margin:0;font-size:16px;font-weight:800}
.scwms-home-admin-card header p{margin:2px 0 0;color:var(--v11-muted);font-size:12.5px}
.scwms-home-admin-count{min-width:28px;height:28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:var(--v11-amber-soft);color:#7a4800;padding:0 8px;animation:v11pop .45s var(--v11-spring) both}
.scwms-home-admin-count.is-red{background:var(--v11-red-soft);color:#b3121b}
.scwms-home-admin-count.is-zero{background:#f0f1f3;color:var(--v11-muted)}
.scwms-home-admin-list{display:flex;flex-direction:column;flex:1}
.scwms-home-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #f0f1f3;font-size:13px;animation:v11slideIn .35s var(--v11-ease) both}
.scwms-home-admin-row:nth-child(2){animation-delay:.05s}.scwms-home-admin-row:nth-child(3){animation-delay:.1s}.scwms-home-admin-row:nth-child(4){animation-delay:.15s}
.scwms-home-admin-row div{display:flex;flex-direction:column;gap:2px;min-width:0}
.scwms-home-admin-row em{font-style:normal;font-size:12px;color:var(--v11-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scwms-home-admin-row em.is-red{color:#b3121b;font-weight:700}
.scwms-home-admin-row em.is-green{color:var(--v11-green);font-weight:700}
.scwms-home-admin-row .scwms-btn{padding:8px 11px;font-size:12px}
.scwms-home-admin-actions{display:flex;gap:6px;flex-shrink:0}
.scwms-home-admin-empty{padding:14px 0;color:var(--v11-muted);font-size:13px;border-top:1px solid #f0f1f3}
.scwms-home-admin-card .scwms-home-mini-link{align-self:flex-start;margin-top:6px}

/* =========================================================
   Despacho desde la PC
   ========================================================= */
.scwms-dispatch-desk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.scwms-dispatch-desk-grid.is-view-only{grid-template-columns:minmax(0,1fr)}
.scwms-dispatch-desk-scan .scwms-pda-dispatch-card{box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important}
.scwms-dispatch-desk-scan .scwms-pda-dispatch-card h2{font-size:20px}
.scwms-dispatch-desk-scan .scwms-dispatch-pda-input-row input{font-size:20px!important;padding:16px!important;border-radius:14px!important;border:2px solid var(--v11-ink)!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.scwms-dispatch-desk-scan .scwms-dispatch-pda-input-row input:focus{border-color:var(--v11-red)!important;box-shadow:0 0 0 5px rgba(209,31,31,.12)!important;outline:none}
.scwms-dispatch-desk-scan .scwms-picking-problem-modal{position:fixed}
@media(max-width:1100px){.scwms-dispatch-desk-grid{grid-template-columns:minmax(0,1fr)}}

/* =========================================================
   Depósito: Mapa / Editar
   ========================================================= */
.scwms-deposit-tabs{margin-bottom:16px}

/* =========================================================
   Configuración
   ========================================================= */
.scwms-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.scwms-config-card .scwms-form{display:flex;flex-direction:column;gap:12px}
.scwms-config-copy{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;background:var(--v11-bg);border-radius:12px;padding:10px 12px}
.scwms-config-copy small{grid-column:1/-1;color:var(--v11-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.scwms-config-copy code{font-size:12px;word-break:break-all;color:var(--v11-ink)}
.scwms-config-copy .scwms-btn{padding:7px 10px}
.scwms-config-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}
.scwms-config-actions-wide{grid-column:1/-1}
.scwms-config-status{display:flex;align-items:center;gap:10px;font-size:18px;padding:6px 0 12px}
.scwms-config-dot{width:12px;height:12px;border-radius:50%;background:#b8bdc6;position:relative}
.scwms-config-status.is-ok .scwms-config-dot{background:var(--v11-green);animation:v11pulseGreen 2s ease-in-out infinite}
.scwms-config-status.is-bad .scwms-config-dot{background:var(--v11-red);animation:v11pulse 1.4s ease-in-out infinite}
@keyframes v11pulseGreen{0%,100%{box-shadow:0 0 0 3px rgba(21,148,71,.2)}50%{box-shadow:0 0 0 8px rgba(21,148,71,0)}}
.scwms-config-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.scwms-config-facts div{background:var(--v11-bg);border-radius:12px;padding:10px 12px}
.scwms-config-facts dt{font-size:11px;color:var(--v11-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.scwms-config-facts dd{margin:3px 0 0;font-weight:700;font-size:13.5px;word-break:break-word}
.scwms-config-error{background:var(--v11-red-soft);color:#8f0f15;border-radius:12px;padding:10px 12px;font-size:13px;margin:12px 0 0}
.scwms-switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;font-weight:600}
.scwms-switch input{appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:99px;background:#d4d8de;position:relative;cursor:pointer;flex-shrink:0;transition:background .25s var(--v11-ease);margin:0}
.scwms-switch input::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .3s var(--v11-spring)}
.scwms-switch input:checked{background:var(--v11-red)}
.scwms-switch input:checked::after{transform:translateX(16px)}
.scwms-switch input:focus-visible{outline:2px solid var(--v11-red);outline-offset:2px}
.scwms-switch input:disabled{opacity:.5;cursor:not-allowed}

.scwms-config-printers{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.scwms-printer-card{border:1px solid var(--v11-line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fff;animation:v11rise .4s var(--v11-ease) both}
.scwms-printer-head{display:flex;align-items:center;gap:10px}
.scwms-printer-head input[data-pf="name"]{flex:1;font-weight:800;font-size:15px;border:1px solid transparent;border-radius:10px;padding:8px 10px;background:var(--v11-bg)}
.scwms-printer-head input[data-pf="name"]:focus{border-color:var(--v11-red);outline:none;background:#fff}
.scwms-printer-icon{width:36px;height:36px;border-radius:10px;background:var(--v11-side);flex-shrink:0;position:relative}
.scwms-printer-icon::after{content:'';position:absolute;left:9px;right:9px;top:13px;height:10px;border-radius:3px;border:2px solid #fff;border-top-width:5px}
.scwms-icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--v11-line);background:#fff;font-size:18px;cursor:pointer;color:var(--v11-muted);transition:background .2s,color .2s}
.scwms-icon-btn:hover{background:var(--v11-red-soft);color:var(--v11-red)}
.scwms-printer-users small{display:block;color:var(--v11-muted);font-size:12px;margin-bottom:6px}
.scwms-printer-users>div{display:flex;flex-wrap:wrap;gap:6px}
.scwms-chip{display:inline-flex;align-items:center;cursor:pointer}
.scwms-chip input{position:absolute;opacity:0;pointer-events:none}
.scwms-chip span{border:1px solid var(--v11-line);border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:all .2s var(--v11-ease)}
.scwms-chip input:checked+span{background:var(--v11-side);border-color:var(--v11-side);color:#fff}
.scwms-chip input:focus-visible+span{outline:2px solid var(--v11-red)}
.scwms-muted{color:var(--v11-muted)}

/* Usuarios y permisos */
.scwms-users-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.scwms-users-list-panel{display:flex;flex-direction:column;gap:10px;position:sticky;top:90px}
.scwms-users-list{display:flex;flex-direction:column;gap:2px;max-height:62vh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.scwms-user-row{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;border-radius:12px;padding:9px 10px;cursor:pointer;font:inherit;color:var(--v11-ink);transition:background .18s ease;width:100%;max-width:100%;box-sizing:border-box;min-width:0}
.scwms-user-row:hover{background:var(--v11-bg)}
.scwms-user-row.is-active{background:var(--v11-side);color:#fff}
.scwms-user-row.is-active small{color:#aab0ba}
.scwms-user-row.is-disabled{opacity:.6}
.scwms-user-row b{display:block;font-size:13.5px}
.scwms-user-row small{display:block;font-size:11.5px;color:var(--v11-muted)}
.scwms-user-avatar{width:34px;height:34px;border-radius:50%;background:var(--v11-red);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.scwms-users-editor.is-entering{animation:v11slideIn .35s var(--v11-ease) both}
.scwms-user-editor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--v11-line)}
.scwms-user-editor-head h3{margin:0;font-size:20px;font-weight:900}
.scwms-user-editor-head small{color:var(--v11-muted)}
.scwms-user-profile{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--v11-muted)}
.scwms-user-profile select{min-width:200px}
.scwms-user-access{margin:14px 0 4px}
.scwms-perm-group h4{margin:18px 0 4px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v11-red)}
.scwms-perm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #f0f1f3;font-size:13.5px}
.scwms-seg{display:inline-flex;border:1px solid #d9dce1;border-radius:10px;overflow:hidden;background:#fff;flex-shrink:0}
.scwms-seg-btn{font:600 12px Inter,system-ui,sans-serif;border:0;background:#fff;color:var(--v11-muted);padding:7px 12px;cursor:pointer;border-left:1px solid #eceef1;transition:background .2s var(--v11-ease),color .2s var(--v11-ease)}
.scwms-seg-btn:first-child{border-left:0}
.scwms-seg-btn:hover:not([disabled]){background:#f6f7f9}
.scwms-seg-btn.is-on.is-none{background:#e9ebee;color:var(--v11-ink)}
.scwms-seg-btn.is-on.is-view{background:var(--v11-amber-soft);color:#7a4800}
.scwms-seg-btn.is-on.is-edit{background:var(--v11-green-soft);color:#0f6a35}
.scwms-seg-btn.is-on{animation:v11pop .3s var(--v11-spring)}
.scwms-seg-btn:focus-visible{outline:2px solid var(--v11-red);outline-offset:-2px}
@media(max-width:900px){.scwms-users-layout{grid-template-columns:1fr}.scwms-users-list-panel{position:static}.scwms-perm-row{flex-direction:column;align-items:flex-start}}

/* Ubicación por escaneo */
.scwms-location-scan input{font-size:16px;border:2px solid var(--v11-ink);border-radius:12px;padding:12px;margin-top:6px;width:100%;box-sizing:border-box}
.scwms-location-scan input:focus{border-color:var(--v11-red);outline:none;box-shadow:0 0 0 4px rgba(209,31,31,.12)}


/* =========================================================
   Menos movimiento si el dispositivo lo pide
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .scwms-reveal{opacity:1!important;transform:none!important}
  .scwms-fx-ring,.scwms-fx-mark{stroke-dashoffset:0!important}
  .scwms-fx-card{opacity:1!important;transform:none!important}
}

/* El menú arranca arriba aunque tenga pocas opciones */
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-content:flex-start!important;flex:1 1 auto!important;gap:0!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-group{display:flex!important;flex-direction:column!important;gap:2px!important;flex:0 0 auto!important}
body.scwms-page .scwms-app .scwms-sidebar .scwms-nav-section{flex:0 0 auto!important}

/* Lo marcado como oculto queda oculto (algunas reglas viejas lo pisaban) */
body.scwms-page [hidden]{display:none!important}

/* Configuración: textos legibles */
body.scwms-page [data-config] .scwms-form label,
body.scwms-page [data-config] .scwms-switch span{font-size:13.5px!important;font-weight:600!important;color:var(--v11-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.scwms-page [data-config] .scwms-form label{display:flex;flex-direction:column;gap:6px}
body.scwms-page [data-config] .scwms-form label.scwms-switch{flex-direction:row;align-items:center}
body.scwms-page .scwms-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){body.scwms-page .scwms-config-grid{grid-template-columns:1fr}}
.scwms-user-profile select{font:600 13.5px Inter,system-ui,sans-serif;border:1px solid #d9dce1;border-radius:10px;padding:9px 12px;background:#fff;color:var(--v11-ink)}


/* =========================================================
   v0.11.1 · Ajustes solicitados
   - Productos cambia de solapa sin animación de entrada.
   - Sidebar de escritorio vuelve a un ancho cómodo.
   ========================================================= */
@media (min-width:931px){
  body.scwms-page .scwms-app:not(.sidebar-collapsed) .scwms-sidebar{
    width:260px!important;
    min-width:260px!important;
    flex-basis:260px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.scwms-page .scwms-app:not(.sidebar-collapsed) .scwms-main{
    margin-left:260px!important;
    width:calc(100% - 260px)!important;
  }
  body.scwms-page .scwms-app:not(.sidebar-collapsed) .scwms-sidebar .scwms-nav-item span{
    max-width:196px!important;
  }
}

body.scwms-page .scwms-section[data-section="productos"].is-active,
body.scwms-page .scwms-section[data-section="stock"].is-active,
body.scwms-page .scwms-section[data-section="composicion-kits"].is-active,
body.scwms-page .scwms-section[data-section="codigos-escaneo"].is-active,
body.scwms-page .scwms-section[data-section="ubicaciones"].is-active{
  animation:none!important;
}
body.scwms-page .scwms-section[data-section="productos"] .scwms-reveal,
body.scwms-page .scwms-section[data-section="stock"] .scwms-reveal,
body.scwms-page .scwms-section[data-section="composicion-kits"] .scwms-reveal,
body.scwms-page .scwms-section[data-section="codigos-escaneo"] .scwms-reveal,
body.scwms-page .scwms-section[data-section="ubicaciones"] .scwms-reveal{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

/* v0.11.27 · feedback de lector de etiquetas */
.scwms-fx.is-duplicate .scwms-fx-icon{background:#fff4d6}
.scwms-fx.is-duplicate .scwms-fx-svg{stroke:#c77a00}
.scwms-fx.is-duplicate .scwms-fx-card{border:2px solid #f4c15f}
.scwms-fx.is-duplicate .scwms-fx-card b{color:#9a5d00}
.scwms-fx.is-duplicate.is-visible .scwms-fx-icon{animation:v11alarm .55s ease-in-out .7s 2}

/* v0.12.01 · resumen de canceladas y recupero */
.scwms-home-recovery-count-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}
.scwms-home-recovery-count-wrap small{font-size:9.5px;font-weight:800;color:var(--v11-muted);white-space:nowrap}
.scwms-home-admin-row.is-danger em{color:#b3121b;font-weight:750}

/* v0.12.02 · notificaciones individuales por usuario */
body.scwms-page .scwms-user-notification-group{margin-top:14px}
body.scwms-page .scwms-user-notification-group .scwms-user-access{margin-top:8px}
body.scwms-page .scwms-user-notification-help{display:block;margin-top:8px;color:#7c8798;line-height:1.45}