#skuTransitSection { min-width:0; }
.sku-transit-search { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--theme-surface,#fff); }
.sku-transit-search label { display:grid; gap:8px; flex:1 1 300px; max-width:600px; color:var(--muted); font-size:13px; }
.sku-transit-search input { width:100%; box-sizing:border-box; min-height:42px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; background:var(--theme-surface-soft,#f8fafc); color:var(--ink); font:inherit; }
.sku-transit-search input:focus { outline:2px solid var(--teal,#13877f); outline-offset:1px; }
.sku-transit-search .ui-action { min-height:42px; }
.sku-transit-message { color:var(--muted); font-size:13px; margin:16px 0; overflow-wrap:anywhere; }
.sku-transit-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.sku-transit-kpis article { display:flex; flex-direction:column; gap:12px; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--theme-surface,#fff); }
.sku-transit-kpis small { font-weight:600; font-size:14px; }
.sku-transit-kpis strong { font-size:32px; font-variant-numeric:tabular-nums; }
.sku-transit-kpis em { font-size:16px; font-style:normal; margin-left:5px; }
.sku-transit-kpis span { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.sku-transit-kpis .sku-transit-total { border-color:var(--teal,#13877f); background:var(--theme-surface-soft,#f1f8f7); }
.sku-transit-block { border:1px solid var(--line); border-radius:12px; margin:24px 0; overflow:hidden; background:var(--theme-surface,#fff); }
.sku-transit-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; background:var(--theme-surface-soft,#f5f8fb); border-bottom:1px solid var(--line); }
.sku-transit-heading h3 { margin:0; font-size:16px; }
.sku-transit-heading span,.sku-transit-muted { font-size:12px; color:var(--muted); }
.sku-transit-scroll { overflow:auto; }
.sku-transit-scroll table { width:100%; min-width:1080px; border-collapse:collapse; }
.sku-transit-scroll th,.sku-transit-scroll td { padding:16px 18px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; font-size:13px; }
.sku-transit-scroll th { color:var(--muted); font-weight:600; white-space:nowrap; background:var(--theme-surface-soft,#f5f8fb); }
.sku-transit-scroll small { display:block; margin-top:7px; color:var(--muted); font-size:12px; max-width:250px; overflow-wrap:anywhere; }
.sku-transit-scroll .num { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sku-transit-strong { font-weight:700; color:var(--teal,#13877f); }
.sku-transit-badge { display:inline-block; padding:4px 9px; border-radius:5px; color:var(--teal,#13877f); background:var(--theme-surface-soft,#edf6f5); white-space:nowrap; }
.sku-transit-doc.ui-action { padding:0; min-height:24px; background:transparent; border:0; box-shadow:none; color:var(--blue,#33568a); font-weight:600; white-space:nowrap; }
.sku-transit-doc.ui-action:hover { text-decoration:underline; }
#skuTransitSection summary { cursor:pointer; color:var(--teal,#13877f); font-size:13px; }
.sku-transit-scroll ul { padding-left:18px; min-width:220px; }
.sku-transit-scroll li { margin:12px 0; line-height:1.8; }
.sku-transit-empty { color:var(--muted); padding:30px!important; }
.sku-transit-rules { border:1px solid var(--line); border-radius:10px; background:var(--theme-surface,#fff); padding:18px 22px; margin:24px 0; }
.sku-transit-rules p { font-size:13px; line-height:1.8; color:var(--muted); }
.sku-transit-warning { padding:14px 18px; border-left:3px solid #cf8e44; color:var(--ink); background:var(--theme-surface-soft,#fff7ea); font-size:13px; line-height:1.8; }
@media(max-width:760px) { .sku-transit-kpis { grid-template-columns:1fr; gap:10px; } .sku-transit-kpis article { padding:18px; } .sku-transit-search { padding:16px; } .sku-transit-search label { max-width:none; flex-basis:100%; } .sku-transit-heading { padding:16px; } }
/* Navigation uses the established sidebar treatment, including its focus ring. */
nav .ui-action[data-view="skuTransit"] { display:block; text-align:left; justify-content:flex-start; min-height:0; padding:5px 14px 5px 18px; border:0!important; border-radius:8px!important; background:transparent!important; color:#aeb8ce!important; font:400 13px var(--font-ui)!important; box-shadow:none!important; }
nav .ui-action[data-view="skuTransit"]:hover { background:#202d4b!important; color:#fff!important; }
nav .ui-action[data-view="skuTransit"].active { background:#253252!important; color:#fff!important; }
#skuTransitInput { background:var(--theme-surface-soft,#f8fafc)!important; color:var(--ink)!important; border-color:var(--line)!important; }
#skuTransitSection .sku-transit-scroll th { background:var(--theme-surface-soft,#f5f8fb)!important; }
#skuTransitSection .sku-transit-scroll td { background:var(--theme-surface,#fff)!important; color:var(--ink); }
#skuTransitSection .sku-transit-scroll tr:hover td { background:var(--theme-surface-soft,#f5f8fb)!important; }