#csBody[data-mode="fulfilment"]{min-width:0}
#fhFulfilmentWorkspace{height:var(--fh-fl-height,calc(100dvh - 190px));min-height:200px;display:flex;flex-direction:column;gap:8px;overflow:hidden;color:var(--cs-ink,#172334)}
#fhFulfilmentWorkspace *{box-sizing:border-box}
#fhFulfilmentWorkspace [hidden]{display:none!important}
.fh-fl-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;flex:0 0 auto;color:var(--cs-muted,#475569);font-size:12px;line-height:20px}
.fh-fl-summary strong{margin-left:5px;color:var(--cs-ink,#172334);font-size:14px}
.fh-fl-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:1;min-height:0;min-width:0}
.fh-fl-left{min-width:0;min-height:0;display:flex;overflow:hidden}
.fh-fl-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--cs-border,#cbd5e1);border-radius:8px;background:var(--cs-bg,#fff)}
.fh-fl-panel>header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;flex:0 0 auto;border-bottom:1px solid var(--cs-border,#cbd5e1);background:var(--cs-soft,#f8fafc)}
html body #appShell .fh-fl-panel h3{font-size:14px!important;line-height:20px!important;font-weight:700;margin:0;color:var(--cs-ink,#172334)}
.fh-fl-panel nav{display:flex;gap:4px;flex:0 0 auto}
html body #appShell .fh-fl-panel nav button{font-size:12px!important;min-height:28px;padding:3px 7px;line-height:20px}
.fh-fl-panel nav button[aria-pressed="true"]{background:var(--cs-accent,#0f766e);color:#fff;border-color:var(--cs-accent,#0f766e)}
.fh-fl-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.6fr);align-items:center;gap:6px;padding:7px 10px;flex:0 0 auto;border-bottom:1px solid var(--cs-border,#cbd5e1)}
html body #appShell .fh-fl-tools :is(input,select){margin:0!important;min-height:32px;padding:5px 7px;font-size:12px!important;line-height:20px}
.fh-fl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fh-fl-scroll{min-height:0;min-width:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.fh-fl-scroll:focus-visible{outline:2px solid #0891b2;outline-offset:-2px}
.fh-fl-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;line-height:18px;text-align:left}
.fh-fl-table th{position:sticky;top:0;z-index:1;background:var(--cs-soft,#f8fafc);color:var(--cs-ink,#172334);font-weight:700;border-bottom:1px solid var(--cs-border,#cbd5e1);padding:7px 9px;white-space:nowrap}
.fh-fl-table td{padding:8px 9px;vertical-align:top;border-bottom:1px solid var(--cs-border,#e2e8f0);color:var(--cs-ink,#172334);overflow-wrap:anywhere}
.fh-fl-table tbody tr:nth-child(even){background:var(--cs-soft,#f8fafc)}
.fh-fl-table strong{font-weight:600}
.fh-fl-table small{display:block;color:var(--cs-muted,#475569);font-size:11px;line-height:17px;margin-top:2px}
.fh-fl-table .fh-fl-number{text-align:right;font-weight:700;white-space:nowrap}
.fh-fl-ledger-table th:last-child{text-align:right}
.fh-fl-returns-table,.fh-fl-shipments-table{min-width:690px}
.fh-fl-returns-table th:nth-child(4),.fh-fl-shipments-table th:nth-child(3){min-width:170px}
.fh-fl-returns-table :is(th,td):first-child,.fh-fl-shipments-table :is(th,td):first-child{white-space:nowrap;min-width:95px}
.fh-fl-returns-table :is(th,td):nth-child(2),.fh-fl-returns-table :is(th,td):nth-child(3),.fh-fl-shipments-table :is(th,td):nth-child(2){min-width:110px}
.fh-fl-returns-table :is(th,td):nth-child(6){white-space:nowrap;min-width:90px}
.fh-fl-returns-table :is(th,td):nth-child(7),.fh-fl-shipments-table :is(th,td):nth-child(6){min-width:135px}
.fh-fl-panel>footer{font-size:11px;line-height:18px;padding:5px 10px;border-top:1px solid var(--cs-border,#cbd5e1);background:var(--cs-soft,#f8fafc);color:var(--cs-muted,#475569);flex:0 0 auto}
@media(max-width:1000px){.fh-fl-panel>header{flex-wrap:wrap}.fh-fl-tools{grid-template-columns:minmax(0,1fr)}.fh-fl-tools select{max-width:100%}.fh-fl-panel nav{margin-left:auto}}
@media(max-width:600px){.fh-fl-columns{min-width:720px}.fh-fl-workspace{overflow-x:auto!important}.fh-fl-summary{min-width:720px}.fh-fl-panel>header{padding:6px}.fh-fl-tools{padding:6px}.fh-fl-summary{gap:5px 12px}}
