html[data-ui-language=en] .zh,html[data-ui-language=en] .bi-zh,html[data-ui-language=zh] .en,html[data-ui-language=zh] .bi-en{display:none!important}
html[data-ui-language] .bi-copy{display:inline}html[data-ui-language] .bi-copy>span{margin:0}
#language-toggle{white-space:nowrap;padding:5px 10px;min-height:30px}
body{font-size:13px}header{padding:8px 20px}header .brand img{width:100px;height:auto}main{max-width:none;padding:12px 20px}.card{padding:12px;margin-bottom:10px}.heading{margin-bottom:10px}.heading h1{font-size:24px;margin:4px 0}.heading .eyebrow{margin:0}.filters.card{padding:9px 12px;gap:8px}button,.button{padding:6px 10px}input,select,textarea{padding:6px 8px}h2{font-size:19px}h3{font-size:16px}.workflow-tabs{gap:6px}.workflow-tab{padding:7px 8px}.workflow-tab b{font-size:13px}.workflow-tab small{font-size:12px;padding:5px}.workflow-panel{padding:12px}.question{padding:10px 0}.answer-options{gap:10px}.round-heading{margin-bottom:8px}table td,table th{padding:7px 9px}.bi-copy{line-height:1.4}.compact-round-links button{padding:5px 7px}.back-row{margin:5px 0 9px}
@media(max-width:700px){main{padding:10px}header{padding:8px 12px}button,.button{min-height:36px}.workflow-tab b{font-size:12px}.filters.card{gap:6px}}
.order-card .compact-workflow .stage-link{min-height:48px;padding:6px 7px;row-gap:2px}.order-card .stage-title{font-size:12px}.order-card .stage-status{font-size:11px}.order-card .product-mini img,.order-card .no-image{width:38px;height:42px;object-fit:contain}.order-card .order-card-heading{padding:6px 12px}.order-card .flow-heading{margin:3px 0}.order-card .flow-attention{font-size:11px;margin-top:4px}

html[data-ui-language] .zh::before,html[data-ui-language] .bi-zh::before{content:none!important}

/* Single-language layout: retain status colours and the selected-tab join. */
main{margin:12px auto;padding:0 18px;line-height:1.45}
.card:not(.order-card):not(.filters){padding:10px 12px;margin-bottom:10px}
.heading{gap:10px;margin-bottom:8px}.heading h1{font-size:23px;margin:2px 0}.heading p{margin:3px 0}
h2{margin-bottom:8px}h3{margin:8px 0}p{margin:5px 0}
.product{grid-template-columns:82px minmax(0,1fr);gap:12px}.hero-product{width:76px;height:84px}
.product dl{margin:5px 0;gap:3px 10px}.product-top h2{margin:0}.fob-highlight strong{font-size:20px}
.product details{margin:2px 0}.product summary{padding:3px 0}details.card>summary{padding:3px 0}
.inspection .workflow-tabs{grid-auto-columns:minmax(148px,1fr);gap:5px}
.inspection .workflow-tab:not([aria-selected=true]){height:72px;min-height:72px;max-height:72px}
.inspection .workflow-tab[aria-selected=true],.inspection .workflow-tab[aria-selected=true]:hover{height:78px;min-height:78px;max-height:78px}
.inspection .workflow-tab{grid-template-rows:20px 30px;padding:5px 6px;gap:3px}
.inspection .workflow-tab b,.inspection .workflow-tab .en,.inspection .workflow-tab .zh{font-size:12px;line-height:1.15}
.inspection .workflow-tab small{height:30px;min-height:30px;padding:3px 4px;font-size:11px;line-height:1.1}
.inspection .workflow-panel{padding:10px 12px}
.inspection .workflow-panel>h3:first-child{margin:-10px -12px 8px;padding:6px 12px;font-size:15px}
.workflow-panel .method-display{font-size:19px;margin:8px 0 12px;padding:2px 0}
.inspection-standard h4,.order-sampling>h4{margin:8px 0 4px;font-size:14px}
.standard-rows dt,.standard-rows dd{padding-top:5px;padding-bottom:5px}
.order-sampling{margin-top:10px}.sampling-card h5{padding:6px 8px;font-size:13px}
.sampling-table th,.sampling-table td{padding:5px 8px}.sampling-table strong{font-size:14px}
.question,.submission,.file-row{padding:7px 0}.answer-options{margin:4px 0;gap:10px}
.notice,.return-notice,.booking-summary{padding:8px 10px;margin-bottom:8px}
.order-card .compact-workflow .stage-link{min-height:44px;padding:5px 6px}
.order-card td,.order-card th{padding-top:5px;padding-bottom:5px}.order-card .product-mini{margin-bottom:2px}
@media(max-width:750px){main{margin:10px auto;padding:0 10px}.inspection .workflow-tabs{grid-auto-columns:154px}.product{grid-template-columns:70px minmax(0,1fr)}.hero-product{width:64px;height:76px}button,.button,input:not([type=checkbox]):not([type=radio]),select{min-height:38px}.product dl{grid-template-columns:minmax(84px,1fr) 1fr}}

