/* Final SmartEnvios visual contract. Loaded after the shared shell contract. */
.envios-desktop{--envios-accent:#075fc8;--envios-accent-strong:#084f9f;--envios-accent-soft:#eaf3ff;--envios-sidebar:#12304d;--envios-sidebar-hover:#1c4569;--envios-surface:#fff;--envios-canvas:#f4f7fb;--envios-ink:#13233a;--envios-muted:#64748b;--envios-line:#d8e3f0;color:var(--envios-ink);background:var(--envios-canvas)!important;font-family:"Aptos","Segoe UI",sans-serif}
.envios-desktop .envios-side{background:linear-gradient(180deg,#163b5f 0,var(--envios-sidebar) 70%,#0d2740 100%)!important;color:#fff}.envios-desktop .envios-brand{display:flex;align-items:center;gap:11px;padding:0 18px!important;border-bottom:1px solid rgba(255,255,255,.12)}.envios-desktop .envios-brand>img{flex:0 0 auto;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.envios-desktop .envios-brand>div{display:grid;min-width:0;gap:2px}.envios-desktop .envios-brand strong{font-size:15px;line-height:1.05;letter-spacing:-.015em}.envios-desktop .envios-brand small{overflow:hidden;color:#bfd2e5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.envios-desktop .envios-side .side-label{padding:19px 20px 8px;color:#93b2ce;font-size:10px;letter-spacing:.13em}.envios-desktop .envios-side .side-nav{display:grid;align-content:start;gap:4px;padding:0 12px}.envios-desktop .envios-side .side-nav button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;margin:0;padding:6px 10px;border:1px solid transparent;border-radius:10px;color:#e6f0f8;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.envios-desktop .envios-side .side-nav button:hover{background:var(--envios-sidebar-hover);border-color:rgba(255,255,255,.1);transform:translateX(2px)}.envios-desktop .envios-side .side-nav button.active{background:linear-gradient(135deg,var(--envios-accent),#1976d2);border-color:#4b9bea;color:#fff;box-shadow:0 8px 18px rgba(7,59,132,.28)}.envios-desktop .envios-side .side-nav button span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(255,255,255,.08)}.envios-desktop .envios-side .side-nav button.active span{background:rgba(255,255,255,.18)}.envios-desktop .envios-side .side-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.envios-desktop .envios-side .side-nav em{overflow:hidden;font-size:13px;font-style:normal;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.envios-desktop .envios-topbar{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:0 20px!important;border-bottom:1px solid var(--envios-line)!important;background:color-mix(in srgb,var(--envios-surface) 94%,#eef5fb)!important;color:var(--envios-ink)}.envios-header-context,.envios-header-actions{display:flex;align-items:center;min-width:0}.envios-header-context{gap:11px}.envios-header-context>div{display:grid;gap:1px}.envios-header-context small{color:var(--envios-accent-strong);font-size:9px;font-weight:800;letter-spacing:.13em}.envios-header-context strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.envios-header-actions{justify-content:flex-end;gap:7px;margin-left:auto;white-space:nowrap}.envios-mobile-menu-toggle,.envios-help-action{place-items:center;min-width:40px;height:40px;border:1px solid var(--envios-line);border-radius:10px;background:var(--envios-surface);color:var(--envios-ink);cursor:pointer}.envios-mobile-menu-toggle{display:none}.envios-mobile-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.envios-help-action{display:inline-flex;padding:0 13px;font:700 12px/1 inherit}.envios-mobile-menu-toggle:hover,.envios-help-action:hover{border-color:#fdba74;background:var(--envios-accent-soft);color:var(--envios-accent-strong)}
.envios-desktop .desk-content{padding:20px!important;background:var(--envios-canvas)!important}.envios-desktop :is(.panel,.card,.kpi,.config-card,.table-wrap){border-color:var(--envios-line);border-radius:14px;background:var(--envios-surface);box-shadow:0 8px 24px rgba(15,40,65,.055)}.envios-desktop :is(.btn,.search,input,select,textarea){min-height:42px;border-radius:9px}.envios-desktop :is(input,select,textarea,.search){border:1px solid var(--envios-line);background:var(--envios-surface);color:var(--envios-ink)}.envios-desktop :is(input,select,textarea,.search):focus{border-color:var(--envios-accent);outline:3px solid rgba(234,88,12,.14)}.envios-desktop .btn.primary{border-color:var(--envios-accent);background:var(--envios-accent);color:#fff}.envios-desktop .btn.primary:hover{border-color:var(--envios-accent-strong);background:var(--envios-accent-strong)}.envios-desktop table{border-collapse:separate;border-spacing:0}.envios-desktop th{background:#edf3f8;color:#41566d;font-size:11px;letter-spacing:.04em}.envios-desktop tbody tr:hover{background:#fff8f3}.envios-desktop .se-v5-primary-actions button{border-color:#fed7aa;border-radius:14px;background:linear-gradient(145deg,#fff 0,#fff7ed 100%);color:#7c2d12}.envios-desktop .se-v5-primary-actions button:hover{border-color:var(--envios-accent);box-shadow:0 12px 28px rgba(154,52,18,.12)}
@media (max-width:900px){.envios-desktop{display:block!important;min-height:100dvh;overflow:hidden}.envios-desktop>.envios-side{position:fixed!important;inset:0 auto 0 0!important;z-index:80;width:min(82vw,264px)!important;max-width:264px!important;height:100dvh!important;transform:translateX(-102%);transition:transform .22s ease;box-shadow:16px 0 38px rgba(15,23,42,.25)}.envios-desktop.envios-sidebar-open>.envios-side{transform:translateX(0)}.envios-desktop>.desktop-main{display:grid!important;grid-template-rows:58px minmax(0,1fr);width:100%!important;height:100dvh!important;overflow:hidden}.envios-desktop .envios-topbar{height:58px!important;min-height:58px!important;padding:0 12px!important}.envios-desktop .desk-content{overflow:auto!important;padding:14px!important}.envios-mobile-menu-toggle{display:grid}.envios-header-context small,.envios-help-action{display:none}.envios-header-actions{gap:3px}}
@media (max-width:640px){.envios-header-context strong{max-width:120px}.envios-desktop .se-v5-primary-actions{grid-template-columns:1fr}.envios-desktop :is(.toolbar,.btn-row,.section-title){align-items:stretch;flex-direction:column}.envios-desktop :is(.toolbar,.btn-row)>.btn{width:100%}}
html[data-theme="dark"] .envios-desktop,body.theme-dark .envios-desktop,.theme-dark .envios-desktop{--envios-surface:#172435;--envios-canvas:#0f1926;--envios-ink:#eef5fb;--envios-muted:#9eb0c3;--envios-line:#31445a;--envios-accent-soft:#3d251c}html[data-theme="dark"] .envios-desktop th,body.theme-dark .envios-desktop th,.theme-dark .envios-desktop th{background:#213247;color:#c6d4e2}html[data-theme="dark"] .envios-desktop tbody tr:hover,body.theme-dark .envios-desktop tbody tr:hover,.theme-dark .envios-desktop tbody tr:hover{background:#2a211f}html[data-theme="dark"] .envios-desktop .se-v5-primary-actions button,body.theme-dark .envios-desktop .se-v5-primary-actions button,.theme-dark .envios-desktop .se-v5-primary-actions button{background:linear-gradient(145deg,#172435,#30231f);color:#fed7aa}
.envios-desktop .envios-side .side-nav{overflow-x:hidden!important}
.envios-desktop .envios-side .side-nav button.active{background:linear-gradient(135deg,var(--envios-accent),#1976d2)!important;color:#fff!important}
@media (max-width:900px){.envios-desktop.envios-sidebar-open>.envios-side>.envios-brand>div{display:grid!important;visibility:visible!important;opacity:1!important}.envios-desktop.envios-sidebar-open .side-label,.envios-desktop.envios-sidebar-open .side-nav em{display:block!important}.envios-desktop.envios-sidebar-open .side-nav button{grid-template-columns:34px minmax(0,1fr)!important;color:#e6f0f8!important}.envios-desktop.envios-sidebar-open .side-nav button.active{color:#fff!important}}
@media (prefers-reduced-motion:reduce){.envios-desktop *{scroll-behavior:auto!important;transition:none!important}}
/* Paridad visual y funcional de la cabecera SmartEnvios con el Launcher. */
body #app .envios-desktop{--envios-sidebar-w:228px!important;--envios-shell-blue:#0759c9!important;--envios-topbar-h:68px!important;grid-template-columns:228px minmax(0,1fr)!important}
body #app .envios-desktop>.envios-side{width:228px!important;max-width:228px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;background:linear-gradient(180deg,#08458f 0%,#063b7d 100%)!important}
body #app .envios-desktop .envios-side>.side-label{flex:none!important}
body #app .envios-desktop .envios-side>.side-nav{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-height:0!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important}
body #app .envios-desktop .envios-side>.side-nav button{width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none!important}
body #app .envios-desktop .envios-side>.suite-sidebar-status{position:static!important;inset:auto!important;flex:0 0 auto!important;width:calc(100% - 24px)!important;min-height:64px!important;margin:10px 12px 14px!important}
body #app .envios-desktop .envios-topbar{height:68px!important;min-height:68px!important;padding:0!important;background:linear-gradient(90deg,#0647a6,#075dc7)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important}
body #app .envios-desktop .envios-topbar>.suite-common-header-actions{margin-left:auto!important;width:auto!important;min-width:0!important;height:68px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;color:#fff!important}
body #app .envios-desktop .envios-topbar .sf-bell{width:70px!important;min-width:70px!important;height:68px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important}
body #app .envios-desktop .envios-topbar .sf-bell svg{display:block!important;width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body #app .envios-desktop .envios-topbar .sf-user{width:284px!important;min-width:284px!important;height:68px!important;padding:0 14px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 14px!important;align-items:center!important;gap:10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-align:left!important}
body #app .envios-desktop .envios-topbar .sf-user>span:first-child{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#e8f1ff!important;color:#0750a7!important;font-size:12px!important;font-weight:850!important}
body #app .envios-desktop .envios-topbar .sf-user-copy{display:grid!important;width:auto!important;height:auto!important;min-width:0!important;gap:1px!important;overflow:visible!important}
body #app .envios-desktop .envios-topbar .sf-user-copy b,body #app .envios-desktop .envios-topbar .sf-user-copy small{display:block!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important}
body #app .envios-desktop .envios-topbar .sf-user-copy b{font-size:13px!important}body #app .envios-desktop .envios-topbar .sf-user-copy small{font-size:11px!important;color:#dceaff!important}body #app .envios-desktop .envios-topbar .sf-user em{display:block!important;color:#fff!important}
body #app .envios-desktop .envios-side .envios-brand{width:100%!important;height:68px!important;box-sizing:border-box!important;padding:8px 16px!important;background:#08458f!important;border-bottom:1px solid #ffffff20!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;overflow:hidden!important}
body #app .envios-desktop .envios-side .envios-brand img{width:44px!important;height:44px!important;display:block!important;object-fit:contain!important;filter:none!important}
body #app .envios-desktop .envios-side .envios-brand>div{min-width:0!important}body #app .envios-desktop .envios-side .envios-brand strong,body #app .envios-desktop .envios-side .envios-brand small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body #app .envios-desktop .envios-side .envios-brand strong{color:#fff!important;font-size:18px!important}body #app .envios-desktop .envios-side .envios-brand small{color:#e1ecff!important;font-size:11px!important}
body #app .envios-desktop .envios-side .side-label{color:#bcd6ff!important}body #app .envios-desktop .envios-side .side-nav button{color:#eef5ff!important;background:transparent!important}body #app .envios-desktop .envios-side .side-nav button:hover{background:#ffffff16!important;color:#fff!important}body #app .envios-desktop .envios-side .side-nav button.active{background:#075fc8!important;color:#fff!important}
body #app .envios-desktop .envios-side .side-nav button>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #ffffff7a!important;border-radius:9px!important;background:#ffffff14!important;color:currentColor!important}
body #app .envios-desktop .envios-side .side-nav button>span svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}body #app .envios-desktop .envios-side .side-nav button.active>span{background:#fff!important;border-color:#fff!important;color:#075fc8!important}
@media(max-width:760px){body #app .envios-desktop .envios-topbar>.suite-common-header-actions{min-width:0!important}body #app .envios-desktop .envios-topbar .sf-bell{width:58px!important;min-width:58px!important}body #app .envios-desktop .envios-topbar .sf-user{width:62px!important;min-width:62px!important;grid-template-columns:40px!important;padding:0 11px!important}body #app .envios-desktop .envios-topbar .sf-user-copy,body #app .envios-desktop .envios-topbar .sf-user em{display:none!important}}
/* El lateral es una columna cerrada: navegación y estado nunca invaden el contenido. */
body #app .envios-desktop>.envios-side{padding:0!important;box-sizing:border-box!important}
body #app .envios-desktop>.envios-side>.side-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:0 12px!important;box-sizing:border-box!important;overflow-x:hidden!important}
body #app .envios-desktop>.envios-side>.side-nav>button{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px!important;margin:0!important;padding:6px 10px!important;box-sizing:border-box!important;overflow:hidden!important;transform:none!important}
body #app .envios-desktop>.envios-side>.side-nav>button>span{min-width:34px!important;max-width:34px!important;box-sizing:border-box!important}
body #app .envios-desktop>.envios-side>.side-nav>button>em{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body #app .envios-desktop>.envios-side>.side-nav>button.active{box-shadow:none!important;transform:none!important}
body #app .envios-desktop>.envios-side>.suite-sidebar-status{align-self:center!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;padding:9px 10px!important}
body #app .envios-desktop>.envios-side>.suite-sidebar-status>span:last-child{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body #app .envios-desktop>.envios-side>.suite-sidebar-status b,body #app .envios-desktop>.envios-side>.suite-sidebar-status small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
/* Flujo vertical cerrado: la marca no puede cubrir navegación ni ensancharse fuera del lateral. */
body #app .envios-desktop>.envios-side>.envios-brand{position:relative!important;inset:auto!important;flex:0 0 68px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
body #app .envios-desktop>.envios-side>.side-label{display:block!important;flex:0 0 46px!important;min-width:0!important;height:46px!important;margin:0!important;padding:18px 20px 8px!important;box-sizing:border-box!important;line-height:12px!important;overflow:hidden!important}
body #app .envios-desktop>.envios-side>.side-nav{flex:1 1 auto!important;min-height:0!important;padding:0 12px!important}
body #app .envios-desktop>.envios-side>.suite-sidebar-status{flex:0 0 64px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:10px 12px 12px!important}
/* Los márgenes del lateral no se calculan con porcentajes: se reservan en el flujo flex. */
body #app .envios-desktop>.envios-side>.side-nav{width:auto!important;max-width:none!important;align-self:stretch!important;margin:0!important;padding-right:12px!important;padding-left:12px!important}
body #app .envios-desktop>.envios-side>.side-nav>button{width:auto!important;max-width:none!important;align-self:stretch!important;margin-right:0!important}
body #app .envios-desktop>.envios-side>.suite-sidebar-status{width:auto!important;max-width:none!important;align-self:stretch!important;margin:10px 12px 12px!important}
body #app .envios-desktop .envios-full-table .envios-table-row{cursor:pointer!important}
body #app .envios-desktop .envios-full-table .envios-table-row:hover td{background:#fff8f3!important}
body #app .envios-desktop .envios-full-table .envios-table-row:focus-visible{outline:2px solid var(--envios-accent)!important;outline-offset:-2px!important}
