:root{--final-navy:#063b86;--final-blue:#075fc8;--final-ink:#0a2857;--final-muted:#5f7189;--final-line:#d8e2ef;--final-canvas:#f7f9fc;--final-success:#159447;--final-warning:#ef7d00;--final-danger:#dc2734;--final-purple:#6b35bf;--final-teal:#0797ae;--final-green:#159447;--final-orange:#f47a00}
html,body,#app{height:100%;margin:0}body{font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--final-ink);background:var(--final-canvas);font-size:13px;line-height:1.35}
.suite-reference-ui{--module-accent:var(--final-blue);height:100vh!important;min-height:620px!important;background:var(--final-canvas)!important;overflow:hidden!important;font-family:"Segoe UI",Inter,Arial,sans-serif!important}
.suite-reference-ui.desktop{grid-template-columns:196px minmax(0,1fr)!important}.suite-reference-ui .desktop-main{grid-column:2!important;height:100vh!important;min-height:0!important;padding:0!important;display:grid!important;grid-template-rows:58px minmax(0,1fr)!important;overflow:hidden!important}
.suite-reference-ui .desk-content{min-height:0!important;overflow:auto!important;padding:18px!important;padding-bottom:52px!important;background:#fff!important;scrollbar-gutter:stable}
.suite-reference-ui .side{position:relative!important;inset:auto!important;width:auto!important;height:100vh!important;padding:58px 8px 40px!important;box-sizing:border-box!important;background:#fff!important;color:var(--final-ink)!important;border-right:1px solid var(--final-line)!important;overflow-y:auto!important;overflow-x:hidden!important}
.suite-reference-ui .side .brand{position:absolute!important;left:0!important;top:0!important;width:196px!important;height:58px!important;box-sizing:border-box!important;margin:0!important;padding:0 12px!important;background:var(--final-navy)!important;color:#fff!important;border:0!important;gap:8px!important}.suite-reference-ui .side .brand strong{font-size:14px!important;color:#fff!important}.suite-reference-ui .side .brand small{font-size:9px!important;color:#dce9ff!important}.suite-reference-ui .side .brand .logo{width:28px!important;height:28px!important;min-width:28px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.suite-reference-ui .side-nav{gap:1px!important;padding-top:8px!important}.suite-reference-ui .side-nav button{width:100%!important;min-height:34px!important;padding:7px 9px!important;border-radius:3px!important;background:transparent!important;color:#18375f!important;font-size:11px!important;font-weight:600!important;gap:8px!important}.suite-reference-ui .side-nav button:hover{background:#f0f5fb!important;color:var(--module-accent)!important}.suite-reference-ui .side-nav button.active{background:#eaf3ff!important;color:var(--module-accent)!important;font-weight:750!important;box-shadow:inset 3px 0 var(--module-accent)!important}.suite-reference-ui .side-nav button span{width:17px!important;height:17px!important;display:grid!important;place-items:center!important;color:inherit!important}.suite-reference-ui .side-nav button svg,.suite-reference-ui .side .brand svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.suite-reference-ui .topbar{height:58px!important;min-height:58px!important;margin:0!important;padding:0 14px!important;background:var(--final-navy)!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative!important;display:flex!important;align-items:center!important}.suite-reference-ui .topbar h1{font-size:15px!important;line-height:1.1!important;color:#fff!important}.suite-reference-ui .topbar .eyebrow{font-size:8px!important;letter-spacing:.08em!important;color:#dbe8fb!important}.suite-reference-ui .top-actions{gap:6px!important}.suite-reference-ui .top-actions .icon-btn,.suite-reference-ui .top-actions>.btn.ghost{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;border-radius:4px!important;font-size:0!important}.suite-reference-ui .top-actions .icon-btn svg,.suite-reference-ui .top-actions>.btn.ghost svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.suite-reference-ui .avatar,.suite-reference-ui .profile-avatar,.suite-reference-ui .desktop-profile-trigger{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;background:#e9f3ff!important;color:var(--final-navy)!important;border:0!important;font-size:10px!important;font-weight:800!important}
.suite-reference-ui .panel,.suite-reference-ui .card,.suite-reference-ui .suite-card,.suite-reference-ui .config-card,.suite-reference-ui .basic-module-card,.suite-reference-ui .kpi,.suite-reference-ui .table-wrap{border:1px solid var(--final-line)!important;border-radius:4px!important;background:#fff!important;box-shadow:0 1px 2px #0a28570a!important}.suite-reference-ui .panel{padding:14px!important}.suite-reference-ui h1,.suite-reference-ui h2,.suite-reference-ui h3{color:var(--final-ink);letter-spacing:-.015em}.suite-reference-ui h2{font-size:18px}.suite-reference-ui h3{font-size:13px}.suite-reference-ui .sub,.suite-reference-ui small{color:var(--final-muted)}
.suite-reference-ui input,.suite-reference-ui select,.suite-reference-ui textarea,.suite-reference-ui .search{min-height:34px!important;padding:7px 9px!important;border:1px solid var(--final-line)!important;border-radius:3px!important;background:#fff!important;color:var(--final-ink)!important;font:inherit!important}.suite-reference-ui textarea{min-height:72px!important}.suite-reference-ui input:focus,.suite-reference-ui select:focus,.suite-reference-ui textarea:focus{border-color:var(--module-accent)!important;outline:2px solid color-mix(in srgb,var(--module-accent) 14%,transparent)!important}
.suite-reference-ui .btn,.suite-reference-ui button.primary,.suite-reference-ui .dp-button{min-height:32px!important;padding:7px 12px!important;border-radius:3px!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}.suite-reference-ui .btn.primary,.suite-reference-ui button.primary{background:var(--module-accent)!important;border:1px solid var(--module-accent)!important;color:#fff!important}.suite-reference-ui .btn.ghost,.suite-reference-ui .btn.soft{background:#fff!important;color:var(--module-accent)!important;border:1px solid #b8cbe2!important}.suite-reference-ui .btn.danger{background:#fff!important;color:var(--final-danger)!important;border:1px solid #efb6bc!important}
.suite-reference-ui .badge{border-radius:999px!important;padding:3px 7px!important;font-size:9px!important;font-weight:700!important}.suite-reference-ui th{background:#f4f7fb!important;color:#405979!important;font-size:9px!important}.suite-reference-ui th,.suite-reference-ui td{padding:8px 9px!important;border-bottom:1px solid #e5ebf3!important}.suite-reference-ui td{font-size:10px!important}.suite-reference-ui .desk-kpis{gap:10px!important}.suite-reference-ui .desk-kpis .kpi{padding:13px!important}.suite-reference-ui .kpi b{font-size:24px!important;color:var(--final-ink)!important}
.suite-reference-ui.warehouse{--module-accent:#075fc8}.suite-reference-ui.gmao{--module-accent:var(--final-green)}.suite-reference-ui.envios-desktop{--module-accent:var(--final-blue)}.suite-reference-ui.smartreception-shell{--module-accent:var(--final-purple)}.suite-reference-ui.vision-shell{--module-accent:#244cb3}
.suite-reference-ui.suite .side{background:linear-gradient(180deg,#073f95,#075fc8)!important;color:#fff!important;border-right:0!important}.suite-reference-ui.suite .side-nav button{color:#fff!important}.suite-reference-ui.suite .side-nav button:hover,.suite-reference-ui.suite .side-nav button.active{background:#fff!important;color:#07418f!important;box-shadow:none!important}.suite-reference-ui.suite .side-label{color:#bdd5f5!important}.suite-reference-ui.suite .side-foot{border-color:#ffffff35!important;color:#fff!important}
.suite-reference-ui.gmao .side .brand{background:#087942!important}.suite-reference-ui.gmao .topbar{background:#075233!important}.suite-reference-ui.envios-desktop .side .brand,.suite-reference-ui.envios-desktop .topbar{background:#064489!important}.suite-reference-ui.smartreception-shell .side .brand,.suite-reference-ui.smartreception-shell .topbar{background:#083d86!important}
.dp-desktop-app{--module-accent:var(--final-teal)!important;grid-template-columns:190px minmax(0,1fr)!important;background:#fff!important}.dp-desktop-sidebar{background:linear-gradient(180deg,#06449a,#075fc8)!important}.dp-desktop-topbar{background:#fff!important;color:var(--final-ink)!important}.dp-desktop-content{background:#fff!important}.dp-desktop-main{grid-template-rows:58px minmax(0,1fr)!important}.dp-desktop-brand,.dp-desktop-topbar{height:58px!important}.dp-desktop-sidebar{padding-top:66px!important}.dp-desktop-content .btn.primary{background:var(--final-blue)!important;border-color:var(--final-blue)!important}.dp-desktop-status{display:none!important}
.suite-live-status{left:196px!important;border-top:1px solid var(--final-line)!important;box-shadow:none!important}.dp-desktop-main>.suite-live-status{left:190px!important}.basic-portal>.suite-live-status{left:0!important}.suite-status-summary{height:32px!important;padding:0 12px!important;font-size:9px!important;background:#fff!important}.suite-status-title{color:var(--final-navy)!important}.suite-status-details{height:68px!important;background:#f8faff!important}
.suite-reference-ui .suite-admin-return{margin:12px 2px!important;width:calc(100% - 4px)!important;border:1px solid #b7cbe3!important;background:#fff!important;color:var(--final-navy)!important;border-radius:3px!important;padding:8px!important;font-size:10px!important}
html.android-hosted-app .mobile-stage,html.native-android .mobile-stage{background:#fff!important}.mobile-shell,.dataplan-source-mobile,.warehouse-mobile,.gmao-mobile,.envios-mobile{font-family:"Segoe UI",Inter,Arial,sans-serif!important}.mobile-shell .btn,.mobile-shell .dp-button{border-radius:4px!important}.mobile-shell .card,.mobile-shell .record,.mobile-shell .delivery-type,.mobile-shell .mail-preview{border-radius:5px!important;box-shadow:none!important}.mobile-shell .m-content{background:#fff!important}
@media(max-width:800px){.suite-reference-ui.desktop{grid-template-columns:58px minmax(0,1fr)!important}.suite-reference-ui .side{display:block!important;padding-left:6px!important;padding-right:6px!important}.suite-reference-ui .side .brand{width:58px!important;padding:0 15px!important}.suite-reference-ui .side .brand>div:last-child,.suite-reference-ui .side-nav button em,.suite-reference-ui .side-label{display:none!important}.suite-reference-ui .side-nav button{justify-content:center!important}.suite-reference-ui .desktop-main{grid-column:2!important}.suite-live-status{left:58px!important}.suite-reference-ui .desk-content{padding:12px!important;padding-bottom:48px!important}}