/* Dense order overview; shared headings and existing per-order semantics. */
.shared-order-header{position:sticky;top:var(--filters-height,84px);z-index:14;background:#f1f6f3;border:1px solid #b8cec6;border-radius:6px 6px 0 0;padding:0 8px;box-shadow:0 2px 4px #1731280a}
.shared-order-header table,.order-card table{table-layout:fixed;width:100%}
.shared-order-header th{padding:6px;font-size:11px;letter-spacing:0;border-bottom:0}
.order-card{padding:4px 8px;margin-bottom:6px;border-radius:6px;border-top-width:2px}
.order-card thead{height:0}.order-card thead th{height:0;padding:0;border:0;font-size:0;line-height:0}
.order-card td{padding:5px 6px;overflow-wrap:break-word}
.order-card .product-mini{min-width:0;gap:7px;line-height:1.25}.order-card .product-mini>span{min-width:0}
.order-card .product-mini img,.order-card .product-mini .no-image{width:34px;height:38px;flex:0 0 34px}
.order-card .view-inspection{margin:0;padding:5px 7px;white-space:nowrap}
.order-card .compact-workflow{display:flex;gap:5px;overflow-x:auto}
.order-card .compact-workflow .stage-link{flex:1 0 auto;display:flex;flex-direction:row;gap:5px;min-height:30px;padding:5px 8px;white-space:nowrap;border-radius:5px}
.order-card .compact-workflow .stage-title{width:auto;white-space:nowrap;font-size:12px}
.order-card .compact-workflow .stage-title>span{white-space:nowrap}
.order-card .compact-workflow .stage-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.order-card .compact-workflow .stage-symbol{display:inline;font-size:12px}
.order-card .stage-link:focus-visible{outline:2px solid #172d35;outline-offset:-3px}
.order-card .flow-attention{align-items:center;gap:4px 8px;margin:4px 0 0;font-size:11px;line-height:1.3}
.order-card .flow-attention .flow-heading{display:inline-block;margin:0;padding:0 8px 0 0;border-right:1px solid #b8cec6;font-size:11px;line-height:1.3}
.order-card .workflow-row>td{padding:4px 6px;border-bottom:0}
.order-card thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.order-card .compact-workflow .stage-link{flex-wrap:nowrap}
.order-card .compact-workflow .stage-link .stage-title{width:auto;flex:0 1 auto}
.order-card .order-actions .primary{color:#fff}
.order-card .product-mini .no-image{padding:2px;display:flex;align-items:center;justify-content:center}
/* Separate orders without adding vertical space or changing status colours. */
#order-results .order-card{border-color:#7b9c91;border-left:4px solid #286c5c;padding-left:5px;box-shadow:0 2px 3px #173b302b}
#order-results .order-card.round-purple{border-color:#ac96bc;border-left-color:#79549a;box-shadow:0 2px 3px #5034692b}
.dashboard-page>header{padding:6px 18px;gap:16px;min-height:52px;position:static}
.dashboard-page>header .brand img{width:82px;height:auto}.dashboard-page>header .brand>span{display:none}
.workspace-title{font-size:20px;letter-spacing:0;margin:0;white-space:nowrap}
.workspace-actions{display:flex;gap:6px;align-items:center;margin-left:auto}
.dashboard-page>header nav{gap:12px;flex-wrap:nowrap;font-size:12px}
.dashboard-page>main{margin:8px auto}
.dashboard-page .filters.card{padding:6px 10px;gap:8px;margin-bottom:6px;border-radius:7px}
.dashboard-page .filters.card>label{font-size:11px;line-height:1.3}
.dashboard-page .filters.card input,.dashboard-page .filters.card select,.dashboard-page .filters.card button,.dashboard-page .filters.card .button{min-height:30px;height:30px}
.dashboard-page .filter-feedback:empty{display:none}
.dashboard-page .filter-feedback:not(:empty){min-height:0;margin:4px 2px;font-size:12px}
.results-summary.summary-in-header{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.header-order-count{margin-left:10px;font-weight:400;text-transform:none;white-space:nowrap;color:#5b7075}
.shared-order-header th,.shared-order-header .header-order-count{font-weight:800;color:#294c43}
@media(max-width:750px){.dashboard-page>header{flex-wrap:wrap;gap:8px;padding:6px 10px}.workspace-title{font-size:17px}.workspace-actions{order:3;margin-left:0}.dashboard-page>header nav{margin-left:auto}.dashboard-page .filters.card input,.dashboard-page .filters.card select,.dashboard-page .filters.card button,.dashboard-page .filters.card .button{min-height:38px;height:38px}.results-summary.summary-in-header{position:static;width:auto;height:auto;clip-path:none;margin:4px 0}}
@media(max-width:750px){.shared-order-header{display:none}.order-card colgroup{display:none}.order-card table{table-layout:auto}.order-card .compact-workflow .stage-link{min-height:36px}.order-card .view-inspection{min-height:36px}}

/* Clear chips stay circular independently of normal filter control heights. */
.dashboard-page .filters.card button.filter-clear{box-sizing:border-box;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;padding:0;aspect-ratio:1;border-radius:50%;line-height:1;flex:none}

/* Compact, content-sized detail tabs; keep full-width panels. */
.inspection .workflow-tabs{display:flex;justify-content:flex-start;align-items:flex-end;gap:4px;padding:5px 2px 0;overflow-x:auto;overflow-y:hidden}
.inspection .workflow-tab{flex:0 0 auto;width:max-content;min-width:112px;max-width:180px;grid-template-columns:18px auto;grid-template-rows:18px 26px;padding:5px 7px;gap:3px;box-sizing:border-box;text-align:left}
.inspection .workflow-tab:not([aria-selected=true]){height:62px;min-height:62px;max-height:62px}
.inspection .workflow-tab[aria-selected=true],.inspection .workflow-tab[aria-selected=true]:hover{height:66px;min-height:66px;max-height:66px}
.inspection .workflow-tab b{justify-content:flex-start;align-items:flex-start;white-space:nowrap}
.inspection .workflow-tab small{height:26px;min-height:26px;max-width:162px;margin:0;padding:3px 5px;justify-content:flex-start;text-align:left;line-height:1.15}
.inspection .workflow-tab[aria-selected=true]::after{bottom:0;left:0;right:0;height:3px;background:var(--round-surface,#f0f7f4);pointer-events:none}
.inspection .workflow-tab:focus-visible{outline:none}
.inspection .workflow-tab:focus-visible b{outline:2px solid #b67a10;outline-offset:2px;border-radius:2px}
@media(max-width:750px){.inspection .workflow-tab{min-width:112px;max-width:174px}.inspection .workflow-tab small{max-width:156px}}