/* Readable shared list windows, full values and a screen-sized table/card hybrid. */
.list-window{min-width:0!important;width:100%;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;display:block!important;box-sizing:border-box;container-type:inline-size;container-name:list-window}
.list-window-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:12px 0;font-size:14px;color:var(--muted)}
.list-window-controls label{display:flex!important;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.list-window-controls input[type=number],#billing-panel .list-window-controls input[type=number]{display:inline-block!important;width:84px!important;min-width:84px;margin:0;padding:8px;background:var(--panel,var(--card));color:var(--ink);border:1px solid var(--line);border-radius:5px;font:inherit}
.list-window:focus-visible,.list-window-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.list-window,.list-window *{overflow-wrap:anywhere;text-overflow:clip}
.list-window table.list-hybrid{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0}
.list-window table.list-hybrid th,.list-window table.list-hybrid td{width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;padding:10px;vertical-align:top}
.list-window table.list-hybrid th{position:sticky;top:0;background:var(--panel,var(--card));z-index:1}
.list-window table.list-hybrid input:not([type=checkbox]),.list-window table.list-hybrid textarea{width:100%;min-width:0;box-sizing:border-box;font-size:15px}
.list-window .pa-num{font-family:var(--f-body);font-size:14px}
#pa-order-widget .list-window table th:last-child{width:22%!important}
#pa-rules.list-window{padding:0 8px 0 0}
#billing-panel .billing-order{grid-template-columns:minmax(0,1fr) minmax(110px,auto);gap:10px 14px}
#billing-panel .billing-order>*{min-width:0;white-space:normal;overflow-wrap:anywhere}
#billing-panel .billing-order>span{text-align:right}
#billing-panel .billing-invoice-totals,.invoice-editor-totals{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:12px 24px}
#billing-panel .billing-invoice-totals>*{margin:0}
#pa-page .pa-grid{grid-template-columns:minmax(0,1fr) 340px}
@media(min-width:1600px){#pa-page .pa-grid{grid-template-columns:minmax(0,1fr) 390px}.wrap:has(#pa-page){max-width:1700px}}
@media(max-width:1200px){#pa-page .pa-grid{grid-template-columns:minmax(0,1fr)}}
@container list-window (max-width:1050px){
 .list-window table.list-hybrid,.list-window table.list-hybrid tbody{display:block;width:100%}
 .list-window table.list-hybrid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .list-window table.list-hybrid tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px;border-bottom:1px solid var(--line)}
 .list-window table.list-hybrid tbody td{display:block;min-width:0;padding:0;border:0;text-align:left}
 .list-window table.list-hybrid tbody td::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:5px}
 .list-window table.list-hybrid tbody td:first-child,.list-window table.list-hybrid .list-wide-cell{grid-column:1/-1}
 .list-window table.list-hybrid .list-wide-cell::before{display:none}
 #pa-orders td:last-child{grid-column:1/-1}
 #billing-panel .billing-paper{padding:12px}
}
@media(max-width:420px){.list-window table.list-hybrid tbody tr{gap:12px;padding:12px}.list-window-controls input{font-size:16px!important}}
/* The avklaringsrom follows the chosen theme or operating-system preference. */
:root[data-theme=light]:has(#control-register){color-scheme:light;--bg:#f2f4f3;--card:#fff;--panel:#fff;--line:#d9dfdd;--ink:#16201f;--muted:#5b6866;--accent:#1e6b73}
:root[data-theme=light]:has(#control-register) :is(button,input,select,textarea){background:var(--card);color:var(--ink)}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]):has(#control-register){color-scheme:light;--bg:#f2f4f3;--card:#fff;--panel:#fff;--line:#d9dfdd;--ink:#16201f;--muted:#5b6866;--accent:#1e6b73}:root:not([data-theme=dark]):has(#control-register) :is(button,input,select,textarea){background:var(--card);color:var(--ink)}}
body:has(#control-register) :is(main,aside,#detail,.head,header)>*{min-width:0;overflow-wrap:anywhere}
body:has(#control-register) :is(.order,.lesson){white-space:normal;overflow-wrap:anywhere}
.list-window-shell{min-width:0}.list-full-value{display:block;margin:5px 0;color:var(--muted);font-size:13px;white-space:normal;overflow-wrap:anywhere}
@container list-window (max-width:1050px){
 .list-window tr.invoice-edit-row>td:nth-child(2){grid-column:1/-1;grid-row:2}
 .list-window tr.invoice-edit-row>td:nth-child(3){grid-column:1;grid-row:3}
 .list-window tr.invoice-edit-row>td:nth-child(4){grid-column:2;grid-row:3}
 .list-window tr.invoice-edit-row>td:nth-child(5){grid-column:1/-1;grid-row:4}
 #billing-invoice .list-window tr:has(>td:nth-child(7))>td:nth-child(4){grid-column:1;grid-row:4}
 #billing-invoice .list-window tr:has(>td:nth-child(7))>td:nth-child(7){grid-column:2;grid-row:4}
 #billing-invoice .list-window tr:has(>td:nth-child(7))>td:nth-child(5){grid-column:1;grid-row:3}
 #billing-invoice .list-window tr:has(>td:nth-child(7))>td:nth-child(6){grid-column:2;grid-row:3}
}