/* ComponentERP beta, T2794 B6 Invoices & shipping (IV-1..IV-8): styles for ce-invoices.js. */
.iv-overview .record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.iv-overview .record-section h3,.iv-addrs h3{font-size:12px;margin:14px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.iv-banner{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--group)}
.iv-addrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.iv-addrs p{margin:0;line-height:1.5}
.iv-track-list,.iv-files{margin:0;padding-left:18px}
.iv-track-list li,.iv-files li{margin:3px 0}
.iv-files button{padding:2px 0;min-height:0;color:var(--blue);font-weight:600}
.iv-totals{display:grid;grid-template-columns:1fr auto;gap:5px 18px;margin:0;max-width:360px}
.iv-totals dt{color:var(--muted)}.iv-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.iv-totals .iv-grand{font-weight:700;color:var(--text);border-top:1px solid var(--line);padding-top:5px}
.iv-live{margin:12px 0 4px auto}
.iv-noservice .pageactions{justify-content:flex-start;margin-top:8px}
.iv-danger{color:light-dark(#b42318,#ffb4b4)}
.iv-danger:hover:not(:disabled){border-color:light-dark(#b42318,#ffb4b4)}
.iv-linkbtn{display:inline-flex;align-items:center;min-height:33px;padding:7px 11px;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-weight:600;color:var(--text)}
.iv-linkbtn:hover{border-color:var(--blue);text-decoration:none}
/* edit / ship dialog */
dialog.iv-modal{--form-width:1180px}
dialog.iv-modal h3{margin:16px 0 8px;font-size:14px}
.iv-sub{margin:0 0 10px}
.iv-manual{flex-direction:row;align-items:center;gap:6px;margin-top:18px}
.iv-acc-pick,.iv-acc-text,.iv-method,.iv-country{display:contents}
.iv-acc-pick[hidden],.iv-acc-text[hidden]{display:none}
.iv-track,.iv-cost{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;padding:8px 0;border-bottom:1px dashed var(--line)}
.iv-track .field,.iv-cost .field{flex:1 1 150px;min-width:0}
.iv-track .iv-track-status{flex-basis:100%;font-size:12px}
.iv-track-status:empty{display:none}
.iv-addr{border:1px solid var(--line);border-radius:7px;padding:8px 12px 12px;margin:12px 0 0;min-width:0}
.iv-addr legend{font-weight:700;padding:0 4px}
.iv-addr .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.iv-edit-lines input{width:100%;min-width:70px;padding:5px 6px}
.iv-edit-lines td{vertical-align:middle}
/* workspace */
.iv-ws .iv-sub-row>td{background:var(--stripe);padding:8px 12px 12px}
.iv-ws tr.selected>td{background:var(--group)}
.iv-invline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 10px;margin:4px 0;border:1px solid var(--line);border-left:3px solid var(--good);border-radius:6px;background:var(--panel)}
.iv-invline>span:nth-child(2){flex:1 1 220px}
.iv-invline-act{display:flex;gap:6px}
.iv-sub-row h3{font-size:12px;margin:12px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.iv-lots{margin-top:4px}
.iv-nolots{margin:8px 0}
.iv-soline h2 small{font-weight:400;font-size:12px;margin-left:6px}
.iv-questions{display:grid;gap:0;margin:10px 0}
.iv-q{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:8px 10px;border-bottom:1px solid var(--line)}
.iv-q:nth-child(even){background:var(--stripe)}
.iv-yn{display:inline-flex;gap:14px}
.iv-yn label{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.iv-saved{font-weight:400;font-size:12px;margin-left:8px}
.iv-foot{justify-content:flex-end;margin:12px 0 24px}
/* 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:736px){
  .iv-overview .record-grid,.iv-addrs,.iv-addr .grid{grid-template-columns:1fr}
  .iv-totals{max-width:none}
  .iv-q{flex-direction:column;align-items:flex-start}
  .iv-track .field,.iv-cost .field{flex-basis:100%}
}
@media (max-width:760px){.iv-overview .record-grid:where(:not(#content *)),.iv-addrs:where(:not(#content *)),.iv-addr .grid:where(:not(#content *)){grid-template-columns:1fr}.iv-totals:where(:not(#content *)){max-width:none}.iv-q:where(:not(#content *)){flex-direction:column;align-items:flex-start}.iv-track .field:where(:not(#content *)),.iv-cost .field:where(:not(#content *)){flex-basis:100%}}
.iv-box .grid .span2{grid-column:1/-1}
.iv-edit-lines thead th,.iv-edit-lines thead{position:static;top:auto}
.iv-totals + .mini-table{margin-top:14px}
.iv-inline{padding:0;min-height:0;color:var(--blue)}