/* PICKAPP-AVF-001 – Avfallssekk-side. Bygger på tokens i app.css og komponenter i pickapp.css. */
.av-src{display:flex;align-items:center;gap:8px}
.av-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.88rem}
.av-kv dt{color:var(--muted)} .av-kv dd{margin:0;font-weight:600}
.av-rules{margin:0;padding-left:18px;display:grid;gap:6px;font-size:.86rem}
.av-rules code,.av-mono{font:500 .78rem var(--f-mono)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.av-flags{display:flex;flex-wrap:wrap;gap:4px}
.av-flag{font:600 .68rem var(--f-body);padding:2px 7px;border-radius:999px;background:var(--warn-soft);color:var(--warn);white-space:nowrap}
.av-flag.info{background:var(--idle-soft);color:var(--idle)}
.av-files{display:flex;gap:6px;flex-wrap:wrap}
.av-files button{font-size:.78rem;padding:3px 8px}
tr.av-row{cursor:pointer} tr.av-row:hover td{background:var(--accent-soft)}
tr.av-row.sel td{background:var(--accent-soft)}
.av-recon-list{margin:6px 0 0;padding-left:18px;font:500 .78rem/1.6 var(--f-mono)}
.av-ok{color:var(--ok);font-weight:600} .av-bad{color:var(--bad);font-weight:600}
td.av-lines{white-space:nowrap;font-size:.82rem}
/* CCC-AVF-001 – forside-widget (gjenbruker .pa-w / .pa-w-n fra pickapp.css) og mobil (390 px). */
.pa-w-n div.av-w-hot b{color:var(--warn)} .pa-w-n div.av-w-bad b{color:var(--bad)}
.av-kv dd{min-width:0;overflow-wrap:anywhere}
h1 small a,h1 small span[aria-current]{white-space:nowrap}
h1 small span[aria-current]{color:var(--ink)}
@media (max-width:520px){
  body.av h1{font-size:1.7rem;overflow-wrap:anywhere}
  .av-src{flex-wrap:wrap}
  .pa-seg button{padding:6px 9px}
}

.av-search input[type=search]{width:100%;padding:12px;margin:8px 0;background:var(--bg);color:var(--ink);border:1px solid var(--muted);border-radius:6px}.av-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.av-filters label{display:flex;flex-direction:column;gap:5px}.av-filters input,.av-filters select,#av-version{background:var(--bg);color:var(--ink);border:1px solid var(--muted);border-radius:4px;padding:8px}.av-pager{display:flex;gap:15px;align-items:center;margin-top:12px}.av-content{white-space:pre-wrap;overflow-wrap:anywhere}.av-order-address{font-size:12px;max-width:240px;color:var(--muted,#aeb7c2)}

.av-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.av-actions button{min-height:40px}

.av-review{margin-top:18px}.av-review label{display:block;margin:12px 0}.av-review input[type=text]{margin:6px 0;padding:10px;width:100%;max-width:400px;background:var(--bg);color:var(--ink);border:1px solid var(--muted);border-radius:4px}

/* Content-sized cards and a full-width invoice table; narrow screens scroll inside the table. */
#avfallssekk-widget{align-self:start;height:auto;min-height:0;min-width:0}
#avfallssekk-widget .pa-w-n{grid-template-columns:repeat(3,minmax(0,1fr))}
#avfallssekk-widget .pa-w-n span{display:block;overflow-wrap:anywhere;letter-spacing:0;text-transform:none;font-size:.78rem}
body.av .wrap{max-width:1600px}
body.av .pa-grid{grid-template-columns:minmax(0,1fr)}
body.av .pa-grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
body.av .tw{max-width:100%;overflow-x:auto}
body.av .av-flag{white-space:normal;max-width:26ch}
body.av .av-kv{grid-template-columns:minmax(100px,auto) minmax(0,1fr)}
@media(max-width:600px){body.av .pa-grid>aside{grid-template-columns:minmax(0,1fr)}#avfallssekk-widget .pa-w-n{grid-template-columns:minmax(0,1fr)}body.av .strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.av .av-filters label{max-width:100%}body.av .av-filters input,body.av .av-filters select{max-width:100%}}

/* Two levels: compact summary, selected order details directly below the row. */
body.av tr.av-row>td{vertical-align:middle;padding:10px 12px}
body.av .av-order-address{max-width:26ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.av .av-expand{white-space:nowrap;font-size:.78rem;padding:5px 9px;color:var(--warn);background:var(--warn-soft);border:1px solid transparent;border-radius:7px}
body.av .av-expand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.av .av-expanded-row>td{padding:16px;background:var(--accent-soft)}
body.av .av-expanded-row .av-kv{grid-template-columns:minmax(130px,auto) minmax(0,1fr)}
body.av .av-expanded-row .av-review{max-width:700px}
body.av #av-detail-home:empty{display:none}

body.av .av-files{min-width:90px}body.av .av-files .small{white-space:nowrap}

.av-a4-image{display:block;max-width:100%;height:auto;margin-top:12px}.av-a4-read{margin-bottom:18px}

.av-pickapp-alert{display:inline-block;margin-top:5px;font-size:.72rem;font-weight:700;color:var(--bad);background:var(--bad-soft);padding:4px 8px;border:1px solid var(--bad);border-radius:6px}
.av-pickapp-deviation{margin:0 0 18px;padding:16px;border:2px solid var(--bad);border-left-width:6px;border-radius:8px;background:var(--bad-soft);color:var(--ink)}
.av-pickapp-deviation h3{margin-top:0;color:var(--bad)}.av-pickapp-deviation li{margin:8px 0}

.av-completed-date{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Eight summary fields always form complete rows within the available panel width. */
body.av .wrap{container-type:inline-size}
body.av .strip{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body.av .strip .stat{min-width:0;display:flex;flex-direction:column;gap:8px}
body.av .strip .stat b{font-size:clamp(1.3rem,2.2vw,2rem);white-space:nowrap}
body.av .strip .stat span{display:block;min-height:2.6em;overflow-wrap:anywhere}
@container (min-width:650px){body.av .strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (min-width:1400px){body.av .strip{grid-template-columns:repeat(8,minmax(0,1fr))}}

.av-deviation-overview{display:flex;flex-direction:column;gap:4px;margin-bottom:6px;padding:7px 9px;border-left:3px solid var(--bad);background:var(--bad-soft);color:var(--bad);min-width:145px;font-size:.76rem}.av-deviation-overview strong{font-size:.8rem}

body.av .av-deviation-overview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24ch;min-width:0;font-weight:700}

.av-a4-pdf{display:block;width:100%;height:70vh;border:0;margin-top:12px}

/* Match native date pickers and menus to the effective page theme. */
:root{--av-control-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--av-control-scheme:dark}}
:root[data-theme="dark"]{--av-control-scheme:dark}
.av-search input,.av-filters select,#av-version,.av-review input[type=text]{color-scheme:var(--av-control-scheme)}
.av-search input::placeholder{color:var(--muted);opacity:1}
.av-filters option,#av-version option{background:var(--panel);color:var(--ink)}
.av-search input:focus-visible,.av-filters select:focus-visible,#av-version:focus-visible,.av-review input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Invoice-wide theme: controls, warnings, deviations and solid action buttons. */
body.av{--warn:#895208;--idle:#586360;--av-on-solid:#fff;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) body.av{--warn:#E0A54A;--idle:#9AA6A4;--av-on-solid:#111817;color-scheme:dark}}
:root[data-theme="dark"] body.av{--warn:#E0A54A;--idle:#9AA6A4;--av-on-solid:#111817;color-scheme:dark}
body.av input,body.av select,body.av textarea{background:var(--bg);color:var(--ink);border-color:var(--muted);color-scheme:var(--av-control-scheme)}
body.av input::placeholder,body.av textarea::placeholder{color:var(--muted);opacity:1}
body.av textarea{padding:10px;border:1px solid var(--muted);border-radius:4px}
body.av input[type=checkbox],body.av input[type=radio]{accent-color:var(--accent)}
body.av button.pa-stop,body.av button.pa-go,body.av button.pa-sel{color:var(--av-on-solid)}
body.av input:focus-visible,body.av select:focus-visible,body.av textarea:focus-visible,body.av summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Keep the release widget compact and match its three counters. */
#utrulling-widget{align-content:start}
#utrulling-widget .pa-w-n{grid-template-columns:repeat(3,minmax(0,1fr))}
#utrulling-widget p{margin:0}
#utrulling-widget details{margin:2px 0}
#utrulling-widget .notice{border-left:4px solid var(--bad);padding:10px;background:var(--bg)}
#utrulling-widget .notice p{margin-top:6px}
@media(max-width:520px){#utrulling-widget .pa-w-n span{letter-spacing:0;font-size:.62rem}#utrulling-widget .pa-row{flex-wrap:wrap}}
#release-status{display:grid;gap:10px}
#release-settings{border-top:1px solid var(--line);padding-top:10px}
#release-settings summary{font-weight:600;cursor:pointer}
#release-plan-form{display:grid;gap:12px;margin-top:12px}
#release-plan-form .release-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#release-plan-form label{display:grid;gap:5px;font-size:.85rem}
#release-plan-form input:not([type=checkbox]),#release-plan-form select{width:100%;box-sizing:border-box;min-height:38px;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:inherit;color-scheme:light dark}
#release-plan-form fieldset{border:1px solid var(--line);border-radius:4px;padding:10px}
#release-plan-form legend{font-size:.85rem;padding:0 5px}
#release-plan-form .release-days{display:flex;gap:12px;flex-wrap:wrap}
#release-plan-form .release-days label,#release-plan-form .release-pause{display:flex;align-items:center;gap:6px}
#release-plan-form [type=checkbox]{accent-color:var(--brand,#247782);width:17px;height:17px}
#release-plan-form .release-presets{display:flex;gap:8px;flex-wrap:wrap}
#release-plan-form [hidden]{display:none!important}
#release-plan-form input:focus-visible,#release-plan-form select:focus-visible{outline:2px solid var(--brand,#247782);outline-offset:2px}
@media(prefers-color-scheme:light){#release-plan-form input:not([type=checkbox]),#release-plan-form select{color-scheme:light}}
@media(prefers-color-scheme:dark){#release-plan-form input:not([type=checkbox]),#release-plan-form select{color-scheme:dark}}
@media(max-width:520px){#release-plan-form .release-fields{grid-template-columns:minmax(0,1fr)}}

/* All invoice correction controls follow the active page theme. */
body.av .av-review input:not([type=checkbox]),body.av .av-review select{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding:10px;background:var(--bg);color:var(--ink);border:1px solid var(--muted);border-radius:4px;color-scheme:var(--av-control-scheme)}
body.av .av-review input[type=checkbox]{accent-color:var(--accent)}
body.av .av-review fieldset{min-width:0;margin:16px 0;padding:12px;border:1px solid var(--muted);border-radius:6px}
body.av .av-review input:focus-visible,body.av .av-review select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.av .av-edit-bag{margin-bottom:12px;overflow-wrap:anywhere}

/* Invoice-first order workspace. */
body.av .av-invoice-editor{padding:16px;margin:0 0 12px;width:100%;box-sizing:border-box}
.invoice-editor-head,.invoice-editor-totals{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.invoice-editor-head h3{margin:0}.invoice-editor-head p{margin:6px 0 12px}.invoice-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 16px}
.av-invoice-editor label{font-size:12px;font-weight:600}.av-invoice-editor input:not([type=checkbox]),.av-invoice-editor select,.av-invoice-editor textarea{box-sizing:border-box;width:100%;padding:8px;border:1px solid var(--muted);border-radius:5px;background:var(--bg);color:var(--ink);color-scheme:var(--av-control-scheme);font:inherit}.invoice-dimensions select{display:block;margin-top:5px}.av-invoice-editor input:focus-visible,.av-invoice-editor select:focus-visible,.av-invoice-editor textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.invoice-lines-scroll{max-height:36vh;overflow:auto}.av-invoice-editor table{width:100%;table-layout:fixed}.av-invoice-editor th:nth-child(1){width:23%}.av-invoice-editor th:nth-child(2){width:9%}.av-invoice-editor th:nth-child(3){width:13%}.av-invoice-editor th:nth-child(4){width:12%}.av-invoice-editor td{vertical-align:top;padding:6px}.av-invoice-editor th{position:sticky;top:0;background:var(--bg);z-index:1}.av-invoice-editor textarea{resize:vertical;min-height:54px}.invoice-editor-totals{padding:12px 0}.invoice-editor-totals span{font-size:12px;color:var(--muted)}.invoice-editor-save{display:grid;grid-template-columns:2fr 1.3fr auto;gap:14px;align-items:end;border-top:1px solid var(--muted);padding-top:12px}.invoice-editor-save input[type=text],#invoice-edit-reason{display:block;margin-top:5px}.invoice-confirm{display:flex;gap:8px;align-items:center}.invoice-source-details>summary,.invoice-blockers>summary{cursor:pointer;padding:12px;font-weight:600}.invoice-source-details[open]>summary{margin-bottom:12px}.av-invoice-editor p[role=status]:empty{display:none}
@media(max-width:850px){.invoice-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-editor-save{grid-template-columns:1fr}.invoice-lines-scroll table{min-width:720px}.invoice-lines-scroll{max-height:45vh}}

/* Hele ordreliste; tallet styrer bare høyden på rulleområdet. */
body.av .av-order-scroll{overflow:auto;scrollbar-gutter:stable;min-width:0;max-width:100%}
.av-order-scroll thead th{position:sticky;top:0;z-index:2;background:var(--panel,#fff);box-shadow:0 1px 0 var(--line,#d5dddd)}
.av-order-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.av-window-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 0}
.av-window-controls label{display:flex;align-items:center;gap:10px;font-weight:600}
body.av #av-visible-rows{display:inline-block;width:90px;min-width:90px;padding:8px;background:var(--panel);color:var(--ink);border:1px solid var(--muted);border-radius:4px;font:inherit;color-scheme:var(--av-control-scheme)}
body.av #av-visible-rows:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Lett komprimering: egne beløpskolonner, ordinær skriftstørrelse. */
body.av .av-order-window{width:fit-content;max-width:100%;min-width:0}
body.av #av-order-scroll>table{width:max-content;min-width:0;border-spacing:0}
body.av #av-order-scroll>table>thead>tr>th,body.av #av-order-scroll>table>tbody>tr>td{padding:9px 10px}
body.av #av-order-scroll>table>thead>tr>th{white-space:nowrap}
body.av .av-order-scroll .av-order-address{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.av .av-order-scroll .av-expanded-row td{white-space:normal}
body.av .av-order-scroll tr.av-row td.num{white-space:nowrap}
body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(8){max-width:220px}



.invoice-status-control{margin-bottom:12px}.invoice-status-control>summary{cursor:pointer;padding:8px 12px;font-weight:600;border:1px solid var(--muted);border-radius:5px}.invoice-status-control form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:12px}.invoice-status-control label{font-size:12px}.invoice-status-control label:nth-child(2){flex:1;min-width:220px}.invoice-status-control input:not([type=checkbox]),.invoice-status-control select{display:block;width:100%;box-sizing:border-box;padding:8px;background:var(--bg);color:var(--ink);border:1px solid var(--muted);border-radius:5px;color-scheme:var(--av-control-scheme)}.invoice-status-control p{flex-basis:100%;margin:0}

.invoice-editor-save>div{display:flex;gap:8px;flex-wrap:wrap}
/* Skjermtilpasning med fulle verdier. Gjelder kun hovedlisten. */
body.av .av-order-window{width:100%;max-width:100%;container-type:inline-size}
body.av #av-order-scroll>table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}
body.av #av-order-scroll>table>thead>tr>th{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
body.av #av-order-scroll>table>thead>tr>th:nth-child(1){width:22%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(2){width:16%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(3){width:5%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(4),body.av #av-order-scroll>table>thead>tr>th:nth-child(5){width:10%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(6){width:10%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(7){width:10%}
body.av #av-order-scroll>table>thead>tr>th:nth-child(8){width:17%}
body.av #av-order-scroll>table>tbody>tr.av-row>td{white-space:normal;overflow-wrap:anywhere;max-width:none;vertical-align:top}
body.av #av-order-scroll .av-order-address{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body.av #av-order-scroll>table>tbody>tr.av-row>td.num{white-space:nowrap}
body.av #av-order-scroll .av-row .pa-pill{white-space:normal;max-width:100%;box-sizing:border-box}
body.av #av-order-scroll .av-completed-date{white-space:normal}
body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(8){max-width:none}
body.av #av-order-scroll .av-files{flex-wrap:wrap}
@container(max-width:1050px){
  body.av #av-order-scroll>table,body.av #av-order-scroll>table>tbody{display:block;width:100%}
  body.av #av-order-scroll>table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body.av #av-order-scroll>table>tbody>tr.av-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:12px 18px;border-bottom:1px solid var(--line)}
  body.av #av-order-scroll>table>tbody>tr.av-row>td{display:block;min-width:0;padding:0;border:0;text-align:left}
  body.av #av-order-scroll>table>tbody>tr.av-row>td::before{content:attr(data-label);display:block;color:var(--muted);font-family:var(--f-body);font-weight:500;margin-bottom:4px;white-space:normal}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:first-child{grid-column:1/-1}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:first-child::before{display:none}
  body.av #av-order-scroll>table>tbody>tr.av-expanded-row{display:block;width:100%}
  body.av #av-order-scroll>table>tbody>tr.av-expanded-row>td{display:block;max-width:100%;box-sizing:border-box}
}
@container(min-width:550px) and (max-width:1050px){
  body.av #av-order-scroll>table>tbody>tr.av-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(2){grid-column:1/3;grid-row:2}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(3){grid-column:3;grid-row:2}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(6){grid-column:4;grid-row:2}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(4){grid-column:1;grid-row:3}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(5){grid-column:2;grid-row:3}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(7){grid-column:3;grid-row:3}
  body.av #av-order-scroll>table>tbody>tr.av-row>td:nth-child(8){grid-column:4;grid-row:3}
}