@media screen {
html body #appShell .portal-main-panel #sview-restock:not(.hidden){display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:8px;background:var(--fh-theme-surface,#fff);color:var(--fh-theme-copy,#111827);font-size:13px;line-height:1.4}
html body #appShell .portal-main-panel #sview-restock>*{margin:0!important;min-width:0}
#sview-restock *{box-sizing:border-box}
#sview-restock .restock-header{display:grid;grid-template-columns:minmax(195px,.85fr) minmax(0,2.5fr) auto;align-items:center;gap:8px;flex-shrink:0}
#sview-restock .restock-title{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
html body #appShell #sview-restock .restock-header h3{margin:0;font-size:17px!important;line-height:1.3!important;font-weight:700}
#sview-restock .restock-header p{margin:0;color:var(--fh-theme-muted,#475569);font-size:12px;white-space:nowrap}
html body #appShell #sview-restock button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 7px;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:5px;background:var(--fh-theme-surface,#fff);color:var(--fh-theme-copy,#111827);font-family:inherit!important;font-size:13px!important;font-weight:600;line-height:20px!important;white-space:nowrap;cursor:pointer}
#sview-restock button:hover{background:var(--fh-theme-surface-2,#f1f5f9)!important}
#sview-restock :is(button,[tabindex]):focus-visible{outline:2px solid #0891b2;outline-offset:2px}
#sview-restock .restock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;flex-shrink:0}
#sview-restock .restock-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:4px 7px;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:6px;background:var(--fh-theme-surface-2,#f8fafc)}
#sview-restock .restock-metrics span{font-size:11px;font-weight:600;white-space:nowrap}
#sview-restock .restock-metrics strong{font-size:17px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
#sview-restock .restock-planning-note{color:var(--fh-theme-muted,#475569);font-size:11px;line-height:15px;flex-shrink:0}
#sview-restock .restock-table-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:6px;scrollbar-width:thin;flex:1}
#sview-restock .restock-table{width:100%;min-width:730px;table-layout:fixed;border-collapse:separate;border-spacing:0}
#sview-restock .restock-book-col{width:auto}
#sview-restock .restock-number-col{width:80px}
#sview-restock .restock-target-col{width:110px}
#sview-restock .restock-add-col{width:160px}
#sview-restock .restock-action-col{width:165px}
html body #appShell #sview-restock .restock-table :is(th,td){padding:8px!important;font-family:inherit!important;font-size:13px!important;line-height:1.4!important;border-bottom:1px solid var(--fh-theme-border,#e2e8f0);vertical-align:middle;overflow-wrap:normal;color:var(--fh-theme-copy,#111827)}
html body #appShell #sview-restock .restock-table th{position:sticky;top:0;z-index:1;background:var(--fh-theme-surface-2,#f1f5f9);font-weight:700;text-align:left;text-transform:none;letter-spacing:normal}
/* Headers and data share the same alignment and column dimensions. The
   stronger selector also wins over the general left-aligned sticky headers. */
html body #appShell #sview-restock .restock-table :is(th,td):nth-child(n+2):nth-child(-n+5){text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
html body #appShell #sview-restock .restock-table :is(th,td):last-child:not([colspan]){text-align:center!important}
html body #appShell #sview-restock .restock-table th{white-space:nowrap}
#sview-restock .restock-table td:first-child{overflow-wrap:anywhere}
#sview-restock .restock-table td[colspan]{text-align:center!important;white-space:normal}
#sview-restock .restock-table td:first-child>span:first-child{font-size:13px;font-weight:600}
#sview-restock .restock-table td:first-child>span:last-child{display:block;font-family:inherit;color:var(--fh-theme-muted,#475569);font-size:12px;margin-top:3px}
#sview-restock .restock-table td:first-child>br{display:none}
#sview-restock .restock-table td:nth-child(4)>:is(br,span){display:none}
#sview-restock .restock-table td:nth-child(5)>br{display:none}
#sview-restock .restock-table td:nth-child(5)>span{font-family:inherit;font-size:12px;line-height:1.4;white-space:nowrap}
#sview-restock .restock-table td:nth-child(5)>span:first-child{display:block;font-size:14px;font-weight:700;color:#047857}
#sview-restock .restock-table td:nth-child(5)>span:nth-of-type(2){display:block;color:var(--fh-theme-muted,#475569)}
#sview-restock .restock-table td:nth-child(5)>span:last-child{display:block;color:var(--fh-theme-muted,#475569)}
#sview-restock .restock-table td:last-child{white-space:nowrap}
#sview-restock .restock-table td:last-child>button{margin:0 0 0 4px!important}
#sview-restock .restock-table tbody tr:hover{background:var(--fh-theme-surface-2,#f8fafc)}
html body #appShell #sview-restock button:is(.hidden,.fh-role-hidden,.fh-permission-hidden,[hidden]){display:none!important}
}
@media screen and (min-width:701px){html body #appShell .portal-main-panel #sview-restock:not(.hidden){height:calc(100dvh - 144px);min-height:280px}}
@media screen and (max-width:1000px){#sview-restock .restock-header{grid-template-columns:minmax(170px,.7fr) minmax(0,2fr) auto;gap:5px}#sview-restock .restock-title{gap:5px}#sview-restock .restock-title p{white-space:normal}#sview-restock .restock-metrics{gap:4px}#sview-restock .restock-metrics>div{padding:3px 5px}#sview-restock .restock-metrics span{font-size:10px}}
@media screen and (max-width:700px){#sview-restock .restock-metrics{gap:5px}#sview-restock .restock-metrics>div{flex-direction:column;align-items:flex-start;gap:3px;padding:6px}#sview-restock .restock-table-scroll{max-height:60dvh}#sview-restock .restock-header{grid-template-columns:1fr auto}#sview-restock .restock-title{grid-column:1/-1}#sview-restock .restock-metrics{grid-column:1/-1}}
@media screen and (min-width:701px) and (max-width:1150px){
html body #appShell #view-stock>#stockNavAndTools{padding:3px!important;gap:2px!important}
html body #appShell #view-stock>#stockNavAndTools :is(#stockScanningButton,#stockSectionTopMount>#stockSectionSidebar .stock-tab,#stockQuickActions>button){padding:4px 2px!important;gap:3px!important}
html body #appShell #view-stock>#stockNavAndTools :is(#stockScanningButton,#stockSectionTopMount>#stockSectionSidebar .stock-tab,#stockQuickActions>button)>i{width:12px!important;font-size:12px!important}
}