:root{--nav:#101827;--blue:#2563eb;--bg:#f4f6fa;--text:#172033;--muted:#718096;--border:#e4e9f1}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}aside{width:250px;background:var(--nav);color:#fff;padding:28px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:700;padding:0 8px 28px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--blue);font-size:20px}.brand small{display:block;color:#718096;font-size:9px;letter-spacing:1.5px;margin-top:3px}.brand div{font-size:15px}nav{display:grid;gap:8px}nav a{color:#91a0b7;text-decoration:none;padding:12px 14px;border-radius:9px;font-weight:600;font-size:14px}nav a span{margin-left:10px}nav a.active,nav a:hover{background:#202c40;color:#fff}.connection{margin-top:auto;background:#172236;border:1px solid #27344a;border-radius:10px;padding:12px;font-size:11px;color:#aeb9c9}.connection i{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block;margin-right:8px}.connection i.online{background:#22c55e}main{margin-left:250px;width:calc(100% - 250px);padding:34px 44px}header{margin-bottom:26px}h1{font-size:27px;margin:0 0 5px}header p,.card-title p{margin:0;color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 14px #1f29370a}.narrow{max-width:720px;padding:30px}.card-title{display:flex;gap:14px;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:24px}.card-title .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:var(--blue);font-size:20px}.card-title h2{font-size:17px;margin:1px 0 5px}form label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}input{width:100%;border:1px solid #d8dee9;border-radius:8px;padding:12px 13px;margin-top:8px;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb18}.password{position:relative}.password input{padding-right:75px}.password button{position:absolute;right:8px;top:17px;border:0;background:transparent;color:var(--blue);font-weight:650;cursor:pointer}.notice{background:#f1f6ff;color:#4d6485;border-radius:8px;padding:12px;font-size:12px;margin:18px 0}.primary{border:0;background:var(--blue);color:#fff;padding:12px 17px;border-radius:8px;font-weight:700;cursor:pointer}.primary:hover{background:#1d4ed8}.primary:disabled{opacity:.45;cursor:not-allowed}.saved{color:var(--muted);margin-left:12px}.alert{padding:13px 16px;border-radius:9px;margin:0 0 22px;max-width:900px;font-size:14px}.alert.success{background:#e9f9ef;color:#17733a}.alert.error{background:#fff0f0;color:#b42318}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar form{margin:0}.stat{display:flex;align-items:center;gap:10px}.stat strong{font-size:25px}.stat span{font-size:12px;color:var(--muted);max-width:70px}.table-card{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#718096;background:#f9fafc;font-size:11px;text-transform:uppercase;letter-spacing:.04em}th,td{padding:15px 18px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}.badge{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700}.badge.single{background:#edf7ff;color:#1d65a6}.badge.multiple{background:#f3edff;color:#6941c6}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:17px}.empty p{font-size:13px}@media(max-width:750px){aside{width:72px;padding:22px 10px}.brand div,nav span,.connection{display:none}.brand{padding:0 6px 25px}.brand>span{width:40px}nav a{text-align:center}main{margin-left:72px;width:calc(100% - 72px);padding:25px 18px}.narrow{padding:20px}.toolbar{align-items:flex-end}}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--border);border-radius:13px;padding:20px}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:30px;margin:8px 0}.metric.accent{background:var(--blue);color:#fff;border-color:var(--blue)}.metric.accent span,.metric.accent small{color:#dbe8ff}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.panel{padding:22px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px}.section-head h2{font-size:16px;margin:0}.section-head a,.section-head span{font-size:12px;color:var(--blue);text-decoration:none}.distribution{padding:15px 0}.distribution div{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0}.distribution i{grid-column:1/-1;height:8px;background:linear-gradient(90deg,var(--blue) var(--w),#edf0f5 var(--w));border-radius:9px}.distribution i.purple{background:linear-gradient(90deg,#7c3aed var(--w),#edf0f5 var(--w))}.distribution span,.distribution b{font-size:12px}.log-list>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.log-list i{width:8px;height:8px;background:#22c55e;border-radius:50%;margin-top:5px}.log-list p{margin:0;font-size:12px}.log-list small{display:block;color:var(--muted);margin-top:4px}.muted{color:var(--muted);font-size:13px}.filters{display:flex;gap:10px;padding:12px;margin-bottom:14px;align-items:center}.filters input{margin:0;max-width:320px}.filters select{border:1px solid #d8dee9;border-radius:8px;padding:11px;background:#fff}.filters a{font-size:12px;color:var(--muted)}.secondary{border:1px solid var(--border);background:#fff;padding:11px 16px;border-radius:8px;font-weight:650}.inline{margin:0}.inline input{display:none}.star{border:0;background:transparent;color:#f59e0b;font-size:20px;cursor:pointer}.priority-row{background:#fffbeb}.bundle{display:block;color:#b45309;font-size:9px;margin-top:3px}.pick-status{font-size:10px;background:#fff7e6;color:#a15c00;padding:5px 8px;border-radius:99px;white-space:nowrap}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr}.filters input{max-width:none}}
.generate-form{display:flex;align-items:flex-end;gap:10px}.generate-form label{margin:0;font-size:11px;color:var(--muted)}.generate-form input{width:90px;margin-top:4px;padding:10px}.batch-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin-bottom:16px}.batch-head a,.batch-link{color:var(--blue);text-decoration:none;font-size:12px;font-weight:650}.batch-head h2{margin:8px 0 3px}.batch-head p{margin:0;color:var(--muted);font-size:12px}.batch-status{background:#eaf1ff;color:var(--blue);padding:7px 11px;border-radius:99px;font-size:11px;font-weight:700}.sku{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.generate-form select{border:1px solid #d8dee9;border-radius:8px;padding:10px;background:#fff;margin-top:4px}.batch-actions{display:flex;align-items:center;gap:8px}.batch-actions form{margin:0}.batch-actions input{display:none}.danger-button{border:1px solid #fecaca;background:#fff;color:#b42318;padding:8px 11px;border-radius:8px;font-weight:700;cursor:pointer}.danger-button:hover{background:#fff1f1}.picking-flow{margin:0 0 14px}.badge.mixed{background:#f1f5f9;color:#475569}@media(max-width:750px){.batch-actions{flex-wrap:wrap;justify-content:flex-end}.generate-form{flex-wrap:wrap}}
.alert.scan-error{background:#b42318;color:#fff;font-weight:800;font-size:16px}.alert.scan-success{background:#147d43;color:#fff;font-weight:700}.scan-box{background:#101827;color:#fff;border-radius:14px;padding:22px;margin-bottom:16px}.scan-box.has-error{background:#7f1d1d}.scan-box label{font-size:10px;letter-spacing:.15em;color:#9fb0c9}.scan-box>div{display:flex;gap:10px}.scan-box input{margin-top:8px;background:#fff;font-size:20px;padding:14px}.scan-box small{display:block;color:#9fb0c9;margin-top:8px}.scan-error-page main{animation:errorFlash .35s 2}@keyframes errorFlash{50%{background:#fecaca}}.scan-history{padding:18px;margin-top:16px}.scan-history h3{font-size:14px;margin:0 0 10px}.scan-history>div{display:flex;gap:10px;padding:8px;border-bottom:1px solid var(--border);font-size:12px}.scan-history>div>b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.scan-history .ok>b{background:#dcfce7;color:#15803d}.scan-history .bad>b{background:#fee2e2;color:#b91c1c}.scan-history small{display:block;color:var(--muted);margin-top:3px}.shelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.form-card{padding:22px}.form-card h2{font-size:16px;margin:0 0 5px}.form-card>p{font-size:12px;color:var(--muted);margin:0 0 15px}.form-card select{width:100%;border:1px solid #d8dee9;border-radius:8px;padding:12px;margin-top:8px;background:#fff}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shelf-table>.section-head{padding:18px 20px}@media(max-width:800px){.shelf-grid{grid-template-columns:1fr}.scan-box>div{display:block}.scan-box button{margin-top:8px;width:100%}}
.shipping-note{margin-bottom:16px}.row-form{display:flex;gap:6px;align-items:center;min-width:260px}.row-form input{margin:0;padding:8px;min-width:110px}.row-form select{border:1px solid #d8dee9;border-radius:7px;padding:8px;background:#fff}.row-form button{padding:8px 10px;white-space:nowrap}.done-pill{background:#dcfce7;color:#15803d;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700}
.aside-bottom{margin-top:auto}.aside-bottom .connection{margin-top:0}.user-box{display:flex;justify-content:space-between;align-items:center;padding:14px 5px 0}.user-box b,.user-box small{display:block;font-size:11px}.user-box small{color:#91a0b7;margin-top:3px}.user-box form{margin:0}.user-box button{border:0;background:transparent;color:#91a0b7;font-size:20px;cursor:pointer}.nav-count{float:right;background:#ef4444;color:#fff;border-radius:99px;min-width:20px;text-align:center;padding:2px 5px;font-size:10px}.login-page{display:block;background:radial-gradient(circle at 20% 15%,#dbeafe,transparent 32%),#f4f6fa}.login-shell{margin:0;width:100%;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:35px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand>span{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--blue);color:#fff;font-weight:800;font-size:20px}.login-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-top:3px}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 22px}.login-card form .primary{width:100%;margin-top:18px}.users-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}.role-card{padding:22px}.role-card h2{font-size:16px;margin:0 0 15px}.role-card>div{padding:13px 0;border-bottom:1px solid var(--border)}.role-card b,.role-card span{display:block;font-size:12px}.role-card span{color:var(--muted);margin-top:4px}.table-title{padding:18px}.status-pill{font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.inactive{background:#fee2e2;color:#b91c1c}.notification-list{overflow:hidden}.notification{display:flex;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border)}.notification.unread{background:#f8fbff}.notification>i{width:10px;height:10px;border-radius:50%;background:#94a3b8;margin-top:5px}.notification.severity-warning>i{background:#f59e0b}.notification.severity-error>i,.notification.severity-critical>i{background:#ef4444}.notification b{font-size:13px}.notification p{margin:5px 0;color:#475569;font-size:12px}.notification small{color:var(--muted);font-size:10px}@media(max-width:800px){.users-grid{grid-template-columns:1fr}.user-box{display:none}}
.readiness-card{max-width:720px;padding:24px;margin:18px 0 20px}.readiness-summary{font-weight:700}.readiness-summary.ready{color:#15803d}.readiness-summary.warning{color:#b45309}.readiness-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.readiness-list>div{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:10px;padding:13px}.readiness-list>div>b{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;font-size:12px}.readiness-list .ready>b{background:#dcfce7;color:#15803d}.readiness-list .warning>b{background:#fef3c7;color:#b45309}.readiness-list p{margin:1px 0 0}.readiness-list strong,.readiness-list small{display:block;font-size:12px}.readiness-list small{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}@media(max-width:700px){.readiness-list{grid-template-columns:1fr}}
.job-run-details{border-top:1px solid var(--border);padding-top:14px}.job-run-details span,.job-run-details small{display:block;font-size:12px;color:var(--muted)}.job-run-details b{display:block;font-size:14px;margin:4px 0}.job-run-details small{overflow-wrap:anywhere}
.status-pill.pending{background:#fef3c7;color:#a16207}.alert.payment-wait{background:#fff7d6;color:#8a5a00}.billing-error{display:block;color:#b42318;font-size:10px;margin-top:5px;max-width:280px}
.policy-fields{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:0 14px 14px;margin:18px 0}.policy-fields>label{margin-top:14px}.policy-fields>small{display:block;color:var(--muted);font-size:11px}.access-blocked-card{max-width:650px;padding:42px;text-align:center}.access-blocked-icon{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#b91c1c;font-size:28px}.access-blocked-card h2{margin:0 0 10px}.access-blocked-card p{color:var(--muted);font-size:14px;line-height:1.6}.access-blocked-card .notice{text-align:left;margin-bottom:0}
.alert.subscription-access-banner{background:#fff7d6;color:#805500;max-width:none}.subscription-access-banner a{color:#7c3aed;font-weight:700}
.admin-tabs{display:flex;gap:6px;margin:-10px 0 24px;padding:5px;background:#e9edf4;border:1px solid var(--border);border-radius:11px;width:max-content;max-width:100%;overflow:auto}.admin-tabs a{padding:9px 14px;border-radius:8px;color:#596579;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.admin-tabs a:hover{background:#f7f9fc;color:var(--text)}.admin-tabs a.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px #1f29371a}@media(max-width:750px){.admin-tabs{width:100%}.admin-tabs a{flex:1;text-align:center}}
.work-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.work-order-create{padding:20px;margin-bottom:18px}.work-order-create summary{font-weight:800;cursor:pointer;font-size:16px}.work-order-create form{margin-top:18px}.work-order-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px 16px}.work-order-form-grid label{margin:0}.work-order-form-grid select,.work-order-form-grid textarea{width:100%;margin-top:8px;border:1px solid #d8dee9;border-radius:8px;padding:10px;font:inherit}.work-order-form-grid select[multiple]{min-height:112px}.work-order-form-grid small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.work-order-form-grid .check-label{display:flex;gap:8px;align-items:center}.work-order-form-grid .check-label input{width:auto;margin:0}.form-wide{grid-column:span 2}.workload-card{margin-bottom:18px}.priority-pill{font-size:10px;font-weight:800;padding:5px 8px;border-radius:99px}.priority-pill.low{background:#f1f5f9;color:#64748b}.priority-pill.normal{background:#dbeafe;color:#1d4ed8}.priority-pill.high{background:#ffedd5;color:#c2410c}.priority-pill.urgent{background:#fee2e2;color:#b91c1c}.work-priority-urgent{background:#fff7f7}.work-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;margin-bottom:18px}.work-order-meta span,.work-order-meta b{display:block}.work-order-meta span{font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.release-form{display:flex;gap:7px}.release-form input{margin:0;min-width:170px;padding:8px}@media(max-width:1050px){.work-order-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.work-order-summary,.work-order-meta,.work-order-form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}}
.report-filter{display:flex;align-items:flex-end;gap:12px;padding:14px 18px;margin-bottom:18px}.report-filter label{margin:0}.report-filter input{margin-top:5px;padding:9px}.export-link{text-decoration:none;font-size:13px}.report-metrics{grid-template-columns:repeat(6,1fr)}.metric.danger{border-color:#fecaca;background:#fff7f7}.metric.danger strong{color:#b91c1c}.report-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.report-empty{padding:20px 0}.daily-chart>div{display:grid;grid-template-columns:92px 1fr 28px;gap:9px;align-items:center;margin:15px 0}.daily-chart span,.daily-chart b{font-size:11px}.daily-chart i{height:9px;border-radius:9px;background:linear-gradient(90deg,var(--blue) var(--w),#edf0f5 var(--w))}.daily-chart small{grid-column:2/-1;color:var(--muted);font-size:9px;margin-top:-5px}.audit-list{max-height:520px;overflow:auto}.audit-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.audit-list p{margin:0}.audit-list b,.audit-list span{display:block;font-size:11px}.audit-list span,.audit-list time{color:var(--muted);font-size:9px;margin-top:4px}.audit-list time{white-space:nowrap}@media(max-width:1100px){.report-metrics{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}}@media(max-width:650px){.report-filter{flex-wrap:wrap}.report-metrics{grid-template-columns:1fr 1fr}}
.import-card{display:grid;grid-template-columns:minmax(300px,1fr) minmax(220px,.7fr) auto;gap:20px;align-items:center;padding:18px 20px;margin-bottom:16px;border-left:4px solid var(--blue)}.import-copy{display:flex;gap:13px;align-items:center}.import-copy h2{font-size:14px;margin:0 0 4px}.import-copy p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.import-icon{width:38px;height:38px;border-radius:10px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.import-progress>div{display:flex;justify-content:space-between;font-size:11px}.import-progress span{color:var(--muted)}.import-progress i{display:block;height:8px;margin-top:8px;border-radius:8px;background:linear-gradient(90deg,var(--blue) var(--w),#edf0f5 var(--w))}.import-progress small{display:block;color:#b42318;margin-top:6px}.import-card.status-completed{border-left-color:#22c55e}.import-card.status-failed{border-left-color:#ef4444}.import-actions form{margin:0}.import-actions input{display:none}@media(max-width:1000px){.import-card{grid-template-columns:1fr}.import-actions button{width:100%}}
.return-box{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) auto;gap:12px;align-items:center;padding:14px 18px;margin-bottom:16px;border-left:4px solid #f59e0b}.return-box b,.return-box small{display:block}.return-box b{font-size:13px}.return-box small{font-size:10px;color:var(--muted);margin-top:3px}.return-box input{margin:0}.return-box button{white-space:nowrap}@media(max-width:850px){.return-box{grid-template-columns:1fr}.return-box button{width:100%}}
.detail-toggle{display:inline-block;color:var(--blue);border:1px solid #cbdafe;background:#f7f9ff;text-decoration:none;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:750;white-space:nowrap}.detail-toggle:hover,.detail-toggle.open{background:var(--blue);border-color:var(--blue);color:#fff}.detail-open>td{background:#f6f8ff}.order-detail-table-row>td{padding:0 12px 18px;background:#f6f8ff}.order-detail-card{background:#fff;border:1px solid #dce3ef;border-radius:14px;box-shadow:0 12px 34px #17203312;overflow:hidden}.order-detail-head{display:grid;grid-template-columns:1.05fr 1.2fr 1fr .85fr 1fr auto;gap:22px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}.order-detail-head>div>span,.order-detail-head>div>strong,.order-detail-head>div>small{display:block}.order-detail-head>div>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.order-detail-head>div>strong{font-size:13px;overflow-wrap:anywhere}.order-detail-head>div>small{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.35}.order-number-block strong{font-size:16px!important}.order-state-pill{align-self:start;background:#dcfce7;color:#15803d;padding:7px 10px;border-radius:99px;font-size:10px;font-weight:750;white-space:nowrap}.order-detail-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:24px;padding:22px 24px}.order-detail-body h3{font-size:12px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.06em;color:#475569}.order-product{display:grid;grid-template-columns:58px 38px minmax(180px,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.order-product:last-child{border-bottom:0}.product-picture{width:58px;height:64px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;color:#94a3b8;font-size:22px}.product-picture img{width:100%;height:100%;object-fit:contain;background:#fff}.product-quantity{justify-self:center;background:#eef1f6;color:#475569;border-radius:99px;padding:6px 8px;font-size:11px;font-weight:800}.product-copy strong,.product-copy small,.product-price strong,.product-price small{display:block}.product-copy strong{font-size:12px;line-height:1.35}.product-copy small,.product-price small{font-size:9px;color:var(--muted);margin-top:5px}.product-price{text-align:right}.product-price strong{font-size:11px}.order-summary{position:static;width:auto;background:#f8fafc;color:var(--text);padding:18px;border:1px solid var(--border);border-radius:12px}.order-summary dl{margin:0}.order-summary dl>div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #e7ebf1}.order-summary dl>div:last-child{border:0}.order-summary dt{font-size:9px;color:var(--muted)}.order-summary dd{font-size:10px;margin:0;text-align:right;overflow-wrap:anywhere;line-height:1.45}.order-note{margin-top:12px;padding:10px;border-radius:8px;background:#fff7d6;color:#805500}.order-note b{font-size:10px}.order-note p{font-size:10px;line-height:1.45;margin:5px 0 0}.order-timeline{display:flex;justify-content:center;gap:0;padding:20px 24px 24px;border-top:1px solid var(--border);overflow:auto}.timeline-step{position:relative;min-width:120px;text-align:center;padding:0 12px}.timeline-step:not(:last-child):after{content:"";position:absolute;top:17px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#e2e8f0}.timeline-step i{position:relative;z-index:1;width:36px;height:36px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:#94a3b8;border:1px solid #e2e8f0;font-style:normal;font-size:15px}.timeline-step b,.timeline-step small{display:block}.timeline-step b{font-size:10px;color:#94a3b8}.timeline-step small{font-size:8px;color:#a0aec0;margin-top:4px;white-space:nowrap}.timeline-step.complete i{background:#dcfce7;color:#16a34a;border-color:#a7f3d0}.timeline-step.complete b{color:#15803d}.timeline-step.complete:not(:last-child):after{background:#86efac}.timeline-step.active i{background:#eaf1ff;color:var(--blue);border-color:#93b4ff;box-shadow:0 0 0 4px #2563eb12}.timeline-step.active b{color:var(--blue)}
@media(max-width:1250px){.order-detail-head{grid-template-columns:repeat(3,1fr)}.order-state-pill{justify-self:start}.order-detail-body{grid-template-columns:1fr}.order-summary{display:block}}@media(max-width:800px){.order-detail-head{grid-template-columns:1fr 1fr}.order-product{grid-template-columns:50px 32px 1fr}.product-picture{width:50px;height:56px}.product-price{grid-column:3;text-align:left}.order-detail-body{padding:16px}.timeline-step{min-width:105px}.order-detail-table-row>td{padding-left:4px;padding-right:4px}}
.order-summary{display:block}
.work-tabs{margin-top:-12px}.rule-list{padding:18px;margin-bottom:20px}.rule-list>div:not(.section-head){display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.rule-list p{margin:0 auto 0 0}.rule-list p b,.rule-list p small{display:block}.rule-list p small{color:var(--muted);margin-top:4px}.rule-list form{margin:0}.work-report{padding:20px;margin-bottom:20px}.work-report .work-order-summary{grid-template-columns:repeat(4,1fr)}.report-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-breakdown>div{border:1px solid var(--border);border-radius:10px;padding:15px}.report-breakdown h3{margin:0 0 10px;font-size:14px}.report-breakdown p{display:flex;justify-content:space-between;margin:7px 0;font-size:12px}.work-status-form{padding:14px 18px;margin-bottom:18px;display:flex;align-items:end;gap:12px}.work-status-form label{margin:0;min-width:250px}.work-status-form select{width:100%;margin-top:7px;border:1px solid #d8dee9;border-radius:8px;padding:10px}.work-status-form input{margin:0}@media(max-width:750px){.work-report .work-order-summary,.report-breakdown{grid-template-columns:1fr}.work-status-form{display:grid}}
.work-steps{padding:18px;margin-bottom:18px}.work-steps>div:last-child{display:flex;gap:8px;overflow:auto}.work-steps>div>span{min-width:170px;padding:12px;border:1px solid var(--border);border-radius:9px;font-size:12px}.work-steps span b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;background:#eaf1ff;color:var(--blue)}.work-steps span small{display:block;color:var(--muted);font-size:8px;margin:7px 0 0 30px}.work-detail-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.work-detail-actions>.card{padding:16px}.work-detail-actions h3{margin:0 0 10px;font-size:14px}.work-detail-actions select,.work-detail-actions textarea{width:100%;border:1px solid #d8dee9;border-radius:8px;padding:10px;margin:0 0 9px;font:inherit}.work-detail-actions input{margin:0 0 9px}.reopen-form{padding:14px;display:flex;gap:10px;margin-bottom:18px}.reopen-form input{margin:0}.report-grid{margin-bottom:20px}@media(max-width:900px){.work-detail-actions{grid-template-columns:1fr}}
.work-steps span.step-done{background:#f0fdf4;border-color:#bbf7d0}.work-steps span.step-done b{background:#dcfce7;color:#15803d}.work-steps span form{margin:10px 0 0}.work-steps span button{width:100%;padding:7px}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px}.permission-grid>div{border:1px solid var(--border);border-radius:10px;padding:12px}.permission-grid h3{font-size:13px;margin:0 0 10px}.permission-grid form{margin:5px 0}.permission-toggle{width:100%;border:0;border-radius:7px;padding:8px;text-align:left;font-size:11px;cursor:pointer}.permission-toggle b{display:inline-block;width:18px}.permission-toggle.allowed{background:#ecfdf3;color:#15803d}.permission-toggle.denied{background:#f8fafc;color:#94a3b8}.capacity-manager{margin-bottom:20px}.capacity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.capacity-grid form{border:1px solid var(--border);border-radius:10px;padding:13px}.capacity-grid b,.capacity-grid small{display:block}.capacity-grid small{color:var(--muted);margin:4px 0 10px}.capacity-grid label{margin:8px 0;font-size:10px}.capacity-grid select{width:100%;border:1px solid #d8dee9;border-radius:8px;padding:9px;margin-top:5px}.hourly-report{margin-bottom:20px}@media(max-width:1000px){.permission-grid{grid-template-columns:repeat(2,1fr)}.capacity-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.permission-grid,.capacity-grid{grid-template-columns:1fr}}
.dashboard-work-orders{margin-top:18px}.exception-resolution{padding:18px;margin-bottom:18px}.exception-resolution h3{margin:0 0 12px;font-size:14px}.exception-resolution form{display:grid;grid-template-columns:minmax(160px,.7fr) 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.exception-resolution input{margin:0}@media(max-width:750px){.exception-resolution form{grid-template-columns:1fr}}
.report-quality{display:flex;align-items:center;gap:35px;padding:18px 22px;margin-bottom:20px}.report-quality div{min-width:190px}.report-quality span,.report-quality strong,.report-quality small{display:block}.report-quality span{font-size:10px;color:var(--muted);text-transform:uppercase}.report-quality strong{font-size:21px;margin:4px 0}.report-quality small{font-size:9px;color:var(--muted)}.report-quality a{margin-left:auto}@media(max-width:750px){.report-quality{display:grid;gap:16px}.report-quality a{margin-left:0;text-align:center}}
.detail-summary{margin-bottom:18px}.work-order-orders{margin:18px 0}.worker-performance-strip{margin-bottom:20px}.worker-performance-strip td,.worker-performance-strip th{white-space:nowrap}
.shelf-code-grid,.capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.text-danger{color:#b42318}.form-card label small{font-weight:400;color:var(--muted)}@media(max-width:800px){.shelf-code-grid,.capacity-grid{grid-template-columns:1fr 1fr}}
.shelf-placement{max-width:760px;margin:0 auto 20px}.shelf-placement>input{margin:8px 0 16px}.shelf-placement>.two-fields label{color:#9fb0c9}.movement-positive{color:#147d43}.movement-negative{color:#b42318}
.transfer-info ul{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.9}
.shelf-metrics{grid-template-columns:repeat(5,1fr);margin-bottom:18px}.occupancy-card{padding:20px;margin-bottom:18px}.occupancy-bars>div{display:grid;grid-template-columns:minmax(150px,1fr) 3fr 55px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.occupancy-bars p,.occupancy-bars small{margin:0}.occupancy-bars small{display:block;color:var(--muted);font-size:10px}.occupancy-bars>div>span{height:12px;background:#edf1f6;border-radius:999px;overflow:hidden}.occupancy-bars i{display:block;width:var(--w);height:100%;background:#22a06b;border-radius:999px}.occupancy-bars i.warning{background:#e9a23b}.occupancy-bars i.danger{background:#d14343}@media(max-width:900px){.shelf-metrics{grid-template-columns:repeat(2,1fr)}.occupancy-bars>div{grid-template-columns:1fr}.occupancy-bars>div>span{width:100%}}
.abc-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.heatmap-card{padding:20px;margin-bottom:18px}.shelf-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.shelf-heatmap article{border-radius:12px;padding:14px;border:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.shelf-heatmap article.cool{background:#dcfce7}.shelf-heatmap article.warm{background:#fef3c7}.shelf-heatmap article.hot{background:#fee2e2}.shelf-heatmap span,.shelf-heatmap small{font-size:10px;color:#52606d}.shelf-heatmap strong{font-size:13px;margin-top:5px}.abc-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font-weight:900}.abc-a{background:#fee2e2;color:#b42318}.abc-b{background:#fef3c7;color:#8a5700}.abc-c{background:#dcfce7;color:#147d43}@media(max-width:800px){.abc-metrics{grid-template-columns:1fr 1fr}}
.picking-route{padding:18px;margin-bottom:18px}.route-steps{display:grid;gap:9px;margin-top:14px}.route-steps article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:11px 14px;background:#fff}.route-steps article>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf1ff;color:var(--blue);font-size:12px}.route-steps article strong,.route-steps article span{display:block}.route-steps article strong{font-size:12px}.route-steps article span{font-size:10px;color:var(--muted);margin-top:3px}.route-steps article em{font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}.route-steps article.unallocated{border-color:#fecaca;background:#fff7f7}.route-steps article.unallocated>b{background:#fee2e2;color:#b42318}.route-policy{padding:18px;margin-bottom:18px}.route-policy p{font-size:12px;color:var(--muted)}.route-policy-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-policy-flow b{padding:8px 11px;border-radius:99px;background:#eaf1ff;color:var(--blue);font-size:11px;font-weight:750}.route-policy-flow i{color:#94a3b8;font-style:normal}@media(max-width:650px){.route-steps article{grid-template-columns:30px 1fr}.route-steps article em{grid-column:2}.route-policy-flow i{display:none}}
.operation-location-metrics{grid-template-columns:repeat(3,1fr)}.operation-history{margin-top:18px}@media(max-width:750px){.operation-location-metrics{grid-template-columns:1fr}}
.quick-shelf-card{padding:22px}.quick-shelf-card>.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.quick-shelf-card form{margin-top:20px}.quick-shelf-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.quick-shelf-grid label{margin:0}.quick-shelf-grid select{width:100%;margin-top:8px;border:1px solid #d8dee9;border-radius:8px;padding:12px;background:#fff}.bulk-dimensions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.bulk-dimensions fieldset{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid var(--border);border-radius:11px;padding:10px 13px 13px}.bulk-dimensions legend{font-size:12px;font-weight:800;padding:0 5px}.bulk-dimensions label{margin:0;font-size:10px;color:var(--muted)}.naming-builder{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:end;padding:16px;border:1px solid #cbdafe;background:#f7f9ff;border-radius:11px;margin-bottom:18px}.naming-builder label{margin:0}.naming-builder small,.naming-builder strong{display:block}.naming-builder small{color:var(--muted);font-size:10px;line-height:1.7}.naming-builder strong{font-size:12px;margin-top:6px}.naming-builder code{color:var(--blue)}.bulk-submit{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.bulk-submit p{font-size:11px;color:var(--muted);margin:0}.bulk-submit button{min-width:170px}@media(max-width:950px){.quick-shelf-grid,.bulk-dimensions{grid-template-columns:1fr 1fr}.naming-builder{grid-template-columns:1fr}}@media(max-width:600px){.quick-shelf-grid,.bulk-dimensions{grid-template-columns:1fr}.bulk-submit{display:grid;gap:12px}.bulk-submit button{width:100%}}
.distribution-list p{display:flex;justify-content:space-between;gap:16px;padding:9px 0;margin:0;border-bottom:1px solid var(--border);font-size:12px}.distribution-list p:last-child{border-bottom:0}.report-audit-full{max-height:none}

/* Depo mobil modu: tek elle kullanım, büyük dokunma alanları ve sabit alt navigasyon. */
@media(max-width:750px){
body{display:block;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
aside{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);z-index:100;display:block;border-top:1px solid #2b3950;box-shadow:0 -5px 20px #0f172a33}
aside .brand,.aside-bottom{display:none}
aside nav{height:56px;display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
aside nav::-webkit-scrollbar{display:none}
aside nav a{flex:0 0 70px;min-height:54px;padding:7px 4px;text-align:center;font-size:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
aside nav a span{display:block;margin:0;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
aside nav a.active{background:#26354d}.nav-count{position:absolute;margin:-4px 0 0 42px}
main{margin-left:0;width:100%;padding:18px 12px 24px}header{margin-bottom:18px}h1{font-size:22px}header p{font-size:12px}
input,select,textarea,button,.primary,.secondary,.danger-button{min-height:46px;font-size:16px}
.scan-box{position:sticky;top:8px;z-index:20;padding:16px;border-radius:12px;box-shadow:0 7px 22px #0f172a33}
.scan-box input{font-size:22px;min-height:54px}.scan-box button{min-height:52px}
.batch-head{align-items:flex-start}.batch-head h2{font-size:20px}.table-wrap{margin-inline:-1px;scrollbar-width:thin}
th,td{padding:12px 10px;white-space:nowrap}.alert{position:relative;z-index:25;font-size:14px}.admin-tabs{position:sticky;top:0;z-index:15}
}
@media(max-width:390px){aside nav a{flex-basis:64px}.metric{padding:15px}.report-metrics{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}}
.hierarchy-table{margin-bottom:18px}.hierarchy-table .danger-button{min-width:64px}