/* ComponentERP beta, T2794 B13 Consignment & excess CRUD (CX-1..CX-3): styles for ce-consignment.js. Stub created by B0; owned by that batch. */
/* T2794-B13 */
.cx-tab h2 .cx-inactive{font-size:12px;font-weight:400;color:var(--muted)}
.cx-table tbody tr[data-cx-row]{cursor:pointer}
.cx-table input[type=checkbox],.cx-table input[type=radio]{vertical-align:middle}
.cx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.cx-actions .muted{flex:1 1 260px}
.cx-pager{margin:8px 0 0}
.cx-scrub{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
.cx-scrub input{width:64px;padding:5px 7px}
.cx-scrub button{min-height:29px;padding:4px 9px}
.cx-formfoot{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}
.cx-formfoot .warningtext{flex:1;font-size:12px}
.cx-files{font-size:12px;margin:12px 0 0}
.cx-flags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.cx-static{font-size:13px;font-weight:600;color:var(--text);padding:8px 0}
.cx-sub{font-size:14px;margin:18px 0 8px}
.cx-sure{margin-top:6px;white-space:normal}
dialog.cx-wide{width:min(1100px,calc(100% - 28px))}
dialog.cx-wide #modalbody{max-height:calc(100vh - 140px);overflow:auto}
dialog.cx-wide .form-basic-body>*,dialog.cx-wide .cx-poline>*{min-width:0}
.cx-poline{border:1px solid var(--line);border-radius:6px;padding:12px;margin:12px 0;background:var(--stripe)}
.cx-poline h3{margin:0 0 6px;font-size:14px}
.cx-poline-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:flex-end;margin-bottom:10px}
.cx-poline-top p{margin:0}
dialog .cx-pricegrid{grid-template-columns:repeat(2,minmax(150px,220px))}
.cx-lots .tablewrap,.cx-poline .tablewrap{min-height:0}
.cx-qty{width:110px;text-align:right;padding:5px 7px}
.cx-total{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px;font-size:12px;color:var(--muted)}
.cx-total strong{font-size:18px;color:var(--text)}
.cx-tab .tablewrap,#cx-lines .tablewrap,#cx-xlines .tablewrap{min-height:0}
@media (max-width:700px){
  dialog .cx-pricegrid{grid-template-columns:1fr}
}
/* 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:676px){
  .cx-total{align-items:flex-start}
  .cx-actions button{flex:1 1 auto}
}
@media (max-width:700px){.cx-total:where(:not(#content *)){align-items:flex-start}.cx-actions button:where(:not(#content *)){flex:1 1 auto}}
.cx-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;padding:4px 0;font-size:12px;font-weight:600;color:var(--muted)}