:root{--ink:#17202b;--muted:#697586;--line:#e4e8ed;--paper:#f5f6f8;--white:#fff;--navy:#17212d;--blue:#155eef;--cyan:#15b8a6;--orange:#f79009;--shadow:0 18px 50px rgba(20,31,46,.08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:var(--paper)}button,input{font:inherit}.eyebrow{margin:0 0 8px;color:#778397;font-size:11px;font-weight:800;letter-spacing:.16em}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#1680ff,#15c8ad);box-shadow:0 12px 30px rgba(21,128,255,.3);color:#fff;font-size:26px;font-weight:900}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:19px}.login-page{min-height:100vh;background:#101a25}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(380px,1.05fr) minmax(440px,.95fr)}.login-brand{display:flex;padding:8vw;flex-direction:column;justify-content:center;overflow:hidden;position:relative;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(20,184,166,.23),transparent 32%),radial-gradient(circle at 5% 85%,rgba(21,94,239,.3),transparent 34%),#172330}.login-brand:after{content:"";position:absolute;right:-160px;bottom:-160px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.login-brand .eyebrow{margin-top:45px;color:#70e8d6}.login-brand h1{z-index:1;margin:0;font-size:clamp(52px,6vw,86px);line-height:.96;letter-spacing:-.055em}.brand-copy{z-index:1;max-width:530px;margin:32px 0;color:#b9c5d1;font-size:17px;line-height:1.8}.brand-points{display:flex;gap:10px;z-index:1}.brand-points span{padding:9px 14px;border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#dce6ef;font-size:12px}.login-card{display:flex;padding:8vw;flex-direction:column;justify-content:center;background:#fff}.login-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:42px}.login-card h2{margin:0;font-size:38px;letter-spacing:-.04em}.login-card-head p:last-child{margin:8px 0;color:var(--muted)}.lang-button,.ghost-button,.icon-button{border:1px solid var(--line);border-radius:9px;background:#fff;color:#536173;cursor:pointer}.lang-button{padding:8px 12px;font-size:12px;font-weight:700}.login-card form,.modal form{display:grid;gap:20px}.login-card label,.modal label{display:grid;gap:8px;color:#414d5c;font-size:13px;font-weight:700}.login-card input,.modal input{width:100%;padding:14px 15px;border:1px solid #dce1e7;border-radius:9px;outline:none;background:#fbfcfd}.login-card input:focus,.modal input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,94,239,.1)}.check-row{display:flex!important;align-items:center;gap:9px!important}.check-row input{width:auto}.primary-button,.secondary-button{padding:13px 17px;border:0;border-radius:9px;cursor:pointer;font-weight:750}.primary-button{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(21,94,239,.2)}.primary-button.full{display:flex;width:100%;align-items:center;justify-content:space-between}.primary-button:disabled{opacity:.55}.secondary-button{border:1px solid var(--line);background:#fff;color:#394659}.security-note{margin-top:32px;color:#98a2b3;font-size:11px;text-align:center}.form-error{margin:0;padding:10px 12px;border-radius:8px;background:#fff0f0;color:#c22;font-size:12px}.app-shell{display:grid;min-height:100vh;grid-template-columns:246px 1fr}.sidebar{display:flex;position:fixed;z-index:20;inset:0 auto 0 0;width:246px;padding:24px 18px;flex-direction:column;background:var(--navy);color:#fff}.sidebar-brand{display:flex;padding:0 8px 29px;align-items:center;gap:12px;color:#fff;text-decoration:none}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:18px}.sidebar-brand small{margin-top:2px;color:#8493a4;font-size:11px;letter-spacing:.08em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;padding:11px 12px;align-items:center;gap:12px;border-radius:9px;color:#9eabba;font-size:13px;font-weight:650;text-decoration:none;transition:.15s}.sidebar nav a i{display:grid;width:22px;place-items:center;color:#728195;font-style:normal;font-size:17px}.sidebar nav a:hover,.sidebar nav a.active{background:#243242;color:#fff}.sidebar nav a.active i{color:#5cd5c7}.sidebar-foot{display:grid;margin-top:auto;gap:12px}.environment{display:flex;padding:10px;align-items:center;gap:8px;color:#8f9dad;font-size:11px}.environment i,.status-line i{width:7px;height:7px;border-radius:50%;background:#20c997;box-shadow:0 0 0 4px rgba(32,201,151,.12)}.ghost-button{padding:10px;border-color:#344454;background:transparent;color:#a8b4c2}.main-area{grid-column:2;min-width:0}.topbar{display:flex;position:sticky;z-index:10;top:0;height:76px;padding:0 34px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}.icon-button{display:none;padding:8px}.breadcrumb{display:flex;gap:10px;color:#8a96a5;font-size:12px}.breadcrumb b{font-weight:400}.breadcrumb strong{color:#313c4a}.top-actions{display:flex;align-items:center;gap:14px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#e8f1ff;color:#155eef;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{max-width:190px;margin-top:3px;overflow:hidden;color:#8c97a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.content{padding:38px;max-width:1600px;margin:auto}.page-heading{display:flex;margin-bottom:28px;align-items:flex-end;justify-content:space-between}.page-heading h1{margin:0;font-size:32px;letter-spacing:-.035em}.page-heading p:last-child{margin:8px 0 0;color:var(--muted);font-size:13px}.date-chip{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#6f7b8a;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card{position:relative;min-height:142px;padding:21px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 28px rgba(25,35,48,.035)}.metric-card span,.metric-card span small{display:block}.metric-card span{color:#485567;font-size:12px;font-weight:700}.metric-card span small{margin-top:4px;color:#9aa4b1;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.metric-card strong{display:block;margin-top:24px;font-size:34px;letter-spacing:-.04em}.metric-card>i{position:absolute;right:18px;bottom:18px;color:#a6b2c0;font-style:normal}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#155eef}.metric-card.tone-1:before{background:#15b8a6}.metric-card.tone-2:before{background:#f79009}.metric-card.tone-3:before{background:#8b5cf6}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;padding:22px 24px 0;justify-content:space-between}.panel h2{margin:0;font-size:17px}.quick-grid{display:grid;padding:18px;grid-template-columns:repeat(2,1fr);gap:9px}.quick-grid a{display:flex;padding:15px;align-items:center;gap:12px;border:1px solid #edf0f3;border-radius:10px;color:#354153;text-decoration:none}.quick-grid a:hover{border-color:#bdcdec;background:#f8fbff}.quick-grid a i{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#eef4ff;color:#155eef;font-style:normal}.quick-grid a span{font-size:12px;font-weight:700}.quick-grid a b{margin-left:auto;color:#a1aab5}.status-panel{padding:24px}.status-panel h2{margin-bottom:22px}.status-line{display:flex;padding:13px 0;align-items:center;gap:10px;border-top:1px solid #eef0f3;color:#566375;font-size:11px}.status-line b{margin-left:auto;color:#20a37b}.table-panel{overflow:hidden}.table-toolbar{display:flex;padding:16px 18px;justify-content:space-between;border-bottom:1px solid var(--line)}.search-box{display:flex;width:min(430px,65%);padding:0 12px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:#8d98a7}.search-box input{width:100%;padding:10px 0;border:0;outline:0;background:transparent;font-size:12px}.secondary-button{padding:9px 13px;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:12px 17px;background:#f8f9fb;color:#7c8796;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.07em}td{padding:15px 17px;border-top:1px solid #edf0f3;color:#445164;font-size:12px}tbody tr:hover{background:#fbfcfe}.status-badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#eef5ff;color:#2861b3;font-size:9px;font-weight:750;text-transform:capitalize}.loading-card,.empty-state{padding:50px;border:1px dashed #d7dce3;border-radius:12px;background:#fff;color:#8a95a3;text-align:center}.empty-state b{color:#3c4755}.modal{width:min(440px,92vw);padding:30px;border:0;border-radius:15px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(10,18,28,.72)}.modal h2{margin:0}.modal p{color:var(--muted);font-size:13px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:35px;min-height:100vh}.app-shell{grid-template-columns:1fr}.main-area{grid-column:1}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.icon-button{display:block}.topbar{padding:0 18px}.breadcrumb span,.breadcrumb b{display:none}.content{padding:24px 16px}.metric-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.quick-grid{grid-template-columns:1fr}.user-chip div{display:none}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.login-card{padding:24px}}
.audit-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:9px}.audit-toolbar .search-box{flex:1 1 330px}.audit-toolbar>input,.audit-toolbar>select{min-width:130px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:#445164;font-size:12px}.audit-toolbar input[type=date]{min-width:145px}.audit-detail{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trace-summary{display:block;margin-bottom:8px;color:#536173;font-size:11px;line-height:1.45}.fee-trace-row td{background:#f5f8fc}.fee-trace-card{padding:14px;border:1px solid #dfe8f5;border-radius:10px;background:#fff}.fee-trace-card .eyebrow{margin-bottom:10px}.fee-trace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.fee-trace-grid div{padding:10px;border:1px solid #edf0f3;border-radius:8px;background:#fbfcfe}.fee-trace-grid dt{color:#8792a1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.fee-trace-grid dd{margin:5px 0 0;overflow-wrap:anywhere;color:#344154;font:11px/1.55 Consolas,monospace}.trace-empty{margin:0;color:#8792a1;font-size:12px}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.nav-group{display:grid;gap:5px;padding:4px 0}.nav-group-toggle{display:flex;width:100%;min-height:38px;padding:10px 11px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#1d2a38;color:#e7eef7;cursor:pointer;font-size:11px;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.05em}.nav-group-toggle i{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#26384a;color:#9fb0c3;font-style:normal;font-size:13px}.nav-group-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group-toggle b{margin-left:auto;color:#8797aa;font-size:13px;transition:transform .15s}.nav-group-toggle:hover{border-color:#37506a;background:#243447;color:#fff}.nav-group.open>.nav-group-toggle{border-color:#3a5b78;background:#26384c;color:#fff}.nav-group.open>.nav-group-toggle i{background:#155eef;color:#fff}.nav-group.open>.nav-group-toggle b{transform:rotate(180deg);color:#5cd5c7}.nav-group-items{display:none;position:relative;margin-left:22px;padding:3px 0 7px 12px;border-left:1px solid #33475c}.nav-group.open>.nav-group-items{display:grid;gap:4px}.sidebar nav .nav-group-items a{min-height:34px;padding:8px 10px 8px 11px;border-radius:7px;color:#aebccc;font-size:12px;font-weight:700}.sidebar nav .nav-group-items a i{width:18px;color:#6f8298;font-size:12px}.sidebar nav .nav-group-items a:hover{background:#223245;color:#fff}.sidebar nav .nav-group-items a.active{background:#eef4ff;color:#10233d;box-shadow:inset 3px 0 0 #15b8a6}.sidebar nav .nav-group-items a.active i{color:#155eef}
.topbar-left{display:flex;min-width:0;align-items:center;gap:12px}.back-button{display:inline-flex;min-height:34px;padding:8px 11px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4a5869;cursor:pointer;font-size:12px;font-weight:750}.back-button:hover{border-color:#cbd5e1;background:#f8fbff;color:#155eef}.metric-shortcut{cursor:pointer}.metric-shortcut:hover{border-color:#c7d7f6;box-shadow:0 12px 32px rgba(21,94,239,.09);transform:translateY(-1px)}.metric-shortcut:focus-visible{outline:3px solid rgba(21,94,239,.2);outline-offset:2px}
.queue-scan-panel{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(420px,1fr);gap:18px;align-items:center;margin-bottom:18px;padding:22px}.queue-scan-panel h2{margin:0}.queue-scan-panel .scan-box{display:grid;grid-template-columns:1fr auto;gap:10px}.queue-scan-panel input{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;font-size:16px}.queue-scan-panel .field-hint{grid-column:2;margin:0;color:#697586;font-size:12px}@media(max-width:760px){.queue-scan-panel{grid-template-columns:1fr}.queue-scan-panel .scan-box{grid-template-columns:1fr}.queue-scan-panel .field-hint{grid-column:1}}
.queue-scan-result{grid-column:2}.queue-scan-card{display:grid;gap:8px;padding:14px 16px;border:2px solid #155eef;border-radius:10px;background:#eef4ff}.queue-scan-card.printed{border-color:#12b76a;background:#ecfdf3}.queue-scan-card span{color:#445164;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.queue-scan-card strong{font-size:34px;line-height:1;color:#101828;letter-spacing:0}.queue-scan-card small{color:#475467;font-weight:700}.queue-scan-meta{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 10px}.queue-scan-meta b{color:#667085;font-size:10px;text-transform:uppercase}.queue-scan-meta em{font-style:normal;font-size:12px;font-weight:750;color:#344054}@media(max-width:760px){.queue-scan-result{grid-column:1}.queue-scan-meta{grid-template-columns:auto 1fr}.queue-scan-card strong{font-size:28px}}
.device-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:10px}.device-toolbar select{min-width:160px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:#445164;font-size:12px}.table-sort{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:800;text-align:left;text-transform:inherit;letter-spacing:inherit}.table-sort:hover{color:#155eef}.status-available{background:#14b86f;color:#081f14}.status-packing{background:#1680ff;color:#fff}.status-ready_to_ship{background:#00b8d9;color:#071f26}.status-shipped{background:#7c3aed;color:#fff}.status-return_in_transit{background:#f97316;color:#111}.status-inspecting{background:#facc15;color:#111}.status-unusable{background:#ef4444;color:#fff}.status-lost{background:#be123c;color:#fff}.status-retired,.status-cancelled,.status-voided{background:#475467;color:#fff}.device-lifecycle td:first-child{white-space:nowrap}.device-lifecycle .event-snapshot{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-cell{display:grid;max-width:160px;gap:2px}.compact-cell b,.compact-cell small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-cell small{color:#8792a1;font-size:10px}.row-actions{display:flex;min-width:260px;gap:6px;align-items:center;flex-wrap:wrap}.row-actions .secondary-button,.row-actions .danger-button{padding:7px 9px;font-size:10px}
.status-preview_valid{background:#facc15;color:#111827}.status-preview_error{background:#ef4444;color:#fff}.status-committed{background:#22c55e;color:#052e16}.status-voided{background:#8b5cf6;color:#fff}.status-deleted{background:#111827;color:#fff}
.package-scan-review{display:grid;gap:10px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.scan-product-list{display:grid;gap:8px}.scan-product{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(110px,1fr) minmax(130px,1fr);gap:8px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:12px}.scan-product b{color:#17202b}.scan-product span{overflow-wrap:anywhere}.scan-product.matched{border-color:#16a34a;background:#ecfdf3;box-shadow:0 0 0 2px rgba(22,163,74,.16)}#package-scan-match{margin:0;font-weight:800}@media(max-width:620px){.scan-product{grid-template-columns:1fr}}
.scan-out-panel{display:grid;gap:12px;margin-bottom:20px;padding:18px;border:2px solid #155eef;border-radius:12px;background:#f8fbff}.scan-out-panel h2{font-size:24px}.scan-out-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:0}.scan-out-summary b,.scan-out-summary span{padding:10px;border:1px solid #dbe4f0;border-radius:8px;background:#fff;color:#17202b;font-size:13px}.shipment-scan-history{display:grid;gap:7px;margin:10px 0}.shipment-scan-history div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#ecfdf3;color:#14532d;font-size:12px}.shipment-scan-history div.error{background:#fff1f2;color:#9f1239}@media(max-width:700px){.scan-out-summary{grid-template-columns:1fr}}
.return-receive-list{padding:14px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.return-receive-list .panel-head{padding:0 0 12px}.return-receive-list .panel-head b{display:grid;min-width:32px;height:32px;place-items:center;border-radius:999px;background:#155eef;color:#fff}.return-receive-list .table-wrap{border:1px solid #e4e8ed;border-radius:8px;background:#fff}.return-receive-list td,.return-receive-list th{white-space:nowrap}.modal .scan-box{display:grid;grid-template-columns:1fr auto;gap:10px}.modal .field-hint{color:#697586;font-size:12px}@media(max-width:640px){.modal .scan-box{grid-template-columns:1fr}.return-receive-list td,.return-receive-list th{white-space:normal}}
.quick-return-panel{display:grid;gap:14px;padding:20px;margin-bottom:18px}.quick-return-panel .scan-box{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px}.quick-return-panel input,.quick-return-panel select,.quick-return-panel textarea{width:100%;padding:12px 13px;border:1px solid #dce1e7;border-radius:8px;background:#fff}.quick-return-result{display:grid;gap:12px}.return-scan-card{display:grid;gap:10px;padding:16px;border:2px solid #155eef;border-radius:10px;background:#eef4ff}.return-scan-card span{color:#445164;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.return-scan-card strong{font-size:30px;line-height:1;color:#101828}.return-scan-meta{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px}.return-scan-meta b{color:#667085;font-size:10px;text-transform:uppercase}.return-scan-meta em{font-style:normal;font-size:12px;font-weight:750;color:#344054}.return-report-row{margin-top:8px;padding:10px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#7f1d1d}.return-report-row p{margin:5px 0;color:#7f1d1d}.status-normal{background:#22c55e;color:#052e16}.status-damaged,.status-problem{background:#ef4444;color:#fff}.status-pending{background:#facc15;color:#111827}.status-completed{background:#12b76a;color:#062b18}@media(max-width:700px){.quick-return-panel .scan-box,.return-scan-meta{grid-template-columns:1fr}.return-scan-card strong{font-size:24px}}
.package-actions{display:flex;gap:10px;align-items:center}.quick-package-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:rgba(13,23,36,.64)}.quick-package-modal{display:grid;width:min(920px,96vw);max-height:92vh;overflow:auto;gap:16px;padding:22px;border:1px solid #d7dde7;border-radius:10px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.35)}.quick-package-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quick-package-modal h2{margin:0;font-size:24px;letter-spacing:0}.quick-package-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-package-steps span{padding:9px 10px;border:1px solid #dfe5ee;border-radius:7px;background:#f8fafc;color:#697586;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase}.quick-package-steps span.active{border-color:#155eef;background:#eaf1ff;color:#155eef}.quick-package-body{display:grid;gap:14px}.quick-package-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.quick-package-form label,.quick-package-upload{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:800}.quick-package-form select,.quick-package-scan input,.quick-package-upload input{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.quick-package-scan{display:grid;gap:8px}.quick-package-scan .scan-box{display:grid;grid-template-columns:1fr auto;gap:10px}.quick-package-list{overflow:hidden;border:1px solid #e4e8ed;border-radius:9px;background:#fff}.quick-package-list .panel-head{padding:14px 16px;border-bottom:1px solid #edf0f3}.quick-package-list .panel-head b{display:grid;min-width:34px;height:34px;place-items:center;border-radius:999px;background:#155eef;color:#fff}.quick-package-list table{margin:0}.quick-package-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:2px solid #155eef;border-radius:9px;background:#eef4ff}.quick-package-summary strong{font-size:26px;line-height:1;color:#101828}.quick-package-summary span{font-size:12px;font-weight:800;color:#344054}.quick-package-accessories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-package-accessories div{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dfe5ee;border-radius:8px;background:#f8fafc}.quick-package-accessories b,.quick-package-accessories span{font-size:12px}.quick-package-footer{display:flex;justify-content:flex-end;gap:10px}.quick-package-modal .field-hint{margin:0;color:#667085;font-size:12px}@media(max-width:760px){.quick-package-form,.quick-package-scan .scan-box,.quick-package-accessories{grid-template-columns:1fr}.quick-package-footer,.package-actions{flex-wrap:wrap}.quick-package-steps{grid-template-columns:repeat(2,1fr)}}
.quick-package-info{display:grid;grid-template-columns:1.4fr 1.1fr .9fr;gap:10px;padding:12px;border:1px solid #d7e2f0;border-radius:9px;background:#f8fbff}.quick-package-info div{display:grid;gap:3px;min-width:0}.quick-package-info span{color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.quick-package-info b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17202b;font-size:13px}.package-camera-panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(240px,1fr);gap:12px;padding:12px;border:1px solid #d7e2f0;border-radius:10px;background:#f8fafc}.camera-preview{position:relative;overflow:hidden;min-height:210px;border:1px solid #cfd8e3;border-radius:9px;background:#111827}.camera-preview video{display:block;width:100%;height:100%;min-height:210px;object-fit:cover}.camera-preview span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.88);color:#17202b;font-size:11px;font-weight:800}.camera-tools{display:grid;align-content:center;gap:10px}.camera-tools select{width:100%;padding:11px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.package-camera-panel small{grid-column:1/-1;color:#667085;font-size:12px}.quick-package-camera{margin-top:2px}@media(max-width:760px){.quick-package-info,.package-camera-panel{grid-template-columns:1fr}.camera-preview,.camera-preview video{min-height:180px}}
.quick-package-camera .camera-tools{align-content:start;grid-template-columns:1fr}.quick-package-camera .camera-select-label{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:850}.quick-package-camera .camera-tools button{width:100%;min-height:42px}
.quick-package-photo-layout{grid-template-columns:minmax(320px,1.2fr) minmax(230px,.8fr);align-items:stretch}.quick-package-photo-layout .camera-preview{min-height:300px}.quick-package-photo-layout .camera-preview video{min-height:300px}.quick-package-photo-side{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}.quick-package-photo-side .camera-tools{padding:12px;border:1px solid #d7e2f0;border-radius:9px;background:#fff}.quick-photo-evidence{display:grid;align-content:start;gap:10px;padding:12px;border:1px solid #d7e2f0;border-radius:9px;background:#fff}.quick-photo-evidence .evidence-title{margin:0}.quick-photo-evidence .photo-links{display:flex;flex-wrap:wrap;gap:8px}.quick-photo-evidence .evidence-photo{display:inline-flex;min-height:34px;align-items:center;padding:8px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;color:#155eef;font-size:12px;font-weight:800;text-decoration:none}.quick-photo-evidence .muted-text{padding:10px 0;color:#667085;font-size:13px}@media(max-width:760px){.quick-package-photo-layout{grid-template-columns:1fr}.quick-package-photo-layout .camera-preview,.quick-package-photo-layout .camera-preview video{min-height:220px}}
.sidebar nav{gap:8px}.nav-group{padding:6px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:#182432}.nav-group.open{border-color:#3a526a;background:#202f40;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.nav-group-toggle{background:#243447}.nav-group.open>.nav-group-toggle{background:#2b4056}.nav-group-items{margin:6px 2px 2px 30px;padding:8px;border:1px solid #40556d;border-left:4px solid #52657b;border-radius:10px;background:#31445a}.sidebar nav .nav-group-items a{background:rgba(255,255,255,.035);color:#e4ebf3}.sidebar nav .nav-group-items a+a{margin-top:4px}.sidebar nav .nav-group-items a:hover{background:#3d526a}.sidebar nav .nav-group-items a.active{background:#dfe6ee;color:#17212d}
.order-shipout-panel{grid-template-columns:minmax(220px,.45fr) minmax(420px,1fr)}.shipout-summary-popup{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:28px;background:rgba(16,24,40,.62);backdrop-filter:blur(2px)}.shipout-summary-card{width:min(760px,96vw);max-height:calc(100vh - 56px);overflow:auto;padding:24px;border:1px solid #ccd5df;border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34)}.shipout-summary-card .panel-head{padding:0 0 18px;align-items:flex-start}.shipout-summary-card h2{font-size:56px;line-height:1;letter-spacing:0}.shipout-popup-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.shipout-popup-meta div{padding:12px;border:1px solid #d9e0e8;border-radius:8px;background:#f8fafc}.shipout-popup-meta dt{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.shipout-popup-meta dd{margin:5px 0 0;color:#17202b;font-size:14px;font-weight:800;overflow-wrap:anywhere}@media(max-width:760px){.order-shipout-panel{grid-template-columns:1fr}.shipout-popup-meta{grid-template-columns:1fr}.shipout-summary-card h2{font-size:38px}}
.sidebar{padding:0;background:#18324a;border-right:1px solid #0b1b2a;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}.sidebar-brand{margin:0;padding:18px 16px;border-bottom:1px solid #10263a;background:linear-gradient(#244a66,#18324a)}.sidebar-brand .brand-mark.small{width:32px;height:32px;border-radius:6px;background:#6fb23f;box-shadow:none;font-size:16px}.sidebar-brand strong{font-size:15px}.sidebar-brand small{color:#c5d3df}.sidebar nav{gap:0;padding:10px 0}.nav-group{padding:0;border:0;border-radius:0;background:transparent}.nav-group.open{border:0;background:transparent;box-shadow:none}.nav-group-toggle{min-height:30px;padding:8px 12px;border:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.28);border-radius:0;background:#1f405b;color:#fff;font-size:11px;letter-spacing:0;text-transform:none}.nav-group-toggle i{width:20px;height:20px;border-radius:4px;background:#2d5878;color:#c8d8e6}.nav-group-toggle b{color:#a8c3d8}.nav-group.open>.nav-group-toggle{background:#244d6f;border-color:rgba(255,255,255,.12)}.nav-group.open>.nav-group-toggle i{background:#6fb23f}.nav-group-items{margin:0;padding:5px 0;border:0;background:#17314a}.nav-group.open>.nav-group-items{gap:0}.sidebar nav .nav-group-items a{min-height:34px;padding:8px 12px 8px 18px;border-radius:0;background:transparent;color:#e6f0f8;font-size:12px;font-weight:650}.sidebar nav .nav-group-items a+a{margin-top:0}.sidebar nav .nav-group-items a i{width:20px;height:20px;border-radius:4px;background:#315876;color:#d9e8f3;font-size:10px}.sidebar nav .nav-group-items a:hover{background:#234963}.sidebar nav .nav-group-items a.active{background:#e8eef3;color:#10263a;box-shadow:inset 4px 0 0 #6fb23f}.sidebar nav .nav-group-items a.active i{background:#2f6da3;color:#fff}.sidebar-foot{padding:12px 14px;border-top:1px solid #10263a;background:#142b40}.environment{color:#d4e2ee}.ghost-button{border-color:#385d78;color:#e5f0f8}.workflow-qb-shell{border:1px solid #b9c6d1;background:#f3f5f7;box-shadow:0 18px 50px rgba(24,50,74,.16)}.workflow-qb-title{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #cbd5df;background:linear-gradient(#eef3f7,#d9e3eb)}.workflow-qb-title h1{margin:0;font-size:20px;letter-spacing:0}.workflow-qb-tabs{display:flex;align-self:flex-end;gap:4px}.workflow-qb-tabs span{padding:8px 14px;border:1px solid #c7d3df;border-bottom:0;border-radius:6px 6px 0 0;background:#e7edf2;color:#52657a;font-size:12px;font-weight:800}.workflow-qb-tabs .active{background:#1886cc;color:#fff;border-color:#1886cc}.workflow-canvas{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"inventory admin" "shipping admin" "returns admin";gap:12px;padding:16px;background:#fff}.wf-lane,.wf-side-panel{position:relative;border:1px solid #d5dce4;background:#fff;box-shadow:inset 0 1px 0 #fff}.wf-lane{min-height:188px;padding:30px 22px 20px}.wf-lane>em,.wf-side-panel>em{position:absolute;top:-1px;left:50%;transform:translateX(-50%);min-width:110px;padding:5px 16px;border:1px solid #bdd0e6;border-radius:0 0 7px 7px;background:linear-gradient(#f7fbff,#d9e9fb);color:#2861b3;font-size:11px;font-style:normal;font-weight:850;text-align:center}.wf-inventory{grid-area:inventory}.wf-shipping{grid-area:shipping;min-height:230px}.wf-returns{grid-area:returns}.wf-side-panel{grid-area:admin;display:grid;align-content:start;gap:22px;padding:42px 22px 22px}.wf-row{display:grid;grid-template-columns:130px 1fr 130px 1fr 130px 1fr 130px;gap:8px;align-items:center;min-height:124px}.wf-inventory .wf-row{grid-template-columns:130px 1fr 130px 1fr 130px}.wf-return-row{grid-template-columns:140px 1fr 140px 1fr 210px}.wf-node{display:grid;justify-items:center;align-content:start;gap:5px;color:#111827;text-align:center;text-decoration:none}.wf-node i{display:grid;width:38px;height:38px;place-items:center;border:1px solid #9bb9d9;border-radius:6px;background:linear-gradient(#ffffff,#dbeafe);color:#155eef;font-style:normal;font-size:12px;font-weight:900;box-shadow:0 2px 3px rgba(15,23,42,.12)}.wf-node span{font-size:13px;font-weight:800;line-height:1.15}.wf-node small{max-width:130px;color:#667085;font-size:10px;line-height:1.25}.wf-node:hover i{transform:translateY(-2px);box-shadow:0 7px 14px rgba(21,94,239,.18)}.wf-node:hover span{color:#155eef}.wf-node.tone-green i{border-color:#91c687;background:linear-gradient(#fff,#e8f8e5);color:#2f7d32}.wf-node.tone-orange i{border-color:#f3b05f;background:linear-gradient(#fff,#fff3dd);color:#b45309}.wf-node.tone-gold i{border-color:#dfc763;background:linear-gradient(#fff,#fff8cf);color:#8a6d00}.wf-node.tone-purple i{border-color:#b8a3e6;background:linear-gradient(#fff,#f1ecff);color:#6d28d9}.wf-node.tone-red i{border-color:#f2a1a1;background:linear-gradient(#fff,#fff1f2);color:#be123c}.wf-arrow{position:relative;height:4px;background:#c8c8c8;border-radius:99px}.wf-arrow:after{content:"";position:absolute;right:-3px;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #c8c8c8;transform:translateY(-50%)}.wf-arrow.down{width:4px;height:36px;margin:auto;background:#c8c8c8}.wf-arrow.down:after{right:auto;top:auto;left:50%;bottom:-5px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #c8c8c8;border-bottom:0;transform:translateX(-50%)}.wf-subrow{display:grid;grid-template-columns:130px 48px minmax(260px,1fr);gap:12px;align-items:center;margin-top:10px}.wf-note{padding:10px 12px;border:1px dashed #cbd5e1;background:#f8fafc;color:#667085;font-size:12px}.wf-branch{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wf-side-panel .wf-node{padding:10px 6px;border-bottom:1px solid #eef1f4}@media(max-width:1180px){.workflow-canvas{grid-template-columns:1fr;grid-template-areas:"inventory" "shipping" "returns" "admin"}.wf-side-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wf-side-panel>em{left:22px;transform:none}.wf-side-panel .wf-node{border-bottom:0}}@media(max-width:820px){.wf-row,.wf-inventory .wf-row,.wf-return-row,.wf-subrow{grid-template-columns:1fr}.wf-arrow{width:4px;height:30px;margin:auto}.wf-arrow:after{right:auto;top:auto;left:50%;bottom:-5px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #c8c8c8;border-bottom:0;transform:translateX(-50%)}.wf-branch,.wf-side-panel{grid-template-columns:1fr}.workflow-qb-title{align-items:flex-start;flex-direction:column;gap:10px}.workflow-canvas{padding:10px}.wf-lane{padding:36px 12px 16px}}

.customer-portal-mode{--paper:#f6f9fc;--navy:#eef4fb}
.customer-portal-mode .app-shell{grid-template-columns:216px 1fr}
.customer-portal-mode .sidebar{width:216px;padding:0;background:#eef4fb;color:#13233a;border-right:1px solid #dce6f1;box-shadow:none}
.customer-portal-mode .sidebar-brand{padding:24px 22px;border-bottom:0;background:transparent;color:#13233a}
.customer-portal-mode .sidebar-brand .brand-mark.small{background:#28bf83;color:#fff}
.customer-portal-mode .sidebar-brand small{color:#6b7b8d}
.customer-portal-mode .nav-group-toggle{display:none}
.customer-portal-mode .nav-group,.customer-portal-mode .nav-group.open{background:transparent;border:0}
.customer-portal-mode .nav-group-items,.customer-portal-mode .nav-group.open>.nav-group-items{display:grid;margin:0;padding:6px 18px;border:0;background:transparent;gap:10px}
.customer-portal-mode .sidebar nav .nav-group-items a{min-height:42px;padding:10px 13px;border-radius:8px;background:transparent;color:#293b50;font-weight:800}
.customer-portal-mode .sidebar nav .nav-group-items a i{background:#e1ebf5;color:#314b67}
.customer-portal-mode .sidebar nav .nav-group-items a:hover,.customer-portal-mode .sidebar nav .nav-group-items a.active{background:#28bf83;color:#fff;box-shadow:0 10px 24px rgba(40,191,131,.22)}
.customer-portal-mode .sidebar nav .nav-group-items a.active i{background:rgba(255,255,255,.22);color:#fff}
.customer-portal-mode .sidebar-foot{padding:18px;background:transparent;border-top:0}
.customer-portal-mode .environment{color:#53677c}
.customer-portal-mode .ghost-button{border-color:#d7e2ef;color:#34475d;background:#fff}
.customer-portal-mode .main-area{grid-column:2}
.customer-portal-mode .topbar{height:68px;background:#fff;border-bottom:0}
.customer-portal-mode .content{max-width:1180px;padding:34px 28px}
.customer-home-shell,.customer-admin-layout,.customer-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.customer-home-main,.customer-admin-main{min-width:0}
.customer-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
.customer-hero h1,.customer-heading h1{margin:0;font-size:28px;letter-spacing:0;color:#14213a}
.customer-hero p:last-child{max-width:620px;margin:8px 0 0;color:#6d7a8a;font-size:13px;line-height:1.6}
.customer-work-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.customer-work-tabs button{min-height:34px;padding:8px 18px;border:0;border-radius:999px;background:#e9eef8;color:#566479;cursor:pointer;font-size:12px;font-weight:850}
.customer-work-tabs button.active{background:#13294b;color:#fff}
.customer-task-list,.customer-card-list{display:grid;gap:13px}
.customer-task-card,.customer-account-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #edf1f5;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(28,44,68,.045);cursor:pointer}
.customer-account-card{grid-template-columns:58px minmax(0,1fr) auto auto}
.customer-task-card:hover,.customer-account-card:hover{border-color:#cfe0ef;box-shadow:0 16px 36px rgba(28,44,68,.08);transform:translateY(-1px)}
.customer-task-card i,.customer-code-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#dff8ef;color:#11885c;font-style:normal;font-weight:900}
.customer-code-mark{width:48px;background:#e8f1ff;color:#155eef;font-size:11px;overflow:hidden}
.customer-code-mark.large{width:58px;height:58px;font-size:13px}
.customer-task-card strong,.customer-account-card strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17202b;font-size:14px}
.customer-task-card span,.customer-task-card small,.customer-account-card span{display:block;margin-top:4px;color:#718095;font-size:11px}
.customer-account-card em{font-style:normal;color:#13294b;font-size:12px;font-weight:900}
.customer-task-card>b,.customer-account-card>b{color:#9aa8b8}
.customer-today-panel,.customer-admin-side{display:grid;gap:18px;padding:22px;border:1px solid #edf1f5;border-radius:8px;background:#fff;box-shadow:0 14px 40px rgba(28,44,68,.06)}
.customer-profile-mini{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf1f5}
.customer-profile-mini>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#13294b;color:#fff;font-weight:900}
.customer-profile-mini strong,.customer-profile-mini small{display:block}
.customer-profile-mini strong{font-size:12px}.customer-profile-mini small{margin-top:3px;color:#7d8a9b;font-size:10px}
.customer-today-panel h2,.customer-admin-side h2{margin:0 0 12px;font-size:16px}
.customer-stat-row{display:flex;width:100%;gap:10px;align-items:center;margin:8px 0;padding:11px;border:0;border-radius:8px;background:#f7f9fc;color:#314052;text-align:left}
button.customer-stat-row{cursor:pointer}
.customer-stat-row i{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;background:#dff8ef;color:#11885c;font-style:normal;font-weight:900}
.customer-stat-row span,.customer-stat-row b{display:block}.customer-stat-row span{font-size:11px}.customer-stat-row b{color:#17202b;font-size:12px}
.customer-list-panel{overflow:hidden;border:1px solid #edf1f5;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(28,44,68,.045)}
.customer-toolbar{border-bottom:1px solid #edf1f5}
.customer-detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.customer-detail-head h2{margin:0 0 6px;font-size:22px}
.customer-users-preview p{color:#667085;line-height:1.6}
@media(max-width:980px){.customer-home-shell,.customer-admin-layout,.customer-detail-layout{grid-template-columns:1fr}.customer-today-panel,.customer-admin-side{order:-1}.customer-portal-mode .app-shell{grid-template-columns:1fr}.customer-portal-mode .main-area{grid-column:1}.customer-portal-mode .sidebar{transform:translateX(-100%)}.customer-portal-mode .sidebar.open{transform:none}}

.package-content-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;padding:12px 14px;border:1px solid #cbd5e1;border-left:4px solid #0f766e;background:#f8fafc}
.package-content-summary span{font-size:11px;font-weight:900;color:#475569}
.package-content-summary strong{font-size:17px;color:#0f172a}
.package-content-qty{white-space:nowrap;font-size:16px;color:#111827}
.content-type{display:inline-flex;min-width:72px;justify-content:center;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:900;text-transform:uppercase}
.content-type.device{background:#dbeafe;color:#1d4ed8}
.content-type.accessory{background:#dcfce7;color:#166534}
.package-device-line td,.package-accessory-line td{vertical-align:middle}
.package-device-line small,.package-accessory-line small{display:block;margin-top:3px;color:#64748b}
.spec-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.spec-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 7px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;font-size:11px;letter-spacing:0}
.spec-output{border-color:#f59e0b;background:#fffbeb;color:#92400e}
.spec-connector{border-color:#0ea5e9;background:#f0f9ff;color:#075985}
.spec-length{border-color:#22c55e;background:#f0fdf4;color:#166534}
.full-package-confirm{min-height:44px;font-size:14px}
@media(max-width:700px){.package-content-summary{align-items:flex-start;flex-direction:column}.inspection-table-wrap table{min-width:680px}}
.accessory-level-tabs{display:inline-flex;margin:0 0 16px;padding:3px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc}
.accessory-level-tabs button{min-height:34px;padding:7px 14px;border:0;border-radius:4px;background:transparent;color:#475569;font-weight:800;cursor:pointer}
.accessory-level-tabs button.active{background:#0f172a;color:#fff}
.table-sort{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}
.table-sort.active{color:#0369a1}
.accessory-level-tabs+.table-panel td>small{display:block;margin-top:3px;color:#64748b}
.combination-content-line{display:grid;grid-template-columns:minmax(150px,auto) 42px minmax(180px,1fr);gap:8px;align-items:center;margin:3px 0}
.combination-content-line small{color:#64748b}
.model-package-options{margin:18px 0 12px}
.model-option-assign{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;padding-top:14px;border-top:1px solid #e2e8f0}
.model-option-assign select{min-height:40px}
@media(max-width:700px){.combination-content-line,.model-option-assign{grid-template-columns:1fr}.combination-content-line span{font-weight:800}}
.contract-package-rates{margin-top:18px}
.contract-package-item{display:grid;grid-template-columns:minmax(130px,auto) 38px minmax(160px,1fr);gap:7px;align-items:center;margin:4px 0}
.contract-package-item small{color:#64748b}
@media(max-width:700px){.contract-package-item{grid-template-columns:1fr}.contract-package-item span{font-weight:800}}
.package-report-modal{max-height:92vh;overflow:auto}
.package-report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.package-report-actions button:disabled{opacity:.5;cursor:not-allowed}.package-toolbar{justify-content:flex-start;gap:9px;align-items:center;flex-wrap:wrap}.package-toolbar>select{min-width:145px;padding:10px 11px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#344054}.package-toolbar>#package-customer{min-width:220px}.package-toolbar .search-box{flex:1;min-width:220px}.form-grid textarea{width:100%;padding:11px 12px;border:1px solid #dce1e7;border-radius:8px;background:#fbfcfd;color:#263240;outline:none;resize:vertical}.form-grid textarea:focus,.form-grid select.package-report-statuses:focus{border-color:#155eef;box-shadow:0 0 0 3px rgba(21,94,239,.1)}.form-grid select.package-report-statuses{width:100%;min-height:150px;padding:6px;border:1px solid #dce1e7;border-radius:8px;background:#fbfcfd}.form-grid select.package-report-statuses option{padding:7px 9px}.package-report-history{min-width:0;margin-top:4px;border-top:1px solid #e4e8ed}.package-report-history .panel-head{padding:18px 0 12px;align-items:flex-end}.package-report-history h3{margin:0;font-size:15px}.package-report-history small{color:#697586}.package-report-history .table-wrap{max-height:250px;border:1px solid #e4e8ed;border-radius:7px}.package-report-history td{padding:10px 12px;font-size:10px;vertical-align:top}.package-report-history th{padding:9px 12px}.status-sent{background:#e8f8f1;color:#147a52}.status-failed{background:#fff0f0;color:#c73737}.status-skipped{background:#fff7e6;color:#9a6700}@media(max-width:760px){.package-report-actions{width:100%}.package-report-actions button{flex:1}.package-toolbar>select,.package-toolbar>#package-customer,.package-toolbar .search-box{width:100%;min-width:0}}
.return-quick-station{margin-bottom:18px;overflow:hidden}.return-quick-setup{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(280px,1.2fr) repeat(3,minmax(90px,.35fr));gap:12px;align-items:end;padding:18px 20px;border-bottom:1px solid #dfe5eb;background:#f5f8fb}.return-quick-setup label,.return-photo-upload{display:grid;gap:7px;color:#344054;font-size:11px;font-weight:850}.return-quick-setup input,.return-quick-setup select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#17202b}.return-quick-step{display:flex;min-height:44px;align-items:center;gap:8px;padding:7px 9px;border-left:3px solid #2f6da3;background:#fff}.return-quick-step span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#2f6da3;color:#fff;font-size:11px;font-weight:900}.return-quick-step b{font-size:10px}.return-quick-work{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;padding:20px}.return-quick-devices{min-width:0}.return-quick-devices>.scan-box{display:grid;grid-template-columns:1fr auto;gap:9px}.return-quick-devices>.scan-box input{min-height:52px;padding:0 15px;border:2px solid #2f6da3;border-radius:7px;background:#fff;font-size:17px;font-weight:750}.return-quick-devices>.scan-box button{min-width:90px}.return-quick-list{margin-top:16px;border:1px solid #dfe5eb}.return-quick-list .panel-head{padding:14px 15px}.return-quick-list .panel-head b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:50%;background:#2f6da3;color:#fff}.return-device-row{cursor:pointer}.return-device-row.selected td{background:#eaf4ff}.return-device-row.selected td:first-child{box-shadow:inset 4px 0 0 #2f6da3}.return-quick-camera{display:grid;align-content:start;gap:11px;padding:13px;border:1px solid #d7e2f0;background:#f8fafc}.return-quick-camera .camera-preview,.return-quick-camera .camera-preview video{min-height:240px}.return-quick-camera .camera-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.return-quick-camera .camera-select-label{grid-column:1/-1;display:grid;gap:6px;color:#344054;font-size:11px;font-weight:850}.return-quick-camera select{width:100%;padding:9px 10px;border:1px solid #cfd8e3;border-radius:7px;background:#fff}.return-photo-upload input{padding:9px;border:1px dashed #9fb2c5;background:#fff}.return-photo-evidence{display:grid;gap:8px;min-height:72px;padding:10px;border:1px solid #dfe5eb;background:#fff;color:#667085;font-size:11px}.return-photo-strip{display:flex;gap:8px;overflow:auto}.return-photo-strip>span{position:relative;flex:0 0 74px;height:60px;border:1px solid #d0d8e0;background:#f4f6f8}.return-photo-strip img{width:100%;height:100%;object-fit:cover}.return-photo-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#b42318;color:#fff;cursor:pointer}.return-photo-strip i{position:absolute;left:2px;bottom:2px;padding:2px 4px;background:#067647;color:#fff;font-size:8px;font-style:normal}.return-quick-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-top:1px solid #dfe5eb;background:#f5f8fb}.return-quick-footer div{display:grid;gap:3px}.return-quick-footer b{font-size:14px}.return-quick-footer span{color:#667085;font-size:11px}.return-quick-footer .primary-button{min-width:170px;min-height:48px;font-size:14px}@media(max-width:1100px){.return-quick-setup{grid-template-columns:1fr 1.4fr}.return-quick-step{display:none}.return-quick-work{grid-template-columns:1fr}}@media(max-width:680px){.return-quick-setup{grid-template-columns:1fr}.return-quick-work{padding:12px}.return-quick-devices>.scan-box,.return-quick-camera .camera-tools{grid-template-columns:1fr}.return-quick-camera .camera-select-label{grid-column:1}.return-quick-camera .camera-preview,.return-quick-camera .camera-preview video{min-height:190px}.return-quick-footer{align-items:stretch;flex-direction:column}.return-quick-footer .primary-button{width:100%}}
.shipping-request-panel{margin:0 0 18px;overflow:hidden}.shipping-request-head{padding:20px 22px 16px;align-items:flex-start;border-bottom:1px solid #e4e8ed}.shipping-request-head h2{margin:0;font-size:18px;letter-spacing:0}.shipping-request-body{display:grid;gap:16px;padding:18px 22px}.shipping-request-meta{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:10px;margin:0}.shipping-request-meta div{min-width:0;padding:12px 13px;border:1px solid #dfe5eb;border-radius:7px;background:#f8fafc}.shipping-request-meta dt{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0}.shipping-request-meta dd{margin:5px 0 0;overflow-wrap:anywhere;color:#17202b;font-size:12px;font-weight:800}.shipping-request-actions{margin:0}.shipping-request-actions .secondary-link,.shipping-request-actions .secondary-button,.shipping-request-actions .danger-button,.shipping-request-combined button,.shipping-label-history .secondary-link{min-height:38px;border-width:1px;border-style:solid;box-shadow:0 2px 5px rgba(16,24,40,.12);font-weight:800}.shipping-action-preview{border-color:#2f6da3!important;background:#eaf4ff!important;color:#174f7c!important}.shipping-action-download{border-color:#16845b!important;background:#eaf8f1!important;color:#116344!important}.shipping-action-replace{border-color:#d97706!important;background:#fff4df!important;color:#9a4b00!important}.shipping-action-transfer{border-color:#7c3aed!important;background:#f3edff!important;color:#5b21b6!important}.shipping-action-reset,.shipping-action-remove{border-color:#d92d20!important;background:#fff0f0!important;color:#b42318!important}.shipping-action-add{border-color:#087f8c!important;background:#087f8c!important;color:#fff!important}.shipping-request-note{padding:0 22px 18px}.shipping-request-note .field-hint{margin:0;padding:11px 13px;border-left:3px solid #2f6da3;background:#f1f6fb;color:#445164}.shipping-request-combined,.shipping-label-history{border-top:1px solid #e4e8ed}.shipping-request-combined{padding:16px 22px 20px}.shipping-request-subhead{padding:0 0 12px;align-items:center;border:0}.shipping-request-subhead h3{margin:0;font-size:15px}.shipping-request-combined .table-wrap,.shipping-label-history .table-wrap{border:1px solid #e1e6ec;border-radius:7px}.shipping-label-history{padding:0 22px 20px}.shipping-label-history summary{padding:16px 0;color:#344054;cursor:pointer;font-size:13px;font-weight:850}.shipping-label-history[open] summary{color:#155eef}.shipping-request-panel th,.shipping-request-panel td{white-space:normal}.shipping-request-panel td{vertical-align:middle}@media(max-width:900px){.shipping-request-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shipping-request-head{gap:12px}.shipping-request-meta{grid-template-columns:1fr}.shipping-request-actions>*{flex:1 1 100%;justify-content:center}.shipping-request-combined,.shipping-request-body,.shipping-request-note,.shipping-label-history{padding-right:14px;padding-left:14px}.shipping-request-subhead{align-items:stretch;flex-direction:column;gap:10px}.shipping-request-subhead button{width:100%}}

.device-lifecycle table{min-width:820px}.device-lifecycle td{vertical-align:middle}.device-lifecycle .event-time{width:145px;color:#475467;font-size:11px}.device-lifecycle .event-reference{width:150px}.device-lifecycle .event-reference span,.device-lifecycle .event-reference small{display:block}.device-lifecycle .event-reference small{margin-top:3px;color:#667085}.device-lifecycle .event-snapshot{display:flex;max-width:none;min-width:310px;white-space:normal;flex-wrap:wrap;gap:5px;overflow:visible}.device-lifecycle .event-snapshot span{padding:5px 8px;border:1px solid #dce4ec;border-radius:999px;background:#f6f8fb;color:#344054;font-size:10px;font-weight:750}.device-event-dialog{width:min(920px,calc(100vw - 28px));max-height:92vh;padding:0;border:0;border-radius:14px;box-shadow:0 24px 80px rgba(15,35,55,.3)}.device-event-dialog::backdrop{background:rgba(15,35,55,.55)}.device-event-dialog-card{display:grid;gap:18px;padding:24px}.device-event-dialog-card>header,.device-event-dialog-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.device-event-dialog-card>header{padding-bottom:16px;border-bottom:1px solid #e4e8ed}.device-event-dialog-card h2,.device-event-dialog-card h3,.device-event-dialog-card p{margin:3px 0}.device-event-dialog-card>header p:last-child{color:#667085;font-size:11px}.device-event-section{display:grid;gap:10px}.device-event-section h3{font-size:14px}.device-event-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-event-change{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid #dfe5eb;border-radius:9px;background:#f8fafc}.device-event-change>span{grid-column:1/-1;color:#344054;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.device-event-change div{display:grid;gap:3px}.device-event-change small{color:#667085;font-size:9px;text-transform:uppercase}.device-event-change b{overflow-wrap:anywhere;color:#17202b;font-size:11px}.device-event-change i{color:#155eef;font-style:normal;font-weight:900}.device-event-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-event-source-grid>div{display:grid;gap:4px;padding:10px;border:1px solid #dfe5eb;border-radius:8px}.device-event-source-grid span{color:#667085;font-size:9px;text-transform:uppercase}.device-event-source-grid b{overflow-wrap:anywhere;font-size:11px}.device-event-scope-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.device-event-scope{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.device-event-scope.included{background:#e8f8f1;color:#147a52}.device-event-scope.excluded{background:#f1f3f5;color:#667085}.device-event-technical{border:1px solid #dfe5eb;border-radius:9px;background:#fbfcfd}.device-event-technical summary{padding:11px 13px;cursor:pointer;color:#475467;font-size:11px;font-weight:800}.device-event-technical pre{max-height:280px;margin:0;padding:13px;overflow:auto;border-top:1px solid #dfe5eb;background:#17202b;color:#e6edf5;font-size:10px;white-space:pre-wrap}.device-event-dialog-card>footer{padding-top:14px;border-top:1px solid #e4e8ed}.device-event-dialog-card>footer span{color:#667085;font-size:11px;font-weight:750}@media(max-width:700px){.device-event-dialog-card{padding:16px}.device-event-change-grid,.device-event-source-grid{grid-template-columns:1fr}.device-event-dialog-card>header,.device-event-dialog-card>footer{align-items:stretch;flex-direction:column}.device-event-dialog-card button{width:100%}}
