/* ComponentERP beta T2793: Scheduled orders (scheduled-orders.js). Uses the app's colour tokens (base.css), light and dark. */
.ss-list{min-width:980px}
.ss-list .status.ss-st-full{color:var(--good)}
.ss-list .status.ss-st-part{color:light-dark(#8e4714,#ffbe91)}
.ss-list .status.ss-st-none{color:var(--muted)}
#ss-res .tablewrap,.ss-tabres .tablewrap{max-height:none;min-height:0}

/* master order page */
.ss-summary .status{font-size:13px}
.ss-total{font-size:15px}
.ss-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start;margin:0 0 4px}
.ss-cols .record-section{margin:0}
.ss-cols h2,.ss-manager h2{font-size:14px}
.ss-addr{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-addr p,.ss-notes p{line-height:1.5;margin:0}
.ss-notes{grid-template-columns:1fr;gap:10px}
.ss-notes p{white-space:pre-wrap}
.ss-totals>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.ss-totals>div span:first-child{color:var(--muted)}
.ss-totals .ss-grand{border-bottom:0;padding-top:9px;font-size:14px}
.ss-totals .ss-grand span:first-child{color:var(--text);font-weight:600}
.ss-hint{font-size:11px;font-weight:400}
#ss-lines .tablewrap,#ss-tab .tablewrap{max-height:none;min-height:0}
.ss-lines{min-width:1100px}
.ss-lines tbody tr{cursor:pointer}
.ss-lines tbody tr[aria-selected="true"] td,.ss-dlgtable tr[aria-selected="true"] td{background:light-dark(#fff6d6,#3a3416)}
.ss-lines tbody tr:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.ss-releases{min-width:900px}
.ss-releases .groupmain strong{font-size:13px}
.ss-alloc{min-width:760px}
.ss-tabbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.ss-filterchip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-6px 0 10px;font-size:12px;color:var(--muted)}
.ss-filterchip .rowlink{font-size:12px}
.ss-chainstep{border-style:dashed}

/* dialogs */
.ss-dlgtable{max-height:300px;min-height:0;margin-bottom:12px}
.ss-dlgtable table{min-width:640px}
.ss-dlgtable tbody tr[data-ap-line],.ss-dlgtable tbody tr[data-as-line]{cursor:pointer}
.ss-h3{font-size:13px;margin:14px 0 8px}
.ss-inline{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}
.ss-inline .field{flex:1 1 180px}
.ss-allocell{white-space:nowrap}
.ss-allocell input,.ss-asgrid input{width:84px;padding:5px 7px;text-align:right;margin-right:4px}
.ss-allocell .tiny{min-height:0;padding:4px 8px;margin-left:2px}
.ss-asgrid th small{font-weight:400;opacity:.85}

/* shipment manager */
.ss-manager h2{flex-wrap:wrap}
.ss-manager h2 .pageactions{font-size:13px}
.ss-mgrwrap{max-height:none;min-height:0}
.ss-mgr{min-width:0;width:auto}
.ss-mgr th,.ss-mgr td{min-width:110px}
.ss-mgr th:first-child,.ss-mgr td:first-child{position:sticky;left:0;z-index:1;background:var(--panel);min-width:130px}
.ss-mgr thead th:first-child{background:var(--head);z-index:3}
.ss-mgr tr.alt td:first-child{background:var(--stripe)}
.ss-relhead{vertical-align:top;min-width:170px!important;white-space:normal}
.ss-relname{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px;font-size:12px}
.ss-relhead .ss-so,.ss-relhead .ss-new{font-weight:400;font-size:11px;opacity:.85}
.ss-relhead .ss-new{background:#ffffff26;border-radius:3px;padding:1px 5px}
.ss-relhead input[type=date]{width:100%;padding:4px 6px;min-height:0;height:30px;color:var(--text);background:var(--panel);border-color:var(--line)}
.ss-relacts{display:flex;gap:4px;margin-top:6px}
.ss-relacts .tiny{min-height:0;padding:3px 7px;font-size:11px;color:#fff;background:transparent;border-color:#ffffff59}
.ss-relacts .tiny:hover:not(:disabled){border-color:#fff}
.ss-mgr td input{width:90px;padding:5px 7px;text-align:right}
.ss-left{font-weight:600}

/* contact / company tab */
.ss-tools{margin-bottom:8px}
.ss-tools .contact-record-search .field{min-width:min(320px,100%)}

/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:906px){.ss-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-cols .record-section:first-child{grid-column:1/-1}}
@media (max-width:1150px){.ss-cols:where(:not(#content *)){grid-template-columns:repeat(2,minmax(0,1fr))}.ss-cols .record-section:first-child:where(:not(#content *)){grid-column:1/-1}}
@container main (max-width:736px){
  .ss-cols{grid-template-columns:1fr}.ss-addr{grid-template-columns:1fr}
  .ss-manager h2 .pageactions{width:100%}
  .ss-inline .field{flex-basis:100%}
  .ss-allocell input,.ss-asgrid input,.ss-mgr td input{font-size:16px}
  .ss-hint{display:none}
}
@media (max-width:760px){.ss-cols:where(:not(#content *)){grid-template-columns:1fr}.ss-addr:where(:not(#content *)){grid-template-columns:1fr}.ss-manager h2 .pageactions:where(:not(#content *)){width:100%}.ss-inline .field:where(:not(#content *)){flex-basis:100%}.ss-allocell input:where(:not(#content *)),.ss-asgrid input:where(:not(#content *)),.ss-mgr td input:where(:not(#content *)){font-size:16px}.ss-hint:where(:not(#content *)){display:none}}
/* wide dialogs for the allocation tables */
#modal:has(.ss-dlg){--form-width:1100px;width:min(1100px,calc(100% - 28px))}
.ss-dlg{min-width:0;max-width:100%;padding:16px 22px 4px}
@media(max-width:680px){.ss-dlg{padding:12px 13px 4px}}
.ss-dlg .tablewrap{max-width:100%}