/*! Inter – Rasmus Andersson
Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL

-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION AND CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
@font-face{font-family:Inter;src:url("inter.693b77d4f32ee9b8bfc9.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

/* ============ SzámlaKulcs — v2.10.41 ============ */
:root{
  --on-gold:#FFFFFF;
  --navy-950:#062731; --navy-900:#0B3D4A; --navy-800:#105365; --navy-700:#176D80;
  --gold:#F59E0B; --gold-deep:#D98A06; --gold-soft:#FCD68A; --gold-faint:rgba(245,158,11,.14);
  --paper:#F8FAFC; --card:#FFFFFF; --line:#DEE5EF; --line-soft:#EAF0F6;
  --ink:#0B3D4A; --ink-soft:#506675; --ink-faint:#667B88;
  --ok:#2E7D5B; --ok-bg:#E4F1EA; --warn:#B3452F; --warn-bg:#F7E7E2;
  --info:#2C5FA8; --info-bg:#E5EDF8; --draft:#8B92A3; --draft-bg:#EEEFF2;
  --radius:12px; --radius-s:9px;
  --shadow:0 1px 3px rgba(14,27,51,.025);
  --shadow-lg:0 14px 40px rgba(14,27,51,.18);
  --tap:44px;
  --font-body:"Inter",system-ui,sans-serif;
  --font-disp:"Inter",system-ui,sans-serif;
  --font-num:"Inter",system-ui,sans-serif;
}
[data-theme="dark"]{
  --paper:#101827; --card:#182236; --line:#26324B; --line-soft:#1F2A40;
  --ink:#E5E7EE; --ink-soft:#A3ABC0; --ink-faint:#6B7590;
  --ok-bg:#15302577; --warn-bg:#3A1F1877; --info-bg:#16294477; --draft-bg:#232B3E;
  --gold-faint:rgba(201,162,39,.12);
  --shadow:0 2px 10px rgba(0,0,0,.35); --shadow-lg:0 14px 40px rgba(0,0,0,.5);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
/* Vékony, látható görgetősáv jelzi a további tartalmat. */
/* Keep scrolling available while hiding the browser scrollbar throughout the app. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}

html{font-size:16px}
body{font-family:var(--font-body);background:var(--paper);color:var(--ink);min-height:100vh;overscroll-behavior-y:none}
html,body{overscroll-behavior:none;overflow-anchor:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:1rem;color:var(--ink);text-align:left}
select{background-color:var(--card);border:1px solid var(--line);border-radius:6px;color-scheme:light}
[data-theme="dark"] select{color-scheme:dark}
select option,select optgroup{background-color:var(--card);color:var(--ink)}
::selection{background:var(--gold-soft);color:var(--navy-900)}
/* ---------- App keret ---------- */
#app{display:flex;min-height:100vh}
#sidebar{width:248px;flex-shrink:0;background:var(--navy-900);color:#DDE3F0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;transition:transform .25s ease}
#sidebar .brand{padding:22px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand h1{font-family:var(--font-disp);font-weight:650;font-size:1.35rem;color:#fff;letter-spacing:.01em;line-height:1.15}
.brand h1 em{font-style:normal;color:var(--gold)}
.brand .sub{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;margin-top:3px}
.guilloche{height:7px;background:
  repeating-linear-gradient(115deg,transparent 0 7px,rgba(201,162,39,.55) 7px 8px),
  repeating-linear-gradient(65deg,transparent 0 7px,rgba(201,162,39,.35) 7px 8px);
  border-bottom:1px solid rgba(201,162,39,.5)}
#nav{flex:1;padding:12px 10px;overflow-y:auto}
.navbtn{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:0 14px;border-radius:var(--radius-s);font-size:.98rem;font-weight:500;color:#C6CEE0;margin-bottom:2px;text-align:left}
.navbtn svg{width:21px;height:21px;flex-shrink:0;opacity:.85}
.navbtn:hover{background:rgba(255,255,255,.06)}
.navbtn.active{background:var(--gold-faint);color:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold);animation:navpulzS 2.2s ease-in-out infinite}
@keyframes navpulzS{0%,100%{box-shadow:inset 3px 0 0 var(--gold)}50%{box-shadow:inset 3px 0 0 var(--gold),0 0 0 4px rgba(201,162,39,.14),0 0 12px rgba(201,162,39,.3)}}
.navbtn.active svg{opacity:1}
#sidefoot{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;color:#7C87A0}
#sidefoot .sync{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.82rem}
.dot{width:9px;height:9px;border-radius:50%;background:#7C87A0;flex-shrink:0}
.dot.on{background:#4CC38A;box-shadow:0 0 6px #4CC38A88}
.dot.off{background:#D3603F}

#main{flex:1;margin-left:248px;min-width:0;display:flex;flex-direction:column}
#topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
#burger{display:none;width:44px;height:44px;border-radius:var(--radius-s);align-items:center;justify-content:center}
#burger:hover{background:var(--line-soft)}
#pagetitle{font-family:var(--font-disp);font-size:1.35rem;font-weight:650;flex:1}
#topco{font-size:.85rem;color:var(--ink-soft);text-align:center;line-height:1.3}
.topcegbtn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1.5px solid var(--gold);background:var(--gold-faint);color:var(--gold-deep);font-weight:800;font-size:.88rem;cursor:pointer;max-width:46vw}
.topcegbtn .tcnev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topcegbtn .tcaro{flex:0 0 auto;font-size:.8rem}
.topcegbtn:active{transform:scale(.98)}
[data-theme="dark"] .topcegbtn{color:var(--gold-soft)}
#themeBtn{width:44px;height:44px;border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}
#themeBtn:hover{background:var(--line-soft)}
#view{padding:24px 26px 90px;max-width:1180px;width:100%}

/* ---------- Általános elemek ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
h2.sect{font-family:var(--font-disp);font-weight:650;font-size:1.12rem;margin:26px 0 12px}
h2.sect:first-child{margin-top:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border-radius:var(--radius-s);font-size:1rem;font-weight:600;transition:filter .12s, transform .05s}
.btn:active{transform:scale(.98)}
.btn-gold{background:var(--gold);color:var(--on-gold);box-shadow:none}
.btn-gold:hover{filter:brightness(1.06)}
.btn-navy{background:var(--navy-800);color:#fff}
.btn-navy:hover{filter:brightness(1.15)}
.btn-ghost{border:1px solid var(--line);color:var(--ink-soft);background:var(--card)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-deep)}
.btn-danger{background:var(--warn);color:#fff}
.btn-sm{min-height:42px;padding:0 14px;font-size:.9rem}
.btn[disabled]{opacity:.45;pointer-events:none}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.field label{font-size:.8rem;font-weight:600;letter-spacing:0;color:var(--ink-soft);text-transform:none}
.field input,.field select,.field textarea{min-height:var(--tap);padding:10px 13px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);width:100%;text-align:left}
.field textarea{min-height:80px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-faint)}
input[type="number"],input.price-input{text-align:right;font-variant-numeric:tabular-nums}
input[type="date"],input[type="month"]{text-align:center}
input[type="month"]{color-scheme:light}
[data-theme="dark"] input[type="month"]{color-scheme:dark}
input[type="text"].num,select[data-f="afaKulcs"],#pAfa{text-align:right}
select[data-f="afaKulcs"] + .cs-btn .cs-val,#pAfa + .cs-btn .cs-val{flex:1;text-align:right}
.frow{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.cgroup{border:1px solid var(--line);border-radius:12px;padding:16px 14px 6px;margin-bottom:16px;position:relative}
.cglab{position:absolute;top:-10px;left:12px;background:var(--card);padding:0 8px;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gold-deep);font-weight:800}
[data-theme="dark"] .cglab{color:var(--gold-soft)}
#wizB > .sect, #wizC > .sect{margin-top:8px}
.vmailpos{grid-column:2}
@media(max-width:560px){.vmailpos,.vevo2 [style*="grid-column"]{grid-column:auto!important}}
.vstart label{color:#1F8A4F;font-weight:800}
.vstart .cs-btn,.vstart select{border:2px solid #1F8A4F!important;background:rgba(31,138,79,.07)}
.vstart .cs-btn:active{background:rgba(31,138,79,.14)}
[data-theme="dark"] .vstart label{color:#7DDBA3}
[data-theme="dark"] .vstart .cs-btn,[data-theme="dark"] .vstart select{border-color:#7DDBA3!important;background:rgba(125,219,163,.08)}
.vmailcheck label{color:#1D4ED8;font-weight:800}
.vmailcheck select,.vmailcheck input,.vmailcheck .cs-btn{border:2px solid #1D4ED8!important;background:rgba(29,78,216,.06)}
.vmailcheck select:focus{box-shadow:0 0 0 3px rgba(29,78,216,.2)}
.vmailwarn{display:block;margin-top:5px;color:#1D4ED8;font-weight:700;font-size:.8rem;animation:vmailpulz 2.4s ease-in-out infinite}
@keyframes vmailpulz{0%,100%{opacity:.75}50%{opacity:1}}
[data-theme="dark"] .vmailcheck label,[data-theme="dark"] .vmailwarn{color:#8FB3FF}
[data-theme="dark"] .vmailcheck select,[data-theme="dark"] .vmailcheck .cs-btn{border-color:#8FB3FF!important;background:rgba(143,179,255,.08)}
.vkiem label{color:var(--gold-deep);font-weight:800}
[data-theme="dark"] .vkiem label{color:var(--gold-soft)}
.vkiem input,.vkiem select,.vkiem .cs-btn{border:2px solid var(--gold)!important;background:var(--gold-faint)}
.vkiem input:focus,.vkiem select:focus{box-shadow:0 0 0 3px rgba(201,162,39,.22)}
.vstat{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.vstat button{min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:.88rem;font-weight:600;color:var(--ink-soft);padding:6px 8px}
.vstat button.akt{border-color:var(--gold-deep);background:var(--gold-faint);color:var(--gold-deep);font-weight:800;box-shadow:inset 0 0 0 1px var(--gold-deep)}
[data-theme="dark"] .vstat button.akt{color:var(--gold-soft)}
@media(max-width:640px){.vstat{grid-template-columns:1fr}}
.vevo2{display:grid;gap:0 14px;grid-template-columns:1fr 1fr}
.vevo2 .field{margin-bottom:12px}
@media(max-width:560px){.vevo2{grid-template-columns:1fr}}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
.badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:.76rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.b-draft{background:var(--draft-bg);color:var(--draft)}
.b-ki{background:var(--info-bg);color:var(--info)}
.b-fiz{background:var(--ok-bg);color:var(--ok)}
.b-lejart{background:var(--warn-bg);color:var(--warn)}
.b-storno{background:var(--warn-bg);color:var(--warn);text-decoration:line-through}
.b-mod{background:var(--draft-bg);color:var(--ink-soft)}
table.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600;padding:12px;background:var(--paper);border-bottom:1px solid var(--line)}
.tbl thead th:first-child{border-radius:8px 0 0 0}
.tbl thead th:last-child{border-radius:0 8px 0 0}
.tbl td{padding:13px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle;text-align:left}
.tbl tr.row:hover{background:var(--gold-faint);cursor:pointer}
.tbl .r,.tbl .actions{text-align:right}
.tbl .date{text-align:center;white-space:nowrap}
.empty{padding:44px 20px;text-align:center;color:var(--ink-faint)}
.empty b{display:block;font-size:1.05rem;color:var(--ink-soft);margin-bottom:6px}


/* NAV teszt: kizárólag visszaigazolt DONE vagy RECORDED állapot kap zöld kiemelést. */
.nav-test-success{margin:14px 0;padding:14px 16px;border:1px solid #2e7d5b;border-left-width:5px;border-radius:10px;background:#e4f1ea;color:#17633f}

.nav-test-error,.nav-test-pending{margin:14px 0;padding:14px 16px;border:1px solid;border-left-width:5px;border-radius:10px}
.nav-test-error{background:#fde9e7;border-color:#c83b32;color:#9a211a}
.nav-test-pending{background:#fff4d4;border-color:#a67b10;color:#72520a}
/* ---------- Dashboard ---------- */
.stat{position:relative;overflow:hidden}
.stat .lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}
.stat .val{font-family:var(--font-num);font-size:1.7rem;font-weight:600;margin-top:6px;line-height:1.1;text-align:right}
.stat .hint{font-size:.8rem;color:var(--ink-soft);margin-top:4px}
.stat::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
.stat.s-ok::after{background:var(--ok)} .stat.s-warn::after{background:var(--warn)} .stat.s-info::after{background:var(--info)}
.quick{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 8px}

/* ---------- Szerkesztő ---------- */
.stepbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 12px;margin-bottom:16px;box-shadow:var(--shadow);position:sticky;top:78px;z-index:24}
.cs-wrap{position:relative;width:100%}
.cs-wrap select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
#csWrap{position:fixed;inset:0;z-index:210;background:rgba(10,20,40,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.cs-panel{width:min(420px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);border-top:4px solid var(--gold);overflow:hidden}
.cs-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;font-family:var(--font-disp);font-weight:600;font-size:1.05rem}
.cs-head button{width:36px;height:36px;border-radius:10px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--line);font-size:18px}
.cs-panel #csQ{margin:0 14px 10px;min-height:46px;padding:9px 13px;border:1.5px solid var(--gold);border-radius:10px;background:var(--gold-faint)}
.cs-list{overflow-y:auto;border-top:1px solid var(--line-soft)}
.vp-akt{background:var(--gold-faint)}
.cs-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 13px;border:1.5px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:1rem;text-align:left;cursor:pointer;transition:border-color .12s}
.cs-btn:active,.cs-btn:focus{outline:none;border-color:var(--gold)}
.cs-btn:disabled{opacity:.6;cursor:default}
.cs-btn .cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-btn svg{flex-shrink:0;color:var(--ink-faint)}
.vp-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 14px;border:none;border-bottom:1px solid var(--line-soft);background:none;text-align:left;cursor:pointer}
.vp-row:last-child{border-bottom:none}
.vp-row:active{background:var(--gold-faint)}
.zgrid{display:grid;gap:16px;grid-template-columns:1.45fr 1fr;align-items:start}
@media(max-width:640px){.zgrid{grid-template-columns:1fr}}
.wizbtn:not(:disabled){animation:wizpulz 2.2s ease-in-out infinite}
@keyframes wizpulz{0%,100%{box-shadow:0 3px 10px rgba(201,162,39,.3);transform:scale(1)}50%{box-shadow:0 6px 20px rgba(201,162,39,.5),0 0 0 5px rgba(201,162,39,.12);transform:scale(1.012)}}
.updspin{width:46px;height:46px;border-radius:50%;border:4px solid rgba(234,217,143,.25);border-top-color:var(--gold);animation:updrot 0.9s linear infinite}
@keyframes updrot{to{transform:rotate(360deg)}}
.lockzone{opacity:.42;pointer-events:none;filter:saturate(.55);transition:opacity .35s,filter .35s}
.gatehint{display:block;background:var(--gold-faint);border:1px dashed var(--gold);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.9rem;line-height:1.55;color:var(--gold-deep);font-weight:600;word-break:normal;overflow-wrap:anywhere}
[data-theme="dark"] .gatehint{color:var(--gold-soft)}
#editor .card{position:relative}
.cardok{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;background:linear-gradient(160deg,#2eb872,var(--ok));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;opacity:0;transform:scale(.35) rotate(-20deg);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:0 4px 12px rgba(31,138,79,.45),inset 0 1px 0 rgba(255,255,255,.4);z-index:2}
#editor .card.kesz .cardok{opacity:1;transform:scale(1) rotate(0deg)}
.foldwrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .85s cubic-bezier(.22,.9,.3,1)} /* nyitás: lassabb, lágy */
.foldwrap.fold{grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.3,.7,.3,1)} /* csukás: kimért, látható */
.foldin{overflow:hidden;min-height:0}
.foldwrap.fold .foldin{pointer-events:none}
h2.sect#secVevo,h2.sect#secAdat{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px}
h2.sect#secVevo::after,h2.sect#secAdat::after{content:"▾";font-size:.82em;color:var(--ink-faint);transition:transform .35s}
h2.sect#secVevo.fold::after,h2.sect#secAdat.fold::after{transform:rotate(-90deg)}
.stchip{display:flex;align-items:center;gap:7px;border:none;background:none;font-size:.86rem;font-weight:700;color:var(--ink-faint);padding:6px 10px;border-radius:99px;min-height:40px}
.stchip .stn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;background:var(--paper);border:1.5px solid var(--line);color:var(--ink-faint);font-family:var(--font-num)}
.stchip.st-done{color:var(--ok)}
.stchip.st-done .stn{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.stchip.st-now{color:var(--gold-deep)}
.stchip.st-now .stn{background:linear-gradient(160deg,var(--gold),var(--gold-deep));border-color:var(--gold-deep);color:#fff;box-shadow:0 0 0 4px var(--gold-faint)}
.stchip.st-ready{color:var(--gold-deep);animation:stpulse 1.6s ease-in-out infinite}
.stchip.st-ready .stn{background:linear-gradient(160deg,var(--gold),var(--gold-deep));border-color:var(--gold-deep);color:#fff}
[data-theme="dark"] .stchip.st-now,[data-theme="dark"] .stchip.st-ready{color:var(--gold-soft)}
@keyframes stpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.stline{flex:0 0 18px;height:2px;background:var(--line);border-radius:2px}
h2.sect.stepnow{color:var(--gold-deep);border-left:4px solid var(--gold);padding-left:10px;border-radius:2px}
[data-theme="dark"] h2.sect.stepnow{color:var(--gold-soft)}
#editor .tetel{border:2px solid var(--gold);border-left:6px solid var(--gold-deep);border-radius:var(--radius-s);padding:12px 14px;margin-bottom:12px;background:linear-gradient(180deg,var(--gold-faint),var(--card) 34%);box-shadow:0 4px 14px rgba(201,162,39,.22)}
#editor .tetel:focus-within{border-color:var(--gold-deep);box-shadow:0 6px 20px rgba(201,162,39,.38),0 0 0 3px var(--gold-faint)}
[data-theme="dark"] #editor .tetel{background:linear-gradient(180deg,rgba(201,162,39,.10),var(--card) 34%);box-shadow:0 4px 14px rgba(0,0,0,.35)}
#editor .t1{display:flex;gap:10px;align-items:center}
#editor .t1 input[data-f="megnev"]{flex:1;min-width:0;font-weight:600}
#editor .t1 input[data-f="megnev"]::placeholder{font-weight:400;font-style:italic;color:var(--ink-faint)}
#editor .t1 [data-br]{min-width:96px;text-align:right;font-weight:700;font-size:1.04rem;white-space:nowrap}
#editor .t2{display:grid;grid-template-columns:minmax(58px,.65fr) minmax(74px,.85fr) minmax(80px,1fr) minmax(92px,1.35fr) minmax(92px,1.35fr) minmax(54px,.55fr);gap:8px;margin-top:9px}
#editor .mini{display:flex;flex-direction:column;gap:3px;min-width:0}
#editor .mini small{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}
#editor .tetel input,#editor .tetel select{min-height:46px;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);width:100%}
#editor .tetel input:focus,#editor .tetel select:focus{outline:none;border-color:var(--gold)}
#editor .tetel details{margin-top:8px}
#editor .tetel summary{cursor:pointer;font-size:.8rem;color:var(--ink-soft)}
#editor .tetel textarea{width:100%;min-height:64px;resize:vertical;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;box-sizing:border-box}
#editor .tetel textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
#editor .thead{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:600;border-bottom:2px solid var(--line)}
.delrow{width:44px;height:44px;border-radius:8px;color:var(--warn);font-size:1.2rem}
.delrow:hover{background:var(--warn-bg)}
.tetel-copy{width:44px;height:44px;padding:0;margin-top:8px;font-size:24px;line-height:1;border-radius:8px}
#invoiceDiscountPreview table{width:100%;table-layout:fixed;border-collapse:collapse}
#invoiceDiscountPreview th,#invoiceDiscountPreview td{padding:8px 4px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#invoiceDiscountPreview th:first-child,#invoiceDiscountPreview td:first-child{width:50%;text-align:left}
#sumbox{background:var(--navy-900);color:#E8ECF5;border-radius:var(--radius);padding:18px 22px;margin-top:16px;border:1px solid rgba(201,162,39,.5);position:sticky;bottom:14px;z-index:6;box-shadow:0 10px 26px rgba(10,20,40,.35);transition:transform .5s cubic-bezier(.25,.8,.35,1),opacity .5s}
#sumbox.sumhide{transform:translateY(calc(100% + 60px));opacity:0;pointer-events:none}
.correction-editor #sumbox,.correction-editor #sumbox.sumhide{position:static;transform:none;opacity:1;pointer-events:auto}
@media(max-width:1000px){
  #sumbox{bottom:calc(94px + env(safe-area-inset-bottom,0))}
  #sumbox.sumhide{transform:translateY(calc(100% + 170px))}
}
#sumbox .srow{display:flex;justify-content:space-between;padding:5px 0;font-size:.98rem}
#sumbox .tot{border-top:1px solid rgba(201,162,39,.5);margin-top:8px;padding-top:12px;font-size:1.35rem;font-weight:700;color:var(--gold-soft)}
.doctype-pill{display:inline-flex;align-items:center;gap:8px;background:var(--gold-faint);border:1px solid var(--gold);color:var(--gold-deep);border-radius:99px;padding:6px 16px;font-weight:600;font-size:.9rem}
.buyer-name-field{position:relative;min-width:0}
.buyer-domestic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.buyer-domestic-grid>.field{min-width:0}
.buyer-domestic-grid .cs-btn{min-height:var(--tap)}
@media(max-width:560px){.buyer-domestic-grid{grid-template-columns:minmax(0,1fr)}}
.company-search-results{max-height:48vh;overflow:auto;margin-top:12px}
.company-search-row{display:block;width:100%;padding:14px 8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}
.company-search-row strong,.company-search-row small{display:block;white-space:normal}
.company-search-row small{margin-top:4px;color:var(--ink-soft)}
.company-search-row:hover,.company-search-row:focus-visible{background:var(--gold-faint)}
#companySearchStatus{margin-top:12px;color:var(--ink-soft);overflow-wrap:anywhere}
#companySearchPrev[hidden],#companySearchNext[hidden]{display:none}
.buyer-name-list{position:absolute;left:0;right:0;top:100%;z-index:40;max-height:260px;overflow-y:auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow-lg)}
.buyer-name-list[hidden]{display:none}
.buyer-name-option{padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere}
.buyer-name-option:last-child{border-bottom:0}
.buyer-name-option strong,.buyer-name-option small{display:block;white-space:normal;letter-spacing:0}
.buyer-name-option strong{font-size:.94rem;font-weight:600}
.buyer-name-option small{font-size:.8rem;color:var(--ink-soft);margin-top:4px}
.buyer-name-option:hover,.buyer-name-option[aria-selected="true"]{background:var(--gold-faint)}
[data-theme="dark"] .doctype-pill{color:var(--gold-soft)}

/* Explicit format selection, shared by the document picker and draft editor. */
.document-form{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0 0 20px;min-width:0}
.document-form legend{font-weight:700;margin-bottom:8px;color:var(--ink-soft)}
.document-form label{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.document-form label:has(input:checked){border-color:var(--gold);background:var(--gold-faint)}
.document-form input{width:20px;height:20px;accent-color:var(--gold-deep)}
.new-document-card{min-width:0;border-radius:8px}
.new-document-card .doctype-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.document-form-status{margin-top:12px;font-size:.85rem;font-weight:700;color:var(--ink-soft);min-height:24px;line-height:24px}
.new-document-card[data-document-form="ELECTRONIC"]{border-color:var(--ok)}
.new-document-card[data-document-form="ELECTRONIC"] .document-form-status{color:var(--ok);background:var(--ok-bg)}
[data-theme="dark"] .new-document-card[data-document-form="ELECTRONIC"] .document-form-status{color:#85d4ad}
/* Issued invoices show the selected facts, without draft-only choices. */
#editor.issued-view .cardok{display:none}
.invoice-return{margin:0 0 20px}
.invoice-return-bottom{flex-basis:100%;margin:8px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.invoice-return-button{min-height:48px;gap:12px;box-shadow:0 4px 12px #10234726}
.invoice-return-button span{font-size:1.5em;line-height:1}
.invoice-heading-row>.invoice-return{margin:0}
.invoice-heading-row>.document-form{margin:0;gap:0}
.invoice-heading-row>.document-form legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.invoice-heading-row>.document-form label{min-height:36px;padding:4px 12px;font-size:.85rem;cursor:default}
.invoice-heading-row .invoice-return-button{min-height:44px;padding:8px 16px;font-size:.9rem}
.issued-view .document-form input[hidden]{display:none}
.issued-view .vstat{grid-template-columns:1fr}
.issued-view .vstat button:disabled{opacity:1;cursor:default}
.issued-view .buyer-domestic-grid>.field{grid-column:auto!important}
.issued-view .address-fields{grid-column:1/-1}
.issued-view .field input:disabled,.issued-view .field textarea:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink)}

/* Currency stays outside the editable numeric value. */
#editor .price-currency-field{position:relative;display:block;min-width:0}
#editor .price-currency-field input.price-input{width:100%;padding-right:calc(20px + var(--currency-chars)*.65em)}
#editor .price-currency-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.76em;font-weight:500;color:var(--ink-faint);line-height:1;pointer-events:none;white-space:nowrap}

.buyer-verification-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;min-width:0;margin-top:-8px;margin-bottom:12px}
.buyer-verification-row>.field{min-width:0;margin:0}
.buyer-verification-result{min-width:0;overflow-wrap:anywhere}
.buyer-verification-result #eVeuLine{margin-top:0!important}
@media(max-width:560px){.buyer-verification-row{grid-template-columns:minmax(0,1fr);gap:8px}}

/* Keep the complete invoice note visible, including readonly invoices. */
#editor #eMegj{field-sizing:content;min-height:var(--tap);height:auto;max-height:none;resize:none;overflow-y:hidden;overflow-wrap:anywhere}
/* ---------- Modal / toast ---------- */
#modalWrap{position:fixed;inset:0;width:100vw;background:rgba(10,20,40,.55);backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
#modalWrap.open{display:flex}
#modalBox:has([data-receipt-panel]){max-width:1040px}
#modalBox:has([data-receipt-panel]) table{width:100%;min-width:650px;border-collapse:collapse;font-size:.88rem;table-layout:fixed}
#modalBox:has([data-receipt-panel]) th,#modalBox:has([data-receipt-panel]) td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#modalBox:has([data-receipt-panel]) th:nth-child(3){width:32%}
#modalBox:has([data-receipt-panel]) th:last-child{width:25%}
#modalBox:has([data-receipt-panel]) td [class^="nav-test-"],#modalBox:has([data-receipt-panel]) td[class^="nav-test-"]{margin:0;border:0;border-radius:0;background:none;font-weight:600}
#modalBox:has([data-receipt-panel]) td [class^="nav-test-"]{display:block;padding:0}
#modalBox:has([data-receipt-panel]) td .btn{margin:0 0 6px;max-width:100%;white-space:normal}
#modalBox:has([data-receipt-panel]) fieldset{border:0;padding:0;margin-bottom:16px}
#modalBox:has([data-receipt-panel]) h4{margin:20px 0 8px}
[data-theme="dark"] #modalBox:has([data-receipt-panel]) td .nav-test-success{color:#65dda5}
[data-theme="dark"] #modalBox:has([data-receipt-panel]) td.nav-test-error,[data-theme="dark"] #modalBox:has([data-receipt-panel]) td .nav-test-error{color:#ff8e8e}
[data-theme="dark"] #modalBox:has([data-receipt-panel]) td.nav-test-pending,[data-theme="dark"] #modalBox:has([data-receipt-panel]) td .nav-test-pending{color:#ffc96b}
#modalBox{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:560px;width:100%;max-height:88vh;overflow-y:auto;padding:24px;border-top:4px solid var(--gold)}
#modalBox h3{font-family:var(--font-disp);font-size:1.2rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--gold-faint);position:relative}
#modalBox h3::after{content:"";position:absolute;left:0;bottom:-2px;width:52px;height:2px;background:var(--gold)}
@keyframes modalIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
#modalWrap.open #modalBox{animation:modalIn .22s ease-out}
.modalbtns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
#modalWrap:has(.payment-drawer){justify-content:flex-end;padding:0}
#modalBox.payment-drawer{max-width:728px;height:100dvh;max-height:100dvh;border-radius:0;padding:28px;overflow-wrap:anywhere}
.payment-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;background:var(--gold-faint);border-radius:10px;margin-bottom:24px}
.payment-heading>div{min-width:0}.payment-heading .btn{flex:none}
#modalBox .payment-heading h3{margin:0 0 8px;border:0;padding:0}.payment-heading h3::after{display:none}
.payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.payment-summary span{display:block;color:var(--ink-soft);font-size:.85rem;margin-bottom:6px}.payment-summary strong{display:block}
.payment-dates{padding-bottom:22px;border-bottom:1px solid var(--line);font-size:.9rem}
.payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payment-fields .field{min-width:0;margin:0}
.payment-form>.field{margin-top:16px}.payment-fields input,.payment-fields select{width:100%;min-width:0}
.payment-history{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.payment-history h4{margin-bottom:14px}
.payment-history .payment-entry>div{flex:1;min-width:150px}.payment-history .payment-entry span{display:block}.payment-history .payment-entry.is-reversed{color:var(--ink-soft)}
.payment-settled{font-weight:700;color:var(--green,#168153)}
.inv-payment-button{border:1px solid transparent;background:transparent;border-radius:8px;padding:6px;cursor:pointer;text-align:left;color:inherit;font:inherit}
.inv-payment-button:hover,.inv-payment-button:focus-visible{border-color:var(--gold);background:var(--gold-faint)}.inv-payment-button>small{display:block;color:var(--ink-soft);margin-top:4px}
@media(max-width:560px){#modalBox.payment-drawer{padding:16px}.payment-fields{grid-template-columns:1fr}.payment-summary{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-heading{padding:12px}}
#modalBox.camera-modal{max-width:620px;max-height:calc(100dvh - 32px);overflow-y:auto}
/* Payment panel: clear labels, explicit status and compact history. */
#modalWrap:has(.payment-drawer){background:rgba(10,20,40,.06);backdrop-filter:none;padding:16px;align-items:stretch}
#modalBox.payment-drawer{height:auto;max-height:calc(100dvh - 32px);width:100%;max-width:728px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 18px #10234726;font:16px/1.45 Arial,sans-serif}
.payment-heading{background:var(--line-soft);padding:20px;align-items:center;gap:12px;margin-bottom:24px}
#modalBox.payment-drawer .payment-heading h3{font-family:Arial,sans-serif;font-size:22px;line-height:1.35;font-weight:700;color:var(--ink)}
.payment-heading>div{flex:1}.payment-heading>div>span{color:var(--ink-soft);font-size:.9rem}
.payment-doc-icon{width:58px;height:60px;display:grid;place-items:center;flex:none;background:var(--gold-soft);color:var(--navy-800);border-radius:8px}.payment-doc-icon svg{width:30px;height:30px}
.payment-close{border:0;background:transparent;color:var(--ink-soft);font:700 26px/1 Arial;cursor:pointer;padding:10px;flex:none}
.payment-summary{grid-template-columns:1fr 1fr 1fr;margin:18px 0;align-items:start}.payment-summary strong{font-size:1.12rem;font-weight:750}
.payment-summary>div:nth-child(2){text-align:center}.payment-summary>div:last-child{text-align:right}
.payment-heading h3{overflow-wrap:anywhere;white-space:normal}
.payment-summary .payment-state{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payment-state small{font-size:.78rem;color:var(--ink-soft)}
.payment-status{display:inline-flex;align-items:center;gap:10px;border-radius:24px;padding:6px 15px;font-size:.88rem;white-space:nowrap}
.payment-summary .payment-status span{font-size:1.55rem;line-height:1;margin:0;color:inherit}.payment-status.is-paid{background:#d6f7e3;color:#148542}.payment-status.is-late{background:#ffe5e8;color:#c8273e}.payment-status.is-pending{background:#fff0cf;color:#925d00}
.payment-balance.is-paid{color:#159447}.payment-balance.is-late{color:#d32c40}.payment-balance.is-pending{color:var(--ink)}
.payment-dates{font-size:18px;padding-bottom:22px;margin-bottom:22px}
.payment-fields{border:0;padding:0;margin:0;gap:20px 24px;min-width:0}
#modalBox.payment-drawer .field>label{font-size:18px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:700;margin-bottom:10px;display:block}
.payment-drawer em{font-weight:400;font-size:.86rem;color:var(--ink-soft)}
#modalBox.payment-drawer input,#modalBox.payment-drawer select{border-color:#b4c4d7;border-radius:7px;height:56px;font:18px Arial,sans-serif;background:var(--card);color:var(--ink)}
.payment-input-group{display:flex;align-items:stretch;min-width:0;border:1px solid #b4c4d7;border-radius:7px;overflow:hidden}.payment-input-group:focus-within{outline:2px solid var(--info);outline-offset:1px}
#modalBox.payment-drawer .payment-input-group input{flex:1;width:0;border:0;border-radius:0;box-shadow:none;outline:0;height:54px}.payment-currency{display:grid;place-items:center;padding:0 12px;border-left:1px solid #b4c4d7;color:var(--ink-soft);font-weight:700}
.payment-calendar-button{width:54px;border:0;border-left:1px solid #b4c4d7;background:var(--card);color:var(--ink);cursor:pointer;flex:none}.payment-calendar-button svg{width:28px;height:28px;vertical-align:middle}
.payment-date-input input::-webkit-calendar-picker-indicator{display:none}.payment-date-input input{text-align:left}
.payment-fields .field{position:relative}.payment-calendar{position:absolute;z-index:5;top:100%;left:0;width:350px;max-width:calc(100vw - 64px);background:var(--card);border:1px solid #b4c4d7;box-shadow:0 8px 22px #10234726;padding:10px;border-radius:6px;color:var(--ink)}
.payment-calendar-head{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:10px}.payment-calendar-head strong{font-size:1rem;font-weight:500}.payment-calendar button{background:none;border:0;color:var(--ink);cursor:pointer;border-radius:3px;min-height:38px;font:inherit}.payment-calendar-head button{font-size:24px;min-width:30px}
.payment-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.payment-calendar-grid>span{font-size:.8rem;padding:8px 0}.payment-calendar-grid button{height:40px}.payment-calendar button:hover:not(:disabled){background:var(--gold-faint)}.payment-calendar-grid button.is-selected{background:var(--gold);color:var(--on-gold);font-weight:700}.payment-calendar button:disabled{opacity:.3;cursor:default}
.payment-note{margin:18px 0 0;font-size:.88rem;color:var(--ink-soft)}.payment-note summary{cursor:pointer}.payment-note .field{margin-top:12px}
.payment-form .modalbtns{justify-content:center;margin-top:22px}.payment-form .modalbtns .btn{min-width:156px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.payment-add-icon{font-size:20px;line-height:20px;width:23px;height:23px;border:2px solid currentColor;border-radius:5px}.payment-form button:disabled{opacity:.45;cursor:default}
.payment-history{margin-top:26px;padding-top:20px}.payment-history-scroll{overflow-x:auto}.payment-history-table{width:100%;border-collapse:collapse;font-size:.86rem}.payment-history-table caption{text-align:left;font-weight:700;margin-bottom:12px;color:var(--ink)}
.payment-history-table th{background:var(--line-soft);font-weight:500;color:var(--ink-soft);text-align:left;padding:13px 10px;font-size:.82rem}.payment-history-table td{padding:16px 10px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.payment-history-table td span{display:block}.payment-history-table .payment-amount{text-align:right;white-space:nowrap}.payment-history-table .is-reversed{color:var(--ink-soft)}
.payment-reverse{border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer;line-height:1;padding:0 4px}.payment-empty{display:flex;align-items:center;justify-content:center;gap:20px;min-height:130px;color:var(--ink-soft);font-style:italic}.payment-empty>span{flex:none;width:45px;color:var(--gold-deep)}.payment-empty svg{width:45px;height:55px}
@media(max-width:560px){#modalWrap:has(.payment-drawer){padding:0}#modalBox.payment-drawer{padding:16px;border-radius:0;max-height:100dvh}.payment-heading{padding:14px}.payment-doc-icon{width:42px;height:48px}#modalBox.payment-drawer .payment-heading h3{font-size:1.05rem}.payment-summary{grid-template-columns:1fr 1fr}.payment-summary>div:nth-child(2){text-align:right}.payment-summary>div:last-child:nth-child(3){text-align:left}.payment-summary .payment-state{grid-column:1/-1;align-items:flex-start;flex-direction:row;align-items:center}.payment-fields{grid-template-columns:1fr}.payment-history-table{min-width:520px}}
.camera-modal #cameraReader{width:min(100%,520px);aspect-ratio:16/9;min-height:0!important;max-height:none;margin:0 auto;background:#111;border-radius:12px;overflow:hidden}
.camera-modal #cameraReader video{width:100%!important;height:100%!important;object-fit:cover!important}
.camera-guide{position:absolute;left:18%;right:18%;top:31%;height:38%;background:linear-gradient(#fff,#fff) left top/54px 4px,linear-gradient(#fff,#fff) left top/4px 54px,linear-gradient(#fff,#fff) right top/54px 4px,linear-gradient(#fff,#fff) right top/4px 54px,linear-gradient(#fff,#fff) left bottom/54px 4px,linear-gradient(#fff,#fff) left bottom/4px 54px,linear-gradient(#fff,#fff) right bottom/54px 4px,linear-gradient(#fff,#fff) right bottom/4px 54px;background-repeat:no-repeat;box-shadow:0 0 0 999px rgba(0,0,0,.22);pointer-events:none}
.camera-trigger{width:var(--tap);min-width:var(--tap);padding:0!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--tap)}
.camera-trigger svg{width:24px;height:24px}
.camera-modal #cameraHint{width:min(100%,520px);margin-left:auto;margin-right:auto}
.camera-modal .modalbtns{width:min(100%,520px);margin-left:auto;margin-right:auto}
#toast{display:none}
#toastWrap{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:120;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow-y:auto}
.toastitem{--toast-accent:var(--gold-deep);display:flex;align-items:flex-start;gap:12px;flex-shrink:0;background:var(--card);color:var(--ink);padding:14px 12px 14px 16px;border-radius:8px;font-size:.9rem;font-weight:400;line-height:1.5;letter-spacing:0;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-left:3px solid var(--toast-accent);width:100%;text-align:left;pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.toastitem.show{opacity:1;transform:translateY(0)}
.toastitem.err,.toastitem.warn{--toast-accent:var(--warn)}
.toastitem.success{--toast-accent:var(--ok)}
.toastcontent{flex:1;min-width:0;overflow-wrap:anywhere}
.toastlabel{display:block;font-size:.78rem;font-weight:600;color:var(--ink-soft);margin-bottom:3px}
.toastmessage{display:block;white-space:pre-line}
.toastclose{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:4px;color:var(--ink-soft);font-size:1.4rem;line-height:1}
.toastclose:hover{background:var(--paper);color:var(--ink)}
.toastclose:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:1000px){#toastWrap{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));max-height:calc(100dvh - 180px)}}
@media(prefers-reduced-motion:reduce){.toastitem{transition:none;transform:none}}
@media print{#toastWrap{display:none!important}}
.rec-background .field label{display:flex;align-items:center;gap:10px;text-transform:none;font-size:14px}
.rec-background input[type="checkbox"]{appearance:none;display:inline-grid;place-content:center;flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;margin:0;border:1px solid var(--line);border-radius:3px;background:var(--card);cursor:pointer}
.rec-background input[type="checkbox"]:checked{background:var(--gold);border-color:var(--gold)}
.rec-background input[type="checkbox"]:checked::after{content:"";width:5px;height:9px;border:solid var(--on-gold);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.rec-background input[type="checkbox"]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.rec-background input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
@media(forced-colors:active){.rec-background input[type="checkbox"]{appearance:auto}.rec-background input[type="checkbox"]::after{display:none}}
.rec-background fieldset{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:4px}
.rec-background td,.rec-background [role="alert"]{overflow-wrap:anywhere}
.reminder-automation{overflow-wrap:anywhere}
.reminder-automation p{margin:0 0 12px;line-height:1.5;font-size:.9rem}
.reminder-automation h4{margin:20px 0 8px}
.reminder-automation ul{padding-left:20px}
.reminder-automation .field input[type="number"]{min-width:0}


/* Preview owns a fixed header/footer; only the iframe document scrolls. */
#modalBox.print-preview-modal{display:flex;flex-direction:column;max-width:760px;height:min(88dvh,960px);max-height:calc(100dvh - 28px);padding:20px;overflow:hidden}#modalBox.print-preview-modal h3{flex:none;font-size:1.05rem;overflow-wrap:anywhere;margin:0 0 12px}.print-preview-frame{display:block;flex:1;min-height:0;width:100%;border:1px solid var(--line);border-radius:8px;background:#edf0f4}#modalBox.print-preview-modal .modalbtns{flex:none;margin-top:14px;padding:0;gap:10px}@media(max-width:560px){#modalBox.print-preview-modal{padding:12px;height:calc(100dvh - 28px)}#modalBox.print-preview-modal h3{font-size:.95rem}}

#modalBox.print-preview-modal.print-preview-roll{max-width:calc(80mm + 64px)}

.action-confirm-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:12px;background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg)}
.action-confirm-dialog::backdrop{background:#0e1b3399}.action-confirm-dialog h3{margin:0 0 14px}.action-confirm-dialog p{line-height:1.6;margin:0 0 20px;color:var(--ink-soft);white-space:pre-line;overflow-wrap:anywhere}

/* Compact new-document chooser, sharing the application modal focus handling. */
#modalWrap:has(.new-document-drawer){justify-content:flex-end;padding:16px;background:rgba(10,20,40,.12);backdrop-filter:none}
#modalBox.new-document-drawer{max-width:590px;max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.new-doc-heading{display:flex;align-items:center;gap:12px;background:var(--line-soft);border-radius:8px;padding:16px;flex:none}
#modalBox .new-doc-heading h3{font-family:var(--font-body);font-size:1.15rem;line-height:1.35;margin:0;padding:0;border:0;flex:1}
#modalBox .new-doc-heading h3::after{display:none}
.new-doc-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--gold-faint);color:var(--gold-deep);flex:none}
.new-doc-symbol svg{width:26px;height:26px}
.new-doc-close{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;border-radius:6px}
.new-doc-close:hover{background:var(--card)}
.new-doc-close svg,.new-doc-footer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.new-doc-content{overflow-y:auto;min-height:0;padding:20px 2px 4px}
.new-doc-switch{display:flex;align-items:center;gap:10px;position:relative;font-weight:650;cursor:pointer;margin-bottom:20px;min-height:30px}
.new-doc-switch>input{position:absolute;width:44px;height:26px;opacity:0;margin:0;cursor:pointer}
.new-doc-switch-track{width:44px;height:26px;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:3px;flex:none}
.new-doc-switch-track::after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--ink-faint);transition:transform .15s}
.new-doc-switch input:checked+.new-doc-switch-track{background:var(--gold);border-color:var(--gold)}
.new-doc-switch input:checked+.new-doc-switch-track::after{background:white;transform:translateX(18px)}
.new-doc-switch input:focus-visible+.new-doc-switch-track{outline:2px solid var(--ink);outline-offset:3px}
.new-doc-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0}
.new-doc-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:82px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;color:var(--ink)}
.new-doc-option:hover{border-color:var(--gold)}
.new-doc-option:has(input:checked){border-color:var(--gold-deep);box-shadow:inset 0 0 0 1px var(--gold-deep);background:var(--gold-faint)}
.new-doc-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.new-doc-option input{position:absolute;top:10px;right:10px;width:19px;height:19px;margin:0;accent-color:var(--gold-deep)}
.new-doc-type-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;color:var(--doc-color);background:color-mix(in srgb,var(--doc-color) 15%,var(--card))}
.new-doc-type-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.new-doc-option strong{font-size:.92rem;line-height:1.25;padding-right:10px}
.new-doc-footer{display:flex;justify-content:center;padding-top:16px;margin-top:14px;border-top:1px solid var(--line);flex:none}
.new-doc-footer .btn{min-width:155px;display:inline-flex;align-items:center;justify-content:center;gap:12px}
@media(max-width:600px){#modalWrap:has(.new-document-drawer){padding:8px}#modalBox.new-document-drawer{padding:14px;max-height:calc(100dvh - 16px)}.new-doc-heading{padding:12px;gap:8px}.new-doc-symbol{width:36px;height:36px}#modalBox .new-doc-heading h3{font-size:1rem}.new-doc-option{padding:10px;min-height:92px}.new-doc-option strong{font-size:.85rem}}

.new-doc-types>legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Keep import actions reachable; only the preview body scrolls. */
#modalBox.partner-import-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 36px);overflow:hidden}
#modalBox.partner-import-modal>h3{flex:none}
#modalBox.partner-import-modal #partnerImportBody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#modalBox.partner-import-modal>.modalbtns{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#modalBox.partner-import-modal>.modalbtns .btn{white-space:normal}

/* A partnerlap műveletei hosszú űrlapnál is elérhetők. */
.customer-editor-actions{position:sticky;bottom:0;z-index:8;background:var(--card);padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -8px 16px rgba(0,0,0,.12)}

.nav-address-progress{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:32px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:0 24px 80px #0005;text-align:center;animation:modalIn .22s ease-out}.nav-address-progress::backdrop{background:rgba(10,20,40,.65);backdrop-filter:blur(5px)}.nav-address-progress h2{font-size:1.25rem;margin:18px 0}.nav-progress-orbit{width:48px;height:48px;margin:auto;border:4px solid var(--line);border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;animation:navProgressSpin 1s linear infinite}.nav-progress-count{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.nav-address-progress progress{display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;margin:18px 0;background:var(--line);accent-color:var(--gold)}.nav-address-progress progress::-webkit-progress-bar{background:var(--line)}.nav-address-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),#f5d961);border-radius:999px;transition:width .25s ease}.nav-progress-partner{min-height:2.8em;overflow-wrap:anywhere;color:var(--ink-soft)}.nav-address-progress small{display:block;margin:16px 0;color:var(--ink-soft)}.nav-address-progress button{margin-top:8px}@keyframes navProgressSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nav-address-progress,.nav-progress-orbit{animation:none}.nav-address-progress progress::-webkit-progress-value{transition:none}}

/* NAV-címelőnézet: a lista zsugorodjon, ne az alsó gombsor lógjon ki. */
#modalBox:has(#customerNavAddressRows){display:flex;flex-direction:column;max-width:920px;max-height:calc(100dvh - 32px);overflow:hidden;box-sizing:border-box}
#modalBox:has(#customerNavAddressRows)>h3,#modalBox:has(#customerNavAddressRows)>p{flex:none}
#customerNavAddressRows{flex:1 1 auto;min-height:0;overflow:auto}
#customerNavAddressRows>div{max-height:none!important;overflow:visible!important}
#modalBox:has(#customerNavAddressRows)>.modalbtns{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);background:var(--card)}
#modalBox:has(#customerNavAddressRows)>.modalbtns .btn{min-width:0;white-space:normal}
#customerNavAddressSave{grid-column:1/-1}
@media(max-height:600px){#modalBox:has(#customerNavAddressRows){padding:12px}#modalBox:has(#customerNavAddressRows)>p{font-size:.78rem;margin:4px 0}#modalBox:has(#customerNavAddressRows)>h3{margin-bottom:6px}#modalBox:has(#customerNavAddressRows)>.modalbtns .btn{padding:8px}}

#customerNavAddressRows .nav-address-unchanged{opacity:.4}

#customerNavAddressRows input[type="checkbox"]{width:24px;height:24px;min-width:24px;accent-color:var(--gold);vertical-align:middle;cursor:pointer}
#customerNavAddressRows th:first-child,#customerNavAddressRows td:first-child{width:44px;min-width:44px;padding:8px;text-align:center;box-sizing:border-box}
.nav-address-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:var(--ink-soft)}.nav-address-summary label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}

.nav-company-status{display:block;color:#b42318;font-weight:700;font-size:.85rem;margin-top:5px}
[data-theme="dark"] .nav-company-status{color:#ff7676}
#modalBox.company-connections-dialog{max-width:900px}
.connection-saved,.connection-technical{border:1px solid var(--line);border-radius:12px;margin:18px 0;background:var(--card)}
.connection-saved>summary,.connection-technical>summary{padding:14px 16px;font-weight:700;cursor:pointer}
.connection-setup ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:4px 16px 16px;padding-left:24px}
.connection-setup li{padding-left:4px;line-height:1.5;overflow-wrap:anywhere}
.connection-setup li span,.connection-setup>p{color:var(--ink-soft)}
.connection-setup>p{margin:12px 16px;font-size:.9rem}
@media(max-width:600px){.connection-setup ol{grid-template-columns:1fr}}
#connectionStatus,.connection-technical>dl{padding:0 16px 12px}
.connection-form-heading{margin:22px 0 8px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
#connectionFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
#connectionFields>.field:first-child{grid-column:1/-1}
#connectionFields>.field{min-width:0}
#connectionCheckResult{scroll-margin-top:16px;outline-offset:4px}
.connection-result{border-top:3px solid var(--gold);margin-top:24px;padding-top:20px}
.connection-result-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
#modalBox .connection-result-header h3{font-size:1.22rem;margin:0}
.connection-result-header p{margin:8px 0 0}
.connection-result-header small{color:var(--ink-soft)}
.connection-result-counts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.connection-result-counts span{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:6px 10px;font-size:.88rem;font-weight:700}
.connection-permission-group{margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.connection-permission-group h4{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;background:var(--bg);font-size:1rem;border-bottom:1px solid var(--line)}
.connection-permission-group h4>span{display:inline-grid;place-items:center;background:var(--gold);color:var(--on-gold);border-radius:50%;width:26px;height:26px;font-size:.85rem;flex:none}
.connection-permissions dl{margin:0}
.connection-permission{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 16px;padding:16px;border-top:1px solid var(--line)}
.connection-permission:first-child{border-top:0}
.connection-permission dt{font-weight:700;overflow-wrap:anywhere;line-height:1.45}
.connection-permission dd{display:contents;margin:0}
.connection-permission dd strong{display:inline-block;padding:4px 9px;border:1px solid currentColor;border-radius:7px;font-size:.82rem;line-height:1.4;max-width:210px}
.connection-permission dd p{grid-column:1/-1;margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.5}
.connection-result-note{font-size:.86rem;color:var(--ink-soft);margin:14px 0}
.connection-technical dl{margin:0;font-size:.88rem}
.connection-technical dl>div{padding:10px 0;border-top:1px solid var(--line)}
.connection-technical dt{font-weight:700}
.connection-technical dd{margin:4px 0 0;overflow-wrap:anywhere}
.connection-permission[data-permission-status="ok"] dd strong{color:#176b3a}
.connection-permission[data-permission-status="denied"] dd strong{color:#ab2733}
[data-theme="dark"] .connection-permission[data-permission-status="ok"] dd strong{color:#87dfab}
[data-theme="dark"] .connection-permission[data-permission-status="denied"] dd strong{color:#ffa2aa}
.company-connections-dialog fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0}
.company-connections-dialog legend{font-weight:700;padding:0 8px;color:var(--ink)}
.company-connections-dialog .field{margin:12px 0}
.company-connections-dialog p{line-height:1.55;overflow-wrap:anywhere}
.company-connections-dialog .modalbtns{flex-wrap:wrap}
.company-connections-dialog .btn{white-space:normal;max-width:100%}
.company-connections-dialog[aria-busy="true"] #connectionMessage::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;margin-right:8px;animation:connection-spin .8s linear infinite}
@keyframes connection-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.company-connections-dialog[aria-busy="true"] #connectionMessage::before{animation:none}}
@media(max-width:600px){#connectionFields{grid-template-columns:minmax(0,1fr)}.connection-permission{grid-template-columns:minmax(0,1fr);padding:12px}.connection-permission dd strong{justify-self:start;max-width:100%}.connection-permission-group h4{padding:12px}.connection-result-header{align-items:stretch}.connection-result-header>.btn{width:100%}.company-connections-dialog .modalbtns{display:grid;grid-template-columns:minmax(0,1fr)}}
/* Supplier payment history stays readable without a wide nested table. */
.bej-payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.bej-payment-history-row>div{min-width:0}.bej-payment-history-row p{margin:4px 0;color:var(--ink-soft)}
@media(max-width:600px){.bej-payment-history-row{align-items:flex-start;flex-wrap:wrap}}
/* ---------- Gyorsértékesítés ---------- */
#quickWrap{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}
.qcart-arrow{display:none}
@media(max-width:1000px){
  .qgrid{max-height:308px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 4px 8px 2px;border-bottom:2px solid var(--gold-soft);border-radius:0 0 10px 10px}
  #qSearchWrap{position:sticky;top:66px;z-index:31;background:var(--paper);padding:8px 0 4px;margin-top:-14px;max-width:none!important}
  #qKatBar{position:sticky;top:126px;z-index:29;background:var(--paper);padding:4px 0 6px}
  #qcartHead{cursor:grab;user-select:none;position:relative;touch-action:none;display:flex;align-items:center;gap:8px;min-height:64px}
  .qgrab{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:62px;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-soft));box-shadow:0 0 8px rgba(201,162,39,.7)}
  .qcart-arrow{width:44px;height:44px;flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center;border-radius:99px;background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:#fff;box-shadow:0 2px 8px rgba(201,162,39,.5);cursor:pointer}
  .qcart-arrow:focus-visible{outline:3px solid #fff;outline-offset:2px}
  #qcartBox.full #qcartHead{position:sticky;top:0;z-index:1}
  #qcartBox.full{position:fixed;left:8px;right:8px;top:136px;bottom:calc(92px + env(safe-area-inset-bottom,0));z-index:30;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-radius:14px;box-shadow:0 10px 40px rgba(10,20,40,.45);padding:4px;animation:qcup .3s cubic-bezier(.33,1,.5,1)}

  #qcartBox.full .card{margin-bottom:0;overflow:visible}
  @keyframes qcup{from{transform:translateY(26px);opacity:.7}to{transform:translateY(0);opacity:1}}
}
.qtile{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-s);padding:14px 12px;text-align:left;min-height:86px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;transition:border-color .25s,background-color .25s,box-shadow .25s}
.qtile-count{position:absolute;top:7px;right:7px;display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:var(--gold-deep);color:#fff;border:2px solid var(--card);box-shadow:0 2px 7px rgba(10,20,40,.28);font-family:var(--font-num);font-size:.78rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
[data-theme="dark"] .qtile-count{background:var(--gold);color:var(--on-gold)}
.qtile.qt-in{border-color:var(--gold)}
.qtile>b{margin-bottom:auto;padding-bottom:6px}
.qtdrs{display:inline-block;align-self:flex-start;font-size:.74rem;font-weight:700;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold);border-radius:99px;padding:1px 8px;white-space:nowrap}
[data-theme="dark"] .qtdrs{color:var(--gold-soft)}
.qtile:active{border-color:var(--gold);background:var(--gold-faint)}
.qtile b{font-size:.95rem;line-height:1.25}
.qtile .qar{font-family:var(--font-num);font-weight:600;color:var(--gold-deep);margin-top:8px;text-align:right}
[data-theme="dark"] .qtile .qar{color:var(--gold-soft)}
#qcartBox{position:sticky;top:86px}
.qrow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}
.qrow .qn{flex:1;font-size:.93rem}
.qrow .qq{display:flex;align-items:center;gap:2px}
.qpm{width:42px;height:42px;border-radius:8px;border:1.5px solid var(--line);font-size:1.15rem;font-weight:700}
.qpm:active{border-color:var(--gold);background:var(--gold-faint)}
.qcart-head{background:var(--navy-900);color:#fff;font-family:var(--font-disp);font-weight:600;font-size:1.08rem;letter-spacing:.03em;padding:11px 20px;margin:-20px -20px 12px;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;border-bottom:2px solid var(--gold)}
.tbl td.vevocell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1000px){.tbl td.vevocell{max-width:150px}}
@media(max-width:640px){.tbl td.vevocell{max-width:110px}}
.tbl td.sorszcell{color:#1D4ED8;font-weight:800}
[data-theme="dark"] .tbl td.sorszcell{color:#8FB3FF}
tr.row-piszkozat td{background:var(--gold-faint);animation:piszkpulz 2.4s ease-in-out infinite}
@keyframes piszkpulz{0%,100%{background:var(--gold-faint)}50%{background:rgba(201,162,39,.26)}}
tr.row-piszkozat td:first-child{border-left:4px solid var(--gold);font-style:italic}
.qdraftrow>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.qdraftrow .num{flex:0 0 auto;min-width:112px;text-align:right;font-variant-numeric:tabular-nums}
.qdrgo{flex:0 0 auto;display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;background:var(--dcd);color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.02em;box-shadow:0 2px 7px rgba(var(--dc),.35);transition:transform .12s}
.qdrgo:hover{transform:translateY(-1px)}
.qdrgo:active{transform:scale(.97)}
.qdrx{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(var(--dc),.55);color:var(--dcd);font-weight:800;font-size:.95rem;opacity:.75;transition:all .15s}
.qdrx:hover,.qdrx:active{opacity:1;background:#8E2323;border-color:#8E2323;color:#fff}
.qdraftrow{--dc:201,162,39;--dcd:#8a6d1c;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:rgba(var(--dc),.1);border:1.5px solid rgb(var(--dc));border-left:6px solid var(--dcd);border-radius:var(--radius-s);padding:13px 16px;margin-bottom:12px;color:var(--dcd);font-size:.95rem;cursor:pointer;box-shadow:0 3px 10px rgba(var(--dc),.18);animation:qdraftpulz 2.4s ease-in-out infinite}
.qdr-szamla{--dc:234,88,12;--dcd:#C2410C}
.qdr-ajanlat{--dc:160,140,205;--dcd:#71589E}
.qdr-dijbekero{--dc:100,135,205;--dcd:#3D5FA8}
.qdr-eloleg{--dc:13,148,136;--dcd:#0F766E}
.qdr-vegszamla{--dc:22,163,74;--dcd:#15803D}
.qdr-storno,.qdr-modosito{--dc:220,38,38;--dcd:#B91C1C}
[data-theme="dark"] .qdr-szamla{--dcd:#FDBA74}
[data-theme="dark"] .qdr-ajanlat{--dcd:#C4A7FF}
[data-theme="dark"] .qdr-dijbekero{--dcd:#8FB3FF}
[data-theme="dark"] .qdr-eloleg{--dcd:#5EEAD4}
[data-theme="dark"] .qdr-vegszamla{--dcd:#86EFAC}
[data-theme="dark"] .qdr-enyugta{--dcd:var(--gold-soft)}
@keyframes qdraftpulz{0%,100%{box-shadow:0 3px 10px rgba(var(--dc),.16);transform:scale(1);background:rgba(var(--dc),.1)}50%{box-shadow:0 5px 16px rgba(var(--dc),.34),0 0 0 3px rgba(var(--dc),.1);transform:scale(1.006);background:rgba(var(--dc),.17)}}
.qdraftrow:active{transform:scale(.99)}
[data-theme="dark"] .qdraftrow{color:var(--gold-soft)}
.qdb-flash{animation:qdbvill 1.2s ease}
@keyframes qdbvill{0%,28%,56%{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 0 0 5px rgba(181,48,48,.28)}14%,42%,100%{background:var(--gold-faint);border-color:var(--gold);color:var(--ink);box-shadow:none}}
#qScanToast{position:fixed;top:150px;left:50%;transform:translate(-50%,-14px);z-index:220;background:var(--navy-900);color:#EAD98F;border:1.5px solid var(--gold);border-radius:99px;padding:12px 22px;font-weight:700;font-size:1rem;box-shadow:0 8px 26px rgba(10,20,40,.45);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qScanToast.show{opacity:1;transform:translate(-50%,0)}
.qmodeswitch{display:block;width:100%;margin:0 0 10px;border:1.5px solid var(--gold)!important;background:var(--gold-faint)!important;color:var(--gold-deep)!important;font-weight:800!important;letter-spacing:.01em}
[data-theme="dark"] .qmodeswitch{color:var(--gold-soft)!important}
#qModes{display:none!important}
@media(min-width:1001px){
  .qcart-arrow,.qgrab{display:none}
  #qSearchWrap{position:sticky;top:70px;z-index:31;background:var(--paper);padding:8px 0 6px;margin-top:-14px;max-width:none!important}
}
.qdrsline{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;padding:8px 12px;border:1px solid var(--gold);border-radius:9px;background:var(--gold-faint);color:var(--gold-deep);font-size:.88rem}
[data-theme="dark"] .qdrsline{color:var(--gold-soft)}
.qtotal{font-family:var(--font-num);font-size:1.9rem;font-weight:700;text-align:right;color:var(--gold-deep);padding:12px 0 4px}
[data-theme="dark"] .qtotal{color:var(--gold-soft)}
.qpay{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.qpay .btn{min-height:60px;font-size:1.05rem}
.navbadge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:.76rem;font-weight:600}

/* ---------- Reszponzív ---------- */
#scrim{display:none;position:fixed;inset:0;background:rgba(10,20,40,.5);z-index:35}
#rail{display:none;position:fixed;left:0;top:0;bottom:0;width:78px;z-index:39;background:var(--navy-900);border-right:2px solid var(--gold);flex-direction:column;gap:2px;padding:10px 6px calc(10px + env(safe-area-inset-bottom,0));overflow-y:auto}
#rail button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#B9C2D8;font-size:.66rem;font-weight:600;padding:9px 2px;border-radius:10px;min-height:58px;width:100%}
#rail button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#rail button.active{color:var(--gold-soft);background:rgba(201,162,39,.13);animation:navpulz 2.2s ease-in-out infinite}
@media(min-width:1001px){
  body.qrail #sidebar{transform:translateX(-100%)}
  body.qrail #sidebar.open{transform:none;box-shadow:12px 0 34px rgba(10,20,40,.35)}
  body.qrail #scrim.show{display:block}
  body.qrail #main{margin-left:78px}
  body.qrail #rail{display:flex}
}
/* Álló tablet (≈768–1000px): behúzható menü, MINDEN táblázatoszlop megmarad,
   a kártya vízszintesen görgethető, ha nem fér ki */
@media(max-width:1000px){
  #sidebar{transform:translateX(-100%)}
  #sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}
  #scrim.show{display:block}
  #main{margin-left:0}
  #burger{display:flex}
  #view{padding:18px 14px 150px}
  #topco{display:block;font-size:.82rem;font-weight:600;max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #topco .tco2{display:none}
  #pagetitle{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card{overflow-x:auto}
  #editor .card{overflow-x:visible} /* különben a ragadós összesítő nem működik */
  .card > .tbl{min-width:620px}
  #quickWrap{grid-template-columns:1fr}
  #qcartBox{position:static}
}
/* Telefon (≤700px): tömörebb tételszerkesztő, csak a kulcsoszlopok
   (az utolsó — Bruttó — oszlop mindig látszik!) */
@media(max-width:700px){
  #editor .t2{grid-template-columns:minmax(56px,.7fr) minmax(90px,1.3fr) minmax(90px,1.3fr)}
  #editor .tetel .wide{grid-column:1/-1}
  #editor .thead{display:none}
  .card > .tbl{min-width:0}
  .tbl th:nth-child(n+5):not(:last-child),.tbl td:nth-child(n+5):not(:last-child){display:none}
  /* telefonos finomítások */
  #view{padding:14px 10px 150px}
  .card{padding:14px;border-radius:12px}
  .grid{gap:10px}
  .stat .val{font-size:1.35rem}
  h2.sect{font-size:1.02rem;margin:18px 0 10px}
  #pagetitle{font-size:1.05rem}
  .quick .btn{flex:1 1 46%;padding:0 10px;font-size:.92rem}
  .btn{min-height:48px}
  .qgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
  .qtile{min-height:72px;padding:10px}
  .qtile b{font-size:.86rem}
  .qtotal{font-size:1.55rem}
  #modalBox{padding:16px;max-height:94vh;border-radius:12px}
  .modalbtns .btn{flex:1 1 auto}
  #sumbox{padding:14px 14px}
  #sumbox .tot{font-size:1.15rem}
  .tbl td{padding:11px 8px}
  .tbl th{padding:8px}
  #sidebar{width:min(84vw,280px)}
  .badge{font-size:.7rem;padding:3px 8px}
}
/* A tagolt egységár telefonon is olvasható marad. */
@media(max-width:460px){
  #editor .t2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Gyorsértékesítés: lebegő fizetési sáv álló nézetben */
#qbar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:32;background:var(--navy-900);color:#fff;border:1px solid var(--gold);border-radius:14px;padding:12px 16px;align-items:center;gap:14px;box-shadow:var(--shadow-lg)}
#qbar .qbt{font-family:var(--font-num);font-size:1.25rem;font-weight:700;color:var(--gold-soft);flex:1}
#qbar .qbar-count{font-size:.85rem;opacity:.8}
@media(max-width:1000px){
  #qbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  #qbar .qbt{grid-column:1;overflow-wrap:anywhere}
  #qbar .qbar-count{grid-column:1}
  #qbar .btn{grid-column:2;grid-row:1/3}
  #qcartBox.full ~ #qbar{display:none}
}
#qbar:empty{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Alsó gyorsgomb-sáv (álló / keskeny nézet) ---------- */
#bottomNav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--navy-900);border-top:2px solid var(--gold);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0));justify-content:space-around;box-shadow:0 -6px 18px rgba(10,20,40,.25)}
#bottomNav button{flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#B9C2D8;font-size:.68rem;font-weight:600;padding:6px 2px;border-radius:10px;min-height:56px}
#bottomNav button svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#bottomNav button.active{color:var(--gold-soft);background:rgba(201,162,39,.13);animation:navpulz 2.2s ease-in-out infinite}
@keyframes navpulz{0%,100%{box-shadow:0 0 0 0 rgba(201,162,39,0);transform:scale(1)}50%{box-shadow:0 0 0 5px rgba(201,162,39,.16),0 0 14px rgba(201,162,39,.35);transform:scale(1.035)}}
@media(max-width:1000px){
  #bottomNav{display:flex}
  #qbar{bottom:86px}
}

/* Kassza POS mintájú számbevitel */
#calcWrap{position:fixed;inset:0;z-index:150;background:rgba(10,20,40,.5);display:none;align-items:center;justify-content:center;padding:12px}
#calcWrap.open{display:flex}
#calcPanel{width:100%;max-width:360px;max-height:calc(100dvh - 24px);overflow:auto;background:linear-gradient(180deg,#f3f6fb,#e7edf5);color:#172338;border-radius:16px;border-top:4px solid #bac9df;padding:16px;box-shadow:var(--shadow-lg);font-family:var(--font-body)}
.calc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#calcLabel{margin:0;font-family:var(--font-body);font-size:1rem;color:#243b5b;font-weight:800}
.calc-head .ck{width:36px;min-height:36px;font-size:18px;flex-shrink:0}
.calc-screen{border:1px solid #8da5c7;border-radius:10px;background:#e4e9ef;padding:8px 12px;text-align:right;font-family:var(--font-num);overflow-wrap:anywhere}
#calcExpr{font-size:14px;min-height:18px;color:#50617a}
#calcDisp{font-size:clamp(24px,6vw,30px);font-weight:800;line-height:1.3;color:#172338}
#calcSummary{margin:8px 0;padding:8px;border:1px solid #8abfa5;border-radius:10px;background:#edf9f2;color:#243b5b;font-weight:700;text-align:right}
#calcGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#calcPanel .ck{min-height:52px;border-radius:11px;font-size:20px;font-weight:900;font-family:var(--font-num);color:#153568;border:1px solid #a9bbd3;background:linear-gradient(160deg,#d5e1f0,#b5c5da);box-shadow:0 3px 0 #566374,0 5px 8px #15233824,inset 0 1px 0 #ffffffb0;cursor:pointer}
#calcPanel .calc-head .ck{min-height:36px}
#calcPanel .ck.op{color:#53400b;border-color:#dfbb40;background:linear-gradient(160deg,#ffe889,#f3d447);box-shadow:0 3px 0 #a68b2b,inset 0 1px 0 #ffffffb0}
#calcPanel .ck.warn{color:#fff;border-color:#c8918e;background:linear-gradient(160deg,#e8bfbc,#cf9c98);box-shadow:0 3px 0 #785553,inset 0 1px 0 #ffffffb0;text-shadow:0 1px 2px #56302e70}
#calcPanel .ck.ok{width:100%;margin-top:9px;color:var(--on-gold);background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:1px solid var(--gold-deep);font-family:var(--font-body);font-size:1rem;box-shadow:0 3px 0 #6f550c,inset 0 1px 0 #ffffff80}
#calcPanel .ck:active{transform:translateY(3px);box-shadow:inset 0 2px 6px #15233840}
#calcPanel .ck:focus-visible{outline:3px solid #235fc1;outline-offset:2px}
#calcError{color:#a12d24;font-size:.85rem;margin-top:8px}#calcError:empty{display:none}
@media(max-height:620px){#calcPanel{padding:10px;max-width:320px}#calcPanel .ck{min-height:40px}.calc-head{margin-bottom:6px}#calcSummary{margin:6px 0;padding:5px}}
/* ---------- Címlet-számológép (Pénztár és Raktár Pro portja) ---------- */
.cash-count-pad-backdrop{position:fixed;inset:0;z-index:160;background:rgba(10,20,40,.5);display:flex;align-items:center;justify-content:center;padding:14px}
.cash-count-pad{width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px;border-top:4px solid var(--gold)}
.cash-count-pad-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.cash-count-pad-head span{color:var(--ink-soft);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.cash-count-pad-head [data-cash-pad-cancel]{width:38px;height:38px;border-radius:11px;background:var(--warn-bg);color:var(--warn);font-size:22px;line-height:1;border:1px solid var(--line)}
.cash-count-pad-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:8px}
.cash-count-money-visual{margin-left:auto;position:relative;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 7px 16px rgba(0,0,0,.18)}
.cash-count-money-visual strong{position:relative;z-index:1;font-size:23px;line-height:1;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.28);font-family:var(--font-num)}
.cash-count-money-visual em{position:relative;z-index:1;font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.25)}
.cash-count-money-visual.is-banknote{width:130px;height:50px;border-radius:8px;background:linear-gradient(135deg,#6f7b89,#1f2937)}
.cash-count-money-visual.is-banknote::before{content:"";position:absolute;inset:6px 8px;border:1px solid rgba(255,255,255,.35);border-radius:5px}
.cash-count-money-visual.is-banknote::after{content:"";position:absolute;right:10px;top:9px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:-78px 4px 0 rgba(255,255,255,.12),-36px -8px 0 rgba(255,255,255,.10)}
.cash-count-money-visual.is-coin{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4bd,#d7a738 52%,#91620d);border:2px solid rgba(255,255,255,.5);color:#2a2108}
.cash-count-money-visual.is-coin::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(80,53,8,.35)}
.cash-count-money-visual.is-coin strong{font-size:18px;text-shadow:0 1px 0 rgba(255,255,255,.38)}
.cash-count-money-visual.is-coin em{font-size:10px;text-shadow:none}
.cash-count-money-visual.denom-500{background:linear-gradient(135deg,#8797a8,#4f5f72 55%,#2f3b4c)}
.cash-count-money-visual.denom-1000{background:linear-gradient(135deg,#86c7e6,#2278aa 55%,#144a72)}
.cash-count-money-visual.denom-2000{background:linear-gradient(135deg,#d9b16e,#a06425 55%,#623812)}
.cash-count-money-visual.denom-5000{background:linear-gradient(135deg,#d69083,#9d342f 55%,#671b20)}
.cash-count-money-visual.denom-10000{background:linear-gradient(135deg,#dba1b8,#a93c72 55%,#681d46)}
.cash-count-money-visual.denom-20000{background:linear-gradient(135deg,#aab6c7,#66758e 55%,#3b4658)}
.cash-count-pad-display{height:50px;border-radius:11px;border:1.5px solid var(--gold);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:flex-end;font-size:30px;font-weight:900;padding:0 16px;min-width:0;font-family:var(--font-num)}
.cash-count-pad-sum{min-height:30px;border-radius:10px;background:var(--ok-bg);border:1px solid var(--ok);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;margin-bottom:8px;font-family:var(--font-num)}
.cash-count-pad-quick,.cash-count-pad-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}
.cash-count-pad-nav{grid-template-columns:1fr 1fr;margin-bottom:0}
.cash-count-pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cash-count-pad-grid button,.cash-count-pad-actions button,.cash-count-pad-quick button,.cash-count-pad-nav button{border:1px solid var(--line);border-radius:11px;min-height:48px;background:linear-gradient(180deg,var(--card),var(--paper));color:var(--ink);font-size:20px;font-weight:900;font-family:var(--font-num);box-shadow:0 3px 0 var(--line),0 5px 10px rgba(10,20,40,.18),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .06s,box-shadow .06s}
[data-theme="dark"] .cash-count-pad-grid button,[data-theme="dark"] .cash-count-pad-actions button,[data-theme="dark"] .cash-count-pad-quick button,[data-theme="dark"] .cash-count-pad-nav button{box-shadow:0 3px 0 rgba(0,0,0,.55),0 5px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.cash-count-pad-quick button,.cash-count-pad-nav button{font-size:15px;font-family:var(--font-body)}
.cash-count-pad-quick [data-cash-pad-add]{background:var(--gold-faint);border-color:var(--gold);color:var(--gold-deep)}
[data-theme="dark"] .cash-count-pad-quick [data-cash-pad-add]{color:var(--gold-soft)}
.cash-count-pad-nav button{color:var(--ink-soft)}
.cash-count-pad-grid [data-cash-pad-clear],.cash-count-pad-grid [data-cash-pad-back]{background:var(--warn-bg);border-color:var(--warn);color:var(--warn);font-family:var(--font-body)}
.cash-count-pad-grid button:active,.cash-count-pad-actions button:active,.cash-count-pad-quick button:active,.cash-count-pad-nav button:active{transform:translateY(3px);box-shadow:0 0 0 var(--line),inset 0 2px 6px rgba(10,20,40,.28);filter:brightness(.97)}
.cash-count-pad button:disabled{opacity:.4}
.cash-count-pad-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px;margin-top:8px}
.cash-count-pad-actions [data-cash-pad-ok],.cash-count-pad-actions [data-cash-pad-ok-next]{background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-color:var(--gold-deep);color:#fff;font-size:16px;font-family:var(--font-body);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 3px 0 color-mix(in srgb,var(--gold-deep) 60%,#000),0 6px 12px rgba(201,162,39,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.cash-count-pad-display{box-shadow:inset 0 2px 6px rgba(10,20,40,.16)}
.cash-count-pad{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 92%,var(--paper)))}
.zc-head{display:grid;grid-template-columns:104px 104px 1fr;gap:12px;padding:4px 8px 8px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}
.zc-row{display:grid;grid-template-columns:104px 104px 1fr;gap:12px;align-items:center;padding:6px 8px;border-radius:10px;cursor:pointer;border-bottom:1px dashed var(--line)}
.zc-row:last-of-type{border-bottom:none}
.zc-row:active{background:var(--gold-faint)}
.zc-cimlet{font-weight:700;font-size:1.02rem}
.zc-erme .zc-cimlet{color:var(--gold-deep)}
[data-theme="dark"] .zc-erme .zc-cimlet{color:var(--gold-soft)}
.zc-db{width:100%;min-height:46px;padding:8px 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--paper);text-align:right;pointer-events:none;font-family:var(--font-num);font-weight:700;font-size:1.05rem}
.zc-sum{text-align:right;color:var(--ink-soft);font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- Zárolóképernyő ---------- */
#lockScreen{position:fixed;inset:0;z-index:200;background:linear-gradient(165deg,var(--navy-950),var(--navy-800));display:none;align-items:center;justify-content:center;padding:20px}
#lockScreen.on{display:flex}
.lockbox{width:100%;max-width:400px;max-height:100%;overflow-y:auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.lockhead{background:var(--navy-900);padding:26px 24px 18px;text-align:center}
.lockhead h1{font-family:var(--font-disp);font-weight:650;font-size:1.5rem;color:#fff}
.lock-brand-mark{width:68px;height:68px;margin:0 auto 12px}.lock-brand-mark svg{width:100%;height:100%}
.lockhead h1 em{font-style:normal;color:var(--gold)}
.lockhead .sub{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;margin-top:4px}
.lockbody{padding:24px}
.lock-picker-intro{margin:10px 0 20px;color:var(--ink-soft);line-height:1.5}
.lock-company-list{display:grid;gap:12px}.lock-company-list .btn{width:100%;white-space:normal;min-height:54px}
.lock-success{margin:0 0 14px;color:var(--ok);font-weight:600}
[data-theme="dark"] .lockbox{background:#192438;color:#e8eef7}
[data-theme="dark"] .lockbox .btn-ghost{background:#233149;color:#e8eef7;border-color:#607696}
.lockbody .field input{text-align:center;font-size:1.15rem;letter-spacing:.1em}
.lockerr{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius-s);padding:10px 14px;font-size:.88rem;margin-bottom:12px;display:none}
.lockerr.on{display:block}
.lockinfo{font-size:.8rem;color:var(--ink-faint);text-align:center;margin-top:14px;line-height:1.5}
.lock-company-name{overflow-wrap:anywhere;text-align:center}
.lock-login-intro{margin:8px 0 20px;text-align:center;color:var(--ink-soft);font-size:.9rem;line-height:1.5}
.lock-login-status{margin:10px 0 0;text-align:center;color:var(--ink-soft);font-size:.85rem;line-height:1.5}
.lock-login-status:empty{display:none}
.lockbody #lMail{text-align:left;letter-spacing:0;font-size:1rem}
.lockbody #accountEmail,.lockbody #accountPassword,.lockbody #accountPasswordAgain,.lockbody #accountLinkPassword{text-align:left;letter-spacing:0;font-size:1rem}
.account-remember{display:flex;align-items:flex-start;gap:8px;line-height:1.5;margin:12px 0;font-size:.88rem;cursor:pointer}
.account-remember input{flex:none;margin-top:4px}
.account-primary{width:100%}.account-links{display:grid;gap:8px;margin-top:16px}
.lockbody #newCompanyName,.lockbody #newCompanyTax{text-align:left;letter-spacing:0;font-size:1rem}
.company-team-members p{overflow-wrap:anywhere}.company-team-members .card{margin-bottom:12px}
#teamInviteLink{width:100%;overflow-wrap:anywhere}
.lock-company-list .btn small{display:block;font-size:.78rem;font-weight:400}
.lock-reset{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}
.lock-reset summary,.system-technical summary{cursor:pointer;font-weight:600;padding:8px 0;color:var(--ink)}
.lock-reset p,.system-technical p{font-size:.88rem;line-height:1.5;margin:10px 0;color:var(--ink-soft)}
.lock-reset .btn{width:100%;white-space:normal}
.lock-reset .lock-reset-status:empty{display:none}
.lock-reset .lock-reset-status{background:var(--bg);padding:10px;border-radius:var(--radius-s);overflow-wrap:anywhere}
.lock-reset .lock-reset-status.is-error{background:var(--warn-bg);color:var(--warn)}
.system-technical{border-top:1px solid var(--line);margin-top:12px}
#systemConnectionFile{max-width:100%;font-size:1rem}
/* A rendszerválasztó a zárolóképernyőről is használható. */
body:has(#lockScreen.on) #modalWrap{z-index:210}

/* ---------- Nyomtatás (A4) ---------- */
#printArea{display:none}
@media print{
  body>#app,#modalWrap,#toast,#bottomNav,#calcWrap,#lockScreen,#scrim,#qbar{display:none!important}
  #printArea{display:block;font-family:var(--font-body);color:#1a2233}
  @page{size:A4;margin:14mm 13mm}
  .pv{max-width:186mm;margin:0 auto;font-size:10.3pt;line-height:1.42}
  .pv .phead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2.5px solid #0E1B33;padding-bottom:4mm}
  .pv .pbrand{font-family:var(--font-disp);font-size:15pt;font-weight:650;color:#0E1B33}
  .pv .plogo{height:13mm;max-width:36mm;object-fit:contain}
  .pv .pguill{height:5px;margin:0 0 5mm;background:
    repeating-linear-gradient(115deg,transparent 0 6px,#C9A227 6px 7px),
    repeating-linear-gradient(65deg,transparent 0 6px,#C9A22766 6px 7px)}
  .pv .pdoctitle{text-align:right}
  .pv .pdoctitle .t{font-family:var(--font-disp);font-size:19pt;font-weight:650;letter-spacing:.04em;color:#0E1B33}
  .pv .pdoctitle .sn{font-family:var(--font-num);font-size:12pt;font-weight:600;color:#A8851B;margin-top:1mm}
  .pv .pparties{display:flex;gap:6mm;margin:5mm 0}
  .pv .pbox{flex:1;border:1px solid #C9C4B6;border-radius:2mm;padding:3.2mm 4mm}
  .pv .pbox .cap{font-size:7.5pt;text-transform:uppercase;letter-spacing:.1em;color:#A8851B;font-weight:700;margin-bottom:1.5mm}
  .pv .pbox b{font-size:11pt}
  .pv .pmeta{display:flex;flex-wrap:wrap;gap:2mm 8mm;font-size:9.5pt;margin:0 0 4mm;padding:2.5mm 4mm;background:#F4F1E8;border-radius:2mm}
  .pv .pmeta span b{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.08em;color:#5A6274}
  .pv table{width:100%;border-collapse:collapse;font-size:9.5pt}
  .pv thead{display:table-header-group}
  .pv tfoot{display:table-footer-group}
  .pv tr,.pv td,.pv th,.pv .pbox,.pv .pmeta,.pv .ptot,.pv .pnote{break-inside:avoid;page-break-inside:avoid}
  .pv thead th{background:#0E1B33;color:#fff;padding:2.4mm 2mm;text-align:left;font-size:8pt;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
  .pv thead th:first-child{width:100%}
  .pv tbody td{padding:2.4mm 2mm;border-bottom:.5px solid #D8D3C6}
  .pv tbody td:first-child{word-break:break-word}
  .pv td.r,.pv th.r,.pv tbody td:not(:first-child){white-space:nowrap}
  .pv .r{text-align:right;font-family:var(--font-num)}
  .pv .ptot{margin-top:4mm;margin-left:auto;width:82mm}
  .pv .ptot .row{display:flex;justify-content:space-between;padding:1.4mm 3mm;font-size:10pt}
  .pv .ptot .grand{background:#0E1B33;color:#EAD98F;font-size:13pt;font-weight:700;border-radius:1.5mm;padding:3mm;margin-top:1.5mm}
  .pv .pnote{margin-top:5mm;font-size:9pt;color:#3d4557;border-top:1px solid #C9C4B6;padding-top:3mm;white-space:pre-wrap}
  .pv .pfoot{margin-top:8mm;font-size:8pt;color:#7a8194;text-align:center}
  .pv .pwater{font-size:26pt;font-weight:700;color:#B3452F;border:2mm double #B3452F;display:inline-block;padding:2mm 8mm;transform:rotate(-6deg);margin:4mm 0}

  /* --- s2: Modern sáv --- */
  .pv-s2 .phead{background:#0E1B33;border-bottom:none;border-radius:2mm;padding:4.5mm 5mm}
  .pv-s2 .pbrand{color:#fff}
  .pv-s2 .pcontact{color:#B9C2D8!important}
  .pv-s2 .pdoctitle .t{color:#EAD98F}
  .pv-s2 .pdoctitle .sn{color:#C9A227}
  .pv-s2 .pguill{display:none}
  .pv-s2 .pparties{margin-top:5mm}
  .pv-s2 .pbox{border:none;border-left:1.2mm solid #C9A227;border-radius:0;background:#F7F5EF}
  .pv-s2 thead th{background:#EFEBDF;color:#0E1B33;border-bottom:1.5px solid #C9A227}
  .pv-s2 .pmeta{background:#fff;border:1px solid #E0DACB}
  /* --- s3: Minimál (takarékos, fekete-fehér) --- */
  .pv-s3 .pguill{display:none}
  .pv-s3 .phead{border-bottom:1.5px solid #000}
  .pv-s3 .pbrand,.pv-s3 .pdoctitle .t,.pv-s3 .pdoctitle .sn{color:#000}
  .pv-s3 .pcontact{color:#000!important}
  .pv-s3 .pbox{border:1px solid #000;border-radius:0}
  .pv-s3 .pbox .cap{color:#000}
  .pv-s3 .pmeta{background:none;border:1px solid #000;border-radius:0}
  .pv-s3 .pmeta span b{color:#000}
  .pv-s3 thead th{background:none;color:#000;border-bottom:1.5px solid #000;border-top:1px solid #000}
  .pv-s3 tbody td{border-bottom:.5px solid #999}
  .pv-s3 .ptot .grand{background:none;color:#000;border:1.5px solid #000}
  .pv-s3 .pnote,.pv-s3 .pfoot{color:#000}
  /* --- s4: Elegáns arany --- */
  .pv-s4{border:.6mm double #C9A227;border-radius:2mm;padding:6mm}
  .pv-s4 .pdoctitle .t{font-size:21pt;letter-spacing:.08em}
  .pv-s4 .pguill{height:3px}
  .pv-s4 .pbox{border-color:#C9A227;background:#FDFBF4}
  .pv-s4 .pmeta{background:#FBF8EE;border:1px solid #E4D5A5}
  .pv-s4 thead th{background:#A8851B}
  .pv-s4 .ptot .grand{background:#A8851B;color:#fff}
}
/* Importált banki tételek */
.bank-card{margin-bottom:16px}
.bank-card h3{margin-top:0}
.bank-card p{line-height:1.55}
.bank-note{color:var(--ink-soft);font-size:.88rem}
.bank-sync{margin:12px 0;padding:12px 0;border-block:1px solid var(--line)}
.bank-sync>p{margin-bottom:8px}
.bank-sync>.bank-note{margin-top:8px;margin-bottom:0}
.bank-actions,.bank-totals{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bank-totals{align-items:flex-start;gap:28px}
.bank-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bank-fields label{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:600;min-width:0}
.bank-fields input,.bank-fields select{width:100%;min-height:42px}
.bank-table{overflow:auto;padding:6px 12px}
.bank-memo{white-space:normal!important;overflow-wrap:anywhere}
.bank-error{color:var(--red)}
#modalBox.bank-allocation-dialog{max-width:800px}
.bank-allocation p,.bank-allocation-summary{margin:12px 0;line-height:1.6}
.bank-allocation-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px;background:var(--gold-faint);border-radius:10px}
.bank-allocation-summary dd{font-weight:700;margin:4px 0 0}
.bank-allocation label{display:flex;flex-direction:column;gap:6px;min-width:0}
.bank-allocation input,.bank-allocation select{min-width:0;width:100%;min-height:var(--tap);font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px}
.bank-allocation input:focus-visible,.bank-allocation select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.bank-allocation h3{margin-top:0}
.bank-allocation-picker{display:flex;align-items:end;gap:10px;margin:16px 0}.bank-allocation-picker label{flex:1}
.bank-allocation-rows article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}
.bank-allocation-rows article span,.bank-allocation-rows article small{display:block;overflow-wrap:anywhere}
.bank-allocation-history{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.bank-allocation-history article{padding:12px 0;border-bottom:1px solid var(--line)}
.bank-allocation-history ul{padding-left:22px;margin:8px 0}.bank-allocation-history .btn{margin-top:10px}
#bankAllocationError{color:var(--red)}
@media(max-width:600px){.bank-allocation-rows article{grid-template-columns:minmax(0,1fr)}.bank-allocation-picker{align-items:stretch;flex-direction:column}.bank-allocation .btn{max-width:100%;white-space:normal}}
@media(max-width:600px){.bank-fields{grid-template-columns:1fr}.bank-actions .btn{flex:0 1 auto;max-width:100%;white-space:normal}}
.doc-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.doc-notice{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);line-height:1.6;margin:12px 0 16px}
.doc-error{color:var(--red)}
.doc-scroll{overflow:auto;padding:6px 12px;margin-top:16px}
.doc-scroll .tbl{min-width:860px}
.doc-scroll td{vertical-align:top}
.doc-scroll small{color:var(--ink-soft);overflow-wrap:anywhere}
.doc-missing{max-height:300px;overflow:auto;line-height:1.8;margin-top:12px}


.doc-preview{margin:12px 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-soft)}
.doc-preview iframe{display:block;width:100%;height:60vh;min-height:320px;border:0;background:white}
.doc-preview pre{max-height:60vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px}
.doc-preview p{padding:10px 14px;font-size:13px}

.doc-preview canvas{display:block;width:100%;height:auto;background:white}
.doc-preview>.doc-toolbar{padding:12px;justify-content:space-between;margin:0}

#modalBox.document-modal{max-width:none;width:100%;max-height:calc(100dvh - 36px)}

.doc-review-header{display:flex;justify-content:space-between;align-items:start;gap:16px}
.doc-review-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr);gap:24px;min-height:0;flex:1}
.doc-review-original,.doc-review-fields{min-width:0;overflow:auto;padding:4px 8px 16px}
#modalBox.document-modal{display:flex;flex-direction:column;height:calc(100dvh - 36px);overflow:hidden}
.doc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.doc-field-grid small{display:block;color:var(--ink-soft);font-size:12px;overflow-wrap:anywhere}
.doc-field-evidence{margin-top:6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.doc-field-evidence[hidden]{display:none}
.doc-field-evidence summary{cursor:pointer;color:var(--ink);font-weight:600}
.doc-evidence-item{border-left:2px solid var(--line);padding:6px 10px;margin-top:6px}
.doc-evidence-item b,.doc-evidence-item q{display:block;white-space:pre-wrap}
.doc-evidence-item q{color:var(--ink-soft)}
.doc-review-fields h4{margin:12px 0}.doc-review-fields select{width:100%}
.doc-review-fields .doc-toolbar{margin-top:16px}
@media(max-width:900px){.doc-review-layout{grid-template-columns:1fr;overflow:auto}.doc-review-original,.doc-review-fields{overflow:visible}.doc-review-original .doc-preview{max-height:50dvh;overflow:auto}.doc-field-grid{grid-template-columns:1fr}}

.doc-review-status{margin:6px 0 10px;font-weight:700;color:var(--ink-soft)}
.doc-review-status.is-approved{color:#168746}
.doc-recognition-details{margin:0 0 12px;font-size:.85rem;line-height:1.4;color:var(--ink-soft)}
.doc-recognition-details summary{cursor:pointer}
.doc-recognition-details>div{margin:6px 0}
#docCompare[hidden]{display:none}

.doc-secondary-actions{margin-top:16px;font-size:.85rem;color:var(--ink-soft)}
.doc-secondary-actions summary{cursor:pointer}
.doc-secondary-actions p{margin:12px 0 6px}
.doc-secondary-actions small{display:block;margin-top:6px}
/* ---------- Modern, mélykék–arany alkalmazásnézet ---------- */
:root{--sidebar-width:280px}
#sidebar{width:var(--sidebar-width);background:var(--navy-900)}
#main{margin-left:var(--sidebar-width)}
#sidebar .brand{padding:24px 26px 18px;border:0}
#sidebar .brand h1{font-size:1.9rem;line-height:1.1;white-space:nowrap}
#sidebar .brand .sub{color:#9AAAC3;font-size:.68rem;letter-spacing:.31em;margin-top:8px;opacity:1}
#nav{padding:0 10px 16px;min-height:0}
.nav-group{margin-top:10px}
.nav-group+.nav-group{margin-top:20px}
.nav-group-label{padding:0 16px 10px;color:#B5C1D5;letter-spacing:.12em;text-transform:uppercase;font-size:.69rem;font-weight:500}
.navbtn{color:#E3EAF5;min-height:48px;padding:0 18px;gap:18px;font-size:1.0625rem;font-weight:400;border-radius:8px;margin-bottom:3px}
.navbtn svg{width:23px;height:23px;opacity:1}
.navbtn.active{color:#FFF;background:var(--navy-800);box-shadow:inset 5px 0 0 var(--gold);animation:none;font-weight:600}
.navbtn:hover{background:var(--navy-800)}
.invoice-workspace{min-width:0}
.bej-toolbar>select{border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);min-height:42px;padding:8px;font:inherit;font-size:.85rem;flex:1 1 170px;width:auto}.bej-table{min-width:1000px;width:100%}.bej-table .inv-link{text-align:left;font-weight:600;min-height:40px}.bej-table .bej-doc-yes{color:#168746}.bej-table .bej-doc-no{color:#c03442}.bej-table .bej-doc-unknown{color:var(--ink-soft)}#bejFilters{padding:12px 0}
.payment-entry{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.payment-entry span{flex:1;overflow-wrap:anywhere}#paymentError{color:var(--err,#bd2335)}
.inv-header-right input,#invBulkMenu{border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:inherit;min-height:42px;padding:9px 12px}.inv-header-right input{width:100%;flex:1}.inv-header-right input:focus-visible,#invBulkMenu:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.inv-header-right{display:flex;align-items:center;gap:8px;min-width:0;width:min(480px,65%)}.inv-header-right input{min-width:0}.inv-icon-button{width:42px;min-width:42px;padding:8px!important;font-size:23px}
.inv-compactbar{display:flex;align-items:center;gap:8px;background:var(--card);padding:10px;border:1px solid var(--line);border-radius:6px}
.inv-compactbar>select{width:200px;flex:0 0 200px;font-size:.85rem}.inv-compactbar .btn{white-space:nowrap;min-height:42px;padding:8px 10px;font-size:.85rem}.inv-compactbar #invQuickFilters{margin-left:auto}.inv-compactbar .inv-quick{margin:0;gap:4px;flex-wrap:nowrap}
.inv-compactbar .inv-quick .btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--ink)}.inv-compactbar .inv-quick .btn.is-active{border-color:currentColor;background:var(--paper)}.inv-quick span{font-size:21px;font-weight:800}.inv-status-paid span{color:#149448}.inv-status-outstanding span{color:#c47b12}.inv-status-overdue span{color:#ce3947}
.inv-count-line{font-size:.8rem;color:var(--ink-soft);margin:7px 0;min-height:20px}.invoice-workspace [hidden]{display:none!important}#invFilterPanel{padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:8px}.inv-date-presets{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}#invDateError{color:var(--err,#bd2335)}
@media(max-width:1200px){.inv-compactbar{flex-wrap:wrap}.inv-compactbar>select{flex-basis:190px}.inv-compactbar #invQuickFilters{margin-left:0}}
@media(max-width:600px){.inv-list-toolbar{flex-wrap:wrap}.inv-header-right{width:100%}.inv-compactbar>select{flex:1 1 150px;width:150px}.inv-compactbar #invRangeButton{flex:1 1 190px;white-space:normal}.inv-compactbar #invQuickFilters{flex:1}.inv-compactbar .inv-quick .btn{font-size:.75rem;padding:6px}.inv-compactbar .inv-quick{gap:0}.inv-compactbar{gap:6px}.inv-header-right input{font-size:.85rem}}
.inv-list-toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:16px}
.inv-list-toolbar .field{margin:0;width:min(440px,100%)}
.inv-list-toolbar svg{width:20px;height:20px;flex-shrink:0}
.inv-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:16px}
.inv-summary>div{padding:16px;border-right:1px solid var(--line)}
.inv-summary span,.inv-summary strong{display:block;overflow-wrap:anywhere}
.inv-summary span{font-size:.82rem;color:var(--ink-soft);margin-bottom:6px}
.inv-summary strong{font-size:1.2rem}
.inv-pager,.inv-select-scope{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.inv-pager{justify-content:space-between}.inv-pager label{display:flex;align-items:center;gap:8px}.inv-pager select{width:auto;min-width:0;max-width:100%}.inv-pager>div{display:flex;align-items:center;gap:6px}
.inv-pager.inv-document-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.inv-document-pager>label{justify-self:start;white-space:nowrap}.inv-document-pager select{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.inv-document-pager>nav{display:flex;align-items:center;justify-content:center;gap:6px}.inv-document-pager>nav .btn{min-width:44px;min-height:44px;padding:10px}.inv-document-pager .inv-page-position{min-width:64px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.inv-document-pager .inv-page-count{justify-self:end;text-align:right;font-size:.88rem;font-variant-numeric:tabular-nums}
@media(max-width:800px){.inv-pager.inv-document-pager{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inv-document-pager>nav{grid-column:1/-1;grid-row:2}.inv-document-pager .inv-page-count{grid-column:2;grid-row:1}}
.inv-filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.inv-filterbar .field{flex:1 1 155px;min-width:0;margin:0}
.inv-quick{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.inv-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;color:var(--ink-soft);font-size:.85rem}
.inv-table-scroll{overflow-x:auto;max-width:100%;background:var(--card);border-block:1px solid var(--line)}
.import-changes{margin:8px 0;min-width:180px;max-width:280px;overflow-wrap:anywhere}.import-changes dt{font-weight:600;margin-top:8px}.import-changes dd{margin:2px 0 0}
.customer-history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.customer-history-filters input,.customer-history-filters select{flex:1 1 180px;min-width:0;max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);padding:8px 10px;font:inherit}
.customer-history-table{min-width:640px;width:100%}.customer-history-table .inv-link{max-width:240px;white-space:normal;overflow-wrap:anywhere;text-align:left}.customer-history-table td{max-width:260px;overflow-wrap:anywhere}
.customer-master-table{min-width:800px;width:100%}.customer-master-table td{max-width:300px;overflow-wrap:anywhere}.customer-master-table .inv-link{white-space:normal;text-align:left;overflow-wrap:anywhere}.customer-master-table th:nth-child(n+5):not(:last-child),.customer-master-table td:nth-child(n+5):not(:last-child){display:table-cell}
.inv-detailed{min-width:1080px;width:100%}
.inv-detailed th{white-space:nowrap}
.inv-detailed th:nth-child(n+5):not(:last-child),.inv-detailed td:nth-child(n+5):not(:last-child){display:table-cell}
.bej-table th:nth-child(n+5):not(:last-child),.bej-table td:nth-child(n+5):not(:last-child){display:table-cell}
select[aria-label="Sablon állapota"]{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.recurring-table{min-width:850px;width:100%}.recurring-table td:first-child{max-width:320px;overflow-wrap:anywhere}.recurring-table .inv-link{white-space:normal;text-align:left;overflow-wrap:anywhere}.recurring-table th:nth-child(n+5):not(:last-child),.recurring-table td:nth-child(n+5):not(:last-child){display:table-cell}.rec-error{color:#b42335}
.dash-case-tasks{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;padding:8px 0;border-bottom:1px solid var(--line)}.dash-case-tasks>strong{font-size:.9rem;margin-right:8px}.dash-case-tasks .case-deadline-warning{color:#b42335;border-color:#b42335}
.case-table{min-width:850px;width:100%}.case-table .inv-link{text-align:left;white-space:normal;overflow-wrap:anywhere;max-width:260px}.case-table td{overflow-wrap:anywhere;max-width:300px}.case-table th:nth-child(n+5):not(:last-child),.case-table td:nth-child(n+5):not(:last-child){display:table-cell}.invoice-workspace .inv-list-toolbar>select{width:auto;min-width:160px;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);padding:8px}
.invoice-relation-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.invoice-relation-row>div{min-width:0;overflow-wrap:anywhere}.invoice-relation-row small{display:block;color:var(--ink-soft);margin-top:4px}.invoice-relation-row.is-current{border-left:3px solid var(--gold);padding-left:10px}.invoice-relation-warnings{color:#a24116;overflow-wrap:anywhere}.invoice-relation-row .inv-link{text-align:left;white-space:normal;overflow-wrap:anywhere;max-width:100%}@media(max-width:600px){.invoice-relation-row{grid-template-columns:1fr}.invoice-relation-row .badge{white-space:normal}}
.inv-detailed td{vertical-align:middle}
.inv-detailed .inv-buyer{min-width:160px;max-width:270px;white-space:normal;overflow-wrap:anywhere;font-weight:600}
.inv-detailed small{display:block;color:var(--ink-soft);margin-top:5px}
.inv-detailed input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-deep);cursor:pointer}
.inv-detailed .inv-link{color:var(--ink);font-weight:600;text-align:left;min-height:40px}
.inv-detailed th button{min-height:40px;text-align:left}
.inv-type{font-size:.8rem;color:var(--ink-soft)}
.inv-nav-status{text-align:center;width:64px}
.nav-status-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;font-size:25px;line-height:1;font-weight:800;border:1px solid transparent}
.nav-status-icon.success{color:#087A36;background:#D8F7E2;border-color:#54B97A}
.nav-status-icon.error{color:#B51E2E;background:#FFE0E3;border-color:#E86B78}
.nav-status-icon.pending{color:#A34B00;background:#FFF0CF;border-color:#E6A33D}
.nav-status-icon.neutral{color:var(--ink-faint);background:var(--paper);border-color:var(--line)}
button.nav-status-icon:hover{filter:brightness(.92)}
.nav-status-icon:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.inv-row-actions{display:grid;grid-template-columns:repeat(3,36px);gap:4px}
.inv-row-actions .inv-row-menu{grid-column:3}
.inv-row-actions .btn{width:36px;min-width:36px;min-height:40px;padding:4px;font-size:1.1rem}
.inv-row-actions .inv-action-icon{display:block;width:25px;height:25px;flex-shrink:0;pointer-events:none}
.inv-payment-pill{--payment-pill-bg:#d8f8e4;display:inline-flex;align-items:center;gap:12px;min-width:132px;min-height:36px;padding:5px 17px 5px 7px;border-radius:999px;background:var(--payment-pill-bg);color:#123d64;font:400 16px/1.3 var(--font-body);white-space:nowrap;vertical-align:middle}
.inv-payment-pill svg{display:block;flex:0 0 26px;width:26px;height:26px;color:#16df61}.inv-payment-pill>span{flex:1;text-align:center}
.inv-payment-pill.is-overdue{--payment-pill-bg:#fbe7e9}.inv-payment-pill.is-overdue svg{color:#ff656b}.inv-payment-partial{margin-top:4px}
.inv-payment-pill.is-pending{--payment-pill-bg:#fff0ce;color:#a66400;font-weight:700}.inv-payment-pill.is-pending svg{color:#a66400}
.inv-payment-pill.is-draft{--payment-pill-bg:#edf0f5;color:#52637d;font-weight:700}.inv-payment-pill.is-draft svg{color:currentColor}
.inv-payment-button{padding:0;border-radius:999px;white-space:nowrap}.inv-payment-button:hover{filter:brightness(.97)}
.inv-payment-pill{position:relative;overflow:visible}
.inv-payment-days{position:absolute;right:-6px;top:-10px;display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:50%;border:2px solid var(--card);background:#a66400;color:#fff;font:700 11px/1 var(--font-body);font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #1023471a}
.inv-payment-label{position:relative;display:inline-block}
.inv-number-label{position:relative;display:inline-block}
.inv-number-label::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
.inv-link:hover .inv-number-label::after,.inv-link:focus-visible .inv-number-label::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.inv-number-label::after{transition:none}}
.inv-payment-label::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
.inv-payment-pill:hover .inv-payment-label::after,.inv-payment-button:hover .inv-payment-label::after,.inv-payment-button:focus-visible .inv-payment-label::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.inv-payment-label::after{transition:none}}
[data-theme="dark"] .inv-payment-pill.is-pending{--payment-pill-bg:#44351a;color:#ffda8c}[data-theme="dark"] .inv-payment-pill.is-pending svg{color:#ffda8c}
[data-theme="dark"] .inv-payment-pill{--payment-pill-bg:#153d2d;color:#d7f9e6}[data-theme="dark"] .inv-payment-pill.is-overdue{--payment-pill-bg:#44272f;color:#ffe2e6}
[data-theme="dark"] .inv-payment-pill.is-draft{--payment-pill-bg:#2c384b;color:#d4deec}
.inv-action-groups{display:flex;flex-direction:column;gap:14px;margin-top:4px;min-height:0;overflow-y:auto;padding-right:6px}
.inv-action-groups h4{grid-column:1/-1;font-size:.85rem;color:#fff;background:var(--navy-900);margin:-10px -10px 2px;padding:9px 12px;border-radius:7px 7px 0 0;border-left:4px solid var(--gold)}
.inv-action-groups section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.inv-action-groups .btn{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:0;padding:8px 10px;white-space:normal;text-align:left;justify-content:flex-start;font-size:.88rem;line-height:1.3;border-color:var(--ink-faint);box-shadow:0 2px 3px #10234712}
.inv-action-groups .btn-ghost{background:var(--card);color:var(--ink)}
.inv-action-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:6px;background:#e6edf8;color:#17365f}
.inv-action-icon svg{width:21px;height:21px}
.inv-action-groups .btn-danger .inv-action-icon{background:#ffffff26;color:inherit}
.inv-action-groups .btn:hover,.inv-action-groups .btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
#modalBox:has(>.inv-action-groups){display:flex;flex-direction:column;max-width:640px;max-height:calc(100dvh - 36px);overflow:hidden}
#modalBox:has(>.inv-action-groups)>h3,#modalBox:has(>.inv-action-groups)>p{flex-shrink:0}
#modalBox:has(>.inv-action-groups)>.modalbtns{flex-shrink:0;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:420px){.inv-action-groups section{grid-template-columns:1fr}}
@media(max-width:600px){.inv-list-toolbar{align-items:stretch;flex-direction:column}.inv-summary>div{padding:10px 6px}.inv-summary strong{font-size:.95rem}.inv-action-groups{grid-template-columns:1fr}}
.nav-section{margin-top:6px;border-top:1px solid #31435E}
.nav-section summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;color:#C6CEE0;font-size:.9rem;font-weight:600;letter-spacing:0;cursor:pointer;list-style:none}
.nav-section summary::-webkit-details-marker{display:none}
.nav-section summary::after{content:'›';margin-left:auto;font-size:1.3rem;transform:rotate(0deg)}
.nav-section[open] summary::after{transform:rotate(90deg)}
.nav-section summary:hover{background:var(--navy-800)}
.nav-section summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.nav-section-items .navbtn{padding:8px 12px 8px 20px;gap:12px;font-size:.94rem}
.navbtn>span{min-width:0;overflow-wrap:anywhere}
.nav-error-count{display:inline-block;border-radius:4px;padding:3px 5px;background:#762D36;color:#FFF;font-size:.7rem;font-weight:700;white-space:nowrap}
#sidefoot{margin:0 10px;padding:14px 14px 20px;border-top:1px solid #35455F;color:#8296B3;font-size:.82rem}
#sidefoot .feedback-btn{width:100%;border:1px solid var(--gold);color:#E1B844;background:transparent;box-shadow:none;font-weight:600;min-height:44px;margin-bottom:14px;padding:0 10px;white-space:nowrap}
#sidefoot .logout-btn{flex:1;min-height:46px;border:1px solid #4A6081;color:#EBF0F9;background:transparent;font-weight:600;box-shadow:none}
#sidefoot .btn svg{width:22px;height:22px;flex-shrink:0}
#sidefoot .sync{font-size:.88rem;color:#9AAEC8;margin-bottom:12px}
#verTxt{margin-top:14px}
.dot.on{background:#31C98D;box-shadow:0 0 8px #31C98D33}
#topbar{padding:16px 32px;min-height:90px;gap:20px}
.page-heading{flex:1;min-width:0}
#pagetitle{font-size:1.9rem;line-height:1.1;font-weight:650;color:var(--ink)}
#pagesubtitle{font-size:1rem;color:var(--ink-soft);margin-top:5px}
#pagesubtitle[hidden]{display:none}
#topco{font-size:.9rem;line-height:1.4}
.topcegbtn{background:#C9A2270B;border-width:1px;font-size:.95rem;min-height:40px;padding:6px 18px;gap:18px}
#themeBtn svg{width:25px;height:25px}
#view{max-width:none;padding:22px 24px 48px}
.btn-gold{background:var(--gold);box-shadow:none}
.btn-navy{background:var(--navy-800);box-shadow:none}
.btn-ghost{border-width:1px;color:var(--ink)}
.btn:focus-visible,.navbtn:focus-visible,.draft-continue:focus-visible,.draft-remove:focus-visible,button.dash-stat:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
#rail button.active,#bottomNav button.active{animation:none}

/* Pénzügyi áttekintés */
.dash-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
.dash-task{border:1px solid var(--line);border-top:4px solid #b78116;border-radius:8px;background:var(--card);color:var(--ink);text-align:left;padding:16px;min-width:0;cursor:pointer;font:inherit;display:grid;gap:7px}
.dash-task strong{font-size:28px;font-variant-numeric:tabular-nums}.dash-task small{color:var(--ink-soft);overflow-wrap:anywhere}.dash-task:hover{background:var(--bg)}
.dash-task:focus-visible,.dash-chart summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.task-red{border-top-color:#ce3947}.task-orange{border-top-color:#ce7518}
.dash-data-warning{border-left:4px solid #ce7518;padding:12px;color:var(--ink)}
.dash-chart{margin:24px 0;border-block:1px solid var(--line);padding:14px 0}.dash-chart summary{cursor:pointer;font-weight:700;padding:8px}
.dash-chart-legend,.dash-chart-note{font-size:.85rem;color:var(--ink-soft)}.dash-chart-legend span{margin-right:16px}.dash-chart-legend span:first-child{color:#278579}.dash-chart-legend span:nth-child(2){color:#bb6426}
.dash-chart-row{display:grid;grid-template-columns:85px 1fr 1fr;gap:14px;align-items:center;margin:10px 0;font-size:.82rem;font-variant-numeric:tabular-nums}.dash-chart-row>div{min-width:0;position:relative;padding:6px 8px}.dash-chart-row span{position:relative;overflow-wrap:anywhere}.dash-bar{position:absolute;inset:0 auto 0 0;max-width:100%;min-width:1px;background:#27857930;border-left:3px solid #278579}.dash-bar.incoming{background:#bb642630;border-color:#bb6426}
@media(max-width:650px){.dash-tasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-task{padding:12px;font-size:.9rem}.dash-chart-row{grid-template-columns:64px 1fr 1fr;gap:5px;font-size:.72rem}}
.dash-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.dash-stat{display:block;min-width:0;min-height:146px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px 14px;text-align:left}
button.dash-stat:hover{border-color:var(--gold)}
.dash-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-stat-icon svg{width:26px;height:26px}
.tone-blue{color:#285DB5;background:#ECF2FE}.tone-gold{color:#8C691D;background:#FAF3E6}.tone-slate{color:#465673;background:#EEF1F6}.tone-red{color:#B94837;background:#FFF0EB}
.dash-stat-copy{min-width:0;padding-top:9px}
.dash-stat-label{font-size:.94rem;color:var(--ink-soft);line-height:1.3;min-height:1.3em}
.dash-stat-value{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;line-height:1.2;color:var(--ink);margin:12px 0 6px;overflow-wrap:anywhere}
.dash-stat-hint{font-size:.9rem;color:var(--ink-soft);line-height:1.4}
.dashboard-actions{gap:14px;margin:22px 0 24px}
.dashboard-actions .btn{min-height:54px;min-width:174px;padding:0 24px;border-radius:7px;font-size:1rem;gap:12px}
.dashboard-actions .btn svg{width:22px;height:22px;flex-shrink:0}

/* Egyetlen, jól áttekinthető piszkozatlista; a szín csak a típust jelzi. */
.draft-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:20px 0;overflow:hidden}
.dashboard-actions+.draft-panel{margin-top:0}
.draft-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 14px;border-bottom:1px solid var(--line-soft)}
.draft-panel-heading h2{font-family:var(--font-body);font-size:1.5rem;font-weight:700;line-height:1.25;color:var(--ink)}
.draft-panel-heading p{font-size:1rem;color:var(--ink-soft);margin-top:4px}
.draft-panel-label{display:flex;align-items:center;gap:10px;white-space:nowrap;background:var(--draft-bg);color:var(--ink);border-radius:30px;padding:8px 16px;font-size:.88rem}
.draft-panel-label svg{width:21px;height:21px}
.draft-list{padding:0 24px}
.draft-row{--tag-bg:#FFF4D5;--tag-ink:#8D6500;display:grid;grid-template-columns:32px 142px minmax(140px,1fr) minmax(84px,auto) 144px 36px;gap:20px;align-items:center;min-height:74px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.draft-row:last-child{border-bottom:0}
.draft-doc-icon{display:flex;color:var(--ink-soft)}
.draft-doc-icon svg{width:25px;height:25px}
.draft-type-badge{justify-self:start;min-width:0;max-width:100%;border-radius:30px;padding:8px 18px;background:var(--tag-bg);color:var(--tag-ink);font-size:.94rem;font-weight:600;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:center}
.draft-type-szamla{--tag-bg:#FFE3D6;--tag-ink:#AD390F}
.draft-type-vegszamla{--tag-bg:#D9F3E9;--tag-ink:#007859}
.draft-type-eloleg,.draft-type-customer{--tag-bg:#DDF3F7;--tag-ink:#00728A}
.draft-type-dijbekero{--tag-bg:#E4ECFF;--tag-ink:#184EB4}
.draft-type-ajanlat{--tag-bg:#F0E3FB;--tag-ink:#7436A9}
.draft-type-storno,.draft-type-modosito{--tag-bg:#FCE4E4;--tag-ink:#AB3131}
.draft-description{min-width:0;display:flex;flex-direction:column;gap:2px}
.draft-description b{font-size:1.0625rem;line-height:1.3;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.draft-description>span{color:var(--ink-soft);font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.draft-amount{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:1.125rem;text-align:right;white-space:nowrap;font-weight:600}
.draft-continue{border:1px solid #314D7A;color:var(--ink);background:var(--card);border-radius:8px;min-height:42px;padding:7px 18px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:1rem;box-shadow:0 1px 2px #1023470A}
.draft-continue svg{width:18px;height:18px}
.draft-continue:hover{background:var(--info-bg)}
.draft-remove{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink-soft)}
.draft-remove svg{width:20px;height:20px}
.draft-remove:hover{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}
[data-theme="dark"] .dash-stat-icon{background:#263750;color:#BDD1EE}
[data-theme="dark"] .tone-gold{background:#342F21;color:#DFC375}
[data-theme="dark"] .tone-red{background:#3C292C;color:#FFACA2}
[data-theme="dark"] .draft-type-badge{background:color-mix(in srgb,var(--tag-bg) 14%,#17243B);color:var(--tag-bg)}
[data-theme="dark"] .draft-continue{border-color:#6C86AF}
[data-theme="dark"] .draft-panel-label{background:#26334A}
@media(min-width:1500px){:root{--sidebar-width:296px}}
@media(min-width:1001px) and (max-width:1399px){
  :root{--sidebar-width:248px}
  #sidebar .brand{padding-left:20px;padding-right:20px}
  #sidebar .brand h1{font-size:1.65rem}
  #sidefoot{padding-left:8px;padding-right:8px}
  #view{padding:20px}
  .dash-stats{gap:10px}
  .dash-stat{display:block;position:relative;padding:15px 12px;min-height:150px}
  .dash-stat-icon{width:32px;height:32px;margin-bottom:10px;border-radius:9px}
  .dash-stat-icon svg{width:21px;height:21px}
  .dash-stat-copy{padding:0}
  .dash-stat-label{font-size:.79rem;min-height:2.6em}
  .dash-stat-value{font-size:1.6rem;margin:6px 0}
  .dash-stat-hint{font-size:.76rem}
  .draft-list{padding:0 18px}
  .draft-row{grid-template-columns:24px 116px minmax(100px,1fr) auto 112px 34px;gap:12px}
  .draft-type-badge{font-size:.8rem;padding:7px 12px}
  .draft-continue{padding:7px 10px;gap:6px}
  .draft-description b{font-size:.94rem}
}
@media(max-width:1000px){
  #main{margin-left:0}
  #topbar{padding:14px 18px;min-height:80px;gap:12px}
  #pagetitle{font-size:1.5rem}
  #pagesubtitle{font-size:.86rem}
  #view{padding:18px 16px 150px}
  .dash-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .dash-stat{min-height:132px;gap:12px}
  .dash-stat-label{min-height:2.6em}
  .dash-stat-value{font-size:1.7rem}
  .draft-list{padding:0 18px}
  .draft-row{grid-template-columns:116px minmax(100px,1fr) auto 116px 34px;gap:12px}
  .draft-doc-icon{display:none}
  .draft-continue{padding:7px 10px;gap:6px}
  .draft-type-badge{padding:7px 12px;font-size:.82rem}
}
@media(max-width:700px){
  #topbar{padding:12px 10px;gap:6px;min-height:76px}
  #pagetitle{font-size:1.3rem}
  #pagesubtitle{font-size:.73rem}
  #topco{max-width:34vw}
  .topcegbtn{padding:6px 10px;gap:8px;font-size:.78rem;max-width:34vw}
  #themeBtn{width:34px;flex-shrink:0}
  #burger{width:34px;flex-shrink:0}
  #view{padding:14px 12px 130px}
  .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dash-stat{min-height:132px;gap:8px;padding:12px 10px;display:block}
  .dash-stat-icon{width:30px;height:30px;border-radius:8px;float:right;margin-left:6px}
  .dash-stat-icon svg{width:19px;height:19px}
  .dash-stat-copy{padding-top:0}
  .dash-stat-label{font-size:.8rem;min-height:2.6em}
  .dash-stat-value{font-size:1.5rem;margin:9px 0 4px}
  .dash-stat-hint{font-size:.77rem}
  .dash-stat:last-child{grid-column:1/-1;min-height:100px}
  .dash-stat:last-child .dash-stat-label{min-height:0}
  .dashboard-actions{gap:10px;margin:16px 0 20px}
  .dashboard-actions .btn{min-width:0;padding:0 12px;min-height:48px;gap:8px;font-size:.88rem}
  .dashboard-actions .btn svg{width:18px;height:18px}
  .draft-panel-heading{padding:16px;gap:8px;align-items:flex-start}
  .draft-panel-heading h2{font-size:1.05rem}
  .draft-panel-heading p{font-size:.85rem}
  .draft-panel-label{display:none}
  .draft-list{padding:0 14px}
  .draft-row{grid-template-columns:minmax(0,1fr) auto 34px;gap:10px 12px;padding:15px 0;min-height:0}
  .draft-type-badge{grid-column:1;grid-row:1;padding:5px 12px}
  .draft-description{grid-column:1/3;grid-row:2}
  .draft-description b{font-size:.93rem}
  .draft-description>span{font-size:.85rem}
  .draft-amount{grid-column:2/4;grid-row:1;font-size:.95rem}
  .draft-continue{grid-column:1/3;grid-row:3;justify-self:start;min-height:42px;padding:8px 18px}
  .draft-remove,.draft-remove-space{grid-column:3;grid-row:3;justify-self:end}
  .draft-remove{width:40px;height:40px}
}
.product-turnover-table th, .product-turnover-table td { display: table-cell !important; }

/* Company name and tax number share one compact header card. */
#topco .topcegbtn{border-radius:10px;text-align:left;gap:14px;padding:8px 14px;max-width:100%;min-height:52px;vertical-align:middle}
#topco .tc-details{display:flex;flex-direction:column;gap:2px;min-width:0}
#topco .tcnev{display:block;font-weight:700;line-height:1.3}
#topco .tc-tax{display:block;color:var(--ink);font-size:.75rem;line-height:1.3;font-weight:400;white-space:nowrap}
#topco .tcaro{width:16px;height:16px;flex:0 0 16px}
#topco button.topcegbtn:hover{background:var(--gold-faint)}
#topco button.topcegbtn:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
#topco .topcegbtn.is-static{cursor:default}
#topco .topcegbtn.is-static:active{transform:none}
@media(max-width:700px){#topco .topcegbtn{padding:6px 8px;gap:6px;min-height:46px}#topco .tc-tax{font-size:.66rem}#topco .tcaro{width:12px;height:12px;flex-basis:12px}}

.partner-review-label{display:block;color:#dc2626;font-weight:700}
[data-theme="dark"] .partner-review-label{color:#ff6b6b}

.partner-note-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:32px;height:32px;margin-left:4px;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer}.partner-note-icon.has-note{color:#946c00;background:rgba(201,162,39,.12)}[data-theme="dark"] .partner-note-icon.has-note{color:#ffff00}.partner-note-icon:hover{border-color:currentColor}.partner-note-icon:focus-visible{outline:2px solid currentColor;outline-offset:2px}.partner-note-dot{position:absolute;right:3px;top:3px;width:5px;height:5px;border-radius:50%;background:currentColor}

.partner-role-badge{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;max-width:100%;vertical-align:middle}.partner-role-badge>svg{flex:none}.partner-role-badge>span{min-width:0;overflow-wrap:anywhere}

/* Partnertörzs: témához igazodó váltakozó sorszínek. */
.customer-master-table{--partner-row-odd:#fff;--partner-row-even:#edf2f9;--partner-row-hover:#e3ebf6}
[data-theme="dark"] .customer-master-table{--partner-row-odd:#192438;--partner-row-even:#233149;--partner-row-hover:#2d405b}
.customer-master-table>tbody>tr:nth-child(odd)>td{background:var(--partner-row-odd)}
.customer-master-table>tbody>tr:nth-child(even)>td{background:var(--partner-row-even)}
.customer-master-table>tbody>tr:hover>td,.customer-master-table>tbody>tr:focus-within>td{background:var(--partner-row-hover)}

/* Szerepenként eltérő, kapszula alakú jelölések. */
.partner-role-badge{padding:5px 10px;border-radius:999px;font-weight:600;line-height:1.35}
.partner-role-buyer{background:#dbeafe;color:#1e40af}
.partner-role-supplier{background:#dcfce7;color:#166534}
.partner-role-both{background:#f3e8ff;color:#7e22ce}
[data-theme="dark"] .partner-role-buyer{background:#203e65;color:#bfdbfe}
[data-theme="dark"] .partner-role-supplier{background:#204b3b;color:#bbf7d0}
[data-theme="dark"] .partner-role-both{background:#49315e;color:#e9d5ff}

.partner-tax-not-required{font-family:var(--font-body,inherit);font-size:.8rem;font-weight:500;color:var(--ink-soft);white-space:nowrap}

.partner-legacy-address{display:block;margin-top:4px;color:var(--ink-soft);font-size:.8rem}

.customer-toolbar{flex-wrap:wrap}
.customer-toolbar .customer-tool-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;flex:0 0 auto}
.customer-toolbar .customer-tool-icon svg{flex-shrink:0}
.customer-toolbar .customer-tool-icon span{font-size:.7rem;font-weight:700}
.customer-toolbar>select.customer-export{flex:0 1 145px;width:145px;min-width:125px}

.customer-toolbar .customer-export-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;box-sizing:border-box;flex:0 0 44px;padding:8px}
.customer-export-icon .customer-export{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.customer-export-icon:focus-within{outline:2px solid var(--gold);outline-offset:3px}

.customer-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}

.customer-toolbar .customer-filter-icon{position:relative;display:inline-flex;align-items:center;flex:0 1 220px;min-width:0;max-width:100%}
.customer-filter-icon>svg{position:absolute;left:12px;pointer-events:none;color:var(--ink);width:20px;height:20px}
.customer-toolbar .customer-filter-icon>select{width:100%;min-width:0;padding-left:40px!important}
@media(max-width:600px){.customer-toolbar .customer-filter-icon{flex:1 1 190px}}

.customer-master-table tbody td{font-size:.95rem;line-height:1.45}
.customer-master-table .customer-name{font-size:1.08rem;font-weight:700;line-height:1.4;text-align:left}
.customer-master-table .customer-secondary{font-size:.8rem;font-weight:400;line-height:1.4;margin-top:5px;color:var(--ink-soft)}
.customer-master-table .customer-secondary{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;text-align:left}
.customer-document-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:25px;padding:0 8px;box-sizing:border-box;border-radius:9px;background:#d4af37;color:#17243b;font-size:.9rem;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
.customer-document-count.is-zero{background:#e8edf3;color:#66758a}
[data-theme="dark"] .customer-document-count.is-zero{background:#2d3b50;color:#a1afc2}
.customer-document-status{font-size:.75rem;font-weight:400}
.customer-master-table tbody td.customer-empty-value{text-align:center}
.customer-debt{display:inline-block;padding:8px 10px;border:1px solid #c59b25;border-radius:9px;background:#fff0ba;color:#654600;font-size:1.05rem;font-weight:800;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.customer-debt.is-overdue{background:#ffe3df;color:#a1261b;border-color:#d8796d}
.customer-debt-warning{border-top:5px solid var(--gold);padding-top:16px}.customer-debt-warning.is-overdue{border-color:var(--red)}
.customer-debt-filters{display:flex;gap:10px;flex-wrap:wrap}.customer-debt-filter{display:inline-flex;gap:10px;align-items:center;padding:9px 12px;font-weight:650}
.customer-debt-filter-icon{position:relative;display:inline-flex;color:var(--gold)}.customer-debt-filter-icon .app-icon{width:24px;height:24px}
.customer-debt-filter.is-overdue .customer-debt-filter-icon{color:var(--red)}
.customer-debt-filter-count{position:absolute;right:-9px;top:-13px;min-width:19px;height:19px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--gold);color:var(--on-gold);font-size:.7rem;font-weight:800}
.customer-debt-filter.is-active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--card));box-shadow:inset 0 0 0 1px var(--gold)}
.customer-debt-filter.is-overdue.is-active{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.customer-debt-warning p{margin:12px 0}.customer-debt-warning-amount{font-size:2rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.customer-debt-warning.is-overdue .customer-debt-warning-amount,.customer-debt-warning-overdue{color:var(--red)}
[data-theme="dark"] .customer-debt{background:#493b19;color:#ffe080;border-color:#ac8830}
[data-theme="dark"] .customer-debt.is-overdue{background:#502725;color:#ffb6aa;border-color:#b35d54}
.customer-master-table .partner-legacy-address{font-size:.8rem}
.customer-master-table .partner-note-icon{vertical-align:middle}

/* Company settings: related fields stay together at every viewport size. */
.settings-company-group{grid-column:1/-1;min-width:0;margin:4px 0 12px;padding:16px;border:1px solid var(--line);border-radius:12px}
.settings-company-group legend{padding:0 8px;font-weight:700;color:var(--ink)}
.settings-company-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:start}
.settings-company-fields .field{min-width:0;margin:0}
.settings-company-fields input{width:100%;min-width:0}
.settings-company-fields small{display:block;margin-top:6px;color:var(--ink-soft)}
.settings-bank-fields{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
@media(max-width:900px){.settings-bank-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-bank-fields .field:first-child{grid-column:1/-1}}
@media(max-width:600px){.settings-company-fields{grid-template-columns:minmax(0,1fr)}.settings-company-group{padding:12px}}

.inv-pager.inv-document-pager.is-count-only .inv-page-count{grid-column:1/-1;grid-row:1}

/* Compact invoice action dialog; scoped so invoice row icons stay unchanged. */
#modalBox:has(>.inv-action-groups){width:520px;max-width:calc(100vw - 24px);padding:16px;gap:0}
#modalBox:has(>.inv-action-groups)>h3{font-size:18px;margin:0 0 12px;padding-bottom:10px}
#modalBox>.inv-action-groups{gap:8px;margin:0;padding-right:3px}
#modalBox>.inv-action-groups section{padding:6px;gap:5px}
#modalBox>.inv-action-groups h4{font-size:12px;margin:-6px -6px 0;padding:5px 8px}
#modalBox>.inv-action-groups .btn{min-height:36px;padding:5px 7px;gap:7px;font-size:13px;line-height:1.25;box-shadow:none}
#modalBox>.inv-action-groups .inv-action-icon{flex-basis:24px;width:24px;height:24px;border-radius:4px}
#modalBox>.inv-action-groups .inv-action-icon svg{width:17px;height:17px}
#modalBox:has(>.inv-action-groups)>.modalbtns{margin-top:10px;padding-top:8px}
#modalBox:has(>.inv-action-groups)>.modalbtns>.btn{font-size:13px;min-height:36px;padding:6px 12px}
@media(pointer:coarse){#modalBox>.inv-action-groups .btn,#modalBox:has(>.inv-action-groups)>.modalbtns>.btn{min-height:44px}}
.address-fields{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;margin:8px 0}
.address-fields legend{font-weight:700;padding:0 6px;color:var(--ink)}
.delivery-fields{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-width:0;margin:8px 0}
.delivery-fields>legend{font-weight:700;padding:0 6px}
.delivery-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.9rem;line-height:1.4}
.delivery-check input{width:24px;height:24px;flex:0 0 24px;accent-color:var(--gold)}
.delivery-fields>div[hidden]{display:none!important}
.delivery-fields>div>.field{margin-top:10px}
.delivery-fields .address-fields{padding:10px;margin:4px 0 12px}
.delivery-fields .address-fields>small{display:none}
.delivery-print{break-inside:avoid;overflow-wrap:anywhere;margin:0 0 3mm}
.address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.address-fields .field{min-width:0}.address-fields small{display:block;margin-top:10px;color:var(--ink-soft)}
.address-grid>.field{display:flex;flex-direction:column;justify-content:flex-end}
.address-grid>.field>label{flex:1}
.address-legacy{grid-column:1/-1;margin-bottom:12px;color:var(--ink-soft);overflow-wrap:anywhere}
.address-legacy b{display:block;margin:4px 0 8px;color:var(--ink)}
.address-fields button[data-legacy-action]{display:block;width:fit-content;max-width:100%;white-space:normal;text-align:left;margin:0 0 16px}
.address-legacy button[data-legacy-action]{margin-top:12px}
.address-fields [role="status"][data-legacy-action]:empty{display:none}
.address-fields [role="status"][data-legacy-action]:not(:empty){margin:0 0 16px}
@media(max-width:650px){.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.address-grid{grid-template-columns:1fr}}

[data-theme="dark"] .address-fields button[data-legacy-action]{color:#ffff00}
.monthly-chart-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.monthly-chart-scroll>svg{display:block;width:100%;min-width:940px;height:auto}
.monthly-chart-scroll:focus-visible,.monthly-chart-values>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.monthly-chart-values{margin-top:8px;min-width:0}
.monthly-chart-values>summary{cursor:pointer;padding:10px 0;color:var(--ink-soft)}
.monthly-chart-values table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem}
.monthly-chart-values th,.monthly-chart-values td{padding:8px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.monthly-chart-values th{text-align:left}
.monthly-chart-values td,.monthly-chart-values thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
@media print{.monthly-chart-scroll{overflow:visible}.monthly-chart-scroll>svg{min-width:0}}
.report-breakdown{list-style:none;padding:0;margin:0}
.report-breakdown>li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:6px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
.report-breakdown>li:last-child{border-bottom:0}
.report-breakdown-name,.report-breakdown-amount{font-size:.9rem;overflow-wrap:anywhere;line-height:1.4}
.report-breakdown-amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.report-breakdown-track{grid-column:1/-1;height:10px;position:relative;margin:2px 0;overflow:hidden}
.report-breakdown-zero{position:absolute;top:0;bottom:0;border-left:1px solid var(--ink-faint);transform:translateX(-1px)}
.report-breakdown-zero[style="left:0%"]{transform:none}
.report-breakdown-bar{position:absolute;top:2px;height:6px}

.dash-chart-pro{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px #1232520d}.dash-chart-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}.dash-chart-toolbar [role=group]{display:flex;gap:6px}.dash-chart-toolbar select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.dash-chart-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dash-chart-kpis>div{padding:16px;border:1px solid var(--line);border-radius:12px}.dash-chart-kpis small{display:block;color:var(--ink-soft)}.dash-chart-kpis strong{display:block;font-size:1.3rem;margin-top:8px;overflow-wrap:anywhere}.dash-pro-legend{display:flex;gap:24px;font-weight:600}.dash-pro-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#2563eb}.dash-pro-legend span+span:before{background:#ea7800}.dash-donut{display:block;width:100%;max-width:460px;margin:auto}.dash-chart-analysis{padding:16px 20px;background:var(--paper);border-left:3px solid #2563eb;border-radius:8px;margin-top:16px}.dash-chart-analysis h4{margin:0}.dash-chart-analysis p{line-height:1.6;margin:8px 0}.dash-chart-empty{padding:60px 20px;text-align:center;color:var(--ink-soft)}@media(max-width:600px){.dash-chart-kpis{grid-template-columns:1fr}.dash-chart-pro{padding:12px}.dash-chart-kpis strong{font-size:1.1rem}}

/* Kompakt kezdooldali diagram: a magassag nem no a kepernyo szelessegevel. */
.dash-chart-pro .monthly-chart-scroll>svg{height:220px;min-width:760px}.dash-chart-pro .dash-donut{height:200px;width:100%;max-width:420px}.dash-chart-pro .dash-chart-toolbar{margin:10px 0;gap:8px}.dash-chart-pro .dash-chart-kpis>div{padding:10px 12px}.dash-chart-pro .dash-chart-kpis strong{margin-top:4px;font-size:1.1rem}.dash-chart-pro .dash-pro-legend{margin:10px 0 4px}.dash-chart-pro .dash-chart-analysis{padding:10px 14px;margin-top:8px}.dash-chart-analysis>summary{cursor:pointer;font-weight:600}.dash-chart-pro .dash-chart-note{margin:8px 0 0;font-size:.8rem}@media(max-width:600px){.dash-chart-pro .monthly-chart-scroll>svg{height:190px}.dash-chart-pro .dash-chart-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dash-chart-pro .dash-chart-kpis>div{padding:8px 6px}.dash-chart-pro .dash-chart-kpis small{font-size:.7rem}.dash-chart-pro .dash-chart-kpis strong{font-size:.85rem}}

.monthly-chart-values td.monthly-difference{font-weight:800}.monthly-difference.positive{color:var(--ok)}.monthly-difference.negative{color:var(--warn)}.monthly-difference.neutral{color:var(--ink)}

.inv-email-cell{text-align:center;white-space:nowrap}.inv-email-icon{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-soft);cursor:pointer}.inv-email-icon>svg{width:25px;height:25px}.inv-email-icon>svg.inv-email-chevron{width:11px;height:11px}.inv-email-icon.inv-email-sent{color:var(--ok)}.inv-email-icon.inv-email-unknown{color:var(--warn)}.inv-email-icon:hover{background:var(--bg);border-color:var(--line)}.inv-email-icon:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.inv-email-icon.inv-email-failed{color:var(--warn)}.inv-email-icon.inv-email-opened{color:#2563eb}.inv-email-icon.inv-email-downloaded{color:var(--ok)}

.annual-vat-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.annual-vat-cards .card{min-width:0}.annual-vat-cards .val{font-size:clamp(1.1rem,2vw,1.8rem);overflow-wrap:anywhere}
@media(max-width:1000px){.annual-vat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.annual-vat-cards{grid-template-columns:1fr}}
.nav-out-page{min-width:0;width:100%}
.nav-out-progress .nav-progress-count{line-height:1.5;overflow-wrap:anywhere}
.nav-out-progress-totals{font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.nav-out-progress[data-state="complete"] .nav-progress-orbit,.nav-out-progress[data-state="error"] .nav-progress-orbit{display:none}
.nav-out-progress[data-state="complete"] h2{color:var(--icon-success)}
.nav-out-progress[data-state="error"] h2{color:var(--icon-danger)}
.nav-out-progress button:disabled{opacity:.55;cursor:wait}
.nav-lines-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:12px}
.nav-lines-heading>strong{white-space:nowrap}
.nav-vat-groups{display:flex;flex-wrap:wrap;gap:8px}
.nav-vat-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:.85rem}
.nav-vat-breakdown>span,.nav-vat-breakdown>strong{white-space:nowrap}
.nav-out-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}
.nav-out-search{flex:1 1 260px;margin:0;min-width:0}
.nav-out-search input{width:100%}
.nav-out-import{position:relative}
.nav-out-import summary{list-style:none;cursor:pointer}
.nav-out-import-fields{position:absolute;right:0;top:100%;z-index:5;display:flex;flex-wrap:wrap;align-items:end;gap:12px;width:440px;max-width:calc(100vw - 48px);padding:16px;background:var(--card,#fff);border:1px solid var(--line,#dae2ed);border-radius:8px;box-shadow:0 6px 20px #0002}
.nav-out-import-fields .field{flex:1;min-width:160px;margin:0}
.nav-out-table{overflow-x:auto;width:100%;background:var(--card,#fff)}
.nav-out-table>.tbl{width:100%;min-width:720px;table-layout:fixed}
.nav-out-table>.tbl>thead>tr>th:nth-child(1){width:22%}
.nav-out-table>.tbl>thead>tr>th:nth-child(3){width:16%;text-align:center}
.nav-out-table>.tbl>thead>tr>th:nth-child(4){width:20%;text-align:right}
.nav-out-table>.tbl>thead>tr>th:nth-child(5){width:112px;text-align:center}
.nav-out-table>.tbl>tbody>tr>td:not([colspan]){padding:10px 16px;border-bottom:1px solid var(--line);height:64px}
.nav-out-table>.tbl>tbody>tr>td:nth-child(2){font-weight:600;overflow-wrap:anywhere}
.nav-out-table>.tbl>tbody>tr>td:nth-child(3){text-align:center;font-variant-numeric:tabular-nums}
.nav-out-table>.tbl>tbody>tr>td:nth-child(4){text-align:right;font-weight:700}
.nav-out-table>.tbl>tbody>tr>td:nth-child(5){text-align:center;padding:8px}
.nav-out-table>.tbl>tbody>tr>td:first-child:not([colspan]) .inv-link{font-weight:700;white-space:normal;overflow-wrap:anywhere;min-height:44px;text-align:left;color:var(--ink)}
.nav-out-table>.tbl>tbody>tr:not(:has(.nav-out-detail)):hover{background:var(--gold-faint)}
.nav-out-table .btn.nav-out-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--navy-800);background:var(--navy-800);color:#fff;border-radius:8px;font-size:23px;box-shadow:none}
.nav-out-table .nav-out-selected .btn.nav-out-toggle{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--on-gold)}
.nav-out-table>.tbl>tbody>tr:nth-child(odd){background:var(--bg,#f5f7fa)}
.nav-out-table .inv-link{text-align:left;white-space:nowrap}
.nav-out-date,.nav-out-amount{white-space:nowrap}
.nav-out-toggle{width:40px;height:40px;padding:0;font-size:22px}
.nav-out-selected{outline:1px solid var(--gold,#b29119);outline-offset:-1px}
.nav-out-table>.tbl>tbody>tr{transition:opacity .18s ease}
.nav-out-table>.tbl>tbody:has(>tr.nav-out-selected)>tr:not(.nav-out-selected):not(:has(.nav-out-detail)){opacity:.5}
@media(prefers-reduced-motion:reduce){.nav-out-table>.tbl>tbody>tr{transition:none}}
.nav-out-detail{padding:12px;max-width:100%;overflow:auto}
.nav-out-detail h3{font-size:20px;margin:0 0 12px}
.nav-out-detail p{margin:8px 0}
.nav-out-detail div{max-height:none!important}
.nav-out-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:16px}
.nav-archive-record{min-width:0}
.nav-record-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px;background:var(--paper);border-left:4px solid var(--gold);border-radius:8px}
.nav-record-caption{font-size:.8rem;color:var(--ink-soft)}
.nav-out-detail .nav-record-heading h3{margin:4px 0 0;font-family:var(--font-body);font-size:1.2rem;overflow-wrap:anywhere}
.nav-record-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nav-record-parties section{border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.nav-record-parties h4{margin:0;padding:9px 14px;background:var(--navy-900);color:white;font-size:.9rem;border-left:4px solid var(--gold)}
.nav-archive-record dl{margin:0}
.nav-record-parties dl{display:grid;gap:10px;padding:14px}
.nav-archive-record dt{font-size:.78rem;color:var(--ink-soft);margin-bottom:3px}
.nav-archive-record dd{margin:0;overflow-wrap:anywhere;line-height:1.4}
.nav-record-parties dl>div:first-child dd{font-weight:700}
.nav-archive-record .nav-record-dates,.nav-archive-record .nav-record-status,.nav-archive-record .nav-record-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;margin:14px 0;border:1px solid var(--line);border-radius:8px}
.nav-archive-record .nav-record-dates,.nav-archive-record .nav-record-status{gap:0;padding:0;overflow:hidden;border-color:var(--ink-faint)}
.nav-record-dates>div,.nav-record-status>div{min-width:0;padding:14px 16px;text-align:center;border-top:3px solid var(--gold);display:flex;flex-direction:column;justify-content:center}
.nav-record-dates>div+div,.nav-record-status>div+div{border-left:1px solid var(--line)}
.nav-record-dates dt,.nav-record-status dt{font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.nav-record-dates dd{font-size:1.08rem;font-weight:700;font-variant-numeric:tabular-nums}
.nav-record-status{background:var(--paper)}
.nav-record-status>div{border-top-color:var(--navy-900)}
.nav-record-status dd{font-size:.9rem;font-weight:600}
.nav-record-status>div:nth-child(4){grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
.nav-record-lines .tbl{width:100%;min-width:850px!important}
.nav-record-lines .tbl .num{white-space:nowrap}
.nav-record-lines .tbl th:nth-child(2){width:48%}
.nav-record-lines .tbl td:nth-child(2){overflow-wrap:anywhere}
.nav-record-lines .tbl .nav-record-column-totals th,.nav-record-lines .tbl .nav-record-column-totals td{background:var(--navy-900);color:#fff;padding-top:16px;padding-bottom:16px;border-bottom:0;border-top:2px solid var(--gold);text-align:right;white-space:nowrap}
.nav-record-column-totals small{display:block;color:#ccd7ea;font-weight:400;font-size:.78rem;margin-bottom:6px}
.nav-record-column-totals strong{display:block;font-weight:700}
.nav-record-column-totals td:last-child strong{color:var(--gold-soft)}
.nav-archive-record .nav-record-totals{background:var(--navy-900);color:#fff}
.nav-record-totals dt{color:#ccd7ea}
.nav-record-totals dd{font-weight:700;white-space:nowrap;font-size:1.1rem}
.nav-record-totals>div:last-child dd{color:var(--gold-soft);font-size:1.25rem}
@media(max-width:650px){.nav-record-parties{grid-template-columns:1fr}.nav-archive-record .nav-record-dates,.nav-archive-record .nav-record-status{grid-template-columns:1fr}.nav-archive-record .nav-record-totals{grid-template-columns:1fr}.nav-out-actions .btn{white-space:normal;text-align:left}}
@media(max-width:650px){.nav-record-dates>div+div,.nav-record-status>div+div{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:600px){.nav-out-search{order:-1;flex-basis:100%}.nav-out-toolbar{gap:8px}.nav-out-import{position:static}.nav-out-import-fields{position:static;width:100%;max-width:100%;margin-top:8px;box-shadow:none}.nav-out-detail{max-width:calc(100vw - 60px)}}

/* Archive controls share one baseline; the search label remains accessible. */
.nav-out-toolbar>.btn,.nav-out-toolbar>.nav-out-import>summary,.nav-out-search input{box-sizing:border-box;min-height:52px;height:52px}
.nav-out-toolbar>.btn,.nav-out-toolbar>.nav-out-import>summary{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.nav-out-search>label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-out-table>.tbl>thead>tr>th{box-sizing:border-box;padding:12px 16px;white-space:nowrap}
.nav-out-table>.tbl>thead>tr>th:last-child{padding-left:10px;padding-right:10px}
.nav-out-table>.tbl>tbody>tr>td.nav-out-amount{font-family:var(--font-body);font-variant-numeric:tabular-nums;word-spacing:-.08em}
.nav-out-page>#noStatus{margin:12px 0 10px}
/* Canonical SzámlaKulcs navigation. The product uses the same petrol shell in both themes. */
:root{--sidebar-width:204px;--sidebar-bg:#0b3d4a;--sidebar-text:#e3f0f3;--sidebar-muted:#b5cdd4;--sidebar-active:#155c6c}
#sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);border-right:0}
#sidebar .brand{padding:24px 18px;border-bottom:1px solid #ffffff18}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:750;color:#fff;letter-spacing:-.6px;white-space:nowrap;text-align:left}
.brand-lockup .brand-mark{display:block;width:42px;height:44px;flex:0 0 42px}
.brand-lockup .brand-mark svg{display:block;width:100%;height:100%}
.brand-lockup .brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.brand-lockup .brand-name{display:block;line-height:1.15}
.brand-lockup em{font-style:normal;color:var(--gold)}
#sidebar .brand h1{font-size:20px;line-height:1.15;justify-content:flex-start}
#sidebar .brand .sub,.lockhead .brand-lockup .sub{display:block;font-size:9px;font-weight:400;line-height:1.25;letter-spacing:.1px;text-transform:none;color:var(--sidebar-muted);margin:0;opacity:1}
#nav{padding:18px 12px;overflow-y:auto;min-height:0}
#sidebar .navbtn{min-height:42px;margin:3px 0;padding:10px 12px;gap:11px;font-size:13px;color:var(--sidebar-text);border-radius:8px;line-height:1.4;overflow-wrap:anywhere}
#sidebar .navbtn svg,#sidebar summary svg{width:19px;height:19px;flex:0 0 19px;color:inherit;opacity:1}
#sidebar .navbtn:hover,#sidebar summary:hover{background:#ffffff0c}
#sidebar .navbtn.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--gold);font-weight:650;animation:none}
#sidebar .nav-section{border:0;margin:5px 0}
#sidebar .nav-section summary{color:var(--sidebar-text);min-height:44px;padding:10px 12px;font-size:13px;gap:11px;border-radius:8px}
#sidebar .nav-section-items{margin:4px 0 10px 20px;border-left:1px solid #ffffff24;padding-left:8px}
#sidebar .nav-section-items .navbtn{font-size:12px;min-height:36px;padding:8px 10px;color:var(--sidebar-muted)}
#sidebar .nav-section-items .navbtn.active{color:#fff}
#sidebar .nav-section-items .navbtn svg{display:none}
#sidefoot{margin:0;padding:14px 16px;border-top:1px solid #ffffff24;color:var(--sidebar-muted)}
#sidefoot .btn{min-height:36px;padding:6px 8px;font-size:12px;color:var(--sidebar-text);border-color:#ffffff30;background:transparent}
#sidefoot .feedback-btn{width:40px;min-width:40px;flex:0 0 40px;margin:0;padding:6px;border:0}
#sidefoot .feedback-btn .app-icon{color:var(--gold)}
#sidefoot .sync,#verTxt{font-size:11px;color:var(--sidebar-muted);margin:8px 0 0}
#sideCollapse{display:flex;position:absolute;right:-13px;top:78px;width:26px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font-size:23px;z-index:2;box-shadow:var(--shadow)}
#sidebar button:focus-visible,#sidebar summary:focus-visible{outline:2px solid var(--gold-soft);outline-offset:-2px}
#sidebar .workspace-create{width:100%;margin-bottom:18px;min-height:44px;padding:10px;gap:10px;font-size:13px;background:var(--gold);color:var(--on-gold)}
@media(min-width:1001px){
 body.sidebar-compact:not(.qrail) #sidebar{width:64px}
 body.sidebar-compact:not(.qrail) #main{margin-left:64px}
 body.sidebar-compact:not(.qrail) #sidebar .brand{padding:22px 10px;height:91px}
 body.sidebar-compact:not(.qrail) #sidebar .brand h1>span:not(.brand-mark),body.sidebar-compact:not(.qrail) #sidebar .brand .sub,body.sidebar-compact:not(.qrail) #sidefoot,body.sidebar-compact:not(.qrail) .nav-section-items,body.sidebar-compact:not(.qrail) #nav .navbtn>span,body.sidebar-compact:not(.qrail) #nav summary>span,body.sidebar-compact:not(.qrail) #nav summary::after,body.sidebar-compact:not(.qrail) .workspace-create>span:last-child{display:none!important}
 body.sidebar-compact:not(.qrail) #nav{padding:16px 8px}
 body.sidebar-compact:not(.qrail) #nav .navbtn,body.sidebar-compact:not(.qrail) #nav summary{justify-content:center;padding:12px 0;min-height:44px}
 body.sidebar-compact:not(.qrail) #nav .navbtn svg,body.sidebar-compact:not(.qrail) #nav summary svg{width:22px;height:22px;flex:0 0 22px}
 body.qrail #sideCollapse{display:none}
}
@media(max-width:1000px){#main{margin-left:0}#sideCollapse{display:none}#sidebar{width:260px;max-width:85vw}}

/* This navigation label intentionally uses exactly two lines. */
#nav [data-nav-group="master"]>summary>span{white-space:nowrap}

/* Closing a group must not hide the current page location. */
#sidebar .nav-section.is-current:not([open])>summary{background:color-mix(in srgb,var(--sidebar-active) 55%,transparent);box-shadow:inset 3px 0 0 var(--gold-soft);color:var(--sidebar-text)}
@media(min-width:1001px){
 body.sidebar-compact:not(.qrail) #sidebar .nav-section.is-current>summary{background:color-mix(in srgb,var(--sidebar-active) 55%,transparent);box-shadow:inset 3px 0 0 var(--gold-soft);color:var(--sidebar-text)}
}
/* Egységes, képernyőn belül tartott egér- és billentyűzetsúgó. */
#appTooltip{position:fixed;inset:auto;margin:0;z-index:2147483647;width:max-content;max-width:min(32ch,var(--tooltip-available-width,calc(100vw - 24px)));max-height:calc(100dvh - 24px);overflow:auto;padding:12px 16px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;background:var(--card);color:var(--ink);box-shadow:0 8px 28px rgba(10,23,45,.2),0 2px 6px rgba(10,23,45,.08);font:500 13px/1.55 var(--font-body);letter-spacing:normal;text-align:left;text-transform:none;white-space:pre-line;overflow-wrap:anywhere;pointer-events:auto;isolation:isolate}
#appTooltip[hidden]{display:none!important}
#appTooltip::backdrop{background:transparent;pointer-events:none}
[data-theme="dark"] #appTooltip{box-shadow:0 10px 32px rgba(0,0,0,.5)}
@media print{#appTooltip{display:none!important}}
.print-template-picker{grid-column:1/-1;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.print-template-picker>p{color:var(--ink-soft);margin:8px 0 14px}.print-template-picker>small{display:block;color:var(--ink-soft);line-height:1.5}.print-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.print-template-card{min-width:0;display:flex;flex-direction:column;gap:8px}.print-template-choice{display:flex;flex-direction:column;align-items:stretch;gap:8px;height:100%;padding:14px;text-align:left;border:2px solid var(--line);border-radius:14px;background:var(--paper);transition:border-color .15s,background .15s}.print-template-choice:hover{border-color:var(--gold)}.print-template-choice[aria-pressed="true"]{border-color:var(--gold);background:var(--gold-faint);box-shadow:0 0 0 1px var(--gold)}.print-template-choice:focus-visible{outline:3px solid var(--info);outline-offset:3px}.print-template-sample{width:100%;max-height:230px;display:block;filter:drop-shadow(0 3px 5px #10234715)}.print-template-choice strong{font-size:1.05rem}.print-template-description{font-size:.82rem;color:var(--ink-soft);line-height:1.4;flex:1}.print-template-selected{font-size:.82rem;font-weight:700;color:var(--ink);padding-top:6px}.print-template-choice[aria-pressed="true"] .print-template-selected{color:var(--ok)}.print-template-enlarged{max-width:460px;margin:16px auto}.print-template-enlarged .print-template-sample{max-height:none}.print-template-card>.btn{width:100%}@media(max-width:850px){.print-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.print-template-grid{gap:10px}.print-template-choice{padding:9px}.print-template-choice strong{font-size:.95rem}.print-template-description{font-size:.76rem}.print-template-sample{max-height:185px}}

.print-template-unified{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:28px;align-items:center;margin:18px 0}.print-template-paper .print-template-sample{max-height:310px}.print-template-unified p{margin:0 0 16px;line-height:1.6}.print-template-unified .btn{margin-bottom:16px}@media(max-width:560px){.print-template-unified{grid-template-columns:1fr;gap:18px}.print-template-paper{max-width:220px;margin:auto}}

.print-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.print-template-grid .print-template-sample{height:240px;max-height:240px;object-fit:contain}.print-template-card>.btn{white-space:normal}@media(max-width:850px){.print-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.print-template-grid{grid-template-columns:1fr}.print-template-grid .print-template-sample{height:260px;max-height:260px}}
/* Shared action hierarchy for application screens; print output is excluded. */
@media screen {
 :root{--action-border:#8a9bbb;--action-icon-bg:#e6edf8;--action-icon-ink:#17365f}
 [data-theme="dark"]{--action-border:#667eaa;--action-icon-bg:#283e60;--action-icon-ink:#e4edff}
 .btn.btn-ghost{border-color:var(--action-border);color:var(--ink);box-shadow:0 2px 4px #10234714}
 .btn:not(:disabled):hover,.btn:not(:disabled):focus-visible{outline:2px solid var(--gold);outline-offset:2px}
 .btn[disabled]{box-shadow:none}
 .btn[data-ui-icon]{gap:10px}
 .btn[data-ui-icon]::before{content:"";display:block;flex:0 0 30px;width:30px;height:30px;background-color:var(--action-icon-bg);background-image:var(--action-icon);background-size:20px 20px;background-position:center;background-repeat:no-repeat;border-radius:6px}
 .btn.btn-sm[data-ui-icon]::before{flex-basis:24px;width:24px;height:24px;background-size:18px 18px}
 .btn.btn-danger[data-ui-icon]::before{background-color:#fff}
 h2.sect{font-family:var(--font-body);font-size:1rem;line-height:1.35;background:var(--navy-900);color:#fff;border-left:4px solid var(--gold);border-radius:7px;padding:10px 14px;margin:20px 0 12px}
 h2.sect::after{color:#fff}
 .card>h3:first-child{background:var(--navy-900);color:#fff;border-left:4px solid var(--gold);border-radius:6px;padding:10px 12px;font-family:var(--font-body);font-size:1rem}
 .modalbtns{padding-top:12px;border-top:1px solid var(--line)}
 .inv-action-icon{background:var(--action-icon-bg);color:var(--action-icon-ink)}
 [data-theme="dark"] .inv-action-groups section{background:var(--paper)}
 @media(max-width:560px){.btn[data-ui-icon]{padding-left:10px;padding-right:10px;gap:7px}h2.sect{padding:9px 11px}}
}
.btn[data-ui-icon="add"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16%20M4%2012h16%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="save"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h13l4%204v14H3V3z%20M7%203v7h10V3%20M7%2021v-7h10v7%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="print"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V3h12v6%20M6%2017H3V9h18v8h-3%20M6%2014h12v7H6z%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="download"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%20m-5-5%205%205%205-5%20M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="upload"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V4%20m-5%205%205-5%205%205%20M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="email"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v14H3z%20m0%200%209%208%209-8%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="copy"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h13v13H8z%20M16%208V3H3v13h5%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="delete"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M9%206V3h6v3%20M6%206l1%2015h10l1-15%20M10%2010v7%20M14%2010v7%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="refresh"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207a9%209%200%200%200-15-2%20L2%208%20m0-5v5h5%20M4%2017a9%209%200%200%200%2015%202l3-3%20m0%205v-5h-5%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="view"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012%20M15%2012a3%203%200%201%200-6%200%203%203%200%200%200%206%200%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="payment"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v14H3z%20M3%209h18%20M6%2015h4%22%2F%3E%3C%2Fsvg%3E")}
.btn[data-ui-icon="edit"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2317365f%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2016%2012-12%204%204L8%2020H4z%20M14%206l4%204%22%2F%3E%3C%2Fsvg%3E")}
@media screen{[data-theme="dark"] .btn[data-ui-icon]::before{background-color:#e6edf8}}
/* Faceted invoice filters: options and counts share the same predicates. */
.inv-filterbar{gap:16px;padding-top:12px;align-items:end}
.inv-filterbar .inv-facet{position:relative;min-width:0;gap:0;background:var(--card);border:1px solid var(--ink-faint);border-radius:8px;padding:0;margin-bottom:0;box-shadow:0 2px 5px #10234714}
.inv-facet>label{display:block;margin:0;padding:9px 24px 9px 12px;background:var(--navy-900);color:#fff;font-weight:700;border-radius:7px 7px 0 0;border-left:4px solid var(--gold);font-size:.74rem;letter-spacing:.02em}
.inv-facet>select,.inv-facet>.cs-wrap>.cs-btn{border:0;border-radius:0 0 7px 7px;min-height:48px;width:100%;font-weight:600}
.inv-facet.is-active{outline:2px solid var(--gold);outline-offset:1px}
.inv-facet-count{position:absolute;right:-8px;top:-10px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 5px;border-radius:50%;background:var(--gold-deep);color:var(--on-gold);border:2px solid var(--card);font-size:12px;line-height:1;font-weight:800;box-shadow:0 2px 4px #10234726;z-index:1;font-variant-numeric:tabular-nums}
.inv-quick .btn{position:relative;margin-top:8px;margin-right:6px}
.inv-quick .inv-facet-count{font-size:11px;color:#fff}
.inv-result-count{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;padding:8px 12px;border-radius:7px;background:var(--gold-faint);border:1px solid var(--gold);color:var(--ink);font-weight:700;font-size:.85rem}
.inv-range-control{display:flex;align-items:stretch;border:1px solid var(--action-border);border-radius:7px;background:var(--card);min-width:0}
.inv-range-control :is(#invRangeClear,#bejRangeClear,.inv-range-clear){border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font-size:23px;min-width:36px;border-radius:6px 0 0 6px}
.inv-range-control :is(#invRangeButton,.inv-range-button){border:0;box-shadow:none;background:transparent;gap:12px;flex:1;justify-content:space-between}
.inv-range-control svg{width:22px;height:22px;flex-shrink:0}
.inv-range-control :is(#invRangeClear,#bejRangeClear,.inv-range-clear):hover,.inv-range-control :is(#invRangeClear,#bejRangeClear,.inv-range-clear):focus-visible{background:var(--gold-faint);outline:2px solid var(--gold)}
@media(max-width:600px){.inv-range-control{flex:1 1 240px}.inv-range-control :is(#invRangeButton,.inv-range-button){white-space:normal}}
.invoice-workspace>.inv-table-scroll{margin-top:12px}
.inv-email-heading{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.inv-email-refresh{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #7185a6;border-radius:6px;background:var(--navy-800);color:#fff;font-size:23px;line-height:1;cursor:pointer}
.inv-email-refresh:hover,.inv-email-refresh:focus-visible{border-color:var(--gold);color:var(--gold-soft);outline:2px solid var(--gold);outline-offset:2px}
#modalWrap:has(>.inv-period-modal),#csWrap.invoice-filter-overlay{background:rgba(5,13,29,.78);backdrop-filter:blur(3px)}
#modalBox.inv-period-modal{max-width:980px;padding:20px;max-height:calc(100dvh - 36px);overflow-y:auto}
.inv-calendar-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.inv-calendar-title h3{flex:1;margin:0!important}
.inv-calendar-title .field{margin:0;min-width:180px}
.inv-calendar-title .field select{min-height:40px;font-size:.9rem;padding:6px 10px}
.inv-calendar-body{display:grid;grid-template-columns:155px minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.inv-calendar-presets{display:flex;flex-direction:column;background:var(--paper);padding:8px;border-right:1px solid var(--line)}
.inv-calendar-presets button{text-align:left;border:0;border-radius:5px;min-height:38px;padding:8px 10px;font-size:.85rem;color:var(--ink);background:transparent}
.inv-calendar-presets button[aria-pressed="true"]{background:var(--navy-900);color:white;font-weight:700;box-shadow:inset 3px 0 var(--gold)}
.inv-calendar-presets button:hover{background:var(--gold-faint);color:var(--ink)}
.inv-calendar-presets button[aria-pressed="true"]:hover{background:var(--navy-900);color:#fff}
.inv-calendar-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.inv-calendar-pair>section{min-width:0;padding:12px}
.inv-calendar-pair>section+section{border-left:1px solid var(--line)}
.inv-calendar-caption{display:block;font-size:.78rem;color:var(--ink-soft);font-weight:700;margin-bottom:5px}
.inv-calendar-pair input{width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);font-size:.9rem;padding:5px}
.inv-calendar-month{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin:10px 0 6px;text-align:center;gap:4px}
.inv-calendar-month strong{font-size:.9rem}
.inv-calendar-month button{height:34px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--paper);font-size:24px}
.inv-calendar-week,.inv-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.inv-calendar-week span{font-size:.78rem;font-weight:700;padding:8px 0}
.inv-calendar-days .inv-calendar-day{border:0;border-radius:0;min-width:0;min-height:38px;padding:4px 0;background:transparent;color:var(--ink);font-size:.87rem;font-variant-numeric:tabular-nums}
.inv-calendar-days .is-other{color:var(--ink-faint)}
.inv-calendar-days .is-range{background:var(--info-bg)}
.inv-calendar-days .is-endpoint{background:#286eb0;color:#fff;font-weight:800;border-radius:5px}
.inv-calendar-days .is-today{box-shadow:inset 0 -2px var(--gold)}
.inv-calendar-days button:hover{background:var(--gold-faint);color:var(--ink)}
.inv-calendar-body button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.inv-calendar-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.inv-calendar-footer>span{margin-right:auto;font-size:.9rem;font-weight:600}
.inv-calendar-footer .btn{min-height:42px;padding:8px 18px}
.inv-period-modal #invDateError:empty{display:none}
@media(max-width:760px){.inv-calendar-body{grid-template-columns:1fr}.inv-calendar-presets{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.inv-calendar-presets button{flex:1 1 100px;text-align:center}.inv-calendar-title{align-items:stretch;flex-direction:column}.inv-calendar-title .field{flex-direction:row;align-items:center}.inv-calendar-title select{flex:1}}
@media(max-width:480px){#modalBox.inv-period-modal{padding:12px}.inv-calendar-pair{grid-template-columns:1fr}.inv-calendar-pair>section+section{border-left:0;border-top:1px solid var(--line)}.inv-calendar-footer{flex-wrap:wrap;position:sticky;bottom:-12px;background:var(--card);padding-bottom:12px}.inv-calendar-footer>span{flex-basis:100%}.inv-calendar-footer .btn{flex:1}}
/* Payment quick filters retain their positions, including zero-result states. */
.inv-compactbar{flex-wrap:wrap}
.inv-compactbar .inv-quick{gap:12px;flex-wrap:wrap}
.inv-compactbar .inv-quick .btn{padding:3px 8px 3px 3px;margin:7px 0 0;gap:7px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none}
.inv-quick .inv-quick-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #b4c4d7;border-radius:6px;background:var(--card)}
.inv-quick-icon svg{width:26px;height:26px}
.inv-status-paid .inv-quick-icon{color:#16db60}
.inv-status-outstanding .inv-quick-icon,#invStats .is-outstanding .inv-metric-icon{color:#a66400}
[data-theme="dark"] .inv-status-outstanding .inv-quick-icon,[data-theme="dark"] #invStats .is-outstanding .inv-metric-icon{color:#ffda8c}
.inv-status-overdue .inv-quick-icon{color:#ff606c}
.inv-quick .inv-quick-label{font-size:.85rem;font-weight:500;color:var(--ink)}
.inv-compactbar .inv-quick .btn.is-active{background:var(--navy-900);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.inv-quick .btn.is-active .inv-quick-icon{outline:none;background:var(--card);border-color:var(--gold)}
.inv-quick .btn.is-active .inv-quick-label{color:#fff;font-weight:700}
.inv-quick .inv-quick-label::after{content:"✓";display:inline-block;width:12px;margin-left:5px;visibility:hidden;font-weight:700}
.inv-quick .btn.is-active .inv-quick-label::after{visibility:visible}
.inv-compactbar .inv-quick .btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.inv-quick .btn:hover .inv-quick-icon{border-color:var(--ink);box-shadow:0 2px 5px #10234726}
.inv-quick .inv-facet-count{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:23px;height:23px;padding:0 3px;top:-10px;right:-8px;font:700 10px/1 Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;text-align:center;letter-spacing:0;text-indent:0;color:white}
:is(#invFilterButton,#bejFilterButton){display:inline-flex;align-items:center;gap:8px}
:is(#invFilterButton,#bejFilterButton) svg{width:27px;height:27px;flex:none}
:is(#invFilterButton,#bejFilterButton) svg{color:#2563eb}
@media(max-width:600px){.inv-compactbar .inv-quick{gap:10px}.inv-quick .inv-quick-label{font-size:.78rem}.inv-quick .inv-quick-icon{width:40px;height:40px}}
/* Compact, optional invoice overview. */
.page-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#invOverviewToggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:0;color:var(--ink-soft);font:600 13px var(--font-body);padding:7px 0;cursor:pointer;white-space:nowrap}
.inv-switch-track{width:32px;height:18px;border-radius:20px;background:var(--ink-faint);padding:2px;display:block;transition:background .15s}
.inv-switch-track:before{content:'';display:block;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}
#invOverviewToggle[aria-checked="true"] .inv-switch-track{background:var(--gold-deep)}
#invOverviewToggle[aria-checked="true"] .inv-switch-track:before{transform:translateX(14px)}
#invOverviewToggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.invoice-workspace .inv-list-toolbar{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:12px;flex-direction:row;flex-wrap:wrap}
.invoice-workspace .inv-list-toolbar>.btn{min-height:42px;padding:8px 14px;font-size:.85rem}
.invoice-workspace .inv-header-right{margin-left:auto;display:flex;width:min(430px,100%)}
.invoice-workspace .inv-header-right input{width:100%;min-height:42px;padding:8px 12px}
#invStats:not([hidden]){display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:18px;padding:12px 16px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);align-items:start}
#invStats>*{min-width:0}
.inv-chart-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;font-size:.83rem}
.inv-chart-header small{font-weight:400;color:var(--ink-soft)}
.inv-chart-header label{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--ink-soft)}
#invoiceChartYear{width:78px;min-height:30px;height:30px;padding:3px 7px;font-size:.85rem;border-radius:5px}
#invStats .monthly-chart-scroll{margin:0;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
#invStats .monthly-chart-scroll>svg{width:100%;min-width:680px;height:155px}
#invStats .monthly-chart-scroll svg text{fill:var(--ink)}
#invStats .inv-chart-header>strong{font-size:.95rem}

#invStats .monthly-chart-values{margin:0}
#invStats .monthly-chart-values>summary{font-size:.75rem;padding:4px 0}
#invStats .inv-summary{display:grid;grid-template-columns:1fr;gap:7px;margin:0;border:0}
.inv-summary-caption{font-size:.72rem;color:var(--ink-soft);margin:0 0 8px}
#invStats .inv-metric{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;min-height:51px;background:var(--paper)}
#invStats .inv-metric span{margin:0}
#invStats .inv-metric-icon{width:25px;flex:none;color:#a66400}
.inv-metric-icon svg{width:25px;height:25px;display:block}
#invStats .is-paid .inv-metric-icon{color:#16984c}
#invStats .is-overdue{border-left-color:#d04452}
#invStats .is-overdue .inv-metric-icon,#invStats .is-overdue strong{color:#c53748}
#invStats .inv-metric-name{font-size:.8rem;color:var(--ink)}
.inv-metric-name small{font-size:.68rem;font-weight:400}
.inv-metric-name small{display:block;color:var(--ink-soft);margin-top:2px}
#invStats .inv-metric strong{font-size:1rem;margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:850px){#invStats:not([hidden]){grid-template-columns:1fr;gap:10px}#invStats .inv-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#invStats .inv-metric{flex-wrap:wrap;padding:8px;gap:6px}#invStats .inv-metric strong{width:100%;text-align:left;margin:0}.inv-summary-caption{margin-bottom:5px}}
@media(max-width:500px){.page-title-row{gap:3px 12px}#invOverviewToggle{font-size:12px}#invStats:not([hidden]){padding:10px}#invStats .inv-metric-icon{display:none}#invStats .inv-metric strong{font-size:.85rem}.inv-chart-header strong{font-size:.76rem}.inv-chart-header small{display:block}.invoice-workspace .inv-header-right{width:100%}}
@media(prefers-reduced-motion:reduce){.inv-switch-track,.inv-switch-track:before{transition:none}}
@media(max-width:600px){.inv-compactbar :is(#invQuickFilters,#bejQuickFilters){flex:1 1 100%;width:100%}.inv-compactbar .inv-quick{justify-content:space-between}#invStats .monthly-chart-scroll:after{content:'↔ További hónapok: görgess oldalra';display:block;position:sticky;left:0;color:var(--ink-soft);font-size:.68rem;padding:3px 0}}
/* Clearly identified annual and monthly invoice figures. */
#invStats .inv-monthly-report>summary{display:flex;align-items:center;gap:9px;width:fit-content;min-height:38px;padding:8px 13px;margin-top:6px;border:1px solid var(--gold-deep);border-radius:6px;background:var(--gold-faint);color:var(--ink);font-size:.85rem;font-weight:700;list-style:none;cursor:pointer}
.inv-monthly-report>summary::-webkit-details-marker{display:none}
#invStats .inv-monthly-report>summary:hover{background:var(--gold);color:var(--on-gold)}
.inv-monthly-toggle-icon{font-size:20px;line-height:1}
.inv-report-year{color:var(--ink);padding:2px 7px;border-radius:4px;background:var(--card);font-variant-numeric:tabular-nums}
.inv-report-chevron{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin-left:4px;transition:transform .15s}.inv-report-chevron svg{display:block;width:20px;height:20px}.inv-monthly-report[open] .inv-report-chevron{transform:rotate(180deg)}
.inv-report-body{margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.inv-report-body>header{padding:14px 16px;background:var(--navy-900);color:#fff;border-left:4px solid var(--gold)}
.inv-report-body>header h3{margin:0;font-size:1.05rem;color:inherit}.inv-report-body>header p{margin:5px 0 0;font-size:.75rem;color:#d7e2f3}
.inv-annual-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;background:var(--paper)}
.inv-annual-totals>div{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--card);min-width:0}
.inv-annual-totals span{display:block;font-size:.75rem;color:var(--ink-soft);margin-bottom:5px}.inv-annual-totals strong{font-size:1.05rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.inv-annual-totals .inv-annual-balance{border:2px solid var(--gold-deep);background:var(--gold-faint)}
.inv-report-body .is-negative{color:#b92e43}.inv-report-body .is-positive{color:#167640}
.inv-balance-note{margin:0;padding:0 14px 12px;font-size:.72rem;color:var(--ink-soft);background:var(--paper)}
.inv-monthly-table-scroll{overflow-x:auto}.inv-monthly-table-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
#invStats .inv-monthly-report table{min-width:530px;table-layout:auto;margin:0}
.inv-monthly-report caption{text-align:left;font-weight:700;padding:12px 14px;color:var(--ink)}
#invStats .inv-monthly-report th,#invStats .inv-monthly-report td{padding:10px 14px;white-space:nowrap}
.inv-monthly-report thead{background:var(--navy-900)}.inv-monthly-report tbody tr:nth-child(even){background:var(--paper)}
.inv-monthly-report tbody td:last-child{font-weight:700}.inv-monthly-report tfoot{background:var(--navy-900);color:white;font-weight:700}.inv-monthly-report tfoot td:last-child{color:#f4da81}
@media(max-width:600px){.inv-annual-totals{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.inv-annual-totals .inv-annual-balance{grid-column:1/-1}.inv-report-body>header{padding:12px}.inv-annual-totals strong{font-size:.95rem}}
@media(min-width:851px){
 #invStats #invChartPanel,#invStats .invoice-chart,#invStats .inv-monthly-report,#invStats .inv-monthly-report::details-content{display:contents}
 #invStats:not([hidden]){grid-template-rows:max-content max-content minmax(0,1fr) max-content;row-gap:0}
 #invStats .inv-chart-main{grid-column:1;grid-row:1;min-width:0}
 #invStats>aside{grid-column:2;grid-row:1/span 3}
 #invStats .inv-monthly-report>summary{grid-column:1;grid-row:2}
 #invStats .inv-monthly-report>.inv-report-body{grid-column:1/-1;grid-row:4;min-width:0}
 #invStats .inv-monthly-report:not([open])>.inv-report-body{display:none}
}
#invoiceChartYear{width:92px;min-height:34px;height:34px;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:4px 8px;cursor:pointer}
#modalBox.inv-archive-modal{max-width:1100px;width:calc(100vw - 32px)}
.inv-archived-row .inv-type small{display:block;font-size:.65rem;color:var(--ink-soft);white-space:nowrap}
.inv-archived-row .inv-type{font-weight:700;color:var(--ink)}
.inv-archived-row .inv-type small{font-weight:400;margin-top:4px}
.inv-archive-payment{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-soft);font-size:.72rem;line-height:1.4;white-space:nowrap}
.inv-archive-payment strong{color:var(--ink);font-size:.8rem;font-weight:600}
.inv-archive-question{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid var(--ink-soft);border-radius:50%;font-size:.85rem;font-weight:700}
.inv-archive-source{color:var(--ink-soft);vertical-align:middle}.inv-archive-source svg{display:block;flex-shrink:0}
.inv-archived-row .inv-archive-date{font-family:var(--font-body);font-size:.85rem;font-weight:500;white-space:nowrap}
.inv-archived-row .inv-archive-amount{white-space:nowrap;font-variant-numeric:tabular-nums}
.inv-archive-unavailable{color:var(--ink-soft)}
.inv-archived-row .inv-row-actions .btn{display:inline-flex;align-items:center;justify-content:center}
.inv-row-actions svg.inv-action-icon{background:transparent;color:inherit}

.inv-chart-header .inv-year-picker{flex-shrink:0;gap:9px;padding:5px 6px 5px 12px;border:1px solid var(--gold-deep);border-radius:8px;background:var(--gold-faint);color:var(--ink);font-weight:700;box-shadow:0 2px 5px #1023470d}
.inv-year-picker .cs-wrap{width:130px}.inv-year-picker .cs-btn{width:100%;min-height:38px;height:38px;border:1px solid var(--gold-deep);border-radius:5px;background:var(--card);color:var(--ink);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;padding:5px 10px}
.inv-year-picker:focus-within{outline:2px solid var(--gold);outline-offset:3px}
.inv-year-picker:hover{border-color:var(--gold);box-shadow:0 2px 7px #1023471a}
.inv-monthly-report>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.inv-chart-header{flex-wrap:wrap;gap:9px}.inv-chart-header .inv-year-picker{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.inv-report-chevron{transition:none}}

.inv-detailed th .inv-sort-button{display:inline-flex;align-items:center;gap:8px;padding:0;min-height:40px;color:inherit;white-space:nowrap}
.inv-sort-icon,.inv-detailed th .inv-email-refresh{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;border:1px solid #ffffff30;border-radius:7px;background:#ffffff08;color:#c3cfe1;padding:0;transition:background .15s,border-color .15s,color .15s}
.inv-sort-icon svg,.inv-email-refresh svg{display:block;width:18px;height:18px;flex-shrink:0;pointer-events:none}
.inv-sort-button.is-active .inv-sort-icon{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.inv-sort-button:hover .inv-sort-icon,.inv-detailed th .inv-email-refresh:hover{background:#ffffff18;border-color:var(--gold);color:#f4da81}
.inv-sort-button:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.inv-detailed th .inv-email-refresh:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.inv-detailed th .inv-email-refresh svg{width:22px;height:22px}

.inv-detailed .inv-email-icon{position:relative;box-sizing:border-box;width:44px;min-width:44px;height:40px;min-height:40px;padding:4px 11px 4px 4px;gap:0;border:1px solid var(--ink-faint);border-radius:10px;background:var(--card);box-shadow:0 2px 3px #10234712}
.inv-detailed .inv-email-icon>svg:not(.inv-email-chevron){display:block;flex:0 0 25px;width:25px;height:25px}
.inv-detailed .inv-email-icon>svg.inv-email-chevron{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:9px;height:9px}
.inv-detailed .inv-email-icon:hover{background:var(--gold-faint);border-color:var(--gold-deep)}

.inv-detailed td.inv-list-date{font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:normal;word-spacing:normal;white-space:nowrap;font-variant-numeric:tabular-nums}

.inv-detailed td.inv-list-amount{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:normal;white-space:nowrap}.inv-list-amount>strong{word-spacing:-.08em}.inv-list-amount>small{word-spacing:normal}

/* Document identity colours are independent of payment status. */
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type{--type-hue:215;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;padding:5px 9px;border:1px solid hsl(var(--type-hue) 45% 76%);border-left:3px solid hsl(var(--type-hue) 65% 40%);border-radius:6px;background:hsl(var(--type-hue) 70% 95%);color:hsl(var(--type-hue) 65% 27%);font-size:.75rem;font-weight:700;line-height:1.35;white-space:normal;max-width:155px}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="szamla"]{--type-hue:215}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="nyugta"]{--type-hue:145}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="ajanlat"]{--type-hue:270}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="dijbekero"]{--type-hue:38}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="eloleg"]{--type-hue:187}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="vegszamla"]{--type-hue:242}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="storno"]{--type-hue:0}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="modosito"]{--type-hue:320}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="megrendelo"]{--type-hue:22}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="szallitolevel"]{--type-hue:88}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="teljesites"]{--type-hue:170}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type-source{font-size:.65rem;color:var(--ink-soft);margin-top:5px;white-space:nowrap}
[data-theme="dark"] :is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type{background:hsl(var(--type-hue) 30% 20%);color:hsl(var(--type-hue) 75% 83%);border-color:hsl(var(--type-hue) 40% 43%);border-left-color:hsl(var(--type-hue) 65% 65%)}

.inv-compactbar .inv-bulk-select{width:auto;flex:0 1 250px;min-width:210px}
.inv-bulk-select .cs-btn{min-height:44px;font-size:.95rem;border-width:1px;border-radius:7px}
#csWrap.inv-bulk-overlay{background:#0e1b3326;padding:0}
.inv-bulk-overlay .cs-panel{position:absolute;max-height:calc(100dvh - 32px);border-radius:10px}
.inv-bulk-overlay .cs-head{font-family:var(--font-body);font-size:.95rem;padding:10px 14px}
.inv-bulk-overlay .vp-row{font-size:.9rem;min-height:46px;padding:12px 16px}
.inv-bulk-overlay .vp-row:hover:not(:disabled),.inv-bulk-overlay .vp-row:focus-visible{background:var(--gold-faint);outline:2px solid var(--gold);outline-offset:-2px}
.inv-bulk-overlay .vp-row:disabled{opacity:.45;cursor:not-allowed}
.inv-bulk-item .inv-bulk-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:7px;background:var(--paper);color:var(--ink)}
.inv-bulk-icon svg{width:21px;height:21px}.inv-bulk-item>span:nth-child(2){flex:1}.inv-bulk-item.is-danger:not(:disabled){color:var(--ink)}.inv-bulk-item.is-danger .inv-bulk-icon{color:var(--icon-danger);background:var(--warn-bg)}
.inv-bulk-review-list{max-height:240px;overflow:auto;padding:10px 10px 10px 28px;border:1px solid var(--line);border-radius:8px}.inv-bulk-review-list li{padding:6px 0}

.inv-source-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.76rem;color:var(--ink-soft)}
.inv-source-status b{color:var(--ink)}
.inv-source-missing{display:inline-block;color:var(--ink-soft);font-size:.75rem;font-weight:500;border:1px dashed var(--line);border-radius:5px;padding:3px 7px}
.inv-monthly-report tfoot .inv-source-missing{color:#e2e8f0;border-color:#71819b}
#invStats .inv-monthly-report table{min-width:1050px}
#invStats .inv-monthly-report td{font-variant-numeric:tabular-nums}
@media(max-width:600px){.inv-source-status{grid-template-columns:1fr}}
.inv-report-source-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}
.inv-report-source-actions>span{font-size:.75rem;color:var(--ink-soft);flex:1;min-width:180px}

:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type>span{min-width:0;overflow-wrap:anywhere}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type,.inv-detailed .inv-payment-pill{box-sizing:border-box;min-width:132px;min-height:36px;padding:6px 10px;gap:8px;font:700 14px/1.3 var(--font-body)}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type{min-width:0;max-width:132px;padding-inline:6px;gap:4px;white-space:normal}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type svg,.inv-detailed .inv-payment-pill svg{width:22px;height:22px;flex:0 0 22px}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type>span{flex:0 1 auto;text-align:left;overflow-wrap:normal}
:is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type="teljesites"]>span{width:min-content;flex:0 0 auto}
.inv-detailed .inv-payment-pill{justify-content:flex-start;gap:4px;min-width:0;padding-left:6px;padding-right:12px}
.inv-detailed .inv-payment-pill>span{flex:1 1 auto;min-width:0;text-align:center}

/* Distinct monthly column header, matching the invoice list. */
#invStats .inv-monthly-report thead th{background:var(--navy-900);color:#fff;font-weight:700;padding-top:14px;padding-bottom:14px;border-bottom:2px solid var(--gold);vertical-align:middle}
#invStats .inv-monthly-report thead th+th{border-left:1px solid rgba(255,255,255,.13)}

#invStats .inv-summary-total{margin-top:10px;border-color:var(--gold);background:var(--gold-soft,var(--paper))}
#invStats .inv-summary-total .inv-metric-name{font-weight:700}
#invStats .inv-summary-total .inv-metric-name,#invStats .inv-summary-total>strong{color:#102347}
#invStats .inv-summary-total .inv-metric-name small{color:#102347;font-weight:600}

.inv-report-body .report-income{color:#167640}
.inv-report-body .report-expense{color:#b92e43}
.inv-report-body .report-turnover{font-weight:800}
.inv-monthly-report tfoot .report-income{color:#83edac}
.inv-monthly-report tfoot .report-expense{color:#ffadb8}
[data-theme="dark"] .inv-report-body .report-income{color:#83edac}
[data-theme="dark"] .inv-report-body .report-expense{color:#ffadb8}

.inv-month-filter{font:inherit;color:inherit;font-weight:700;background:none;border:0;padding:4px 0;cursor:pointer;text-align:left;text-decoration:none}

.inv-month-filter[aria-pressed="true"]{text-decoration-color:currentColor;box-shadow:inset 3px 0 var(--gold);padding-left:10px}
.inv-month-filter:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.inv-month-clear{display:none;align-items:center;justify-content:center;margin-left:8px;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#c52d43;font-size:24px;font-weight:700;line-height:1;cursor:pointer;vertical-align:middle}
.inv-month-filter[aria-pressed="true"]+.inv-month-clear{display:inline-flex}
.inv-month-clear:hover{background:#c52d4315}
.inv-month-clear:focus-visible{outline:2px solid #c52d43;outline-offset:2px}
[data-theme="dark"] .inv-month-clear{color:#ffadb8}

.inv-detailed .inv-email-cell.inv-archive-unavailable>span{display:inline-flex;box-sizing:border-box;width:44px;min-height:40px;align-items:center;justify-content:center;vertical-align:middle}

[data-theme="dark"] #invStats .monthly-chart-scroll{--navy-700:#79aaff}

.nav-in-calendar-pair{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:12px}

#invStats .inv-summary-total{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,auto);gap:8px 16px}
#invStats .inv-summary-total .inv-summary-count{grid-column:1;grid-row:1;align-self:center;color:#102347;font-size:.8rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
#invStats .inv-summary-total .inv-metric-name{grid-column:2;grid-row:1;text-align:right}
#invStats .inv-summary-total>strong{grid-column:3;grid-row:1;margin:0;width:auto;text-align:right;overflow-wrap:anywhere;white-space:normal}

/* Content-sized, single-row invoice toolbar; overflow stays inside the bar. */
.invoice-workspace .inv-compactbar{container-type:inline-size;flex-wrap:nowrap;justify-content:flex-start;gap:2px;padding:12px 4px 6px;overflow-x:auto;max-width:100%}
.invoice-workspace .inv-compactbar>*{flex:0 0 auto;width:max-content;min-width:0;white-space:nowrap}
.invoice-workspace .inv-compactbar .inv-bulk-select{flex:0 0 auto;width:max-content;min-width:0}
.invoice-workspace .inv-compactbar .inv-bulk-select .cs-btn{width:max-content;gap:6px;padding-inline:8px;font-size:.85rem}
.invoice-workspace .inv-compactbar :is(#invQuickFilters,#bejQuickFilters){margin-left:0;flex:0 0 auto;width:max-content}
.invoice-workspace .inv-compactbar .inv-quick{flex-wrap:nowrap;justify-content:flex-start;gap:8px}
.invoice-workspace .inv-compactbar .inv-quick .btn{margin:0;padding:3px 2px;gap:4px}
.invoice-workspace .inv-compactbar .inv-result-count{padding-inline:7px}
.invoice-workspace .inv-compactbar :is(#invRangeButton,.bej-toolbar .inv-range-button){flex:0 0 auto;gap:5px;white-space:nowrap;padding-inline:6px}
.invoice-workspace .inv-compactbar :is(#invRangeClear,#bejRangeClear){min-width:28px;padding-inline:4px}
.invoice-workspace .inv-compactbar :is(#invFilterButton,#bejFilterButton){gap:4px;padding-inline:6px}
@container(max-width:1000px){
 .inv-compactbar .inv-result-count,.invoice-workspace .inv-compactbar .inv-bulk-select .cs-btn,.inv-compactbar :is(#invRangeButton,.bej-toolbar .inv-range-button),.inv-compactbar :is(#invFilterButton,#bejFilterButton),.inv-compactbar .inv-quick .inv-quick-label{font-size:13px}
 .inv-compactbar .inv-quick .inv-quick-icon{width:34px;height:36px}
 .inv-compactbar .inv-quick-icon svg,.inv-compactbar :is(#invFilterButton,#bejFilterButton) svg{width:23px;height:23px}
 .inv-compactbar .inv-quick .inv-quick-label::after{position:absolute;right:0;bottom:0;width:8px;margin:0;font-size:10px}
}

/* Fit invoice columns to the list viewport before using horizontal scrolling. */
.invoice-workspace #invListBox{container-type:inline-size}
.invoice-workspace .inv-detailed{min-width:0;width:100%;table-layout:auto;border-spacing:0}
.invoice-workspace .inv-detailed :is(th,td){padding-inline:clamp(2px,calc((100cqw - 760px)/40),12px)}
.invoice-workspace .inv-detailed td{padding-block:clamp(6px,1cqw,13px);height:auto}
.invoice-workspace .inv-detailed th{white-space:normal;letter-spacing:normal}
.invoice-workspace .inv-detailed .inv-buyer{min-width:0;max-width:none}
.invoice-workspace .inv-detailed .inv-link{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.invoice-workspace .inv-detailed .inv-number-label{overflow-wrap:anywhere}
.invoice-workspace .inv-detailed th .inv-sort-button,.invoice-workspace .inv-email-heading{gap:clamp(2px,.6cqw,8px)}
.invoice-workspace .inv-detailed .inv-row-actions{gap:clamp(1px,.3cqw,4px)}
@container(max-width:1000px){
 .invoice-workspace .inv-detailed{font-size:13px}
 .invoice-workspace .inv-detailed td.inv-list-date,.invoice-workspace .inv-detailed th .inv-sort-button{font-size:13px}
 .invoice-workspace .inv-detailed .inv-sort-icon,.invoice-workspace .inv-detailed th .inv-email-refresh{flex-basis:24px;width:24px;height:30px;min-height:30px}
 .invoice-workspace .inv-detailed .inv-row-actions{grid-template-columns:repeat(3,30px)}
 .invoice-workspace .inv-detailed .inv-row-actions .btn{width:30px;min-width:30px;padding-inline:2px}
 .invoice-workspace .inv-detailed .inv-type,.invoice-workspace .inv-detailed .inv-payment-pill{padding-inline:3px}
 .invoice-workspace .inv-detailed .inv-archive-payment{padding-inline:3px;gap:4px}
}

/* A short anchored year list, without the generic search dialog. */
#csWrap.inv-year-overlay{display:block;padding:0;background:transparent;backdrop-filter:none}
.inv-year-overlay .cs-panel{position:absolute;border-radius:7px;border-top-width:2px}
.inv-year-overlay .cs-list{min-height:0;border-top:0;overscroll-behavior:contain}
.inv-year-overlay .vp-row{min-height:36px;padding:6px 10px;gap:8px;font-size:14px;color:var(--ink)}
.inv-year-overlay .vp-row.vp-akt,.inv-year-overlay .vp-row:hover{background:var(--gold-faint)}
.inv-year-overlay .vp-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}

/* Three compact toolbar groups, separated without distributing empty space. */
.invoice-workspace .inv-compactbar .inv-toolbar-group{display:flex;align-items:center;flex-wrap:nowrap;gap:2px}
.invoice-workspace .inv-compactbar .inv-toolbar-group>*{flex:0 0 auto;white-space:nowrap}
.invoice-workspace .inv-compactbar .inv-toolbar-group+.inv-toolbar-group{border-left:1px solid var(--ink-faint);padding-left:clamp(2px,calc((100cqw - 800px)/40),8px);margin-left:calc(clamp(2px,calc((100cqw - 800px)/40),8px) - 2px)}

/* Quick filters reserve only the icon, label and their 4 px spacing. */
.invoice-workspace .inv-compactbar .inv-quick .btn{flex:0 0 auto;width:max-content;min-width:0;justify-content:flex-start}
.invoice-workspace .inv-compactbar .inv-quick .inv-quick-label{flex:0 0 auto;width:max-content}
.invoice-workspace .inv-compactbar .inv-quick .inv-quick-label::after{position:absolute;right:0;bottom:0;width:8px;margin:0;font-size:10px}

/* Align separator spacing to visible controls, not transparent button edges. */
.invoice-workspace .inv-compactbar .inv-quick .btn{padding-inline:0;border-width:0}
.invoice-workspace .inv-compactbar .inv-quick .btn.is-active{box-shadow:0 0 0 1px var(--gold)}

.invoice-workspace .inv-compactbar .inv-toolbar-group+:is(#invQuickFilters,#bejQuickFilters){margin-left:auto}

/* Use available toolbar width, including narrow desktop windows. */
@container(max-width:1000px){
 .invoice-workspace .inv-compactbar .inv-quick .inv-quick-label{display:none}
}

/* Keep the final filter group against the toolbar's right edge. */
.invoice-workspace .inv-compactbar .inv-toolbar-group:last-child{margin-left:calc(clamp(2px,calc((100cqw - 800px)/40),8px) - 2px);background:var(--card)}

.inv-result-count{gap:4px}
.inv-result-count .inv-count-short{display:none}
@container(max-width:1000px){
 .inv-result-count .inv-count-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .inv-result-count .inv-count-short{display:inline}
}

/* The right-hand controls stick together, so the filter cannot cover a quick filter. */
.invoice-workspace .inv-compactbar .inv-toolbar-right{display:flex;align-items:center;gap:4px;margin-left:auto;position:sticky;right:0;z-index:1;background:var(--card);border-left:1px solid var(--ink-faint);padding-left:clamp(4px,.5cqw,8px)}
.invoice-workspace .inv-compactbar .inv-toolbar-right .inv-toolbar-group:last-child{margin-left:0;padding-left:4px}
@container(max-width:1000px){
 .invoice-workspace .inv-compactbar :is(#invFilterButton,#bejFilterButton)>span{display:none}
 .invoice-workspace .inv-compactbar :is(#invFilterButton,#bejFilterButton){width:36px;min-width:36px;padding-inline:5px;justify-content:center}
}

/* Compact payment states in every outgoing document list. */
@container(max-width:1000px){
 .invoice-workspace .inv-detailed .inv-payment-pill{width:28px;min-width:28px;height:28px;min-height:28px;justify-content:center;gap:0;padding:0}
 .invoice-workspace .inv-detailed .inv-payment-pill svg{width:20px;height:20px;flex:0 0 20px}
 .invoice-workspace .inv-detailed .inv-payment-pill>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .invoice-workspace .inv-detailed .inv-payment-days{display:none}
 .invoice-workspace .inv-detailed .inv-archive-payment{box-sizing:border-box;width:36px;min-height:36px;justify-content:center;gap:0;padding-inline:6px}
 .invoice-workspace .inv-detailed .inv-archive-payment>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* Keep utility columns at natural width; give spare space to the buyer name. */
.invoice-workspace .inv-detailed :is(th,td):not(:nth-child(4)){width:1%}
.invoice-workspace .inv-detailed :is(th,td){padding-inline:clamp(4px,calc((100cqw - 760px)/40),10px)}
.invoice-workspace .inv-detailed :is(th,td):is(:nth-child(7),:nth-child(9),:nth-child(8)){text-align:center}
.invoice-workspace .inv-detailed .inv-email-heading{justify-content:center}
.invoice-workspace .inv-detailed :is(th,td):last-child{padding-left:clamp(6px,.8cqw,10px)}

.invoice-workspace .inv-detailed th:nth-child(7){white-space:nowrap}

/* Give normal invoice numbers their natural width on wide lists. */
@container(min-width:1001px){
 .invoice-workspace .inv-detailed td:nth-child(3)>.inv-link{width:max-content;max-width:100%}
}
/* All date inputs follow the payment-date layout, including dynamically added forms. */
input[type="month"]{min-height:46px;text-align:left;cursor:pointer}
input[type="month"]::-webkit-calendar-picker-indicator{width:24px;height:24px;padding:10px;margin:-10px -4px -10px 8px;cursor:pointer}
input[type="month"]:disabled,input[type="month"][readonly]{cursor:default}
.app-date-control{display:flex;align-items:stretch;min-width:0;width:100%;border:1px solid #b4c4d7;border-radius:7px;background:var(--card)}
.app-date-control:focus-within{outline:2px solid var(--info);outline-offset:1px}
.app-date-control input[type="date"],#modalBox .app-date-control input[type="date"]{flex:1;min-width:0;width:0;border:0;border-radius:7px 0 0 7px;box-shadow:none;outline:0;text-align:left;padding:12px 14px;min-height:46px;margin:0}
.app-date-control input::-webkit-calendar-picker-indicator{display:none}
.app-date-control .payment-calendar-button{width:54px;min-width:44px;border-radius:0 7px 7px 0;padding:0}
.app-date-control:has(input:disabled) .payment-calendar-button,.app-date-control:has(input[readonly]) .payment-calendar-button{display:none}
.app-date-control:has(input:disabled),.app-date-control:has(input[readonly]){background:transparent}
.payment-calendar.app-date-calendar{position:fixed;z-index:250;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
.app-date-calendar button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.inv-calendar-month{grid-template-columns:34px 1fr 34px}
.inv-calendar-month strong{font-weight:500}
.inv-calendar-month button{border:0;background:transparent}
.inv-calendar-days .is-endpoint{background:var(--gold);color:var(--on-gold);border-radius:3px}
.inv-calendar-days .is-range{background:var(--gold-faint)}
@media print{.app-date-control .payment-calendar-button,.app-date-calendar{display:none!important}.app-date-control{border:0}}

/* Product turnover: reserve room for the complete date and align control bottoms. */
.product-turnover-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px}
.product-turnover-filters>.field{flex:1 1 13rem;min-width:0;margin:0}
.product-turnover-filters>.product-turnover-date{flex:0 0 13rem;max-width:100%}
.product-turnover-filters .app-date-control,.product-turnover-filters input[type="search"],.product-turnover-filters>.btn{height:3.25rem;min-height:3.25rem}
.product-turnover-filters .app-date-control input[type="date"]{height:100%;min-height:0}
.product-turnover-filters>.btn{flex-shrink:0}
@media(max-width:600px){.product-turnover-filters>.field,.product-turnover-filters>.product-turnover-date{flex:1 1 100%}.product-turnover-filters>.btn{width:100%}}

.report-month-field{position:relative;max-width:100%}
#reportMonth{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:14rem;max-width:100%;min-height:var(--tap);padding:10px 13px;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--card);color:var(--ink);font:inherit;text-align:left}
.report-month-popup{position:absolute;top:100%;left:0;z-index:30;width:320px;max-width:calc(100vw - 64px);padding:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;box-shadow:var(--shadow-lg)}
.report-month-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:10px}
.report-month-head button,.report-month-grid button{min-height:44px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.report-month-head button{font-size:1.5rem}.report-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.report-month-grid button{font-size:.82rem;padding:6px 2px}.report-month-grid button[aria-pressed="true"]{background:var(--gold);color:var(--on-gold);font-weight:700}
.report-month-popup button:hover{border-color:var(--gold)}.report-month-popup button:focus-visible,#reportMonth:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.evat-report{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;padding-bottom:20px}
.evat-controls select,.evat-controls input{border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);padding:9px 12px;font:inherit}.evat-controls select:focus-visible,.evat-controls input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.evat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--navy-900);color:#fff;border-bottom:3px solid var(--gold);padding:22px}
.evat-heading h2{margin:0 0 6px;color:#fff;font-size:1.35rem}.evat-heading p{margin:0;color:#d7e1f1;font-size:.85rem}.evat-tag{padding:8px 12px;border:1px solid #8292ad;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}
.evat-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px 20px}.evat-controls label{display:grid;gap:6px;font-size:.8rem;font-weight:700}.evat-controls select,.evat-controls input{min-height:42px;max-width:240px;margin:0}.evat-status{margin:0 20px 10px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--gold-faint);color:var(--ink);font-size:.85rem}.evat-meta{margin:10px 20px;font-size:.75rem;color:var(--ink-soft)}
.evat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 20px}.evat-cards article{border:1px solid var(--line);border-radius:9px;padding:16px;background:var(--paper);display:flex;flex-direction:column;gap:8px}.evat-cards span,.evat-cards small{font-size:.75rem;color:var(--ink-soft)}.evat-cards strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.evat-cards .evat-balance{border-color:var(--gold-deep);background:var(--gold-faint)}
.evat-note{padding:14px 16px;margin:12px 20px;background:var(--paper);border:1px solid var(--line);border-radius:7px;font-size:.8rem;line-height:1.6}.evat-report h3{margin:22px 20px 12px;font-size:1rem}.evat-scroll{overflow:auto;margin:0 20px}.evat-scroll:focus-visible{outline:2px solid var(--gold)}.evat-scroll table{width:100%;margin:0;min-width:660px}.evat-report thead th{background:var(--navy-900);color:#fff;border-bottom:2px solid var(--gold);padding:13px 12px}.evat-report td,.evat-report tbody th{padding:11px 12px;font-size:.8rem;vertical-align:middle;font-variant-numeric:tabular-nums}.evat-report tbody tr:nth-child(even){background:var(--paper)}.evat-report td small,.evat-report th small{display:block;font-weight:400;color:var(--ink-soft);margin-top:4px}.evat-detail{margin:20px;border:1px solid var(--gold-deep);border-radius:9px;padding:0 0 16px}.evat-detail>p,.evat-detail>.btn{margin-left:20px;margin-right:20px}.evat-report details{margin:20px;border:1px solid var(--line);border-radius:8px;padding:12px}.evat-report summary{cursor:pointer;font-weight:700;padding:6px}.evat-report details>p{font-size:.8rem;color:var(--ink-soft)}.evat-empty{padding:40px 20px;text-align:center;color:var(--ink-soft)}
@media(max-width:1000px){.evat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.evat-heading{align-items:flex-start;flex-direction:column;padding:16px}.evat-cards{grid-template-columns:1fr}.evat-controls{padding:14px}.evat-scroll{margin:0 10px}.evat-controls .btn{flex:1 1 auto}.evat-report details{margin:14px 10px}}
/* Incoming invoices share the outgoing workspace's visual language. */
#modalBox:has(#bNev){max-width:960px}
.bej-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--ink-soft);font-size:.85rem}
#modalBox:has(#bNev) input[readonly]{background:var(--paper);border-color:transparent;box-shadow:none;color:var(--ink)}
#modalBox:has(#bNev) select:disabled{color:var(--ink);background:var(--paper)}
#modalBox:has(#bNev)>.bej-editor-section{min-width:0;margin:20px 0;padding:16px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:9px;background:var(--paper)}
#modalBox:has(#bNev)>.bej-editor-section>legend{padding:5px 12px;border-radius:5px;background:var(--navy-900);color:#fff;font-size:.85rem;font-weight:700;line-height:1.4}
#modalBox:has(#bNev)>.bej-editor-section>.field{margin-bottom:0}
#modalBox:has(#bNev) #bBrutto{font-weight:700;border-color:var(--gold)}
#modalBox:has(#bNev) .tbl td.num{white-space:nowrap;font-family:var(--font-body);font-variant-numeric:tabular-nums}
#modalBox:has(#bNev)>.frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#modalBox:has(#bNev)>.frow:has(>.field:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
#modalBox:has(#bNev)>.frow>.field{min-width:0;max-width:none;width:auto;flex:none}
#modalBox:has(#bNev) .modalbtns{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:700px){#modalBox:has(#bNev)>.frow,#modalBox:has(#bNev)>.frow:has(>.field:nth-of-type(3)){grid-template-columns:minmax(0,1fr);gap:0}}
.bej-workspace .inv-list-toolbar>.btn{display:inline-flex;align-items:center;gap:8px}
.bej-workspace .inv-list-toolbar>.btn svg,.bej-action-menu svg{width:22px;height:22px;flex:none}
.bej-toolbar{gap:10px;align-items:center;flex-wrap:wrap}
.bej-toolbar>button{min-height:42px}
.bej-menu-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:24px}
.bej-menu-trigger svg{width:20px;height:20px}
#bejQuickFilters{margin-left:auto}
#bejFilterButton{display:inline-flex;align-items:center;gap:8px}
#bejFilterButton svg{width:27px;height:27px}
#bejFilterButton::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px;margin-top:-4px;transition:transform .15s}
#bejFilterButton[aria-expanded="true"]{background:var(--gold);border-color:var(--gold-deep);color:var(--on-gold);box-shadow:0 0 0 2px var(--gold-faint)}
#bejFilterButton[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:4px}
#bejFilters:not([hidden]) .inv-filterbar{border-color:var(--gold);border-top-width:3px}
@media(prefers-reduced-motion:reduce){#bejFilterButton::after{transition:none}}
#bejCount{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;background:var(--gold-tint,#f8f3e2);border:1px solid var(--gold);border-radius:7px;font-weight:700;white-space:nowrap}
#bejFilters .inv-filterbar>select,#bejFilters .inv-filterbar>.cs{min-width:170px;flex:1}
#bejFilters .inv-filterbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:12px}
#bejFilters .inv-filterbar>select,#bejFilters .inv-filterbar>.cs{min-width:0;width:100%;margin:0}
#bejFilters .field{min-width:0;margin:0}
.bej-date-dialog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bej-date-dialog>.field:first-child,.bej-date-presets{grid-column:1/-1}
.bej-date-dialog>.field{min-width:0;margin:0}
.bej-date-presets{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
@media(max-width:900px){#bejFilters .inv-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.bej-date-dialog,#bejFilters .inv-filterbar{grid-template-columns:minmax(0,1fr)}}
.bej-action-menu{display:grid;gap:10px;margin-top:16px}
.bej-action-menu>.btn{display:flex;align-items:center;gap:12px;justify-content:flex-start;min-height:48px}
.bej-table{min-width:1180px}
.bej-table thead th{vertical-align:middle;white-space:nowrap}
.bej-table th .inv-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;min-height:40px;color:inherit;white-space:nowrap;font:inherit;letter-spacing:inherit;text-transform:inherit}
.bej-table th:nth-child(4){text-align:right}
.bej-table th:nth-child(4) .inv-sort-button{justify-content:flex-end}
.bej-table th:nth-child(5),.bej-table td:nth-child(5),.bej-table th:nth-child(4),.bej-table td:nth-child(4){width:1%;white-space:nowrap}

.bej-table th:nth-child(4),.bej-table td:nth-child(4){padding-left:8px}
.bej-table td{vertical-align:middle}
.bej-table td:nth-child(3){min-width:210px;max-width:290px;overflow-wrap:anywhere}
.bej-table .inv-payment-pill{box-sizing:border-box;min-width:132px;min-height:36px;padding:6px 10px;gap:8px;font:700 14px/1.3 var(--font-body)}
.bej-table .inv-payment-pill svg{width:22px;height:22px;flex:0 0 22px}
.bej-table .inv-payment-pill{justify-content:flex-start;gap:4px;min-width:0;padding-left:6px;padding-right:12px}
.bej-table .inv-payment-pill>span{flex:1 1 auto;min-width:0;text-align:center}
.bej-table .inv-payment-pill.is-overdue{color:#bc3445}
.bej-source{display:inline-block;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:5px 8px;font-size:.75rem;font-weight:600}
.bej-table .bej-date,.bej-table .bej-amount{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:normal;word-spacing:normal;white-space:nowrap;font-size:.85rem}
.bej-table .bej-amount>strong{word-spacing:-.08em}
.bej-table .bej-amount>small{display:block;color:var(--ink-soft);font-size:.75rem;margin-top:4px}
.bej-table [class*="bej-doc-"]{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;max-width:140px;min-height:40px}
.bej-table [class*="bej-doc-"] svg{width:20px;height:20px;flex:none}
.bej-table .bej-view{width:36px;min-height:40px;padding:4px;display:inline-flex;align-items:center;justify-content:center}
.bej-view svg{width:25px;height:25px}
.bej-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.bej-table .bej-row-actions>*{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:38px;height:40px;min-height:40px;padding:6px;flex:0 0 38px}
.bej-row-actions svg{width:24px;height:24px;flex:none}
.bej-source-icon{border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper)}
.bej-table .bej-doc-yes{color:#15804b;background:#e8f8ee}
.bej-table .bej-doc-no{color:#b93848;background:#fcebed}
.bej-table .bej-doc-unknown{color:#94700f;background:#fff5d8}
[data-theme="dark"] .bej-table .bej-doc-yes{color:#a5e6bd;background:#173e2b}
[data-theme="dark"] .bej-table .bej-doc-no{color:#ffc4cd;background:#482b33}
[data-theme="dark"] .bej-table .bej-doc-unknown{color:#ffe09a;background:#40371f}
#bejOverview:not([hidden]){padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:12px}
.bej-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.bej-overview-heading label{display:flex;align-items:center;gap:10px;border:1px solid var(--gold);padding:6px 10px;border-radius:8px;background:var(--gold-tint,#f8f3e2);font-size:.8rem;font-weight:700}
.bej-overview-heading select{min-width:125px;font:700 16px var(--font-body)}
#bejOverview .inv-annual-totals{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin-bottom:10px}
#bejOverview .inv-monthly-report{margin-top:12px}
#bejOverview .inv-summary-caption{line-height:1.5}
[data-theme="dark"] #bejCount,[data-theme="dark"] .bej-overview-heading label{background:#34301e}
[data-theme="dark"] .bej-table .inv-payment-pill.is-overdue{color:#ffd4da}
@media(max-width:800px){#bejOverview .inv-annual-totals{grid-template-columns:repeat(2,minmax(0,1fr))}#bejQuickFilters{margin-left:0;width:100%}.bej-toolbar{align-items:stretch}#bejDateRange{white-space:normal}}
#bejOverview .inv-monthly-report>summary{display:flex;align-items:center;gap:9px;width:fit-content;min-height:38px;padding:8px 13px;margin-top:6px;border:1px solid var(--gold-deep);border-radius:6px;background:var(--gold-faint);color:var(--ink);font-size:.85rem;font-weight:700;list-style:none;cursor:pointer}
#bejOverview .inv-monthly-report>summary:hover{background:var(--gold);color:var(--on-gold)}
#bejOverview .inv-monthly-report table{width:100%;min-width:620px;border-collapse:collapse}
#bejOverview .inv-monthly-report th,#bejOverview .inv-monthly-report td{padding:10px 14px;white-space:nowrap;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
#bejOverview .inv-monthly-report th:first-child{text-align:left}
#bejOverview .inv-monthly-report thead th{background:var(--navy-900);color:#fff;border-bottom:2px solid var(--gold)}
#bejOverview .inv-monthly-report thead th+th{border-left:1px solid #ffffff21}
.bej-payment-note{color:var(--ink-soft);font-size:.85rem;line-height:1.6;margin-top:20px}
.bej-payment-state .inv-payment-pill>span{color:inherit;font-size:14px;margin:0}
#bejPaymentSave{display:inline-flex;align-items:center;gap:8px}#bejPaymentSave svg{width:22px;height:22px}
.bej-table .inv-payment-button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.bej-payment-state>.inv-payment-pill{display:inline-flex;align-items:center;box-sizing:border-box;min-width:132px;min-height:36px;padding:6px 10px;gap:8px;font:700 14px/1.3 var(--font-body);margin:0}
.bej-payment-state>.inv-payment-pill svg{width:22px;height:22px;flex:0 0 22px}

.bej-table th:first-child,.bej-table td:first-child{width:36px;min-width:36px;text-align:center}.bej-table td:nth-child(2){width:1%;white-space:nowrap}

/* Shared proportions for both invoice lists; column content stays independent. */
:is(.inv-detailed,.bej-table) input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-deep);cursor:pointer;margin:0;vertical-align:middle}
:is(.inv-detailed,.bej-table) th{height:60px;box-sizing:border-box;vertical-align:middle}
:is(.inv-detailed,.bej-table) td{height:66px;box-sizing:border-box;padding-top:13px;padding-bottom:13px}
:is(.inv-detailed,.bej-table) th .inv-sort-button{font:400 14px/1.3 var(--font-body);text-transform:none;letter-spacing:normal}
:is(.inv-detailed,.bej-table) .inv-link{color:var(--ink);font-weight:600;text-align:left;min-height:40px}
.bej-table .bej-date{font-weight:500}
.bej-table .bej-amount{font-size:.95rem}
:is(.inv-detailed,.bej-table) :is(.inv-list-amount,.bej-amount)>small{font-size:.75rem;margin-top:5px}
.bej-row-actions{display:grid;grid-template-columns:repeat(3,36px);gap:4px}
.bej-table .bej-row-actions>*{width:36px;min-width:36px;height:40px;min-height:40px;padding:4px;border-radius:10px}
.bej-table .bej-row-actions svg{display:block;width:25px;height:25px;background:transparent;color:inherit}

.bej-partner-link{padding:0;min-height:40px;text-align:left;color:var(--ink);font:inherit;white-space:normal;overflow-wrap:anywhere}
.bej-partner-link>span{font-weight:700;background:linear-gradient(var(--gold),var(--gold)) left bottom/0 2px no-repeat;transition:background-size .2s}
.bej-partner-link:hover>span,.bej-partner-link:focus-visible>span{background-size:100% 2px}
.bej-partner-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.bej-partner-chip{display:inline-flex;gap:12px;align-items:center;margin:0 0 10px;border-color:var(--gold);background:var(--gold-faint)}
.bej-partner-chip>span{font-size:22px}
@media(prefers-reduced-motion:reduce){.bej-partner-link>span{transition:none}}

#csWrap.bej-category-overlay .cs-panel{width:min(460px,calc(100vw - 32px));border-radius:14px}
.bej-category-overlay .cs-head{padding:18px 20px;background:var(--paper);font-family:var(--font-body);font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--line)}
.bej-category-overlay .cs-list{padding:10px;display:grid;gap:5px}
.bej-category-overlay .vp-row{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:var(--card);text-align:left}
.bej-category-overlay .vp-row>span:nth-child(2){flex:1;font-weight:600}
.bej-category-overlay .vp-row.vp-akt{background:var(--gold-faint);border-color:var(--gold)}
.bej-category-overlay .vp-row:hover,.bej-category-overlay .vp-row:focus-visible{background:var(--paper);outline:2px solid var(--gold);outline-offset:-2px}
.bej-category-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;background:var(--paper);color:var(--ink);border-radius:8px}
.bej-category-icon svg{width:23px;height:23px}
.bej-category-overlay .vp-akt .bej-category-icon{background:var(--gold);color:var(--on-gold)}
#modalBox.bej-bulk-dialog{max-width:640px}
#modalBox.bej-bulk-dialog>h3{padding:18px;margin:-4px -4px 18px;background:var(--paper);border-radius:9px;border-bottom:0;font-family:var(--font-body)}
#modalBox.bej-bulk-dialog>h3::after{display:none}
.bej-bulk-count{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-weight:600}
.bej-bulk-count>strong{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:4px;background:var(--gold-faint);border:1px solid var(--gold);border-radius:7px}
.bej-bulk-count>span{color:var(--ink-soft);font-size:.85rem;font-weight:400}
.bej-bulk-records{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-bottom:16px}
.bej-bulk-records>span{padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:var(--card);font-size:.8rem;overflow-wrap:anywhere}
.bej-bulk-dialog>p:not([class]){font-size:.85rem;line-height:1.6;color:var(--ink-soft);margin:0 0 18px}
.bej-bulk-dialog>.field{padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}

#modalBox.bej-actions-dialog{max-width:760px;padding:20px}
.bej-actions-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--paper);border-radius:9px}
.bej-actions-heading>div>span{font-size:.8rem;color:var(--ink-soft)}
#modalBox .bej-actions-heading h3{font-family:var(--font-body);font-size:1.2rem;border:0;margin:4px 0 0;padding:0}
#modalBox .bej-actions-heading h3::after{display:none}
.bej-actions-heading>button{font-size:24px;width:36px;height:36px;min-height:36px;padding:0;flex:none}
.bej-actions-summary{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:.85rem}
.bej-actions-summary>strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;border:1px solid var(--gold);border-radius:7px;background:var(--gold-faint)}
.bej-actions-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.bej-actions-group{min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--paper)}
.bej-actions-group h4{margin:0;font-size:.85rem;font-weight:700;color:var(--ink);padding-bottom:9px;border-bottom:2px solid var(--gold)}
.bej-actions-group>p{font-size:.72rem;color:var(--ink-soft);margin:8px 0}
.bej-actions-dialog .bej-action-menu{gap:6px;margin-top:10px}
.bej-actions-dialog .bej-action-menu>.btn{min-height:44px;padding:8px;gap:9px;font-size:.8rem;font-weight:600;line-height:1.35;box-shadow:none;white-space:normal;border-color:var(--line);background:var(--card)}
.bej-actions-dialog .bej-action-menu>.btn:not(:disabled):hover{border-color:var(--gold);background:var(--gold-faint)}
.bej-actions-dialog .bej-menu-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:6px;background:var(--paper);color:var(--ink)}
.bej-actions-group.is-changes .bej-menu-icon{background:var(--gold-faint);color:var(--gold-deep)}
.bej-actions-dialog .bej-menu-icon svg{width:21px;height:21px}
.bej-actions-dialog .modalbtns{margin-top:16px;padding-top:12px}
@media(max-width:620px){.bej-actions-groups{grid-template-columns:minmax(0,1fr)}}

.bej-bulk-date-preview{margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--paper);font-size:.8rem}.bej-bulk-date-preview>p{margin:0 0 8px;font-weight:600}.bej-bulk-date-preview ul{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto}.bej-bulk-date-preview li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid var(--line)}.bej-bulk-date-preview li>span{overflow-wrap:anywhere}.bej-bulk-date-preview li>strong{white-space:nowrap}.bej-bulk-date-preview [role=alert]{color:var(--err,#bd2335)}

#bejBulkCommonDate[hidden]{display:none}

/* Incoming payment: clear sections and direct state choice. */
#modalBox.bej-payment-dialog{font-family:var(--font-body);max-width:780px}
.bej-payment-section{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.bej-payment-section h4{margin:0 0 16px;font-size:1rem;color:var(--ink)}
.bej-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nav-payment-three-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-payment-reference>span{display:block;padding:10px 0;font-weight:600}
.nav-payment-reference>small{display:block;color:var(--ink-soft);font-size:.8rem;line-height:1.45}
.payment-summary>.bej-payment-state{display:flex;justify-content:flex-end;align-items:center}
.bej-payment-option{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
.bej-payment-option strong,.bej-payment-option small{display:block}.bej-payment-option small{margin-top:6px;color:var(--ink-soft);font-size:.8rem;line-height:1.45}
.bej-payment-choice-mark{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border:2px solid var(--ink-soft);border-radius:50%;box-sizing:border-box}
.bej-payment-option[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.bej-payment-option[aria-pressed=true] .bej-payment-choice-mark{border:5px solid var(--gold)}
.bej-payment-option:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#modalBox.bej-payment-dialog .field>label{font:700 .8rem var(--font-body);color:var(--ink-soft);margin-bottom:8px}
.bej-payment-section .bej-payment-note{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.bej-settlement-method{grid-column:1/-1}
@media(max-width:560px){.bej-payment-options{grid-template-columns:1fr}.bej-payment-section{padding:14px}}

.bej-invoice-picker-input{display:flex;gap:8px;align-items:stretch}.bej-invoice-picker-input input{flex:1;min-width:0}.bej-invoice-picker-input .btn{flex-shrink:0}
.bej-invoice-picker{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--card)}.bej-invoice-picker[hidden]{display:none}
.bej-invoice-picker p{color:var(--ink-soft);font-size:.8rem;margin:0 0 10px;line-height:1.5}.bej-invoice-picker-results{max-height:260px;overflow-y:auto;margin-bottom:10px}
.bej-invoice-picker-row{display:flex;justify-content:space-between;gap:14px;width:100%;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.bej-invoice-picker-row:hover,.bej-invoice-picker-row:focus-visible{background:var(--gold-faint);outline:2px solid var(--gold);outline-offset:-2px}.bej-invoice-picker-row>span:last-child{text-align:right;flex-shrink:0}.bej-invoice-picker-row small{display:block;color:var(--ink-soft);font-size:.75rem;margin-top:4px}.bej-invoice-picker-row strong{font-size:.85rem;overflow-wrap:anywhere}
@media(max-width:560px){.bej-invoice-picker-input{flex-direction:column}}

/* Total belongs to the action/filter bar, on two lines. */
#bejSumTxt.bej-toolbar-total{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;flex:0 0 auto;padding:0 12px;border-left:1px solid var(--line);line-height:1.3}
.bej-toolbar-total>span{color:var(--ink-soft);font-size:.75rem}.bej-toolbar-total>strong{color:var(--ink);font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:650px){#bejOverview .inv-annual-totals{grid-template-columns:minmax(0,1fr)}}

#modalBox.bej-payment-dialog #bejCorrectPaidField>label{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:.88rem;line-height:1.5;color:var(--ink);cursor:pointer;text-transform:none}
#modalBox.bej-payment-dialog #bejCorrectPaid{flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:2px 0 0;accent-color:var(--gold-deep);cursor:pointer;box-shadow:none}
#modalBox.bej-payment-dialog #bejCorrectPaidField>label>span{min-width:0;flex:1}
#modalBox.bej-payment-dialog #bejCorrectPaidField>small{display:block;margin:6px 0 0 28px;line-height:1.5;color:var(--ink-soft)}
#modalBox.bej-payment-dialog #bejCorrectPaidField[hidden]{display:none}

.settlement-evidence{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:.88rem;overflow-wrap:anywhere}.settlement-evidence[hidden]{display:none}.settlement-evidence h4{margin:0 0 12px}.settlement-evidence p{margin:8px 0;line-height:1.5}.settlement-evidence-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0}.settlement-evidence dt{color:var(--ink-soft);font-size:.8rem}.settlement-evidence dd{margin:4px 0 0;font-weight:600}.settlement-evidence-warning{border-left:3px solid var(--gold);padding-left:10px}.settlement-evidence summary{cursor:pointer;color:var(--ink);font-weight:700;padding:10px 0}.settlement-evidence details{max-width:100%;overflow:auto}
#modalBox.bej-payment-dialog .settlement-correction{display:flex;align-items:flex-start;gap:10px;line-height:1.5;cursor:pointer}#modalBox.bej-payment-dialog .settlement-correction input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;margin:3px 0 0;accent-color:var(--gold-deep)}

.bej-partner-link.is-filtered>span,.bej-partner-link.is-filtered:hover>span,.bej-partner-link.is-filtered:focus-visible>span{background-size:0 2px;transition:none}

.partner-filtered-name{font-weight:700;cursor:default;overflow-wrap:anywhere}

#appBackToTop{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:88px;z-index:45;display:grid;place-items:center;width:48px;height:48px;padding:3px;border:0;border-radius:50%;background:conic-gradient(var(--gold) var(--top-progress,0deg),var(--line) 0);box-shadow:0 4px 14px #10234730;color:var(--ink);cursor:pointer;transition:transform .18s,box-shadow .18s}
#appBackToTop>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--card)}#appBackToTop svg{width:23px;height:23px}#appBackToTop:hover{transform:translateY(-3px);box-shadow:0 6px 18px #10234740}#appBackToTop:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#appBackToTop[hidden],body:has(#modalWrap.open) #appBackToTop,body:has(#lockScreen.on) #appBackToTop{display:none}
@media(prefers-reduced-motion:reduce){#appBackToTop{transition:none}}
@media print{#appBackToTop{display:none!important}}

/* Content-sized incoming overview; monthly rows remain below the toolbar. */
#bejOverview:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px}
#bejOverview .bej-overview-heading,#bejOverview .inv-monthly-report,#bejOverview .inv-monthly-report::details-content{display:contents}
#bejOverview .inv-annual-totals{display:flex;order:3;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:100%;min-width:0;margin:0 0 0 auto;padding:0}
#bejOverview .inv-annual-totals>div{order:3;flex:0 1 auto;width:max-content;max-width:100%;box-sizing:border-box;padding:8px 12px}
#bejOverview .inv-annual-totals strong{white-space:nowrap}
#bejOverview .inv-monthly-report>summary,#bejOverview .bej-overview-heading>label{box-sizing:border-box;flex:0 0 auto;width:auto;max-width:100%;min-height:52px;height:52px;margin:0;padding:7px 12px;border:1px solid var(--gold-deep);border-radius:7px;background:var(--gold-faint);color:var(--ink);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
#bejOverview .bej-overview-heading>label{order:1}
#bejOverview .inv-monthly-report>summary{order:2}
#bejOverview .bej-overview-heading select{box-sizing:border-box;field-sizing:content;width:auto;min-width:90px;max-width:140px;height:36px;min-height:36px;padding:4px 8px;font-size:.9rem;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px;color-scheme:light}
[data-theme="dark"] #bejOverview .bej-overview-heading select{color-scheme:dark}
#bejOverview .bej-overview-heading select option{background:var(--card);color:var(--ink)}
#bejOverview .inv-monthly-report>.inv-report-body{order:4;flex:0 0 100%;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
#bejOverview .inv-monthly-report:not([open])>.inv-report-body{display:none}
#bejOverview .inv-monthly-table-scroll{max-width:100%;overflow-x:auto}
#bejOverview>.inv-summary-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}

.bej-table .bej-partner-link,.bej-table .partner-filtered-name{display:block;min-height:0;line-height:1.3}
.bej-table .bej-invoice-number{display:block;min-height:0;margin-top:2px;padding:0;font-size:.8rem;line-height:1.4;color:var(--ink-soft);font-weight:500;overflow-wrap:anywhere}

.bej-table .bej-category{min-width:120px;max-width:200px;overflow-wrap:anywhere;font-size:.85rem}

.bej-edit-toolbar{flex-wrap:wrap}.bej-editor-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}

.bej-category-label{display:inline-flex;align-items:center;gap:6px;max-width:100%}.bej-category-label>.bej-category-icon{flex:0 0 26px;width:26px;height:26px;background:transparent}.bej-category-label>.bej-category-icon svg{width:22px;height:22px}.bej-category-label>span:last-child{min-width:0;overflow-wrap:anywhere}

/* Long partner names occupy at most two lines; full names remain in tooltips. */
:is(.inv-detailed,.bej-table) .bej-partner-link{max-width:100%;min-width:0}
:is(.inv-detailed,.bej-table) .bej-partner-link>span,
:is(.inv-detailed,.bej-table) .partner-filtered-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:2.6em;line-height:1.3;white-space:normal;overflow-wrap:anywhere}

/* Incoming lists use the same compact toolbar and content-sized columns. */
.invoice-workspace .bej-toolbar #bejQuickFilters{margin:0;width:max-content;flex:0 0 auto}
.invoice-workspace .bej-toolbar #bejDateRange{white-space:nowrap}
.invoice-workspace .bej-toolbar .bej-menu-trigger{gap:6px;padding-inline:8px}
.invoice-workspace .bej-toolbar #bejCount{padding-inline:7px;background:var(--gold-faint);color:var(--ink)}
.invoice-workspace .bej-toolbar #bejFilterButton::after{display:none}
.bej-workspace #bejSumTxt{border:0;padding:6px 0 0;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#bejOverview .bej-overview-heading .cs-wrap{width:max-content}
#bejOverview .bej-overview-heading .cs-btn{width:max-content;min-width:100px;min-height:36px;height:36px;padding:4px 8px;font-size:.9rem;font-weight:700}
.invoice-workspace #bejListBox{container-type:inline-size}
.invoice-workspace .bej-table{width:100%;min-width:0;table-layout:auto;border-spacing:0}
.invoice-workspace .bej-table :is(th,td){padding-inline:clamp(2px,calc((100cqw - 760px)/40),12px)}
.invoice-workspace .bej-table td{height:auto;padding-block:clamp(6px,1cqw,13px)}
.invoice-workspace .bej-table th{white-space:normal;letter-spacing:normal}
.invoice-workspace .bej-table :is(th,td):first-child{width:24px;min-width:24px}
.invoice-workspace .bej-table td:nth-child(3){min-width:0;max-width:none}
.invoice-workspace .bej-table .bej-category{min-width:0;max-width:none}
.invoice-workspace .bej-table .inv-sort-button{gap:clamp(2px,.6cqw,8px)}
.invoice-workspace .bej-table .bej-row-actions{gap:clamp(1px,.3cqw,4px)}
@container(max-width:1000px){
 .invoice-workspace .bej-toolbar .bej-menu-trigger{font-size:13px}
 .invoice-workspace .bej-table,.invoice-workspace .bej-table :is(.bej-date,.bej-amount),.invoice-workspace .bej-table th .inv-sort-button{font-size:13px}
 .invoice-workspace .bej-table .inv-sort-icon{flex-basis:24px;width:24px;height:30px;min-height:30px}
 .invoice-workspace .bej-table .bej-row-actions{grid-template-columns:repeat(3,30px)}
 .invoice-workspace .bej-table .bej-row-actions>*{width:30px;min-width:30px;padding-inline:2px}
 .invoice-workspace .bej-table :is(.inv-type,.inv-payment-pill){padding-inline:3px}
}

.invoice-workspace .bej-table .inv-payment-pill{min-width:0;gap:4px}

/* Keep category icons when the incoming list has limited horizontal space. */
@container(max-width:1000px){
 .invoice-workspace .bej-table .bej-category-text{display:none}
 .invoice-workspace .bej-table .bej-category-label{gap:0}
}

@container(max-width:1000px){
 .invoice-workspace .bej-table .inv-payment-label{display:none}
 .invoice-workspace .bej-table .inv-payment-pill{width:28px;min-width:28px;height:28px;min-height:28px;justify-content:center;gap:0;padding:0}
 .invoice-workspace .bej-table .inv-payment-pill svg{width:20px;height:20px;flex:0 0 20px}
}

/* The shared type badges retain compact icons in narrow document lists. */
@container(max-width:1000px){
 .invoice-workspace :is(.inv-detailed,.bej-table) .inv-type{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;gap:0;justify-content:center}
 .invoice-workspace :is(.inv-detailed,.bej-table) .inv-type svg{width:20px;height:20px;flex:0 0 20px}
 .invoice-workspace :is(.inv-detailed,.bej-table) .inv-type[data-invoice-type]>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* Incoming utility columns follow the outgoing list spacing. */
.invoice-workspace .bej-table :is(th,td):not(:nth-child(3)){width:1%}
.invoice-workspace .bej-table :is(th,td){padding-inline:clamp(4px,calc((100cqw - 760px)/40),10px)}
.invoice-workspace .bej-table :is(th,td):is(:nth-child(7),:nth-child(6)){text-align:center}
.invoice-workspace .bej-table :is(th,td):last-child{padding-left:clamp(6px,.8cqw,10px)}

/* Reserve the category's natural text width before expanding the supplier. */
@container(min-width:1001px){
 .invoice-workspace .bej-table .bej-category{max-width:none}
 .invoice-workspace .bej-table .bej-category-label{width:max-content;max-width:100%}
}

@container(max-width:1000px){
 .invoice-workspace .bej-table .bej-category-label>.bej-category-icon{width:20px;height:20px;flex:0 0 20px}
 .invoice-workspace .bej-table .bej-category-icon svg{width:20px;height:20px}
}

/* Compact automatic refresh status; details remain available by click or keyboard. */
.incoming-sync-info{margin:2px 0 6px;color:var(--ink-soft);font-size:12px;line-height:1.35}
.incoming-sync-info>summary{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;list-style:none;cursor:pointer;padding:2px 0}
.incoming-sync-info>summary::-webkit-details-marker{display:none}
.incoming-sync-info-icon{display:inline-flex;flex:none;color:var(--icon-info)}
.incoming-sync-info-icon .app-icon{width:16px;height:16px}
.incoming-sync-info>p{font-size:12px;line-height:1.45;margin:4px 0 6px;padding:6px 8px;border-left:2px solid var(--line)}
.incoming-sync-info>summary:focus-visible{outline:2px solid var(--icon-info);outline-offset:3px;border-radius:3px}
#modalBox.feedback-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 36px);overflow:hidden}
.feedback-modal>h3,.feedback-modal>.modalbtns{flex:0 0 auto}
.feedback-modal>.feedback-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.feedback-modal>.modalbtns{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}
.feedback-note{color:var(--ink-soft);font-size:.9rem;line-height:1.5}
.feedback-row{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.feedback-row header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.feedback-row select{width:auto;max-width:100%;min-height:40px}
.feedback-description{white-space:pre-wrap;margin:10px 0}
.feedback-meta{font-size:.85rem;color:var(--ink-soft)}
.feedback-modal textarea{min-height:110px}
.feedback-modal input,.feedback-modal textarea,.feedback-modal select{max-width:100%}
@media(max-width:520px){.feedback-modal .frow{grid-template-columns:1fr!important}.feedback-modal>.modalbtns .btn{flex:1 1 auto}}
/* A küldőűrlap önálló megjelenése; a központi lista elrendezése változatlan. */
#modalBox.feedback-compose{max-width:660px;padding:26px;border-radius:18px}
.feedback-heading{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-bottom:24px}
.feedback-heading-icon{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:1px solid var(--gold-soft);border-radius:15px;background:var(--gold-faint);color:var(--gold-deep)}
.feedback-heading-icon svg{width:27px;height:27px}
#modalBox.feedback-compose h3{border:0;padding:0;margin:0 0 5px;font-size:1.5rem}
#modalBox.feedback-compose h3::after{display:none}
.feedback-heading p{font-size:.86rem;color:var(--ink-soft);line-height:1.5}
.feedback-close{margin-left:auto;align-self:flex-start;display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--ink-soft)}
.feedback-close svg{width:18px;height:18px}.feedback-close:hover{background:var(--paper);color:var(--ink)}
.feedback-types{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feedback-types legend{font-size:.86rem;font-weight:600;margin-bottom:10px;color:var(--ink)}
.feedback-type{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;min-width:0;color:var(--ink)}
.feedback-type input{position:absolute;top:14px;right:12px;width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--gold-deep)}
.feedback-type-icon{display:flex;color:var(--ink-soft);margin-bottom:3px}.feedback-type-icon svg{width:23px;height:23px}
.feedback-type strong{font-size:.95rem}.feedback-type small{font-size:.76rem;color:var(--ink-soft);line-height:1.4}
.feedback-type:has(input:checked){border-color:var(--gold-deep);background:var(--gold-faint);box-shadow:inset 0 0 0 1px var(--gold-deep)}
.feedback-type:has(input:checked) .feedback-type-icon{color:var(--gold-deep)}
.feedback-type:has(input:focus-visible),.feedback-close:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.feedback-type:has(input:disabled){cursor:default;opacity:.7}
.feedback-compose .field{margin-bottom:18px}.feedback-compose .field>label{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-size:.86rem;text-transform:none;letter-spacing:0}
.feedback-compose .field>label span{color:var(--ink-soft);font-size:.76rem;font-weight:400}
.feedback-compose .field input{min-height:48px}.feedback-compose textarea{min-height:145px;resize:vertical;line-height:1.55}
.feedback-text-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:.75rem;margin-top:7px;line-height:1.4}
#fbCount{white-space:nowrap;font-variant-numeric:tabular-nums}
.feedback-privacy{color:var(--ink-soft);font-size:.8rem;line-height:1.55;margin-bottom:4px}.feedback-privacy summary{cursor:pointer;width:fit-content}.feedback-privacy p{padding:8px 0}
#fbMessage:empty{display:none}#fbMessage:not(:empty){padding:10px 12px;margin-top:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.feedback-compose>.modalbtns{margin-top:20px;padding-top:18px;gap:8px;align-items:center}
.feedback-compose .feedback-history{margin-right:auto;border-color:transparent;box-shadow:none;color:var(--ink-soft);padding-left:0;padding-right:8px}
[data-theme="dark"] .feedback-heading-icon,[data-theme="dark"] .feedback-type:has(input:checked) .feedback-type-icon{color:var(--gold-soft)}
@media(max-width:520px){#modalBox.feedback-compose{padding:18px}.feedback-heading{gap:10px;margin-bottom:18px}.feedback-heading-icon{width:42px;height:42px;border-radius:12px}#modalBox.feedback-compose h3{font-size:1.3rem}.feedback-heading p{font-size:.78rem}.feedback-type{padding:12px 9px}.feedback-type small{display:none}.feedback-types{gap:7px}.feedback-compose .feedback-history{flex-basis:100%!important;padding:4px;min-height:32px;text-align:center;margin:0}.feedback-compose>.modalbtns{margin-top:12px;padding-top:10px}.feedback-compose .btn{white-space:normal}.feedback-compose textarea{min-height:125px}}
/* Opt-in spacing for data lists; nested details and report tables are separate. */
:is(.inv-table-scroll,.doc-scroll,.bank-table,.nav-out-table):has(>table.list-fit){container-type:inline-size;max-width:100%;min-width:0;overflow-x:auto}
:is(.inv-table-scroll,.doc-scroll,.bank-table,.nav-out-table)>table.list-fit{width:100%;min-width:0;table-layout:auto;border-spacing:0}
table.tbl.list-fit> :is(thead,tbody)>tr> :is(th,td){display:table-cell;width:1%;padding-inline:clamp(4px,calc((100cqw - 760px)/40),10px);vertical-align:middle}
table.list-fit>thead>tr>th{white-space:normal;letter-spacing:normal}
table.list-fit>tbody>tr>td{padding-block:clamp(6px,1cqw,13px)}
table.list-fit.list-flex-1> :is(thead,tbody)>tr> :is(th,td):nth-child(1),
table.list-fit.list-flex-2> :is(thead,tbody)>tr> :is(th,td):nth-child(2),
table.list-fit.list-flex-3> :is(thead,tbody)>tr> :is(th,td):nth-child(3),
table.list-fit.list-flex-4> :is(thead,tbody)>tr> :is(th,td):nth-child(4){width:auto;overflow-wrap:anywhere}
table.list-fit>tbody>tr>td .inv-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
table.list-fit>tbody>tr>td.num{white-space:nowrap}
table.list-fit.case-table> :is(thead,tbody)>tr> :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(7)){text-align:center}
table.list-fit.case-table> :is(thead,tbody)>tr> :is(th,td):last-child{padding-left:clamp(6px,.8cqw,10px)}
@container(max-width:1000px){table.list-fit{font-size:13px}}
table.tbl.list-fit> :is(thead,tbody)>tr> :is(th,td):nth-child(n){display:table-cell}

.customer-master-table.list-fit>tbody>tr>td:is(:nth-child(2),:nth-child(7)),
.recurring-table.list-fit>tbody>tr>td:is(:nth-child(2),:nth-child(3)),
.customer-history-table.list-fit>tbody>tr>td:nth-child(4){white-space:nowrap}
.nav-out-table>table.tbl.list-fit> :is(thead,tbody)>tr> :is(th,td):nth-child(n):not([colspan]){width:1%;padding-inline:clamp(4px,calc((100cqw - 760px)/40),10px)}
.nav-out-table>table.tbl.list-fit> :is(thead,tbody)>tr> :is(th,td):nth-child(2):not([colspan]){width:auto}

/* Dashboard document lists share the invoice badge sizes and compact mode. */
table.inv-summary-table td.vevocell{max-width:none;white-space:normal}
.inv-summary-table .vevocell>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.3;max-height:2.6em;overflow-wrap:anywhere}
.inv-summary-table .inv-payment-pill{box-sizing:border-box;min-width:0;min-height:36px;gap:4px;padding:6px 10px;font:700 14px/1.3 var(--font-body)}
.inv-summary-table .inv-payment-pill svg{width:22px;height:22px;flex:0 0 22px}
.inv-summary-table :is(th,td):is(:nth-child(3),:nth-child(4)){text-align:center}
.inv-summary-table td.sorszcell{white-space:normal;overflow-wrap:anywhere}

@container(max-width:1000px){
 .inv-summary-table .inv-type{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;gap:0;justify-content:center}
 .inv-summary-table .inv-payment-pill{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;gap:0;justify-content:center}
 .inv-summary-table :is(.inv-type,.inv-payment-pill) svg{width:20px;height:20px;flex:0 0 20px}
 .inv-summary-table :is(.inv-type[data-invoice-type],.inv-payment-pill)>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .inv-summary-table .inv-payment-days{display:none}
}

/* Partner bizonylatelőzményei: a cellák és sorszámok egy sorban maradnak. */
table.customer-history-table.list-fit> :is(thead,tbody)>tr> :is(th,td):nth-child(n),table.customer-history-table.list-fit>tbody>tr>td .inv-link{white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:none}
/* Unified application SVGs; print documents retain their own artwork. */
:root{--icon-info:#2864ae;--icon-success:#21804b;--icon-danger:#c62828;--icon-attention:#9a7400;--icon-muted:#617392}
[data-theme="dark"]{--icon-info:#85b9ff;--icon-success:#7ad6a0;--icon-danger:#ff7575;--icon-attention:#ffda65;--icon-muted:#a3b5ce}
.app-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;overflow:visible;color:inherit}
.app-icon-token{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.18em;line-height:1}
.app-icon-token .app-icon{width:1.15em;height:1.15em;min-width:16px;min-height:16px}
.app-icon-original{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.app-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;color:var(--ink);background:color-mix(in srgb,currentColor 9%,transparent)}
.btn.btn-sm .app-action-icon{flex-basis:24px;width:24px;height:24px}
.btn.app-icon-button::before{display:none!important}
.btn.app-icon-button{gap:8px}
.btn-danger .app-action-icon{color:inherit;background:#ffffff20}
.cs-val{display:inline-flex;align-items:center;gap:6px;min-width:0}
.vp-row>span:first-child{display:inline-flex;align-items:center;gap:6px}
.customer-filter-icon>.cs-wrap{width:100%;min-width:0}
.customer-filter-icon>svg{display:none}
.customer-toolbar .customer-filter-icon .cs-btn{padding-left:12px!important}
.customer-filter-icon .cs-val .app-icon{width:20px;height:20px}
.customer-filter-overlay .cs-panel{width:min(340px,calc(100vw - 32px))}
.customer-filter-overlay .vp-row{white-space:normal;overflow-wrap:anywhere}
.popup-selection-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;margin-left:10px;color:#886400}
.popup-selection-check .app-icon{width:28px;height:28px;stroke-width:3}
[data-theme="dark"] .popup-selection-check{color:#ffdf65}
.customer-toolbar .customer-filter-icon .cs-val{white-space:normal;text-align:left}
@media(prefers-reduced-motion:no-preference){button .app-icon{transition:color .15s ease,opacity .15s ease}}

.cs-val .app-icon,.vp-row>span:first-child .app-icon{color:var(--ink)}
/* Orange surfaces use white labels and icons in both themes. */
.btn.btn-gold,.btn.btn-gold:hover,.btn.btn-gold:focus-visible,
.btn-gold .app-icon,.btn-gold .app-action-icon{color:var(--on-gold)}
.btn-gold .app-action-icon{background:#10234714}
#calcPanel .ck.ok,#bejFilterButton[aria-expanded="true"],
.bej-category-overlay .vp-akt .bej-category-icon,.inv-facet-count,
.customer-document-count:not(.is-zero),.customer-debt-filter-count{color:var(--on-gold)}
.customer-debt-filter.is-overdue .customer-debt-filter-icon,
.customer-debt-filter.is-overdue .customer-debt-filter-icon .app-icon{color:#ff606c}
[data-theme="dark"] .customer-debt-filter.is-overdue .customer-debt-filter-icon,
[data-theme="dark"] .customer-debt-filter.is-overdue .customer-debt-filter-icon .app-icon{color:#ff606c}

/* Shared functional icon palette; text color stays independent. */
@media screen{
 :is(button,a,summary,[role="button"],.badge,.hint,.lockerr) .app-icon:is([data-app-icon="info"],[data-app-icon="email"],[data-app-icon="location"],[data-app-icon="refresh"],[data-app-icon="view"],[data-app-icon="edit"]){color:var(--icon-info)}
 :is(button,a,summary,[role="button"],.badge,.hint) .app-icon:is([data-app-icon="download"],[data-app-icon="upload"],[data-app-icon="save"],[data-app-icon="success"],[data-app-icon="check"]){color:var(--icon-success)}
 :is(button,a,summary,[role="button"],.badge,.hint,.lockerr) .app-icon:is([data-app-icon="error"],[data-app-icon="warning"],[data-app-icon="delete"]){color:var(--icon-danger)}
 :is(button,a,summary,[role="button"],.badge,.hint) .app-icon:is([data-app-icon="clock"],[data-app-icon="payment"]){color:var(--icon-attention)}
 :is(button,a,summary,[role="button"]) .app-icon:is([data-app-icon="clipboard"],[data-app-icon="copy"],[data-app-icon="print"]){color:var(--icon-muted)}
 .customer-tool-icon .app-icon[data-app-icon="users"]{color:var(--icon-info)}
 .btn.btn-gold .app-icon,.btn.btn-gold .app-action-icon{color:var(--on-gold)}
 .btn.btn-danger .app-icon{color:inherit}
 .popup-selection-check .app-icon{color:inherit}
 .cs-val .app-icon,.vp-row>span:first-child .app-icon{color:var(--ink)}
}
/* Partner/category selections retain their semantic icon colors. */
:root{--icon-both:#7850a8;--icon-foreign:#087f8c}
[data-theme="dark"]{--icon-both:#c4a0ee;--icon-foreign:#65d5df}
.customer-filter-icon .cs-val .app-icon[data-app-icon="user"],
.customer-filter-icon .cs-val .app-icon[data-app-icon="building"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="user"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="building"]{color:var(--icon-info)}
.customer-filter-icon .cs-val .app-icon[data-app-icon="truck"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="truck"]{color:var(--icon-success)}
.customer-filter-icon .cs-val .app-icon[data-app-icon="swap"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="swap"]{color:var(--icon-both)}
.customer-filter-icon .cs-val .app-icon[data-app-icon="globe"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="globe"]{color:var(--icon-foreign)}
.customer-filter-icon .cs-val .app-icon:is([data-app-icon="users"],[data-app-icon="grid"]),
.customer-filter-overlay .vp-row .app-icon:is([data-app-icon="users"],[data-app-icon="grid"]){color:var(--icon-muted)}
.customer-filter-icon .cs-val .app-icon[data-app-icon="warning"],
.customer-filter-overlay .vp-row .app-icon[data-app-icon="warning"]{color:var(--icon-danger)}
.customer-filter-overlay .popup-selection-check .app-icon{color:var(--icon-success)}
.inv-bulk-overlay .inv-bulk-item.is-danger .inv-bulk-icon .app-icon{color:var(--icon-danger)}
/* Solid orange controls override semantic icon colors. */
@media screen{
 .btn.btn-gold :is(svg,span,strong,small),
 #bejFilterButton[aria-expanded="true"] svg,
 .inv-sort-button.is-active .inv-sort-icon svg,
 .nav-out-table .nav-out-selected .btn.nav-out-toggle svg,
 .bej-category-overlay .vp-akt .bej-category-icon svg{color:var(--on-gold)}
}

.bej-source-icon [data-app-icon="navDocument"]{color:var(--icon-info)}
.catalog-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.catalog-filters select{width:auto;max-width:100%;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
.catalog-kind{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--ink-soft);margin:4px 0}
.catalog-kind svg{width:18px;height:18px;color:var(--icon-info)}
.catalog-kind.service svg{color:var(--icon-success)}
.catalog-kind .app-action-icon{width:18px;height:18px;flex-basis:18px;background:none}
.catalog-filters [data-app-icon="folder"],.catalog-category-row [data-app-icon="folder"]{color:var(--icon-attention)}
.catalog-filters [data-app-icon="settings"]{color:var(--icon-muted)}
.product-master-table>tbody>tr>td:nth-child(4){min-width:180px;max-width:300px;overflow-wrap:anywhere}
.catalog-name{font-size:1.08rem;font-weight:700}
.catalog-hint{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin:12px 0}
.catalog-breadcrumb,.catalog-form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.catalog-breadcrumb strong{flex-basis:100%;overflow-wrap:anywhere}
.catalog-children{max-height:30vh;overflow:auto;margin:12px 0}
.catalog-category-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.catalog-category-row>.inv-link{min-width:0;flex:1;text-align:left;overflow-wrap:anywhere}
.catalog-category-row small{display:block;color:var(--ink-soft);margin-top:4px}
.catalog-category-form{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:16px}
.catalog-category-form legend{font-weight:700;padding:0 8px}
.catalog-feature-list label{display:flex;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--line)}
.catalog-feature-list input[type=checkbox]{width:24px;height:24px;accent-color:var(--gold);flex-shrink:0}
.catalog-feature-note{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);font-size:.9rem}
#modalBox .field[hidden],#productDrsField[hidden]{display:none!important}
.catalog-profile-button{margin-left:auto}
.catalog-sync-modal{width:min(1120px,calc(100vw - 24px))!important;max-width:1120px!important}
.catalog-sync-modal>.catalog-hint{margin:4px 0;font-size:.82rem}
#catalogSyncStatus{margin:6px 0 12px;font-size:.85rem;line-height:1.4}
.catalog-sync-source-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.catalog-sync-source-row>.field{flex:1 1 220px}
.catalog-sync-modal .field{min-width:0;margin-bottom:0;gap:4px}
.catalog-sync-modal .field label{font-size:.72rem;overflow-wrap:anywhere}
.catalog-sync-modal .field input,.catalog-sync-modal .field select{min-height:44px;padding:8px 10px;font-size:.9rem}
.catalog-sync-modal #catalogSyncSetup .btn,.catalog-sync-modal #catalogSyncOptions .btn{min-height:44px;padding:6px 12px;font-size:.85rem}
.catalog-sync-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 14px;align-items:end}
.catalog-sync-options{min-width:0;margin-top:12px;padding:10px 12px}
.catalog-sync-options legend{font-size:.9rem}
.catalog-sync-options-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.catalog-sync-options-actions>.btn{margin-left:auto}
.catalog-sync-options-actions .catalog-sync-check{margin:0;gap:8px;font-size:.85rem;min-height:44px}
.catalog-sync-help{margin-top:4px;font-size:.78rem;line-height:1.45;color:var(--ink-soft)}
.catalog-sync-help summary{width:fit-content;padding:5px 0;cursor:pointer}
.catalog-sync-help p{margin:4px 0 0}
#catalogSyncPreview>h4{margin-top:12px}
.catalog-sync-error{border-left:4px solid var(--icon-danger);padding:12px 16px;background:var(--bg);border-radius:8px;line-height:1.6}
#catalogSyncRetry[hidden]{display:none!important}
.catalog-sync-check{display:flex;align-items:center;gap:12px;margin:14px 0;line-height:1.4}
.catalog-sync-check input[type=checkbox],.catalog-sync-row input[type=checkbox]{width:26px;height:26px;flex:0 0 26px;accent-color:var(--gold)}
.catalog-sync-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.catalog-sync-row{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 3px 7px rgba(16,34,67,.06),0 8px 20px rgba(16,34,67,.09);overflow-wrap:anywhere}
[data-theme="dark"] .catalog-sync-row{box-shadow:0 3px 7px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.28)}
.catalog-sync-row-title{display:flex;gap:12px;align-items:flex-start}
.catalog-sync-row-title>div{min-width:0;flex:1}
.catalog-sync-row-title strong{display:block;font-size:1.05rem;line-height:1.35}
.catalog-sync-card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:6px;color:var(--ink-soft);font-size:.78rem;line-height:1.4}
.catalog-sync-state{font-weight:700;color:var(--ink)}
.catalog-sync-row.new .catalog-sync-state{color:var(--icon-success)}
.catalog-sync-row.error,.catalog-sync-row.local{border-left:4px solid var(--icon-danger)}
.catalog-sync-row.error .catalog-sync-state,.catalog-sync-row.local .catalog-sync-state{color:var(--icon-danger)}
.catalog-sync-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.catalog-sync-fact{min-width:0}.catalog-sync-fact.wide{grid-column:1/-1}
.catalog-sync-fact dt{margin:0;color:var(--ink-soft);font-size:.75rem;line-height:1.4}
.catalog-sync-fact dd{margin:3px 0 0;font-size:.9rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.catalog-sync-fact .catalog-sync-price{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums}
.catalog-sync-price-main{display:block}
.catalog-sync-price-alt{display:block;margin-top:3px;font-size:.75rem;font-weight:400;color:var(--ink-soft);line-height:1.4}
.catalog-sync-row .catalog-sync-note{margin:10px 0 0;font-size:.8rem;line-height:1.45;color:var(--ink-soft)}
.catalog-sync-row .catalog-sync-conflict{color:var(--icon-danger);font-weight:600}
.catalog-sync-row details{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:.85rem}
.catalog-sync-row .import-changes{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:8px 12px;min-width:0;max-width:none;margin:12px 0 0;font-size:.85rem}
.catalog-sync-row .import-changes dt,.catalog-sync-row .import-changes dd{margin:0;min-width:0;overflow-wrap:anywhere}
.catalog-sync-row .import-changes dt{color:var(--ink-soft)}
.catalog-sync-skipped{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);font-size:.85rem;line-height:1.5}
.catalog-sync-skipped p{margin:8px 0 0}
#catalogSyncOptions[hidden],#catalogSyncPreview[hidden]{display:none!important}
@media(max-width:760px){.catalog-sync-rows{grid-template-columns:minmax(0,1fr)}.catalog-sync-row{padding:12px}.catalog-sync-facts{gap:10px 12px}.catalog-sync-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-sync-options{padding:10px}.catalog-sync-modal .field label{letter-spacing:0;text-transform:none}.catalog-sync-options-actions{gap:4px}.catalog-sync-options-actions .btn{margin-left:0}.catalog-sync-modal .field select{padding-right:4px}}
@media(max-width:600px){.catalog-filters select{width:100%}.catalog-profile-button{margin-left:0}.catalog-category-form{padding:10px}.product-master-table>tbody>tr>td:nth-child(4){min-width:120px;max-width:160px}}
#modalBox.web-order-modal{width:min(1100px,calc(100vw - 36px));max-width:1100px}
.web-order-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.web-order-toolbar .field{flex:1;min-width:180px}.web-order-toolbar .field select{width:100%}
.web-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.web-order-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:left;box-shadow:0 4px 12px #07152c12;overflow-wrap:anywhere;min-width:0}
button.web-order-card{cursor:pointer;font:inherit}button.web-order-card:hover{border-color:var(--gold)}.web-order-card small,.web-order-card span{color:var(--ink-soft)}
.web-order-line{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.web-order-line small{display:block;color:var(--ink-soft)}.web-order-line .field{margin:0}.web-order-total{text-align:right;font-size:1.1rem}.web-order-notes{font-size:.88rem;color:var(--ink-soft)}.web-order-error{color:var(--red);font-weight:700}.web-order-origin{border:1px solid var(--gold);border-radius:12px;padding:12px;margin-bottom:16px}.web-order-origin p{font-size:.9rem;overflow-wrap:anywhere}
@media(max-width:600px){.web-order-grid{grid-template-columns:1fr}.web-order-line{grid-template-columns:minmax(0,1fr) 115px;gap:8px}.web-order-toolbar .btn{flex:1}}
.tax-screen{max-width:1400px;margin:0 auto;color:var(--ink)}
.tax-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.tax-header h2{margin:0 0 8px}.tax-header p,.tax-note{color:var(--ink-soft);line-height:1.6}
.tax-upload{position:relative;overflow:hidden;flex-shrink:0;cursor:pointer}.tax-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.tax-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.tax-summary>div{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--card)}.tax-summary span{display:block;font-size:13px;color:var(--ink-soft)}.tax-summary strong{display:block;font-size:23px;margin-top:6px}
.tax-toolbar,.tax-fields{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.tax-screen label,.tax-dialog label{display:block;font-size:13px}.tax-screen input,.tax-screen select,.tax-dialog input:not([type=checkbox]),.tax-dialog select,.tax-dialog textarea{display:block;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);max-width:100%;margin:5px 0 10px}.tax-dialog textarea{width:100%;min-height:70px}.tax-dialog input[readonly]{width:100%}
.tax-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:14px 0}.tax-table{width:100%;border-collapse:collapse;font-size:13px}.tax-table th{text-align:left;padding:12px;background:var(--paper);color:var(--ink-soft)}.tax-table td{padding:13px 12px;border-top:1px solid var(--line);vertical-align:middle}.tax-table td:first-child{min-width:180px}.tax-table td strong{display:inline-block;margin-bottom:4px}.tax-table th,.tax-table td{overflow-wrap:anywhere}
.tax-badge{display:inline-block;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.tax-due,.tax-partial{background:var(--gold);color:var(--on-gold)}.tax-overdue{color:var(--warn)}.tax-paid,.tax-zero{color:var(--ok)}.tax-cancelled{color:var(--ink-soft)}
.tax-table{min-width:760px}.tax-table th,.tax-table td{overflow-wrap:normal}.tax-table td:first-child{max-width:320px;overflow-wrap:anywhere}.tax-table td:not(:first-child){white-space:nowrap}
.tax-upload{display:flex!important;align-items:center;justify-content:center;gap:7px}.tax-upload:focus-within{outline:2px solid var(--ink);outline-offset:3px}
[data-theme="dark"] .tax-overdue,[data-theme="dark"] .tax-dialog #taxFeedback{color:#ffad99}
[data-theme="dark"] .tax-paid,[data-theme="dark"] .tax-zero{color:#8dddb4}
#modalBox.tax-dialog{width:min(1000px,calc(100vw - 28px));max-width:1000px}.tax-dialog h4{margin:24px 0 10px}.tax-dialog #taxFeedback{color:var(--warn);padding:10px;border:1px solid currentColor}.tax-empty{padding:32px;border:1px dashed var(--line);border-radius:12px;margin-top:22px}
@media(max-width:700px){.tax-header{align-items:flex-start;flex-direction:column}.tax-summary{grid-template-columns:1fr}.tax-summary>div{padding:12px}.tax-summary strong{font-size:20px}.tax-fields>*{width:100%}.tax-toolbar{align-items:stretch}.tax-table td{padding:10px}}
/* Workspace layout contract: shared page hierarchy, responsive data surfaces and editor composition. */
@media screen {
 :root{--chart-income:#1874ad;--chart-unit:#8894a3}
 [data-theme="dark"]{--chart-income:#65b8ee;--chart-unit:#a1adbc}
 #csWrap.inv-type-overlay .vp-row{min-height:34px;padding:6px 10px;font-size:12px;line-height:1.4}
 #csWrap.inv-type-overlay .vp-row>span:first-child{white-space:normal;overflow-wrap:anywhere}
 @media(pointer:coarse){#csWrap.inv-type-overlay .vp-row{min-height:44px}}
 #updTopBar{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;background:var(--gold);color:var(--on-gold);font-weight:600;font-size:14px;padding:10px 14px calc(10px + env(safe-area-inset-top,0px));box-shadow:var(--shadow-lg)}
 #updTopBar .update-later{background:transparent;color:var(--on-gold);border:1px solid currentColor}
 #updOverlay{position:fixed;inset:0;z-index:9999;background:var(--navy-900);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:var(--font-body);font-size:18px;opacity:0;transition:opacity .3s}
 #updOverlay small{color:#b5cdd4}
 #updOverlay .updspin{border-color:#ffffff33;border-top-color:var(--gold)}
 :root{--tap:44px;--workspace-gap:24px;--sidebar-width:204px;--workspace-shadow:0 4px 24px #0b3d4a06}
 [hidden]{display:none!important}
 #main{margin-left:var(--sidebar-width);background:var(--paper)}
 #topbar{min-height:64px;padding:10px 28px;gap:16px;box-shadow:none;background:var(--card)}
 #workspaceContext{font-size:13px;color:var(--ink-soft);flex:1}
 #densityBtn{min-height:34px;font-size:12px;padding:6px 12px}
 #topco .topcegbtn{border:0;background:var(--paper);color:var(--ink);padding:6px 12px;border-radius:8px;gap:12px;min-height:40px;max-width:340px}
 #topco .tc-tax{font-size:11px;color:var(--ink-soft)}
 #themeBtn{width:38px;height:38px;flex:0 0 38px}
 #pageHeader{padding:28px 28px 18px}
 #pagetitle{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.7px;white-space:normal}
 #pagesubtitle{font-size:14px;margin-top:7px;color:var(--ink-soft)}
 .page-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
 #workspaceNav{display:flex;flex-wrap:wrap;gap:6px;padding:0 28px 16px}
 .workspace-tab{padding:9px 15px;min-height:40px;border-radius:8px;font-size:13px;color:var(--ink-soft);border:1px solid transparent}
 .workspace-tab:hover{background:var(--line-soft)}
 .workspace-tab.active{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:650;box-shadow:var(--shadow)}
 #view{padding:0 28px 48px;max-width:1800px;width:100%;min-width:0}
 .btn{font-size:14px;line-height:1.35;min-height:44px;padding:10px 16px;border-radius:9px}
 .btn-sm{font-size:13px;min-height:36px;padding:7px 11px}
 .btn-gold{background:var(--gold);color:var(--on-gold);box-shadow:none}
 .btn.btn-ghost{border-color:var(--line);color:var(--ink);box-shadow:none}
 .btn-ghost:hover{background:var(--line-soft);color:var(--ink);border-color:var(--line)}
 .btn-navy{background:var(--navy-800);color:#fff;box-shadow:none}
 .card{box-shadow:var(--workspace-shadow);padding:20px;border-radius:12px}
 .field label{font-size:13px;font-weight:550;text-transform:none;letter-spacing:0}
 .field input,.field select,.field textarea{font-size:15px;border-width:1px}
 h2.sect{font-size:17px;letter-spacing:-.2px;margin:24px 0 12px;background:transparent;color:var(--ink);border:0;padding:0;border-radius:0}
 h2.sect::after{color:var(--ink-soft)}
 .card>h3:first-child{background:transparent;color:var(--ink);border:0;padding:0;margin-bottom:12px}
 #sidebarActions{padding:16px 14px 0}
 #sidebarActions .workspace-create{margin:0}
 #sidebarActions:empty{display:none}
 body.sidebar-compact #sidebarActions{padding-inline:8px}
 body.sidebar-compact .workspace-create>span{display:none}
 .empty{padding:36px 20px;line-height:1.65;color:var(--ink-soft)}
 .num{font-family:var(--font-body);font-variant-numeric:tabular-nums}
 .invoice-workspace{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--workspace-shadow)}
 .inv-list-toolbar{gap:10px;margin-bottom:20px;justify-content:flex-start;align-items:center;flex-wrap:wrap}
 .workspace-searchbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:8px}
 .workspace-searchbar .inv-header-right{flex:1 1 250px;max-width:none;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}
 .workspace-search-label{font-size:12px;color:var(--ink-soft)}
 .workspace-searchbar input{font-size:14px;min-height:44px;width:100%;background:var(--paper);padding:11px 13px;border-radius:9px;border:1px solid var(--line)}
 .workspace-searchbar .inv-range-control{min-height:44px;border-radius:9px;max-width:100%}
 .workspace-searchbar .inv-range-control .btn{font-size:13px;min-height:42px}
 .workspace-facets{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid var(--line-soft)}
 .workspace-facets #invTypeField{position:relative;margin:0;min-width:0;width:260px;max-width:100%;flex:0 1 260px;outline:none}
 .workspace-facets #invTypeField>label{background:transparent;color:var(--ink-soft);padding:0;margin:0 0 6px;border:0;font-size:12px}
 .workspace-facets #invTypeField select{font-size:13px}
 .workspace-facets #invTypeField .cs-btn{min-height:44px;font-size:14px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--paper);gap:12px}
 .workspace-facets #invTypeField.is-active .cs-btn{border-color:var(--gold)}
 .workspace-facets #invQuickFilters,.workspace-facets #bejQuickFilters{margin-left:0;flex:none;max-width:100%}
 .workspace-facets .inv-quick{display:flex;gap:6px;flex-wrap:wrap;margin:0}
 .workspace-facets .inv-quick .btn{min-height:38px;font-size:12px;border-radius:8px;padding:8px 10px}
 .workspace-facets .inv-quick .btn{display:flex;margin:0;border:1px solid var(--line);box-shadow:none;gap:7px;background:var(--card)}
 .workspace-facets .inv-quick .inv-quick-icon{display:contents}
 .workspace-facets .inv-quick .inv-quick-icon svg{width:18px;height:18px;flex:none}
 .workspace-facets .inv-quick .inv-quick-label{font-size:12px;order:1}
 .workspace-facets .inv-quick .inv-facet-count{position:static;order:2;min-width:20px;height:20px;font-size:11px;border:0;box-shadow:none;background:var(--line-soft);color:var(--ink);font-weight:600}
 .workspace-facets .inv-quick .inv-quick-label::after{display:none}
 .workspace-facets .inv-quick .btn.is-active{background:var(--info-bg);border-color:var(--info)}
 .workspace-facets .inv-quick .btn.is-active .inv-quick-label{color:var(--ink)}
 .workspace-facets #invQuickFilters,.workspace-facets #bejQuickFilters{min-height:0;padding:0}
 .workspace-results{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;padding:8px 0;margin:0;border-bottom:0}
 .workspace-results #invTypeField{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:280px;flex:0 1 280px}
 .workspace-results #invTypeField>label{margin:0;padding:0;flex:none;white-space:nowrap}
 .workspace-results #invTypeField>.cs-wrap{flex:1;min-width:0;width:auto}
 .workspace-results .inv-quick .btn{min-height:44px}
 .workspace-results .inv-bulk-select{width:210px;max-width:100%;min-width:0;flex:0 1 210px}
 .workspace-results .inv-bulk-select .cs-btn{width:100%;min-height:44px;font-size:13px;padding:10px 12px;gap:8px}
 .workspace-results.has-selection{background:var(--gold-faint);padding:12px;border-radius:8px}
 .workspace-results .inv-result-count{border:0;padding:0;background:transparent;font-size:13px;min-height:0}
 .workspace-results #invBulkMenu{max-width:280px;font-size:13px;min-height:38px;padding:8px 10px}
 .workspace-results .bej-toolbar-total{margin:0;font-size:13px;padding:0;min-width:0}
 .invoice-workspace .inv-list-toolbar{margin-bottom:8px}
 .invoice-workspace>.inv-table-scroll{margin-top:8px}
 .workspace-mobile-mode{display:none}
 .inv-filterbar{background:var(--paper);padding:16px;border:1px solid var(--line-soft);border-radius:10px;margin-bottom:16px}
 .inv-table-scroll{border:1px solid var(--line-soft);border-radius:10px;overflow:auto}
 .tbl thead th,.inv-detailed thead th,.bej-table thead th{background:var(--paper);color:var(--ink-soft);border-bottom:1px solid var(--line);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;padding-block:13px}
 .tbl tbody td{border-bottom:1px solid var(--line-soft);font-size:14px}
 .tbl tbody tr:hover{background:var(--line-soft)}
 .tbl .inv-link{font-size:14px;font-weight:600;min-height:36px}
 .inv-type{font-size:12px;min-height:30px;padding:5px 7px;border-radius:6px}
 .inv-payment-pill,.inv-summary-table .inv-payment-pill{font-size:12px;min-height:30px;padding:5px 8px}
 .inv-payment-button{min-height:36px}
 .workspace-data-table td.r,.workspace-data-table td.num{font-variant-numeric:tabular-nums}
 .inv-pager{margin-top:16px;font-size:13px}
 body[data-density="compact"] .workspace-data-table>tbody>tr>td{padding-top:6px;padding-bottom:6px}
 body[data-density="compact"] .workspace-data-table .inv-type{padding-block:3px;min-height:26px}
 body[data-density="comfortable"] .workspace-data-table>tbody>tr>td{padding-top:13px;padding-bottom:13px}
 .dashboard-actions{margin:0 0 24px;gap:10px;display:flex;flex-wrap:wrap}
 .dashboard-actions .btn{min-width:0;min-height:44px;font-size:14px;padding:10px 16px}
 .dash-tasks{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
 .dash-task{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px;min-height:110px;border-top:0;border-left:3px solid var(--gold);border-radius:10px}
 .dash-task span{font-size:13px;color:var(--ink-soft)}
 .dash-task strong{font-size:28px;grid-column:2;grid-row:1/3;align-self:center}
 .dash-task small{font-size:12px;grid-column:1}
 .dash-task.task-red{border-left-color:var(--warn)}
 .dash-task.task-orange{border-left-color:var(--gold)}
 .dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
 .dash-stat{min-height:132px;padding:18px;border-radius:10px;position:relative}
 .dash-stat-icon{width:32px;height:32px;float:right;margin-left:6px;border-radius:8px}
 .dash-stat-icon svg{width:20px;height:20px}
 .dash-stat-copy{padding:0}
 .dash-stat-label{font-size:12px;line-height:1.5}
 .dash-stat-value{font-size:22px;letter-spacing:-.5px;margin:14px 0 6px}
 .dash-stat-hint{font-size:12px}
 .workspace-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;margin-top:24px}
 .workspace-dashboard-main,.workspace-dashboard-aside{min-width:0}
 .workspace-dashboard-grid .dash-chart{margin:0;background:var(--card);padding:18px;border:1px solid var(--line);border-radius:12px}
 .workspace-dashboard-grid .draft-panel{margin-top:0}
 .workspace-dashboard-grid .draft-row{grid-template-columns:minmax(0,1fr) auto 36px;gap:12px}
 .workspace-dashboard-grid .draft-doc-icon{display:none}
 .workspace-dashboard-grid .draft-type-badge{grid-column:1;grid-row:1;font-size:12px;padding:5px 10px}
 .workspace-dashboard-grid .draft-description{grid-column:1/-1;grid-row:2}
 .workspace-dashboard-grid .draft-description b{font-size:15px}
 .workspace-dashboard-grid .draft-description>span{font-size:13px}
 .workspace-dashboard-grid .draft-amount{grid-column:2/-1;grid-row:1;font-size:16px}
 .workspace-dashboard-grid .draft-continue{grid-column:1/3;grid-row:3;justify-self:start;padding:8px 16px;font-size:13px}
 .workspace-dashboard-grid .draft-remove,.workspace-dashboard-grid .draft-remove-space{grid-column:3;grid-row:3;justify-self:end}
 .workspace-dashboard-grid .draft-row>*{min-width:0}
 .workspace-dashboard-grid .draft-panel-heading{padding:18px;flex-wrap:wrap}
 .workspace-dashboard-grid .draft-panel-heading h2{font-size:18px}
 .workspace-dashboard-grid .draft-list{padding:0 18px}
 .workspace-dashboard-grid .draft-panel-heading p{font-size:13px}
 #editor.workspace-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
 .workspace-editor-main,.workspace-editor-rail{min-width:0}
 .workspace-editor-rail{position:sticky;top:84px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;max-height:calc(100dvh - 110px);overflow:auto}
 .workspace-rail-title{font-size:17px;font-weight:650;margin:0 0 12px}
 .workspace-rail-hint{font-size:13px;line-height:1.6;color:var(--ink-soft);margin-top:16px}
 #editor.workspace-editor #sumbox,#editor.workspace-editor #sumbox.sumhide{position:static;transform:none;opacity:1;pointer-events:auto;background:var(--paper);color:var(--ink);border:0;border-radius:9px;padding:14px;margin:0;box-shadow:none;transition:none}
 #editor.workspace-editor #sumbox .srow{font-size:13px;gap:12px;flex-wrap:wrap}
 #editor.workspace-editor #sumbox .srow .num{margin-left:auto}
 #editor.workspace-editor #sumbox .tot{color:var(--ink);font-size:20px;border-top:1px solid var(--line)}
 .editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
 .workspace-editor-rail .editor-actions{flex-direction:column;align-items:stretch}
 .workspace-editor-rail .editor-actions:has(>.invoice-archive-details:first-child){margin-top:4px}
 .workspace-editor-rail .editor-actions>.btn{width:100%;white-space:normal;font-size:13px}
 .workspace-editor-rail .invoice-return{width:100%}
 .workspace-editor-rail .invoice-return .btn{width:100%}
 .workspace-editor .stepbar{position:static;border-radius:10px;padding:10px;box-shadow:none;gap:6px}
 .workspace-editor .stchip{font-size:12px;padding:6px}
 .workspace-editor .stline{flex:1;min-width:6px}
 .workspace-editor .wizbtn{animation:none}
 .workspace-editor .vkiem input,.workspace-editor .vkiem select,.workspace-editor .vkiem .cs-btn{border:1px solid var(--line)!important;background:var(--card)}
 .workspace-editor .vkiem label{color:var(--ink-soft);font-weight:550}
 .editor-product-search{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:14px}
 #editor.workspace-editor .tetel{border:1px solid var(--line);border-left:3px solid var(--line);background:var(--card);box-shadow:none}
 #editor.workspace-editor .tetel:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-faint)}
 .workspace-editor .doctype-pill{font-size:12px;padding:6px 10px;border-color:var(--line);background:var(--paper);color:var(--ink)}
 .workspace-issued .workspace-rail-title::after{content:' · kiállítva';font-weight:400;font-size:12px;color:var(--ink-soft)}
 #modalWrap:has(.new-document-drawer){justify-content:center;padding:24px;background:#06273155;backdrop-filter:blur(2px)}
 #modalBox.new-document-drawer{max-width:740px;padding:24px;max-height:calc(100dvh - 48px);border-radius:16px}
 .new-doc-heading{background:transparent;padding:0 0 18px;border-bottom:1px solid var(--line);border-radius:0}
 #modalBox .new-doc-heading h3{font-size:21px}
 .new-doc-content{padding:18px 0 4px}
 .new-doc-intro{font-size:13px;color:var(--ink-soft);margin-bottom:20px;line-height:1.6}
 .new-doc-group{border:0;padding:0;margin:0 0 22px;min-width:0}
 .new-doc-group legend{font-size:13px;color:var(--ink-soft);font-weight:650;margin-bottom:10px}
 .new-doc-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .new-doc-option{min-height:92px;padding:13px 34px 13px 13px;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-content:center;align-items:center;border-radius:10px}
 .new-doc-type-icon{grid-row:1/3}
 .new-doc-option strong{font-size:14px;padding:0}
 .new-doc-option small{font-size:12px;line-height:1.45;color:var(--ink-soft)}
 .new-doc-option:has(input:checked){background:var(--gold-faint);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
 .new-doc-form{background:var(--paper);padding:14px;border-radius:10px}
 .new-doc-form .new-doc-switch{margin:0;font-size:14px}
 .new-doc-switch-track{pointer-events:none}
 .new-doc-form p{margin:8px 0 0;font-size:12px;color:var(--ink-soft)}
 .new-doc-footer{justify-content:space-between;gap:16px}
 .new-doc-footer .btn{min-width:0;font-size:14px}
 .workspace-settings{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}
 .workspace-settings-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:6px}
 .workspace-setting-link{padding:12px 14px;border:1px solid transparent;border-radius:8px;text-align:left;font-size:13px;color:var(--ink-soft)}
 .workspace-setting-link[aria-pressed="true"]{background:var(--card);color:var(--ink);border-color:var(--line);font-weight:650}
 .workspace-settings-content{min-width:0;max-width:1060px}
 .workspace-settings-section{margin-bottom:24px}
 .workspace-settings-section>h2.sect{margin-top:0}
 .settings-save-actions{position:sticky;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:12px;z-index:8;box-shadow:var(--shadow-lg)}
 .settings-save-actions .btn{font-size:12px;min-height:38px}
 .connections-intro{max-width:800px;font-size:14px;color:var(--ink-soft);line-height:1.7;margin-bottom:24px}
 .connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
 .connection-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
 .connection-card h2{font-size:18px}
 .connection-card p{font-size:14px;line-height:1.65;color:var(--ink-soft)}
 .connection-card .connection-card-state{font-size:12px;margin-top:auto}
 .connection-card-icon{display:grid;place-items:center;background:var(--info-bg);color:var(--icon-info);width:42px;height:42px;border-radius:10px}
 .doc-review-header{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
 .doc-review-layout{grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);gap:24px}
 .doc-review-fields{background:var(--paper);padding:20px;border-radius:10px}
 .bank-card{border-radius:12px;padding:20px}
 .bank-totals{gap:16px}
 .bank-totals>div{background:var(--paper);padding:14px;border-radius:10px;flex:1;min-width:150px;line-height:1.7}
 .bank-table .bank-memo{min-width:140px}
 .bank-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-bottom:20px}
 .bank-workspace .bank-table{margin:0;min-width:0}
 .bank-inspector{position:sticky;top:84px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px}
 .bank-inspector h3{font-size:17px;margin-bottom:14px}
 .bank-inspector p{font-size:13px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}
 .bank-inspector dl{font-size:13px;line-height:1.6}.bank-inspector dt{color:var(--ink-soft);margin-top:12px}.bank-inspector dd{margin:4px 0;overflow-wrap:anywhere}
 .bank-inspector .btn{width:100%;margin-top:18px}
 .bank-inspect-link{font-size:13px;color:var(--info);padding:6px 0;text-align:left}
 .lockbox{border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px #06273118}
 .lockhead{background:var(--navy-900);padding:28px}
 .lockhead h1{color:#fff;font-size:28px;font-family:var(--font-body)}
 .lockhead .sub{color:#b5cdd4;letter-spacing:0;text-transform:none}
 .lockhead .brand-lockup{font-size:28px;gap:12px}
 .lockhead .brand-lockup .brand-mark{width:58px;height:61px;flex-basis:58px}
 .lockhead .brand-lockup .sub{font-size:12px}
 @media(max-width:400px){.lockhead .brand-lockup{font-size:23px;gap:9px}.lockhead .brand-lockup .brand-mark{width:48px;height:51px;flex-basis:48px}.lockhead .brand-lockup .sub{font-size:10px}}
 .guilloche{display:none}
 @media(max-width:1300px){
  #editor.workspace-editor{grid-template-columns:minmax(0,1fr) 250px;gap:16px}
  .workspace-dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .dash-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}
 }
 @media(max-width:1100px){#editor.workspace-editor{grid-template-columns:minmax(0,1fr)}.workspace-editor-rail{position:static;max-height:none}.workspace-editor-rail .editor-actions{flex-direction:row}.workspace-editor-rail .editor-actions>.btn{width:auto;flex:1 1 160px}.bank-workspace{grid-template-columns:minmax(0,1fr)}.bank-inspector{position:static}}
 @media(max-width:1000px){
  #main{margin-left:0}#topbar{padding:10px 16px;min-height:60px;gap:10px}
  #pageHeader{padding:22px 18px 14px}#workspaceNav{padding:0 18px 14px}#view{padding:0 18px 110px}
  #workspaceContext{display:none}#topco{margin-left:auto;max-width:60vw}#topco .topcegbtn{max-width:100%;font-size:13px}
  #pagetitle{font-size:25px}.workspace-settings{grid-template-columns:1fr}.workspace-settings-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .settings-save-actions{bottom:84px}.doc-review-layout{grid-template-columns:1fr;overflow:auto}
  #bottomNav{background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 20px #06273108}
  #bottomNav button{color:var(--ink-soft);animation:none;font-size:11px}#bottomNav button.active{color:var(--ink);background:var(--gold-faint);animation:none}
 }
 @media(max-width:640px){
  #densityBtn{display:none}#pageHeader{padding:18px 14px 12px}#pagetitle{font-size:23px}#pagesubtitle{font-size:13px}
  #workspaceNav{padding:0 14px 12px;gap:4px}.workspace-tab{font-size:12px;padding:8px 10px}#view{padding:0 10px 100px}
  .invoice-workspace{padding:14px 10px;border-radius:12px}.inv-list-toolbar{gap:8px;margin-bottom:16px;flex-direction:row}.inv-list-toolbar>.btn{flex:1 1 140px;font-size:13px;padding:10px}
  .workspace-searchbar{gap:8px}.workspace-searchbar .inv-header-right{flex-basis:100%;width:100%}.workspace-searchbar .inv-range-control{flex:1;min-width:0}.workspace-searchbar .inv-range-control .btn{font-size:12px;white-space:normal}
  .workspace-facets{gap:12px}.workspace-facets #invTypeField{max-width:none;flex-basis:100%}.workspace-facets #invQuickFilters,.workspace-facets #bejQuickFilters{margin-left:0;width:100%}
  .workspace-facets .inv-quick{width:100%;justify-content:space-between}.workspace-facets .inv-quick .btn{flex:1;min-height:44px;padding:8px 5px}
  .workspace-results{gap:8px}.workspace-results #invBulkMenu{max-width:100%;flex:1}.workspace-mobile-mode{display:inline-flex;font-size:12px;min-height:38px}.workspace-results .bej-toolbar-total{width:100%;margin:0}
  body:not(.mobile-table-view) .workspace-data-table{display:block;width:100%;min-width:0!important;table-layout:auto}
  body:not(.mobile-table-view) .workspace-data-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body:not(.mobile-table-view) .workspace-data-table>tbody{display:grid;gap:12px}
  body:not(.mobile-table-view) .workspace-data-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;gap:8px}
  body:not(.mobile-table-view) .workspace-data-table>tbody>tr>td:nth-child(n){display:block!important;width:auto!important;min-width:0;max-width:none;border:0;padding:4px!important;text-align:left;white-space:normal;overflow-wrap:anywhere}
  body:not(.mobile-table-view) .workspace-data-table>tbody>tr>td::before{content:attr(data-column-label);display:block;font-size:11px;color:var(--ink-soft);margin-bottom:5px;font-weight:400}
  body:not(.mobile-table-view) .workspace-data-table>tbody>tr>td[colspan]{grid-column:1/-1}
  body:not(.mobile-table-view) .workspace-data-table>tbody>tr>td:has(.vevocell,.inv-link,.bej-partner-link){grid-column:1/-1}
  body:not(.mobile-table-view) .inv-table-scroll{border:0;overflow:visible}
  body:not(.mobile-table-view) .invoice-workspace :is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type{min-width:0;max-width:100%;height:auto;padding:5px 7px;gap:4px;justify-content:flex-start}
  body:not(.mobile-table-view) .invoice-workspace :is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type[data-invoice-type]>span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}
  body:not(.mobile-table-view) .invoice-workspace :is(.inv-detailed,.bej-table,.inv-summary-table) .inv-type svg{width:20px;height:20px;flex:0 0 20px}
  body:not(.mobile-table-view) .invoice-workspace .bej-table .bej-category-text,body:not(.mobile-table-view) .invoice-workspace .bej-table .inv-payment-label{display:inline}
  body:not(.mobile-table-view) .invoice-workspace .bej-table .inv-payment-pill{width:auto;min-width:0;height:auto;gap:4px;padding:5px}
  body:not(.mobile-table-view) .invoice-workspace .bej-table .inv-payment-pill svg{width:20px;height:20px;flex:0 0 20px}
  body.mobile-table-view .workspace-data-table{min-width:760px!important}
  .dash-tasks{gap:10px}.dash-task{padding:14px;min-height:108px;grid-template-columns:1fr}.dash-task strong{grid-column:1;grid-row:auto;font-size:25px}.dash-task small{font-size:11px}
  .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-stat{padding:14px}.dash-stat-value{font-size:20px}
  .workspace-editor .card{padding:14px}.workspace-editor .stepbar{gap:3px}.workspace-editor .stchip{font-size:11px;padding:5px 3px}
  .workspace-editor-rail{padding:16px}.workspace-editor-rail .editor-actions>.btn{flex-basis:100%}
  #modalWrap:has(.new-document-drawer){padding:0}#modalBox.new-document-drawer{height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:18px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  #modalBox .new-doc-heading h3{font-size:19px}.new-doc-types{grid-template-columns:1fr}.new-doc-option{min-height:76px}.new-doc-footer .btn{font-size:13px;padding:10px 12px}
  .connections-grid{grid-template-columns:1fr}.settings-save-actions{position:static}.workspace-settings-nav{gap:4px}.workspace-setting-link{font-size:12px;padding:9px}
  .field input,.field select,.field textarea{font-size:16px}.doc-review-fields{padding:14px}
 }
 /* Invoice lists: header, overview, one shared control band, then the data. */
 body.workspace-unified #topbar{min-height:48px;padding:5px 20px}
 body.workspace-unified #pageHeader{padding:14px 20px 8px;background:radial-gradient(ellipse at 100% 0,var(--gold-faint),transparent 40%)}
 body.workspace-unified .page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center}
 body.workspace-unified .page-title-row{grid-column:1/-1}
 body.workspace-unified #pagetitle{font-size:24px;line-height:1.2}
 body.workspace-unified #pagesubtitle{font-size:12px;margin-top:4px}
 body.workspace-unified #invOverviewToggle{flex-direction:row;gap:8px;padding:0;font-size:11px}
 body.workspace-unified #workspaceNav{padding:0;gap:4px}
 body.workspace-unified .workspace-tab{min-height:28px;padding:4px 10px;font-size:12px;border-radius:6px}
 body.workspace-unified #view{padding:0 20px 28px}
 .invoice-workspace{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 .invoice-workspace .inv-list-toolbar{gap:8px;margin:0 0 10px}
 .invoice-workspace .inv-list-toolbar>.btn{min-height:36px;padding:8px 12px;font-size:12px;border-radius:7px}
 .invoice-workspace .inv-list-toolbar>.btn svg{width:18px;height:18px}
 .invoice-workspace .inv-list-toolbar>.btn .ui-icon{width:22px;height:22px;background:transparent}
 .workspace-results{gap:6px;padding:8px 0 0;align-items:center}
 .workspace-results .workspace-searchbar{display:contents}
 .workspace-results .workspace-search-label,.workspace-results #invTypeField>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .workspace-results .inv-header-right{flex:1 1 140px;min-width:140px;gap:0}
 .workspace-results .inv-header-right input{min-height:34px;height:34px;padding:7px 10px;font-size:12px;border-radius:6px;background:var(--card)}
 .workspace-results .inv-range-control{min-height:34px;border-color:var(--line);border-radius:6px;flex:0 1 auto}
 .workspace-results .inv-range-control .btn{min-height:32px;padding:5px 8px;font-size:11px;gap:8px}
 .workspace-results .inv-range-control svg{width:17px;height:17px;order:-1}
 .workspace-results .inv-range-control :is(#invRangeClear,#bejRangeClear,.inv-range-clear){order:1;min-width:28px;font-size:18px;border:0;border-left:1px solid var(--line);border-radius:0 5px 5px 0}
 .workspace-results #invTypeField{width:110px;flex:0 1 110px;border:0;box-shadow:none;gap:0;background:transparent}
 .workspace-results #invTypeField .cs-btn{min-height:34px;height:34px;padding:6px 8px;font-size:12px;border-radius:6px;background:var(--card);gap:6px}
 .workspace-results .inv-bulk-select{width:146px;flex:0 1 146px}
 .workspace-results .inv-bulk-select .cs-btn{min-height:34px;height:34px;padding:6px 8px;font-size:11px;border-radius:6px}
 .workspace-results .inv-result-count{min-height:34px;padding:6px 9px;border:1px solid var(--gold-soft);background:var(--gold-faint);font-size:11px;font-weight:650}
 .workspace-results .inv-quick{gap:5px}
 .workspace-results .inv-quick .btn{min-height:34px;padding:6px 7px;border-radius:6px;gap:5px}
 .workspace-results .inv-quick .inv-quick-label{font-size:11px}
 .workspace-results .inv-quick .inv-facet-count{min-width:16px;height:16px;font-size:10px}
 .workspace-results .inv-quick .inv-quick-icon svg{width:14px;height:14px}
 .workspace-results :is(#invFilterButton,#bejFilterButton,.bej-menu-trigger){min-height:34px;padding:6px 9px;font-size:11px;border-radius:6px}
 .workspace-results :is(#invFilterButton,#bejFilterButton) svg{width:17px;height:17px}
 .workspace-results.has-selection{padding:8px;border:1px solid var(--gold-soft)}
 .invoice-workspace>.inv-table-scroll{margin-top:8px;border-radius:8px;background:var(--card)}
 .invoice-workspace .workspace-data-table>thead>tr>th{background:var(--navy-900);color:#fff;padding-block:9px;font-size:11px;border-bottom:0}
 .invoice-workspace .inv-sort-button{color:inherit}
 .invoice-workspace .inv-sort-icon{width:22px;height:22px;min-width:22px;border-radius:5px;color:#d9e9ed;background:#ffffff12}
 .invoice-workspace .inv-sort-button.is-active .inv-sort-icon{background:var(--gold);color:var(--on-gold)}
 .invoice-workspace .inv-email-refresh{width:24px;height:24px;font-size:18px;background:#ffffff12;color:#d9e9ed;border:0}
 .invoice-workspace :is(.inv-detailed,.bej-table) th .inv-sort-button{min-height:28px;padding:2px 0;font-size:11px}
 .invoice-workspace :is(.inv-detailed,.bej-table) .inv-sort-icon,.invoice-workspace :is(.inv-detailed,.bej-table) th .inv-email-refresh{width:22px;height:24px;min-height:24px;flex-basis:22px}
 .invoice-workspace .inv-detailed .inv-email-icon{width:36px;min-width:36px;height:32px;min-height:32px;border-radius:6px;box-shadow:none}
 .invoice-workspace .inv-detailed .inv-email-icon>svg:not(.inv-email-chevron){width:21px;height:21px;flex-basis:21px}
 body[data-density="comfortable"] .invoice-workspace .workspace-data-table>tbody>tr>td{padding-block:7px;font-size:13px}
 body[data-density="compact"] .invoice-workspace .workspace-data-table>tbody>tr>td{padding-block:5px;font-size:12px}
 .invoice-workspace .workspace-data-table .inv-link{font-size:13px;min-height:28px}
 .invoice-workspace .workspace-data-table .btn{min-height:30px;padding:5px 7px;border-radius:6px;font-size:12px}
 .invoice-workspace .workspace-data-table .btn svg{width:18px;height:18px}
 .invoice-workspace .workspace-data-table :is(.inv-type,.inv-payment-pill){min-height:28px;padding-block:4px;font-size:12px}
 .invoice-workspace .workspace-data-table .inv-type svg{width:18px;height:18px;flex-basis:18px}
 .invoice-workspace .inv-list-amount>strong{font-size:14px;line-height:1.3}
 .invoice-workspace .inv-list-amount>small{font-size:10px;line-height:1.3;margin-top:2px}
 .invoice-workspace .nav-status-icon{width:30px;height:30px;font-size:20px}
 .invoice-workspace .inv-pager{margin-top:10px;font-size:12px}
 .invoice-workspace .inv-pager .btn{min-height:32px;padding:6px 9px}
 #invStats:not([hidden]){grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:0 10px;padding:0;margin:0;border:0;background:transparent;align-items:stretch}
 #invStats .inv-chart-main{background:var(--card);padding:12px 14px 0;border:1px solid var(--line-soft);border-radius:10px}
 #invStats .inv-chart-header{gap:8px;margin-bottom:4px;min-height:28px}
 #invStats .inv-chart-header>strong{font-size:15px;line-height:1.4;color:var(--heading-ink)}
 #invStats .inv-chart-header small{font-size:11.5px;margin-left:9px;display:inline-block}
 #invStats .inv-year-picker{padding:2px 3px 2px 8px;gap:7px;border-color:var(--gold-soft);border-radius:6px;box-shadow:none;font-size:10px}
 #invStats .inv-year-picker .cs-wrap{width:116px;flex:0 0 116px}
 #invStats .inv-year-picker .cs-btn{min-height:26px;height:26px;padding:4px 7px;font-size:12px;border-color:var(--gold-soft)}
 #invStats .monthly-chart-scroll{padding:0;border:0;background:transparent;border-radius:0}
 #invStats .monthly-chart-scroll>svg{display:block;width:100%;height:auto;min-width:600px;aspect-ratio:760/176}
 #invStats .monthly-chart-scroll svg text{font-weight:600}
 #invStats .monthly-chart-scroll svg text:not([data-app-tooltip]){fill:var(--caption-ink)}
 #invStats .doc-notice{margin:4px 0;padding:7px 9px;font-size:11px;line-height:1.4;border-radius:6px}
 #invStats .inv-monthly-report>summary{width:fit-content;max-width:100%;justify-self:start;min-height:27px;margin:0;padding:4px 6px;border:0;border-radius:6px;background:transparent;font-size:11px;font-weight:500;gap:4px}
 #invStats .inv-monthly-report>summary svg{width:15px;height:15px}
 #invStats .inv-report-chevron{flex-basis:16px;width:16px;margin-left:0}
 #invStats .inv-report-year{padding:2px 4px}
 #invStats>aside{padding:8px;background:var(--card);border:1px solid var(--line-soft);border-radius:10px}
 #invStats .inv-summary-caption{font-size:10px;margin:0 3px 5px}
 #invStats .inv-summary{gap:5px}
 #invStats .inv-metric{min-height:36px;padding:5px 9px;gap:8px;border:0;background:var(--paper);border-radius:6px}
 #invStats .inv-metric-icon,#invStats .inv-metric-icon svg{width:20px;height:20px}
 #invStats .inv-metric-name{font-size:11px}
 #invStats .inv-metric-name small{font-size:9px;margin-top:1px}
 #invStats .inv-metric strong{font-size:14px}
 #invStats .inv-summary-total{margin-top:5px;min-height:38px;background:var(--gold-soft);gap:6px}
 #invStats .inv-summary-total .inv-summary-count{font-size:11px}
 @media(max-width:850px){
  #invStats:not([hidden]){grid-template-columns:1fr;gap:8px}
  #invStats .inv-chart-main{border-bottom:1px solid var(--line-soft);border-radius:8px}
  #invStats .inv-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  #invStats .inv-metric strong{width:auto;margin-left:auto}
  #invStats .inv-summary-total{display:flex;justify-content:space-between}
 }
 @media(max-width:640px){
  body.workspace-unified #topbar{padding:5px 12px}
  body.workspace-unified #pageHeader{padding:12px 12px 6px}
  body.workspace-unified .page-heading{grid-template-columns:1fr}
  body.workspace-unified #workspaceNav{padding:3px 0}
  body.workspace-unified #view{padding:0 10px 100px}
  .workspace-results .inv-header-right{flex-basis:100%}
  .workspace-results .inv-range-control{flex:1 1 230px}
  .workspace-results #invTypeField{flex:1 1 130px}
  .workspace-results .inv-quick .btn{min-height:44px}
  .workspace-results :is(.cs-btn,#invFilterButton,#bejFilterButton,.bej-menu-trigger),.workspace-results #invTypeField .cs-btn,.workspace-results .inv-bulk-select .cs-btn,.workspace-results .inv-range-control .btn,.workspace-results .inv-header-right input{min-height:44px;height:auto}
  .invoice-workspace .inv-list-toolbar>.btn{min-height:44px;flex:1 1 120px}
  #invStats .inv-chart-header{flex-wrap:wrap}#invStats .inv-metric{gap:4px}#invStats .inv-metric strong{font-size:12px}
 }
 /* Final list hierarchy: restrained chrome and readable archival rows. */
 #workspaceTopSearch{display:flex;align-items:center;gap:8px;flex:1;max-width:480px;margin-left:auto;padding:0 10px;background:var(--paper);border:1px solid var(--line-soft);border-radius:7px;color:var(--ink-soft)}
 #workspaceTopSearch>svg{width:17px;height:17px;flex:none}
 #workspaceSearchInput{width:100%;min-width:0;height:32px;border:0;background:transparent;color:var(--ink);font:400 12px var(--font-body);outline-offset:2px}
 body.workspace-unified #workspaceContext{display:none}
 body.workspace-unified #topbar{min-height:44px;padding-block:4px;gap:12px}
 body.workspace-unified #topco .topcegbtn{min-height:34px;padding:3px 10px;font-size:12px}
 body.workspace-unified #pageHeader{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}
 body.workspace-unified #pageHeader::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:250px;height:280px;right:-75px;top:-205px;border:35px solid var(--gold-faint);border-radius:45%;transform:rotate(-35deg)}
 body.workspace-unified #pagetitle{position:relative;display:block;padding-left:44px;font-size:22px;line-height:27px;letter-spacing:-.45px;font-weight:750;color:#101d3b}
 [data-theme="dark"] body.workspace-unified #pagetitle{color:var(--ink)}
 #pagetitle>.workspace-heading-icon{position:absolute;left:0;top:0;width:30px;height:42px;color:#0b5262;filter:drop-shadow(0 1px 1px #0b3d4a14)}
 [data-theme="dark"] #pagetitle>.workspace-heading-icon{color:#8bcbd6}
 .invoice-workspace .inv-list-toolbar [data-app-icon="cart"]{color:var(--icon-success)}
 body.workspace-unified #pagesubtitle{align-self:start;margin:2px 0 0 44px;font-size:11px;line-height:1.45;font-weight:600}
 body.workspace-unified .page-heading{row-gap:1px}
 body.workspace-unified #pageHeader{padding-bottom:6px}
 body.workspace-unified .workspace-tab{min-height:24px;padding-block:2px}
 .invoice-workspace .inv-list-toolbar{gap:9px}
 .invoice-workspace .inv-list-toolbar>.btn{height:32px;min-height:32px;padding:6px 14px;gap:8px;font-size:11.5px;font-weight:650;border-radius:7px;box-shadow:0 2px 5px #0b3d4a10}
 .invoice-workspace .inv-list-toolbar>.btn-ghost{background:linear-gradient(180deg,var(--card),var(--paper));border-color:var(--line);box-shadow:inset 0 0 0 .5px var(--line),0 2px 5px #0b3d4a0c}
 .invoice-workspace .inv-list-toolbar>.btn-gold{background:linear-gradient(135deg,#ff9d00,#ff9300);color:var(--on-gold);box-shadow:0 2px 5px #f59e0b20}
 .invoice-workspace .inv-list-toolbar>.btn svg{width:16px;height:16px}
 .invoice-workspace .inv-list-toolbar .app-action-icon{flex:0 0 16px;width:16px;height:16px;min-width:16px;padding:0;background:transparent;border:0;border-radius:0}
 .invoice-workspace .inv-list-toolbar .app-action-icon svg{width:16px;height:16px}
 .workspace-results #invTypeField{width:180px;flex-basis:180px;gap:6px}
 .workspace-results .inv-bulk-select{width:180px;flex-basis:180px}
 .workspace-results #invTypeField>label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-size:11px;flex:none}
 .workspace-results #invTypeField .cs-btn{font-weight:500}
 .workspace-results .inv-header-right{flex-basis:210px;min-width:190px}
 .invoice-workspace :is(.inv-detailed,.bej-table)>thead>tr>th{height:40px;padding-block:5px;font-weight:550;font-size:11px}
 .invoice-workspace .inv-detailed :is(th,td):nth-child(3){width:1%;min-width:0}
 .invoice-workspace .inv-detailed :is(th,td):nth-child(4){width:auto;min-width:0}
 .invoice-workspace :is(.inv-detailed,.bej-table) th .inv-sort-button{min-height:26px;font-size:11px;font-weight:550}
 .invoice-workspace :is(.inv-detailed,.bej-table) th .inv-sort-icon{width:18px;height:22px;min-width:18px;min-height:22px;flex-basis:18px;background:transparent;border:0}
 .invoice-workspace :is(.inv-detailed,.bej-table) th .inv-sort-icon svg{width:15px;height:15px}
 .invoice-workspace :is(.inv-detailed,.bej-table) th .inv-email-refresh{width:20px;height:22px;min-height:22px;background:transparent}
 .invoice-workspace .inv-detailed .inv-row-actions{display:flex;justify-content:flex-end;gap:5px;width:auto;min-width:0}
 .invoice-workspace .inv-detailed .inv-row-actions .btn{flex:0 0 28px;width:28px;min-width:28px;min-height:28px;height:28px;padding:4px;grid-column:auto}
 .invoice-workspace .inv-detailed .inv-archive-payment{display:inline-flex;min-height:26px;width:auto;padding:4px 7px;gap:5px;border:0;border-radius:6px;background:var(--line-soft);font-size:11px;line-height:1.3}
 .invoice-workspace .inv-detailed .inv-archive-payment>span:last-child{position:static;width:auto;height:auto;padding:0;margin:0;clip-path:none;overflow:visible}
 .invoice-workspace .inv-detailed .inv-archive-question{height:16px;flex-basis:16px;font-size:10px;font-weight:500}
 .invoice-workspace .inv-detailed .inv-payment-button{min-height:28px}
 .invoice-workspace .inv-detailed .inv-archive-unavailable>span{width:28px;min-height:26px}
 .invoice-workspace .inv-detailed .inv-type-source{margin-top:2px;font-size:9px;line-height:1.2}
 .invoice-workspace .inv-detailed .inv-number-cell{display:flex;align-items:center;gap:4px;min-width:0;width:fit-content;max-width:100%}
 .invoice-workspace .inv-detailed .inv-number-cell .inv-link{font-size:12px;font-weight:450;line-height:1.35;min-height:26px;min-width:0;max-width:100%;user-select:text;text-align:left}
 .inv-number-copy{flex:0 0 22px;width:22px;height:26px;min-height:26px;padding:3px;border-radius:4px;color:var(--ink-soft);opacity:.45}
 .inv-number-copy svg{width:15px;height:15px}
 .inv-number-cell:hover .inv-number-copy,.inv-number-copy:focus-visible{opacity:1;background:var(--line-soft)}
 #invStats .inv-summary-note{display:flex;align-items:flex-start;gap:6px;margin:6px 2px;padding:6px 7px;font-size:10px;line-height:1.4;color:var(--ink-soft);background:var(--info-bg);border-radius:5px}
 #invStats .inv-summary-note>span:first-child{flex:none;color:var(--icon-info);font-size:13px}
 #invStats .inv-metric strong{font-size:13px;font-weight:650}
 #invStats .inv-chart-header>strong{font-weight:750}
 #invStats .inv-monthly-report>summary{justify-content:flex-start;color:var(--ink-soft);font-weight:700}
 @media(min-width:851px){#invStats:not([hidden]){grid-template-rows:minmax(0,1fr) auto}#invStats>aside{grid-row:1}#invStats .inv-monthly-report>summary{grid-row:1;align-self:end;margin:0 14px 6px;z-index:1}#invStats .inv-monthly-report>.inv-report-body{grid-row:2}}
 @media(max-width:850px){#invStats .inv-monthly-report>summary{position:relative;margin:-38px 14px 6px}}
 @media(min-width:1101px){.workspace-results .inv-header-right{display:none}}
 @media(max-width:1100px){#workspaceTopSearch{display:none}body.workspace-unified #topco{margin-left:auto}}
 @media(max-width:640px){
  .workspace-results #invTypeField{flex-basis:100%}
  .invoice-workspace .inv-list-toolbar>.btn{height:auto;min-height:44px}
  .invoice-workspace .inv-detailed .inv-number-cell{max-width:100%}
  .invoice-workspace .inv-detailed .inv-number-cell .inv-link{font-size:13px}
  .inv-number-copy{width:32px;height:36px;flex-basis:32px}
  body.workspace-unified #pagetitle{font-size:20px}
 }
 @media(prefers-reduced-motion:reduce){.workspace-tab,.workspace-setting-link{transition:none}}
 /* Shared hierarchy for application headings and their secondary captions.
    Screen-only: invoice/PDF typography and semantic status colours are independent. */
 :root{--heading-ink:#101d3b;--caption-ink:#718096}
 [data-theme="dark"]{--heading-ink:#e6edf7;--caption-ink:#adbbce}
 #pagetitle,.card>h3:first-child,h2.sect,.workspace-rail-title,
 .draft-panel-heading h2,.evat-heading h2,.inv-report-body>header h3,
 #modalBox h3,.connection-form-heading{color:var(--heading-ink);font-weight:750}
 #pagesubtitle,.inv-chart-header small,.inv-summary-caption,.inv-report-body>header p,
 .draft-panel-heading p,.evat-heading p,.feedback-heading p,
 .dash-stat-label,.dash-stat-hint,.dash-task>span,.dash-task>small,
 .dash-chart-kpis small,.dash-chart-note,.stat .hint,
 .workspace-rail-hint,.workspace-search-label,.field>label,
 .inv-annual-totals>div>span,.inv-metric-name,.inv-metric-name small,
 .workspace-editor .vkiem label,.workspace-results #invTypeField>label{
   color:var(--caption-ink);font-weight:600;
 }
 #invStats .inv-chart-main,#invStats>aside{box-shadow:0 3px 14px #0b3d4a05}
 #invStats .inv-year-picker{background:var(--card);font-weight:650;color:var(--caption-ink)}
 #invStats .inv-year-picker .cs-btn{color:var(--heading-ink);font-weight:700}
 .workspace-results .workspace-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;max-width:100%}
 .workspace-results .workspace-status-actions :is(#invQuickFilters,#bejQuickFilters){width:auto;min-width:0;margin:0}
 .workspace-results .workspace-status-actions .inv-quick{width:auto;flex-wrap:nowrap}
 .workspace-results .workspace-status-actions :is(#invFilterButton,#bejFilterButton){flex:none}
 @media(max-width:640px){.workspace-results .workspace-status-actions{flex-wrap:wrap;width:100%}.workspace-results .workspace-status-actions .inv-quick .btn{flex:none}}
}

/* Keep report explanations available without pushing the monthly figures down. */
@media screen{
 .inv-report-body>header{padding:10px 14px}
 .inv-report-body>header h3{color:#fff}
 .inv-report-body>header p{color:#d7e2f3;margin-top:3px}
 .inv-report-info{margin:0;padding:0 14px 8px;background:var(--paper)}
 .inv-report-info>summary{width:fit-content;cursor:pointer;color:var(--ink-soft);font-size:11px;padding:4px 0}
 .inv-report-info .inv-balance-note{padding:8px 0}
 .inv-report-info .inv-source-status,.inv-report-info .inv-report-source-actions{padding:8px 0}
}

@media screen{.evat-heading h2{color:#fff}.evat-heading p{color:#d7e2f3}}

.inv-breakdown-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:8px 14px;background:var(--paper)}
.inv-breakdown-heading>h4{margin:0;font-size:13px;color:var(--ink)}
.inv-breakdown-heading>.inv-report-info,.inv-breakdown-heading>.inv-report-info::details-content{display:contents}
.inv-breakdown-heading>.inv-report-info>summary{justify-self:end;margin:0;text-align:right}
.inv-report-info-content{grid-column:1/-1;min-width:0}
.inv-report-info:not([open])>.inv-report-info-content{display:none}
.inv-monthly-report .inv-breakdown-caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

#invStats .inv-monthly-toggle-icon svg{stroke-width:2.5}

@media(min-width:851px){
 #invStats>aside{display:flex;flex-direction:column}
 #invStats #invSummary{display:flex;flex-direction:column;flex:1}
 #invStats #invSummary>.inv-summary{flex:3 0 auto;grid-template-rows:repeat(3,minmax(36px,1fr))}
 #invStats #invSummary>.inv-summary-total{flex:1 0 38px}
}

.workspace-action-row>#workspaceNav{flex:0 1 auto;min-width:0;max-width:100%;order:1;margin:0}
.workspace-action-row>.workspace-shop-action{order:2;margin-left:auto}
.workspace-action-row>.workspace-nav-action{order:3;margin-left:auto}
.workspace-action-row:has(.workspace-shop-action)>.workspace-nav-action{margin-left:0}
@media(max-width:850px){
 .workspace-action-row>#workspaceNav{max-width:100%;flex-wrap:wrap}
 .invoice-workspace .workspace-action-row>.btn{flex:0 0 auto}
}

.workspace-action-row #workspaceNav .workspace-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;min-height:32px;padding:6px;font-size:11.5px;font-weight:650;border-radius:7px;white-space:nowrap}
#workspaceNav .workspace-tab>.app-icon{width:16px;height:16px;flex:0 0 16px}
#workspaceNav .workspace-tab.active>.app-icon{color:var(--on-gold)}
@media(max-width:640px){.workspace-action-row #workspaceNav .workspace-tab{height:44px;min-height:44px}}

.workspace-secondary-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.workspace-secondary-controls>.inv-header-right{margin-left:auto;flex:0 1 360px;min-width:180px}
.workspace-secondary-controls input,.workspace-secondary-controls select,.workspace-secondary-controls>.btn{min-height:34px;height:34px;font-size:12px;padding:6px 10px}
.workspace-secondary-controls>.inv-header-right input{width:100%}
body:is([data-screen="cases"],[data-screen="recurring"]) .invoice-workspace .workspace-data-table>thead>tr>th{height:40px;padding-block:5px;font-size:11px}

body:is([data-screen="cases"],[data-screen="recurring"]) #topco{margin-left:auto}
.invoice-workspace .workspace-secondary-controls .inv-header-right input{min-height:34px;height:34px;font-size:12px;padding:6px 10px}
#workspacePrimaryAction{display:flex;align-items:center;flex:0 0 auto}
#workspacePrimaryAction[hidden]{display:none}
#workspacePrimaryAction>.btn{height:32px;min-height:32px;padding:6px 14px;gap:8px;font-size:11.5px;font-weight:650;border-radius:7px;white-space:nowrap}
#workspacePrimaryAction .app-action-icon,#workspacePrimaryAction .app-action-icon svg{width:16px;height:16px;min-width:16px;padding:0;background:transparent;border:0}
@media(max-width:640px){
 body:has(#workspacePrimaryAction:not([hidden])) #topbar{flex-wrap:nowrap}
 #workspacePrimaryAction{order:0;flex-basis:auto}
 #workspacePrimaryAction>.btn{height:44px;min-height:44px}
}
body:is([data-screen="invoices"],[data-screen="incoming"]) .page-title-row{justify-content:flex-start}
body:is([data-screen="invoices"],[data-screen="incoming"]) #workspaceViewMode{margin-left:auto}
body:is([data-screen="invoices"],[data-screen="incoming"]) #pagetitle{flex:0 1 auto}
.new-document-drawer>.new-doc-form{flex:none;margin-top:16px}
/* Brand signature, kept clear of the title and report switch. */
.workspace-tagline{display:none}
@media(min-width:1101px){
 body.workspace-unified #pageHeader .page-heading{margin-right:190px}
 body.workspace-unified .workspace-tagline{display:flex;flex-direction:column;position:absolute;right:44px;top:9px;z-index:0;pointer-events:none;color:var(--heading-ink);font-family:"Segoe Print","Bradley Hand",cursive;font-size:18px;font-weight:700;line-height:1.2;transform:rotate(-9deg)}
 .workspace-tagline::after{content:"";height:2px;border-radius:100%;background:var(--gold);margin-top:5px;transform:rotate(-3deg)}
 body.workspace-unified #pageHeader::before{width:250px;height:220px;right:-65px;top:-158px;border-width:40px;transform:rotate(-35deg)}
}

@media(min-width:1101px){.workspace-action-row>.workspace-master-search{display:none}}

/* Every workspace uses the same page chrome and action sizing. */
body.workspace-unified #topco{margin-left:auto}
.workspace-section-nav{margin-bottom:10px}
body.workspace-unified #view :is(.bank-actions,.doc-toolbar,.tax-toolbar,.connections-grid,.report-view-tabs)>.btn,
body.workspace-unified #view .connection-card>.btn{min-height:32px;padding:6px 14px;font-size:11.5px;font-weight:650;border-radius:7px}
body.workspace-unified .connection-card{padding:16px;border-radius:12px}
body.workspace-unified .connection-card h2{font-size:16px}
body.workspace-unified .connections-intro{font-size:12px;margin-bottom:12px}
body.workspace-unified .tax-header h2{display:none}
body.workspace-unified .tax-header{margin-bottom:12px}
@media(max-width:640px){
 body.workspace-unified #view :is(.bank-actions,.doc-toolbar,.tax-toolbar,.connections-grid,.report-view-tabs)>.btn,
 body.workspace-unified #view .connection-card>.btn{min-height:44px}
}

body.workspace-unified #densityBtn{margin-left:auto}
body.workspace-unified #topco{margin-left:0}
body.workspace-unified #view :is(.tax-table,.bank-table .tbl,.doc-table,.navlog-table)>thead>tr>th{height:40px;padding-block:5px;background:var(--navy-900);color:#fff;font-size:11px;font-weight:550}

/* Let the decorative ribbon continue behind the first action row. */
@media screen and (min-width:1101px){
 body.workspace-unified #pageHeader{overflow:clip;overflow-clip-margin:48px;clip-path:inset(0 0 -48px 0)}
 body.workspace-unified #view{position:relative;z-index:1}
}

@media screen and (min-width:1101px){body.workspace-unified #main{overflow-x:clip}}

/* Alternate burgundy palette, inspired by the supplied reference. */
#paletteBtn{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:8px;color:var(--ink-soft)}
#paletteBtn:hover,#paletteBtn:focus-visible{background:var(--gold-faint)}
@media screen{
 [data-palette="burgundy"]{
  --navy-950:#401323;--navy-900:#68172F;--navy-800:#85203E;--navy-700:#A22B50;
  --gold:#A51E48;--gold-deep:#861637;--gold-soft:#F1B6C9;--gold-faint:rgba(165,30,72,.10);
  --sidebar-bg:#68172F;--sidebar-active:#8E294A;--sidebar-text:#FFF1F5;--sidebar-muted:#EDC2D0;
  --paper:#FAF7FA;--card:#FFFFFF;--line:#EAD9E2;--line-soft:#F3EAF0;
  --ink:#392636;--ink-soft:#716172;--ink-faint:#877889;--heading-ink:#421D32;--caption-ink:#826B80;
 }
 [data-palette="burgundy"][data-theme="dark"]{
  --paper:#211720;--card:#2E202C;--line:#513547;--line-soft:#3C2938;
  --ink:#F4E8EF;--ink-soft:#CEB6C7;--ink-faint:#AD93A5;--heading-ink:#FAEAF3;--caption-ink:#CEB6C7;
  --gold:#BE3863;--gold-deep:#A52A51;--gold-faint:rgba(222,101,141,.15);
 }
 [data-palette="burgundy"] #sidebar{background:linear-gradient(165deg,#781C38,#421426)}
 [data-palette="burgundy"] body.workspace-unified #pagetitle{color:var(--heading-ink)}
 [data-palette="burgundy"] #pagetitle>.workspace-heading-icon{color:var(--gold)}
 [data-palette="burgundy"] #sidebar .brand-lockup em{color:#FFBFD1}
 [data-palette="burgundy"] #sidebar .navbtn.active{box-shadow:inset 3px 0 0 #EF91B0}
 [data-palette="burgundy"] #pageHeader::before{border-color:var(--gold-faint)}
}

/* More compact spacing around the sidebar brand and primary action. */
@media screen{
 body:not(.sidebar-compact) #sidebar .brand{padding:18px}
 #sidebarActions{padding-top:10px}
 #sidebar .workspace-create{min-height:40px;padding:8px 10px}
 @media(pointer:coarse){#sidebar .workspace-create{min-height:44px}}
}

.sidebar-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
#sidefoot .sidebar-status-row .sync{margin:0;font-weight:600;color:var(--sidebar-text)}
#sidefoot .sidebar-status-row .feedback-btn{margin:0;color:#FFD36A}
#sidefoot .sidebar-status-row .feedback-btn .app-icon{color:inherit}
#sidefoot .dot.on{background:#32E897;box-shadow:0 0 7px #32E89770}
#sidefoot .dot.off{background:#FF987E;box-shadow:none}

/* Compact and aligned sidebar account controls. */
#sidefoot{padding:10px 24px 12px}
#sidefoot [data-system-label]{justify-content:flex-start;text-align:left;padding:4px 0;min-height:28px;font-size:12px}
#sidefoot .sidebar-status-row{justify-content:flex-start;gap:14px;margin-top:4px;flex-wrap:wrap}
#sidefoot .sidebar-status-row .feedback-btn{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;flex:0 1 auto;min-height:30px;padding:4px 0;font-size:11px;color:var(--sidebar-muted)}
#sidefoot .sidebar-status-row .feedback-btn svg{width:17px;height:17px;flex:0 0 17px;color:#FFD36A}
.sidebar-logout-row{display:flex;margin:6px 0 0}
#sidefoot .logout-btn{min-height:32px;padding:5px 8px;font-size:11px;border-color:#ffffff26;gap:7px}
#sidefoot .logout-btn svg{width:18px;height:18px}
#sidefoot #verTxt{font-size:10px;line-height:1.4;margin-top:7px;color:var(--sidebar-muted);opacity:.8}
@media(pointer:coarse){#sidefoot .logout-btn,#sidefoot .sidebar-status-row .feedback-btn,#sidefoot [data-system-label]{min-height:44px}}

/* Keep the document choice above the fold without a separate explanation card. */
.new-document-drawer .new-doc-heading{padding-bottom:10px;gap:10px}
.new-document-drawer .new-doc-symbol{width:36px;height:36px}
#modalBox.new-document-drawer .new-doc-heading h3{font-size:19px}
.new-document-drawer>.new-doc-form{margin-top:8px;padding:4px 0;background:transparent;border-radius:0}
.new-document-drawer .new-doc-form .new-doc-switch{font-size:13px;min-height:32px}
.new-document-drawer .new-doc-content{padding-top:8px}
.new-document-drawer .new-doc-intro{font-size:12px;line-height:1.4;margin-bottom:10px}
@media(pointer:coarse){.new-document-drawer .new-doc-form .new-doc-switch{min-height:44px}}


/* Shared intrinsic sizing for labelled toolbar actions and list selectors. */
@media screen{
 :is(.workspace-results,.inv-list-toolbar,.inv-compactbar,.workspace-secondary-controls,.doc-toolbar,.bank-actions,.tax-toolbar,.catalog-filters,.web-order-toolbar,.evat-controls,.report-view-tabs,.modalbtns) :is(.cs-wrap,select:not([data-cs])){
  width:fit-content;min-width:0;max-width:100%;flex:0 1 auto;
 }
 :is(.workspace-results,.inv-list-toolbar,.inv-compactbar,.workspace-secondary-controls,.doc-toolbar,.bank-actions,.tax-toolbar,.catalog-filters,.web-order-toolbar,.evat-controls,.report-view-tabs,.modalbtns) .cs-btn{
  width:auto!important;min-width:0!important;max-width:100%!important;gap:8px;
 }
 :is(.workspace-results,.inv-list-toolbar,.inv-compactbar,.workspace-secondary-controls,.doc-toolbar,.bank-actions,.tax-toolbar,.catalog-filters,.web-order-toolbar,.evat-controls,.report-view-tabs,.modalbtns) .cs-val{
  flex:0 1 auto;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;
 }
 .workspace-results #invTypeField,.workspace-results .inv-bulk-select,.workspace-facets #invTypeField{
  width:fit-content;min-width:0;max-width:100%;flex:0 1 auto;
 }
 .workspace-results #invTypeField .cs-wrap{width:fit-content;min-width:0;max-width:100%;flex:0 1 auto}
 .workspace-results #invBulkMenu{max-width:100%}
 #invStats .inv-year-picker .cs-wrap,.inv-year-picker .cs-wrap{width:fit-content;flex:0 1 auto;min-width:0;max-width:100%}
 .inv-year-picker .cs-btn{width:auto!important;min-width:0!important;gap:8px}
 :is(.inv-list-toolbar,.workspace-secondary-controls,.doc-toolbar,.bank-actions,.tax-toolbar,.catalog-filters,.web-order-toolbar,.evat-controls,.report-view-tabs,.modalbtns)>.btn{
  width:auto;min-width:0;max-width:100%;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere;
 }
 .payment-form .modalbtns .btn{min-width:0}
 .workspace-results .inv-range-control{flex:0 1 auto;max-width:100%}
 .workspace-results .workspace-status-actions{flex-wrap:wrap;width:auto;max-width:100%}
 .workspace-results .workspace-status-actions .inv-quick{flex-wrap:wrap;max-width:100%}
}

@media screen{
 .customer-toolbar .customer-filter-icon{width:fit-content;min-width:0;max-width:100%;flex:0 1 auto}
 .customer-toolbar .customer-filter-icon>.cs-wrap{width:fit-content;max-width:100%}
 .web-order-toolbar .field:has(select){width:fit-content;min-width:0;max-width:100%;flex:0 1 auto}
}

.workspace-results.filter-icon-only :is(#invFilterButton,#bejFilterButton){width:auto;min-width:34px;padding-inline:8px;gap:0;justify-content:center}
.workspace-results.filter-icon-only :is(#invFilterButton,#bejFilterButton)>span,
.workspace-results.filter-icon-only :is(#invFilterButton,#bejFilterButton)::after{display:none}
@media(pointer:coarse){.workspace-results.filter-icon-only :is(#invFilterButton,#bejFilterButton){min-width:44px;min-height:44px}}

/* Consistent list glyphs: narrow layouts must not enlarge them as zoom increases. */
@media screen{
 .invoice-workspace :is(.inv-detailed,.bej-table,.inv-summary-table) :is(.inv-type,.inv-payment-pill) svg{width:20px;height:20px;flex:0 0 20px}
 .invoice-workspace .nav-status-icon{width:28px;height:28px;font-size:18px}
 .invoice-workspace .nav-status-icon svg{width:20px;height:20px}
 .invoice-workspace .bej-table .bej-category-icon svg{width:20px;height:20px}
 .invoice-workspace .inv-detailed .inv-email-icon{width:32px;min-width:32px;height:28px;min-height:28px;padding:3px 9px 3px 3px}
 .invoice-workspace .inv-detailed .inv-email-icon>svg:not(.inv-email-chevron){width:18px;height:18px;flex:0 0 18px}
 .invoice-workspace .inv-detailed .inv-row-actions .btn,.invoice-workspace .bej-table .bej-row-actions>*{width:28px;min-width:28px;height:28px;min-height:28px;flex:0 0 28px;padding:4px}
 .invoice-workspace :is(.inv-row-actions,.bej-row-actions) svg{width:18px;height:18px;flex:0 0 18px}
}
@media screen and (pointer:coarse){
 .invoice-workspace :is(.inv-payment-button,.nav-status-icon),.invoice-workspace .inv-detailed .inv-email-icon,.invoice-workspace .inv-detailed .inv-row-actions .btn,.invoice-workspace .bej-table .bej-row-actions>*{min-width:44px;min-height:44px}
}

/* Content-sized navigation actions share compact spacing before the row wraps. */
@media screen{
 .invoice-workspace .workspace-action-row{gap:4px}
 .invoice-workspace .workspace-action-row>.btn{padding-inline:6px;gap:4px;flex:0 1 auto;height:auto}
}

/* Keep document navigation below the actual, possibly wrapped top bar. */
@media screen{
 body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .workspace-action-row{position:sticky;top:var(--workspace-topbar-height,0px);z-index:20;background:transparent;padding-block:6px;box-shadow:none}
}

/* Keep partner/number and incoming/outgoing amount/payment pairs close and centered. */
@media screen{
 .invoice-workspace .bej-table td:has(>.bej-invoice-number),.invoice-workspace :is(.bej-table .bej-amount,.inv-detailed .inv-list-amount){vertical-align:middle}
 .invoice-workspace .bej-table :is(.bej-partner-link,.bej-partner-link>span,.partner-filtered-name){line-height:1.15;max-height:2.3em}
 .invoice-workspace .bej-table .bej-invoice-number{margin-top:0;line-height:1.15}
 .invoice-workspace :is(.bej-table .bej-amount,.inv-detailed .inv-list-amount)>strong{display:block;line-height:1.15}
 .invoice-workspace :is(.bej-table .bej-amount,.inv-detailed .inv-list-amount)>small{margin-top:0;line-height:1.15}
}

/* Narrower desktop sidebar; navigation text retains its existing size. */
@media screen and (min-width:1001px){
 body:not(.sidebar-compact) #sidebar .brand{padding-inline:12px}
 body:not(.sidebar-compact) #sidebar .brand h1{font-size:18px;gap:6px}
 body:not(.sidebar-compact) #sidebar .brand-mark{width:34px;height:36px;flex-basis:34px}
 #sidefoot{padding-inline:16px}
}

/* The day unit stays readable without covering the payment label or next column. */
@media screen{
 .inv-payment-days{position:static;flex:0 0 auto;align-self:center;min-width:0;height:20px;padding:0 5px;border-radius:999px;font-size:10px;white-space:nowrap;box-shadow:none}
}

/* Anchored invoice print format chooser. */
.inv-print-choice{position:fixed;z-index:12000;display:grid;gap:3px;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:5px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg)}
.inv-print-choice .btn{justify-content:flex-start;gap:7px;padding:8px 10px;white-space:normal}
.inv-print-choice .btn svg{width:18px;height:18px;flex:0 0 18px;color:var(--icon-print,var(--caption-ink))}
.inv-print-choice .is-last{background:var(--gold-soft);font-weight:700}
.inv-print-choice small{font-size:11px;color:var(--caption-ink)}
.inv-print-choice .inv-print-note{max-width:28ch;padding:4px 10px;line-height:1.4}

/* Aligned invoice totals and optional archive verification details. */
#editor.workspace-editor #sumbox .srow{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:6px 10px;align-items:baseline}
#editor.workspace-editor #sumbox .srow .num{white-space:nowrap;margin-left:0;text-align:right;font-variant-numeric:tabular-nums}
#editor.workspace-editor #sumbox .tot{font-size:16px}
#editor.workspace-editor #sumbox .sum-vat-group{border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:7px}
.invoice-archive-details{width:100%;min-width:0;color:var(--ink-soft);font-size:12px}
.invoice-archive-details summary{cursor:pointer;font-weight:600;line-height:1.5}
.invoice-archive-details dl{margin:8px 0 0;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:8px}
.invoice-archive-details dl>div+div{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.invoice-archive-details dt{font-weight:600;color:var(--caption-ink);margin-bottom:3px}
.invoice-archive-details dd{margin:0;line-height:1.5;overflow-wrap:anywhere}
.invoice-archive-details .invoice-archive-hash{font-family:monospace;font-size:11px;user-select:text}

/* Compact return action remains reachable with its invoice context. */
#editor .invoice-return-button{min-height:36px;padding:6px 10px;gap:6px;font-size:13px;box-shadow:none}
#editor .invoice-return-button>.app-icon{width:18px;height:18px;flex:0 0 18px;color:inherit}
#editor.workspace-editor .invoice-heading-row:has(>.invoice-return){position:sticky;top:var(--workspace-topbar-height,0px);z-index:21;background:var(--paper);padding-block:6px;box-shadow:0 2px 4px #1023470a}
@media(pointer:coarse){#editor .invoice-return-button{min-height:44px}}

.invoice-nav-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-left:3px solid var(--caption-ink);border-radius:6px;background:var(--card);font-size:12px;line-height:1.4;color:var(--ink)}
.invoice-nav-result{display:flex;align-items:center;gap:8px;min-width:0}
.invoice-nav-result>.app-icon{width:20px;height:20px;flex:0 0 20px;color:var(--caption-ink)}
.invoice-nav-status small{display:block;font-size:10px;font-weight:500;color:var(--caption-ink)}
.invoice-nav-result strong{display:block;font-weight:650}
.invoice-nav-reference{min-width:0;border-left:1px solid var(--line);padding-left:16px;overflow-wrap:anywhere}
.invoice-nav-reference>span{font-family:monospace;font-size:12px;user-select:text}
.invoice-nav-status.is-success{border-left-color:var(--icon-success)}
.invoice-nav-status.is-success .invoice-nav-result>.app-icon{color:var(--icon-success)}
.invoice-nav-status.is-pending{border-left-color:var(--icon-attention)}
.invoice-nav-status.is-pending .invoice-nav-result>.app-icon{color:var(--icon-attention)}
.invoice-nav-status.is-error{border-left-color:var(--icon-danger)}
.invoice-nav-status.is-error .invoice-nav-result>.app-icon{color:var(--icon-danger)}
@media(max-width:560px){.invoice-nav-reference{border-left:0;padding-left:28px}}

.invoice-heading-row>.invoice-nav-status{margin-left:auto}

/* Return action above the invoice identification row. */
#editor .invoice-heading-row>.invoice-return{flex-basis:100%;margin:0}

.invoice-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;max-width:100%;padding:9px 12px;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px;line-height:1.4}
.invoice-identity>span,.invoice-identity>strong{min-width:0;overflow-wrap:anywhere}
.invoice-identity>strong{font-size:inherit;font-weight:700;color:inherit}
.invoice-identity-separator{color:var(--caption-ink)}

/* Square catalogue icons align with the title, not the taller document motif. */
#pagetitle>.app-icon.workspace-heading-icon{top:50%;transform:translateY(-50%);width:30px;height:30px}

/* List return belongs to the page title and stays visible during scrolling. */
.workspace-title-return{margin:0;flex:0 0 auto}
.workspace-title-return .invoice-return-button{min-height:36px;padding:6px 10px;gap:6px;font-size:13px;box-shadow:none}
.workspace-title-return .invoice-return-button>.app-icon{width:18px;height:18px;flex:0 0 18px;color:inherit}
body.workspace-unified[data-screen="editor"] #pageHeader:has(.workspace-title-return){position:sticky;top:var(--workspace-topbar-height,0px);z-index:22;overflow:visible;clip-path:none;box-shadow:0 2px 4px #1023470a}
body.workspace-unified[data-screen="editor"] #pageHeader:has(.workspace-title-return) .page-heading{margin-right:0}
body[data-screen="editor"] #pageHeader:has(.workspace-title-return) .workspace-tagline,
body[data-screen="editor"] #pageHeader:has(.workspace-title-return)::before{display:none}
body[data-screen="editor"] #pageHeader:has(.workspace-title-return) .page-title-row{flex-wrap:nowrap;gap:8px}
body.workspace-unified[data-screen="editor"] #pageHeader:has(.workspace-title-return) #pagetitle{min-width:0}
@media(pointer:coarse){.workspace-title-return .invoice-return-button{min-height:44px}}

/* Shared list footer: matching page-size and navigation controls. */
.inv-pager.inv-document-pager{--pager-control-height:32px}
.inv-pager.inv-document-pager>label>select,
.inv-pager.inv-document-pager>nav>.btn{height:var(--pager-control-height);min-height:var(--pager-control-height);box-sizing:border-box;padding-block:4px}
@media(pointer:coarse){.inv-pager.inv-document-pager{--pager-control-height:44px}}

body.workspace-unified #pageHeader{padding-bottom:18px}

body.workspace-unified .workspace-action-row,body.workspace-unified #workspaceNav{background:transparent;box-shadow:none}


/* Layered flowing ribbons based on the supplied brand reference. */
@media screen{
 body.workspace-unified #pageHeader{overflow-clip-margin:140px;clip-path:inset(0 0 -140px 0)}
 body.workspace-unified #pageHeader::before{
  width:360px;height:180px;right:0;top:-8px;border:0;border-radius:0;transform:none;
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 24%,transparent),var(--gold-faint) 70%,transparent);
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20180%22%3E%3Cpath%20fill%3D%22white%22%20opacity%3D%22.38%22%20d%3D%22M40%200H180C125%2044%20111%20100%20122%20171C79%20145%2048%2083%2040%200Z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M135%200H228C163%2041%20139%20106%20122%20171C98%20117%20111%2049%20135%200Z%22%2F%3E%3Cpath%20fill%3D%22white%22%20opacity%3D%22.3%22%20d%3D%22M360%2048V180H122C183%20132%20266%20112%20360%2048Z%22%2F%3E%3Cpath%20fill%3D%22white%22%20opacity%3D%22.45%22%20d%3D%22M360%20115V180H170C230%20158%20287%20133%20360%20115Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
 }
}
/* Daily dashboard: tasks first, details on demand. */
.dash-home{display:grid;gap:24px;min-width:0}
.dash-home>section{min-width:0}
.dash-home h2{font-size:18px;line-height:1.4;margin:0 0 12px}
.dash-home .dashboard-actions{margin:0;gap:8px}
.dash-home .dashboard-actions .btn{min-height:36px;padding:8px 12px}
.dash-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dash-attention-row{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit;cursor:pointer;min-width:0}
.dash-attention-row>span{flex:1;min-width:0}
.dash-attention-row strong,.dash-attention-row small{display:block;overflow-wrap:anywhere}
.dash-attention-row strong{font-size:14px}.dash-attention-row small{font-size:12px;color:var(--ink-soft);margin-top:3px}
.dash-attention-row>svg,.dash-recent-row>svg,.dash-calm>svg{width:18px;height:18px;flex-shrink:0}
.dash-attention-row.is-urgent>svg:first-child{color:var(--warn)}
.dash-attention-row>b{font-size:16px}.dash-attention-row>svg:last-child{color:var(--ink-faint)}
.dash-attention-row:hover,.dash-recent-row:hover{background:var(--bg)}
.dash-calm{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:14px;margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.dash-home .dash-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.dash-home .dash-stat{min-width:0;min-height:120px;padding:16px;text-align:left}
.dash-home .dash-stat-value{font-size:24px;margin:12px 0 6px;overflow-wrap:anywhere}
.dash-home .dash-note,.dash-data-warning{font-size:12px;color:var(--ink-soft);margin:10px 0 0;line-height:1.5}
.dash-data-warning{margin-bottom:12px;color:var(--warn)}
.dash-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.dash-section-heading h2{margin:0}.dash-recent-tabs{display:flex;gap:6px}
.dash-recent-list{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.dash-recent-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;gap:20px;align-items:center;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.dash-recent-row:last-child{border-bottom:0}.dash-recent-row>span{min-width:0}
.dash-recent-row strong{font-size:14px;overflow-wrap:anywhere}.dash-recent-row small{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);overflow-wrap:anywhere}
.dash-recent-state{font-size:12px;color:var(--ink-soft)}
.dash-home .draft-panel{margin:0}.dash-home .draft-panel-heading{padding:16px}.dash-home .draft-panel-heading h2{margin:0}
.dash-home .draft-list,.dash-more-drafts{padding:0 16px}
.dash-more-drafts>summary{padding:14px 0;cursor:pointer;font-size:14px;color:var(--ink-soft)}
.dash-home>.dash-chart{margin:0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.dash-report-link{display:flex;justify-content:flex-end;margin-top:-12px}
@media(max-width:900px){.dash-home .dash-stats{grid-template-columns:1fr}.dash-home .dash-stat{min-height:0}.dash-home .dash-stat-value{margin:6px 0}.dash-attention-list{grid-template-columns:1fr}}
@media(max-width:600px){.dash-home{gap:20px}.dash-recent-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.dash-recent-state{grid-column:1;grid-row:2}.dash-recent-row>.num{grid-column:2;grid-row:1}.dash-recent-row>svg{grid-column:2;grid-row:2;justify-self:end}}
@media(pointer:coarse){.dash-home .dashboard-actions .btn{min-height:44px}}
/* Payment quick filters: the icon and count share the status colour. */
.inv-quick .inv-status-paid{--payment-status-color:#16833f}
.inv-quick .inv-status-outstanding{--payment-status-color:#b45c00}
.inv-quick .inv-status-overdue{--payment-status-color:#d52e42}
[data-theme="dark"] .inv-quick .inv-status-paid{--payment-status-color:#70db94}
[data-theme="dark"] .inv-quick .inv-status-outstanding{--payment-status-color:#ffb45c}
[data-theme="dark"] .inv-quick .inv-status-overdue{--payment-status-color:#ff8591}
.inv-quick .btn[class*="inv-status-"] .inv-quick-icon,
.inv-quick .btn[class*="inv-status-"] .inv-quick-icon svg,
.inv-quick .btn[class*="inv-status-"] .inv-facet-count{color:var(--payment-status-color)}
/* Category names remain visible alongside their icons at every width. */
.invoice-workspace .bej-table .bej-category-text{display:inline}
.invoice-workspace .bej-table .bej-category-label{gap:4px}
/* Category pill: natural content width, icon and name stay together. */
.invoice-workspace .bej-table .bej-category-label{box-sizing:border-box;width:max-content;max-width:none;min-height:28px;padding:4px 10px 4px 7px;border-radius:999px;background:var(--gold-faint);color:var(--gold-deep);font:700 12px/1.3 var(--font-body);white-space:nowrap;vertical-align:middle;gap:4px}
.invoice-workspace .bej-table .bej-category-label>.bej-category-icon{width:20px;height:20px;flex:0 0 20px;color:inherit;background:transparent}
.invoice-workspace .bej-table .bej-category-label>.bej-category-text{white-space:nowrap;overflow-wrap:normal;word-break:normal}
[data-theme="dark"] .invoice-workspace .bej-table .bej-category-label{color:var(--gold-soft)}
/* Content-driven incoming columns: full labels only when their natural widths fit. */
body .invoice-workspace table.bej-table[data-bej-labels="full"] :is(.bej-category-text,.inv-payment-label){display:inline}
body .invoice-workspace table.bej-table[data-bej-labels="full"] .inv-payment-pill{width:max-content;min-width:0;height:auto;min-height:28px;padding:4px 8px;gap:4px;white-space:nowrap}
body .invoice-workspace table.bej-table[data-bej-labels="icons"] :is(.bej-category-text,.inv-payment-label){display:none}
body .invoice-workspace table.bej-table[data-bej-labels="icons"] :is(.bej-category-label,.inv-payment-pill){width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;gap:0;justify-content:center}
body .invoice-workspace table.bej-table.bej-measure-columns{width:max-content!important;min-width:0!important;max-width:none!important;table-layout:auto!important}
body .invoice-workspace table.bej-table.bej-measure-columns :is(th,td){width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important}
body .invoice-workspace table.bej-table.bej-measure-columns :is(.bej-partner-link,.bej-partner-link>span,.partner-filtered-name,.bej-invoice-number){width:auto!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important}
/* Date detail yields space before the category/status text does. */
.bej-table .bej-date-short{display:none}
.bej-table[data-bej-dates="short"] .bej-date-full{display:none}
.bej-table[data-bej-dates="short"] .bej-date-short{display:inline}
body .invoice-workspace table.bej-table :is(th,td):nth-child(2){box-sizing:border-box;width:52px;min-width:52px;max-width:52px;padding-inline:6px}
body .invoice-workspace table.bej-table :is(th,td):last-child{box-sizing:border-box;width:104px;min-width:104px;max-width:104px;padding-inline:6px}
body .invoice-workspace table.bej-table .bej-row-actions{grid-template-columns:repeat(3,28px);gap:4px}
body .invoice-workspace table.bej-table .inv-type{width:28px!important;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;justify-content:center;gap:0}
body .invoice-workspace table.bej-table .inv-type[data-invoice-type]>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .invoice-workspace table.bej-table :is(th,td):nth-child(4){max-width:none;min-width:0;white-space:nowrap}
@media(pointer:coarse){body .invoice-workspace table.bej-table :is(th,td):last-child{width:152px;min-width:152px;max-width:152px}body .invoice-workspace table.bej-table .bej-row-actions{grid-template-columns:repeat(3,44px)}}
/* Compact, content-sized incoming filter panel. */
#bejFilters .inv-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:10px 12px;margin-bottom:10px}
#bejFilters:not([hidden]) .inv-filterbar{border-top-width:2px}
#bejFilters .field{flex:0 1 auto;width:max-content;max-width:100%;min-width:0;gap:4px}
#bejFilters .field>label{font-size:12px;line-height:1.3;margin:0 0 4px}
#bejFilters .field :is(select,.cs){width:auto;min-width:0;max-width:100%}
#bejFilters .field select,#bejFilters .cs-btn,#bejFilters .inv-filterbar>.btn{min-height:32px;height:auto;padding:6px 10px;font-size:13px;line-height:1.35;border-radius:7px}
#bejFilters .cs-btn{width:100%;gap:8px}
#bejFilters .cs-btn svg{width:16px;height:16px;flex:0 0 16px}
#bejFilters .inv-filterbar>.btn{margin:0}
@media(pointer:coarse){#bejFilters .field select,#bejFilters .cs-btn,#bejFilters .inv-filterbar>.btn{min-height:44px}}
/* In condensed tables, header spacing must not consume the space saved by dates. */
body .invoice-workspace table.bej-table[data-bej-dates="short"] :is(th,td):not(:nth-child(2)):not(:last-child){padding-inline:3px}
body .invoice-workspace table.bej-table[data-bej-dates="short"] th{font-size:12px}
body .invoice-workspace table.bej-table[data-bej-dates="short"] .inv-sort-button{font-size:12px;gap:4px;padding-inline:0}
body .invoice-workspace table.bej-table[data-bej-dates="short"] th:nth-child(5) .inv-sort-button>span:first-child{white-space:normal;width:min-content;line-height:1.15}
body .invoice-workspace table.bej-table[data-bej-dates="short"] .bej-date{text-align:left}
/* Keep the brand message in view; ribbons are anchored to its right-hand corner. */
body.workspace-unified:not([data-screen="editor"]) #pageHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px}
body.workspace-unified:not([data-screen="editor"]) #pageHeader .page-heading{grid-column:1;grid-row:1;margin-right:0;min-width:0}
body.workspace-unified:not([data-screen="editor"]) #pageHeader .workspace-tagline{display:flex;flex-direction:column;position:relative;grid-column:2;grid-row:1;right:auto;top:auto;align-self:center;justify-self:end;margin:4px 16px 8px 0;z-index:0;pointer-events:none;color:var(--heading-ink);font-family:"Segoe Print","Bradley Hand",cursive;font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap;transform:rotate(-9deg)}
body.workspace-unified .workspace-tagline::after{content:"";height:2px;border-radius:100%;background:var(--gold);margin-top:5px;transform:rotate(-3deg)}
@media(max-width:600px){
 body.workspace-unified:not([data-screen="editor"]) #pageHeader{grid-template-columns:minmax(0,1fr);gap:10px}
 body.workspace-unified:not([data-screen="editor"]) #pageHeader .workspace-tagline{grid-column:1;grid-row:2;font-size:16px;margin-top:0}
 body.workspace-unified:not([data-screen="editor"]) #pageHeader::before{top:auto;bottom:-50px;width:280px;height:140px}
}
/* A single topbar row, with the company name yielding space on small screens. */
@media(max-width:640px){
 body.workspace-unified #topbar{flex-wrap:nowrap;gap:6px;padding-inline:8px}
 #topbar #densityBtn{display:none}
 body.workspace-unified #topco{flex:1 1 auto;min-width:0;max-width:none;margin-left:auto}
 #topco .topcegbtn{max-width:100%;min-width:0;padding-inline:6px}
 #topco .tc-details{min-width:0;overflow:hidden}
 #topco :is(.tcnev,.tc-tax){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #topbar :is(#paletteBtn,#themeBtn){width:32px;flex:0 0 32px}
 #workspacePrimaryAction>.btn{padding-inline:8px;font-size:11.5px;gap:5px}
}
@media(max-width:480px){
 #workspacePrimaryAction>.btn{width:44px;min-width:44px;height:44px;padding:0;gap:0;justify-content:center;font-size:0}
 #workspacePrimaryAction>.btn>span:not(.app-action-icon):not(.app-icon){font-size:0}
}
/* Narrow incoming workspace: compact control groups and intentional invoice cards. */
@media(max-width:640px){
 body[data-screen="incoming"] .workspace-results{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;margin-bottom:10px;padding-bottom:0}
 body[data-screen="incoming"] .workspace-results>.inv-result-count{grid-column:1;grid-row:1}
 body[data-screen="incoming"] .workspace-results>.bej-menu-trigger{grid-column:2;grid-row:1}
 body[data-screen="incoming"] .workspace-results>.workspace-mobile-mode{grid-column:3;grid-row:1;justify-self:end;font-size:11px;padding-inline:8px}
 body[data-screen="incoming"] .workspace-results>.workspace-searchbar{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;min-width:0;width:100%;margin:0}
 body[data-screen="incoming"] .workspace-results .workspace-searchbar .inv-range-control{flex:0 1 auto;max-width:100%;margin:0}
 body[data-screen="incoming"] .workspace-results .workspace-searchbar .inv-header-right{flex:1 1 170px;width:auto;min-width:0;margin:0}
 body[data-screen="incoming"] .workspace-results .inv-header-right input{height:34px;min-height:34px;padding:6px 8px;font-size:12px}
 body[data-screen="incoming"] .workspace-results>.bej-toolbar-total{grid-column:1/-1;grid-row:3;width:auto;margin:0;font-size:12px;text-align:left;justify-self:start}
 body[data-screen="incoming"] .workspace-results>.workspace-status-actions{grid-column:1/-1;grid-row:4;width:100%;justify-content:flex-start;margin:0;gap:6px}
 body[data-screen="incoming"] .workspace-results .inv-quick{gap:5px}
 body[data-screen="incoming"] .workspace-results .inv-quick .btn{min-height:32px;padding:5px 7px;font-size:12px}
 body[data-screen="incoming"] .workspace-results>.btn{min-height:32px}
 body:not(.mobile-table-view) .invoice-workspace .bej-table.workspace-data-table>tbody>tr{grid-template-columns:28px minmax(0,1fr) auto;padding:10px;gap:8px 6px}
 body:not(.mobile-table-view) .invoice-workspace .bej-table.workspace-data-table>tbody>tr>td:nth-child(n){min-width:0!important;max-width:none!important;padding:0!important}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(1){grid-column:1;grid-row:1;align-self:center}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(2){grid-column:2;grid-row:1;align-self:center}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(3){grid-column:1/-1;grid-row:2}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(7){grid-column:1/3;grid-row:3}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(6){grid-column:3;grid-row:3;justify-self:end}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(5){grid-column:1/3;grid-row:4}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(4){grid-column:3;grid-row:1;text-align:right}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:nth-child(8){grid-column:1/-1;grid-row:5;justify-self:end}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td:not(.bej-date)::before{display:none}
 body:not(.mobile-table-view) .invoice-workspace .bej-table>tbody>tr>td.bej-date::before{margin-bottom:2px}
 body:not(.mobile-table-view) .invoice-workspace .bej-table .bej-category-label{max-width:100%;white-space:normal}
 body:not(.mobile-table-view) .invoice-workspace .bej-table .bej-category-text{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:640px) and (pointer:coarse){body[data-screen="incoming"] .workspace-results :is(.btn,.inv-header-right input){min-height:44px}}
/* Action and date controls use only their content width. */
body[data-screen="incoming"] .workspace-results>.bej-menu-trigger{width:max-content;min-width:0;max-width:100%;flex:0 0 auto;justify-self:start;justify-content:flex-start;gap:4px}
body[data-screen="incoming"] .workspace-results .inv-range-control{flex:0 1 auto;width:max-content}
body[data-screen="incoming"] .workspace-results .inv-range-control .inv-range-button{flex:0 0 auto;justify-content:flex-start;gap:4px;white-space:nowrap}
body[data-screen="incoming"] #workspaceResults .inv-range-control .inv-range-button{flex:0 0 auto;justify-content:flex-start;gap:4px;white-space:nowrap}
/* Outgoing columns: stable utilities, content-sized number/amount, remaining space for buyer. */
.inv-detailed .inv-date-short{display:none}
.inv-detailed[data-inv-dates="short"] .inv-date-full{display:none}
.inv-detailed[data-inv-dates="short"] .inv-date-short{display:inline}
body .invoice-workspace table.inv-detailed{table-layout:auto}
body .invoice-workspace table.inv-detailed :is(th,td):is(:nth-child(3),:nth-child(5)){width:1%;min-width:0;max-width:none}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(3){width:var(--inv-number-width,1%);min-width:var(--inv-number-width,0px)}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(4){width:auto;min-width:0;max-width:none}
body .invoice-workspace table.inv-detailed :is(th,td):is(:nth-child(2),:nth-child(9),:nth-child(8),:nth-child(10)){box-sizing:border-box;padding-inline:6px}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(2){width:34px;min-width:34px;max-width:34px}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(9){width:40px;min-width:40px;max-width:40px}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(8){width:64px;min-width:64px;max-width:64px}
body .invoice-workspace table.inv-detailed :is(th,td):nth-child(10){width:104px;min-width:104px;max-width:104px}
body .invoice-workspace table.inv-detailed .inv-row-actions{width:92px;gap:4px;justify-content:flex-end;flex-wrap:nowrap}
body .invoice-workspace table.inv-detailed .inv-type{width:28px!important;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;justify-content:center;gap:0}
body .invoice-workspace table.inv-detailed .inv-type[data-invoice-type]>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .invoice-workspace table.inv-detailed .inv-type-source{display:block;width:100%;margin:0;text-align:center;white-space:nowrap;overflow-wrap:normal;font-size:9px;font-weight:650;line-height:1.1;letter-spacing:.3px}
body .invoice-workspace table.inv-detailed .inv-list-date{white-space:nowrap}
body .invoice-workspace table.inv-detailed.inv-measure-columns{width:max-content!important;min-width:0!important;max-width:none!important}
body .invoice-workspace table.inv-detailed.inv-measure-columns :is(th,td):not(:nth-child(2)):not(:nth-child(9)):not(:nth-child(8)):not(:nth-child(10)){width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important}
body .invoice-workspace table.inv-detailed.inv-measure-columns :is(.inv-buyer,.bej-partner-link,.bej-partner-link>span,.inv-number-cell,.inv-link){max-width:none!important;white-space:nowrap!important}
@media(pointer:coarse){body .invoice-workspace table.inv-detailed :is(th,td):nth-child(9){width:50px;min-width:50px;max-width:50px}body .invoice-workspace table.inv-detailed :is(th,td):nth-child(10){width:152px;min-width:152px;max-width:152px}body .invoice-workspace table.inv-detailed .inv-row-actions{width:140px}}
@media(max-width:640px){body:not(.mobile-table-view) .invoice-workspace table.inv-detailed>tbody>tr>td:nth-child(n){min-width:0!important;max-width:none!important}}
/* Outgoing status labels yield only when the actual row content needs their space. */
body .invoice-workspace table.inv-detailed[data-inv-status="full"] :is(.inv-payment-pill,.inv-archive-payment){width:max-content;min-width:0;max-width:none;height:auto;min-height:28px;padding:4px 8px;gap:4px;justify-content:flex-start}
body .invoice-workspace table.inv-detailed[data-inv-status="full"] .inv-payment-pill>span,
body .invoice-workspace table.inv-detailed[data-inv-status="full"] .inv-archive-payment>span:last-child{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:nowrap;display:inline}
body .invoice-workspace table.inv-detailed[data-inv-status="icons"] :is(.inv-payment-pill,.inv-archive-payment){width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;gap:0;justify-content:center}
body .invoice-workspace table.inv-detailed[data-inv-status="icons"] .inv-payment-pill>span,
body .invoice-workspace table.inv-detailed[data-inv-status="icons"] .inv-archive-payment>span:last-child{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Once pinned, navigation masks the scrolling document rows underneath. */
body.workspace-unified .workspace-action-row.is-stuck{background:var(--paper);box-shadow:0 2px 4px #10234714}
/* Remaining days stay visible when status text collapses to an icon. */
body .invoice-workspace table.inv-detailed .inv-payment-days{display:inline-flex;align-items:center;justify-content:center}
body .invoice-workspace table.inv-detailed[data-inv-status="icons"] .inv-payment-days{position:absolute;top:-9px;right:-8px;height:17px;min-width:0;padding:0 3px;border-width:1px;font-size:9px;line-height:1;white-space:nowrap;z-index:1}
/* Tighten the three utility boundaries without reducing button hit areas. */
body .invoice-workspace table.inv-detailed :is(th,td):is(:nth-child(2),:nth-child(9),:nth-child(8)){padding-inline:3px}
body .invoice-workspace table.inv-detailed :is(th,td):is(:nth-child(3),:nth-child(6)){padding-left:3px}
body .invoice-workspace table.inv-detailed .inv-email-heading{gap:2px}
/* Keep the type icon next to the number, even when its header needs extra width. */
body .invoice-workspace table.inv-detailed :is(th,td):first-child{padding-right:0}
body .invoice-workspace table.inv-detailed td:nth-child(2){text-align:right;padding-left:1px;padding-right:1px}
/* Collapse control belongs to the brand area, away from document creation. */
#sideCollapse{top:22px}
/* Keep quick-state filters compact when their toolbar would wrap. */
.workspace-results.status-icons-only .inv-quick .inv-quick-label{display:none}
.workspace-results.status-icons-only .inv-quick .btn{gap:4px;padding-inline:6px}

/* Document medium remains visible in both icon-only and full type badges. */
.inv-type:has(.inv-appearance-mark){position:relative;overflow:visible}
.inv-type .inv-appearance-mark{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 2px;box-sizing:border-box;border:1px solid currentColor;border-radius:4px;background:var(--paper,#fff);color:var(--ink,#123c50);font:700 12px/1 var(--font-body);z-index:1}
.inv-type .inv-appearance-mark[data-appearance="e"]{right:-3px;bottom:-2px;width:12px;min-width:12px;height:12px;padding:0;border:0;border-radius:50%;font-size:12px;line-height:10px;font-family:Arial,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;padding-bottom:1px;background:#16803c;color:#fff}
.inv-type:focus-visible{outline:2px solid var(--gold,#e99b00);outline-offset:3px}

/* Outgoing dates share one column: issue date above payment deadline. */
.inv-list-date .inv-date-pair{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.15}
.inv-list-date .inv-due-date{color:var(--ink-soft);font-size:.9em}

.bej-date-pair{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.15}
.bej-date-pair .bej-due-date{color:var(--ink-soft);font-size:.9em}

/* Document tabs stay centered in the original action row. */
body.workspace-unified:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) #pageHeader{padding-bottom:6px}
body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .invoice-workspace .workspace-action-row{padding-block:2px;margin-bottom:4px}
body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .workspace-action-row{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center}
body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .workspace-action-row>#workspaceNav{grid-column:2;grid-row:1;width:auto;max-width:100%;justify-content:center;flex-wrap:nowrap;margin:0}
.workspace-action-row>.workspace-document-actions{grid-column:3;grid-row:1;order:2;justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}
.workspace-document-actions>.btn{white-space:nowrap}
@media(max-width:1200px){
 .workspace-document-actions>.btn{font-size:0;width:36px;min-width:36px;height:36px;padding:6px;gap:0}
 .workspace-document-actions>.btn :is(.app-icon,.ui-icon){font-size:18px;width:20px;height:20px}
}
@media(max-width:640px){
 body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .workspace-action-row{display:flex;flex-wrap:nowrap;gap:4px}
 body:is([data-screen="invoices"],[data-screen="incoming"],[data-screen="cases"],[data-screen="recurring"]) .workspace-action-row>#workspaceNav{flex:1 1 auto;min-width:0;gap:2px}
 .workspace-action-row #workspaceNav .workspace-tab{font-size:10px;padding-inline:3px;gap:2px}
 .workspace-action-row>.workspace-document-actions{flex:0 0 auto;gap:3px}
 .workspace-document-actions>.btn{width:32px;min-width:32px;padding:4px}
}

.inv-type .inv-appearance-mark[data-appearance="?"]{right:-3px;bottom:-2px;width:12px;min-width:12px;height:12px;padding:0;border:0;border-radius:50%;font-size:12px;line-height:12px;font-family:Arial,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--paper,#fff);color:var(--ink-soft)}

.inv-archive-type{display:inline-flex;flex-direction:column;align-items:center;gap:0;vertical-align:middle}

#updOverlay.sm-loading-screen{display:grid;place-items:center;background:#f5f8fbea;color:#102347;font-size:inherit;opacity:1}
[data-theme="dark"] #updOverlay.sm-loading-screen{background:#10232eea;color:#f1f5fa}

/* Refresh status uses the existing top inset without adding a layout row. */
body.workspace-unified[data-screen="incoming"] #pageHeader>.incoming-sync-info{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;text-align:center;font-size:11px;line-height:1.2;z-index:2}
body.workspace-unified[data-screen="incoming"] #pageHeader>.incoming-sync-info>summary{margin-inline:auto;padding:0;max-width:100%}
body.workspace-unified[data-screen="incoming"] #pageHeader #incomingSyncStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
body.workspace-unified[data-screen="incoming"] #pageHeader>.incoming-sync-info[open]{position:relative;top:auto;left:auto;transform:none;grid-column:1/-1;justify-self:center;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px 8px}
body.workspace-unified[data-screen="incoming"] #pageHeader>.incoming-sync-info>p{max-width:44ch;text-align:left;white-space:normal}

/* Compact invoice tools: wrap complete groups, never orphan status filters. */
body.workspace-unified:is([data-screen="invoices"],[data-screen="incoming"]) #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified:is([data-screen="invoices"],[data-screen="incoming"]) #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-workspace .workspace-action-row{margin-bottom:2px;padding-block:0}
body:is([data-screen="invoices"],[data-screen="incoming"]) .workspace-results.invoice-compact-tools{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0;margin-bottom:4px;border:0;align-items:center}
.invoice-compact-tools .invoice-filter-primary,.invoice-compact-tools .invoice-filter-secondary{display:flex;align-items:center;gap:6px;min-width:0}
.invoice-compact-tools .invoice-filter-primary{flex:0 0 auto}
.invoice-compact-tools .invoice-filter-secondary{flex:1 1 auto}
.invoice-compact-tools:not(.has-selection) :is(.inv-bulk-select,#invBulkMenu,.bej-menu-trigger){display:none}
.invoice-compact-tools .invoice-filter-primary #invTypeField{flex:0 1 auto;width:auto;min-width:0;margin:0}
.invoice-compact-tools .invoice-filter-primary .inv-range-control{flex:0 0 auto;white-space:nowrap}
.invoice-compact-tools .invoice-filter-secondary .inv-header-right{flex:1 1 auto;min-width:120px;width:auto;margin:0;display:flex}
.invoice-compact-tools .invoice-filter-secondary .workspace-status-actions{flex:0 0 auto;flex-wrap:nowrap;width:auto;margin:0;gap:6px}
.invoice-compact-tools .workspace-status-actions .inv-quick{flex-wrap:nowrap}
.invoice-compact-tools :is(.cs-btn,#invSearch,#bejSearch,.bej-menu-trigger,.inv-quick .btn,#invFilterButton,#bejFilterButton){height:42px;min-height:42px}
.invoice-compact-tools .inv-range-control{height:42px;min-height:42px}
.invoice-compact-tools .inv-range-control .btn{height:40px;min-height:40px}
body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-compact-tools.tools-two-rows{flex-wrap:wrap}
.invoice-compact-tools.tools-two-rows :is(.invoice-filter-primary,.invoice-filter-secondary){flex:1 1 100%;width:100%}
.invoice-compact-tools.tools-two-rows .invoice-filter-primary #invTypeField{flex:1 1 auto}
.invoice-compact-tools.tools-two-rows .invoice-filter-primary #invTypeField .cs-wrap{width:100%}
@media(max-width:640px){
 body.workspace-unified:is([data-screen="invoices"],[data-screen="incoming"]) #pagesubtitle,body.workspace-unified:is([data-screen="invoices"],[data-screen="incoming"]) #pageHeader .workspace-tagline{display:none}
 .invoice-compact-tools.has-selection.tools-two-rows .invoice-filter-primary{flex-wrap:wrap}
 .invoice-compact-tools .invoice-filter-primary .inv-bulk-select{order:3}
 .invoice-compact-tools .invoice-filter-secondary .workspace-status-actions{gap:3px}
 .invoice-compact-tools .workspace-status-actions .inv-quick{gap:3px}
}

body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-compact-tools #invTypeField .cs-btn{height:42px;min-height:42px}
body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-compact-tools .inv-header-right input{height:42px;min-height:42px}

@media(max-width:640px){body:is([data-screen="invoices"],[data-screen="incoming"]) :is(#invFilterPanel,#bejFilters)>.workspace-mobile-mode{display:inline-flex;margin-bottom:6px}}

@media(max-width:360px){
 .invoice-compact-tools .invoice-filter-secondary .inv-header-right{min-width:70px}
 body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-compact-tools #invTypeField :is(.cs-wrap,.cs-btn){min-width:0;width:100%;max-width:100%}
 body:is([data-screen="invoices"],[data-screen="incoming"]) .invoice-compact-tools #invTypeField .cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* Incoming totals remain visible below the rows, outside the compact toolbar. */
body[data-screen="incoming"] .invoice-list-total{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;width:auto;margin:6px 0 0;font-size:12px;flex-wrap:wrap}
body[data-screen="incoming"] .invoice-compact-tools .inv-result-count{height:42px;min-height:42px;display:inline-flex;align-items:center;white-space:nowrap}
body[data-screen="incoming"] .invoice-compact-tools .bej-menu-trigger{flex:0 0 auto;white-space:nowrap}
body[data-screen="incoming"] .invoice-compact-tools:not(.has-selection) .bej-menu-trigger{display:none}
body[data-screen="incoming"] .invoice-compact-tools .inv-quick .btn{height:42px;min-height:42px}
body[data-screen="incoming"] .invoice-compact-tools.tools-two-rows .invoice-filter-primary .inv-range-control{margin-left:auto}
body.workspace-unified[data-screen="incoming"] #pageHeader{padding-top:16px}

@media(max-width:640px){
 body[data-screen="incoming"] .invoice-compact-tools.has-selection #bejCount{display:none}
 body[data-screen="incoming"] .invoice-compact-tools.has-selection .invoice-filter-primary{flex-wrap:nowrap}
}

/* Master lists share the compact two-group layout; occasional actions open below. */
body.workspace-unified:is([data-screen="customers"],[data-screen="products"]) #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified:is([data-screen="customers"],[data-screen="products"]) #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body:is([data-screen="customers"],[data-screen="products"]) .invoice-workspace .workspace-action-row{justify-content:center;margin-bottom:2px;padding-block:0}
body:is([data-screen="customers"],[data-screen="products"]) .workspace-results.master-compact-tools{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0;margin-bottom:4px;border:0;align-items:center}
body .workspace-results.master-compact-tools.tools-two-rows{flex-wrap:wrap}
.master-compact-tools .invoice-filter-primary{max-width:100%}
.master-compact-tools .invoice-filter-primary>:is(select,.customer-filter-icon){flex:0 1 auto;width:auto;min-width:0;max-width:100%}
.master-compact-tools .customer-filter-icon{display:inline-flex;position:relative}
.master-compact-tools .customer-filter-icon>.cs-wrap{width:max-content;max-width:100%;min-width:0}
.master-compact-tools .customer-filter-icon .cs-btn{min-width:0;max-width:100%;font-size:12px}
.master-compact-tools .customer-filter-icon .cs-val{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.master-compact-tools.tools-two-rows .invoice-filter-primary>:is(select,.customer-filter-icon){flex:1 1 auto}
.master-compact-tools.tools-two-rows .customer-filter-icon>.cs-wrap{width:100%}
.master-compact-tools .invoice-filter-secondary{min-width:0}
.master-compact-tools .invoice-filter-secondary .inv-header-right{max-width:none}
body .master-compact-tools :is(.cs-btn,select,input,.btn){height:42px;min-height:42px;box-sizing:border-box}
body .master-compact-tools .inv-header-right input{height:42px;min-height:42px}
.master-compact-tools .invoice-filter-primary>select{font-size:12px!important;padding:8px!important;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.master-compact-tools .master-actions-toggle{flex:0 0 auto;gap:4px;padding:8px;font-size:12px}
.master-compact-tools .master-actions-toggle .app-icon{width:18px;height:18px}
.master-compact-tools #customerDebtFilters{display:flex;flex-wrap:nowrap;gap:4px;flex:0 0 auto;margin:0}
.master-compact-tools .customer-debt-filter{padding:6px;min-width:42px}
.master-compact-tools .customer-debt-filter>span:last-child:not(.customer-debt-filter-icon){display:none}
.master-actions-panel[hidden]{display:none}
.master-actions-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;margin-bottom:8px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.master-actions-panel>:is(.btn,select){max-width:100%;min-height:42px}
.master-actions-panel .customer-export-icon{flex:0 0 44px}
@media(max-width:640px){
 body.workspace-unified:is([data-screen="customers"],[data-screen="products"]) :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .master-compact-tools .master-actions-toggle>span:not(.app-icon){display:none}
 .master-compact-tools .master-actions-toggle{width:42px;justify-content:center}
 .master-compact-tools .invoice-filter-primary .cs-btn{padding-inline:6px}
 .master-compact-tools .invoice-filter-secondary .inv-header-right{min-width:70px}
}

/* Document list controls reuse the compact layout; warnings stay visible. */
body.workspace-unified[data-screen="documents"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="documents"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="documents"] .workspace-results.document-compact-tools{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0;margin-bottom:4px;border:0;align-items:center}
body[data-screen="documents"] .workspace-results.document-compact-tools.tools-two-rows{flex-wrap:wrap}
.document-compact-tools .field{position:relative;margin:0;padding:0;min-width:0;gap:0}
.document-compact-tools .field>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.document-compact-tools .invoice-filter-primary>.field{flex:0 1 auto;max-width:100%}
.document-compact-tools .invoice-filter-primary .cs-wrap{width:max-content;min-width:0;max-width:100%}
.document-compact-tools .invoice-filter-primary .cs-btn{min-width:0;max-width:100%;font-size:12px;padding:6px 8px}
.document-compact-tools .invoice-filter-primary .cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-compact-tools #documentMonth{width:auto;max-width:100%;min-width:0;font-size:12px;padding:6px 8px}
.document-compact-tools.tools-two-rows .invoice-filter-primary>.field{flex:1 1 auto}
.document-compact-tools.tools-two-rows .invoice-filter-primary .cs-wrap{width:100%}
body .document-compact-tools .document-refresh-button{flex:0 0 42px;min-width:42px;width:42px;height:42px;min-height:42px;padding:8px;font-size:0;gap:0}
.document-compact-tools .document-refresh-button :is(.app-icon,.ui-icon){width:20px;height:20px;font-size:20px}
body[data-screen="documents"] .document-processing-info{margin:0 0 4px;font-size:12px;color:var(--ink-soft)}
.document-processing-info>summary{cursor:pointer;width:fit-content;max-width:100%;padding:3px 0}
.document-processing-info>p{margin:4px 0 8px;max-width:90ch}
body[data-screen="documents"] #documentLoadStatus{font-size:12px;margin:4px 0 6px}
body[data-screen="documents"] #documentList>.doc-scroll{padding:0;margin-top:0}
@media(max-width:640px){
 body.workspace-unified[data-screen="documents"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .document-compact-tools .invoice-filter-primary>.field{flex:1 1 0;min-width:0}
 .document-compact-tools .invoice-filter-primary>.field:has(#documentMonth){flex:2 1 0}
 .document-compact-tools #documentMonth{width:100%;padding-inline:4px}
 .document-compact-tools .invoice-filter-primary .cs-btn{padding-inline:4px;gap:3px}
}

@media(max-width:640px){
 body[data-screen="documents"] .document-compact-tools .invoice-filter-primary{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));width:100%;gap:6px}
 body[data-screen="documents"] .document-compact-tools .invoice-filter-primary>.field{width:100%;min-width:0;max-width:100%}
 body[data-screen="documents"] .document-compact-tools .invoice-filter-primary .cs-wrap{width:100%;min-width:0}
 body[data-screen="documents"] #documentActionsPanel>.workspace-mobile-mode{display:inline-flex}
}

/* Bank list: compact filters, optional explanations and selected-only approval. */
body.workspace-unified[data-screen="bank"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="bank"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="bank"] .workspace-section-nav{justify-content:center;margin-bottom:4px;padding-block:0}
body[data-screen="bank"] .bank-list-intro,body[data-screen="bank"] .bank-list-filters{margin-bottom:6px}
.bank-list-info,.bank-list-totals{font-size:12px;color:var(--ink-soft)}
.bank-list-info>summary,.bank-list-totals>summary{cursor:pointer;padding:3px 0}
.bank-list-info p{margin:4px 0}
.bank-list-intro>.bank-note{font-size:11px;margin:3px 0}
.bank-list-totals .bank-totals{padding:8px 0;gap:16px}
.bank-selection-actions[hidden]{display:none}
body[data-screen="bank"] .bank-selection-actions{padding:6px 8px;margin-bottom:6px;gap:8px;font-size:12px;background:var(--gold-faint);border-radius:6px}
body[data-screen="bank"] .workspace-results.bank-compact-tools{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0;margin-bottom:4px;border:0;align-items:flex-end}
body[data-screen="bank"] .workspace-results.bank-compact-tools.tools-two-rows{flex-wrap:wrap}
.bank-compact-tools .invoice-filter-primary{align-items:flex-end;max-width:100%}
.bank-compact-tools .invoice-filter-secondary{align-items:flex-end;min-width:0}
.bank-compact-tools label{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:11px;color:var(--ink-soft)}
.bank-compact-tools .invoice-filter-primary>label{flex:0 1 auto;max-width:100%}
.bank-compact-tools .invoice-filter-secondary>label{flex:1 1 0}
.bank-compact-tools .cs-wrap{width:max-content;min-width:0;max-width:100%}
.bank-compact-tools .cs-btn{min-width:0;max-width:100%;height:42px;font-size:12px;padding:6px 8px}
.bank-compact-tools .cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bank-compact-tools .master-actions-toggle{height:42px;min-height:42px;flex:0 0 auto;padding:8px;font-size:12px;gap:4px}
.bank-compact-tools .master-actions-toggle .app-icon{width:18px;height:18px}
.bank-compact-tools .app-date-control{height:42px;box-sizing:border-box}
.bank-compact-tools .app-date-control input[type="date"]{height:40px;min-height:40px;padding:6px;font-size:12px}
.bank-compact-tools .app-date-control .payment-calendar-button{width:32px;min-width:32px;min-height:40px;padding:0}
.bank-compact-tools.tools-two-rows .invoice-filter-primary>label{flex:1 1 auto}
.bank-compact-tools.tools-two-rows .invoice-filter-primary .cs-wrap{width:100%}
@media(max-width:640px){
 body.workspace-unified[data-screen="bank"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .bank-compact-tools .master-actions-toggle>span:not(.app-icon){display:none}
 .bank-compact-tools .master-actions-toggle{width:42px;justify-content:center}
 .bank-compact-tools .invoice-filter-primary{width:100%}
 .bank-compact-tools .invoice-filter-primary>label{flex:1 1 0;min-width:0}
}

body[data-screen="bank"] :is(.bank-list-intro,.bank-list-filters){padding:0;border:0;background:transparent;box-shadow:none}
body[data-screen="bank"] .bank-list-intro>.bank-sync{padding:4px 0;margin:4px 0}
body[data-screen="bank"] .bank-list-intro>.bank-sync>p{margin:2px 0;font-size:12px}

@media(max-width:640px){body[data-screen="bank"] #bankListActionPanel>.workspace-mobile-mode{display:inline-flex}}

/* Tax tasks: compact summaries and grouped view/filter controls. */
body.workspace-unified[data-screen="taxes"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="taxes"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="taxes"] .workspace-section-nav{justify-content:center;margin-bottom:4px;padding-block:0}
body[data-screen="taxes"] .tax-header{margin-bottom:4px;gap:6px}
body[data-screen="taxes"] .tax-header p{margin:2px 0;font-size:12px}
body[data-screen="taxes"] .tax-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0}
body[data-screen="taxes"] .tax-summary>div{padding:8px 10px;border-radius:7px;min-width:0}
body[data-screen="taxes"] .tax-summary span{font-size:11px;line-height:1.3}
body[data-screen="taxes"] .tax-summary strong{font-size:18px;margin-top:3px;overflow-wrap:anywhere}
body[data-screen="taxes"] .workspace-results.tax-compact-tools{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px;margin:4px 0;padding:0;border:0}
body[data-screen="taxes"] .workspace-results.tax-compact-tools.tools-two-rows{flex-wrap:wrap}
.tax-compact-tools .invoice-filter-primary{gap:6px;align-items:flex-end;max-width:100%}
.tax-compact-tools .invoice-filter-secondary{align-items:flex-end;min-width:0}
.tax-compact-tools label{font-size:11px;min-width:0;max-width:100%}
.tax-compact-tools .invoice-filter-secondary>label{flex:1 1 auto}
.tax-screen .tax-compact-tools :is(input,select){margin:2px 0 0;height:42px;min-height:42px;font-size:12px;box-sizing:border-box}
.tax-compact-tools .cs-wrap{min-width:0;max-width:100%;width:100%}
.tax-compact-tools .cs-btn{min-width:0;max-width:100%;height:42px;min-height:42px;font-size:12px;padding:6px 8px}
.tax-compact-tools .cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tax-compact-tools .tax-tab-switch{height:42px;min-height:42px;font-size:12px;padding:8px;white-space:nowrap}
body .tax-compact-tools .tax-reset-button{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:8px;margin:0}
.tax-compact-tools #taxMonthFilter{width:100%;min-width:0;padding:6px}
.tax-compact-tools #taxSnapshotField{width:100%;min-width:0}
body[data-screen="taxes"] .tax-screen>.tax-note{margin:6px 0;font-size:12px}
body[data-screen="taxes"] .tax-table-wrap{margin-top:6px}
@media(max-width:640px){
 body.workspace-unified[data-screen="taxes"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 body[data-screen="taxes"] .tax-summary>div{padding:6px}
 body[data-screen="taxes"] .tax-summary strong{font-size:14px;line-height:1.3}
 .tax-compact-tools .invoice-filter-primary>.btn{flex:1 1 auto}
 .tax-compact-tools .invoice-filter-secondary>label{flex:1 1 0}
 .tax-compact-tools .invoice-filter-secondary .cs-btn{padding-inline:4px;gap:3px}
}

.tax-compact-tools:not(.tools-two-rows) .invoice-filter-secondary>label{min-width:max-content}
.tax-compact-tools:not(.tools-two-rows) #taxMonthFilter{width:auto}
.tax-compact-tools.tools-two-rows .invoice-filter-secondary>label{min-width:0}
.tax-compact-tools.tools-two-rows .invoice-filter-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;align-items:end;width:100%}
.tax-compact-tools.tools-two-rows .invoice-filter-secondary:has(#taxSnapshotField){grid-template-columns:minmax(0,1fr)}
.tax-compact-tools.tools-two-rows .invoice-filter-secondary .cs-wrap{width:100%}

/* Reports: compact view, period and export controls. */
body.workspace-unified[data-screen="reports"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="reports"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="reports"] .workspace-section-nav{padding-block:0;margin-bottom:4px;justify-content:center}
.report-compact-tools{display:flex;align-items:end;flex-wrap:wrap;gap:6px;margin:4px 0 6px;min-width:0}
.report-compact-tools>.field{margin:0;min-width:0}
.report-compact-tools .field>label{font-size:11px;margin-bottom:2px}
.report-compact-tools :is(select,.cs-btn,#reportMonth,summary){min-height:42px;height:42px;box-sizing:border-box;font-size:12px}
.report-compact-tools>.cs-wrap{width:max-content;max-width:100%;min-width:0}
.report-compact-tools .cs-btn{min-width:0;max-width:100%;padding:6px 8px}
.report-compact-tools .cs-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.report-compact-tools>.report-export-menu{margin-left:auto;max-width:100%;position:relative}
.report-export-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:8px 12px}
.report-export-menu>summary::after{content:'⌄'}
.report-export-menu>summary::-webkit-details-marker{display:none}
.report-export-menu>.master-actions-panel{position:absolute;right:0;top:100%;z-index:30;min-width:max-content;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #0002;align-items:stretch;flex-direction:column}
.report-result-count{font-size:12px;color:var(--ink-soft);margin:3px 0 8px}
body[data-screen="reports"] .report-compact-tools .product-turnover-filters{display:flex;flex:1 1 auto;align-items:end;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;background:transparent}
body[data-screen="reports"] .report-compact-tools .product-turnover-filters>.field{flex:1 1 auto;min-width:0;margin:0}
body[data-screen="reports"] .report-compact-tools .product-turnover-filters>.product-turnover-date{flex:0 1 auto}
.report-compact-tools .product-turnover-filters :is(input,.app-date-control,.btn){height:42px;min-height:42px;font-size:12px;box-sizing:border-box}
.report-compact-tools .product-turnover-filters input{width:100%;min-width:0}
body[data-screen="reports"] .evat-heading{padding:10px 14px;gap:8px}
body[data-screen="reports"] .evat-heading h2{font-size:18px;margin:0}
body[data-screen="reports"] .evat-heading p{font-size:12px;margin:3px 0}
body[data-screen="reports"] .evat-controls{padding:8px 14px;gap:6px;align-items:end}
body[data-screen="reports"] .evat-controls label{font-size:11px;gap:2px}
body[data-screen="reports"] .evat-controls .btn{font-size:12px;min-height:42px;padding:8px}
@media(max-width:640px){
 body.workspace-unified[data-screen="reports"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .report-compact-tools>.cs-wrap{flex:1 1 100%;width:100%}
 .report-compact-tools>.field{flex:1 1 auto}
 .report-compact-tools #reportMonth{width:100%;padding:6px}
 body[data-screen="reports"] .report-compact-tools .product-turnover-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 body[data-screen="reports"] .report-compact-tools .product-turnover-filters>.field{width:100%;max-width:100%}
 .report-compact-tools .product-turnover-filters>.btn{grid-column:1/-1}
 .report-export-menu>.master-actions-panel{min-width:0;width:max-content}
 .report-export-menu>.master-actions-panel>.btn{white-space:normal}
 body[data-screen="reports"] .evat-controls>label{flex:1 1 0;min-width:0}
 body[data-screen="reports"] .evat-controls .cs-wrap{min-width:0;max-width:100%}
}
@media(max-width:640px){
 .report-compact-tools>.field{flex:1 1 0;min-width:0}
 .report-compact-tools>.field>.cs-wrap{width:100%;min-width:0}
 .report-compact-tools>.report-export-menu{flex:0 0 auto}
 .report-compact-tools>.report-month-field{min-width:0!important}
}

/* Settings: full-width form with compact topic and action toolbar. */
body.workspace-unified[data-screen="settings"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="settings"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="settings"] .workspace-settings{display:flex;flex-direction:column;gap:8px;align-items:stretch}
body[data-screen="settings"] .workspace-settings-nav{position:relative;top:auto;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0}
.workspace-settings-nav>.cs-wrap{width:max-content;min-width:0;max-width:100%}
.workspace-settings-nav :is(.cs-btn,select,.btn){min-height:42px;height:42px;font-size:12px;box-sizing:border-box}
.workspace-settings-nav>.btn-gold{margin-left:auto}
.workspace-settings-nav .cs-btn{min-width:0;max-width:100%;padding:6px 10px}
.workspace-settings-nav .cs-val{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-tools-menu{position:relative}
.settings-tools-menu>summary{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;list-style:none}
.settings-tools-menu>summary::after{content:'⌄'}
.settings-tools-menu>summary::-webkit-details-marker{display:none}
body[data-screen="settings"] .settings-tools-menu>.settings-save-actions{position:absolute;bottom:auto;right:0;top:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:max-content;max-width:calc(100vw - 32px);padding:8px;gap:6px;z-index:20}
body[data-screen="settings"] .workspace-settings-content{max-width:none;width:100%}
body[data-screen="settings"] .workspace-settings-section{margin-bottom:12px;min-width:0}
body[data-screen="settings"] .workspace-settings-section>h2.sect{margin:0 0 6px;font-size:17px}
body[data-screen="settings"] .workspace-settings-section>.card{padding:12px;margin-bottom:8px}
body[data-screen="settings"] .workspace-settings-content .field{gap:3px;margin-bottom:8px;min-width:0}
body[data-screen="settings"] .workspace-settings-content .field>label{font-size:12px}
body[data-screen="settings"] .settings-company-group{padding:10px;margin:3px 0 8px}
body[data-screen="settings"] .settings-company-fields{gap:8px 12px}
body[data-screen="settings"] .workspace-settings-content .field>:is(input:not([type="checkbox"]),select){min-height:42px;padding-block:8px}
@media(max-width:640px){
 body.workspace-unified[data-screen="settings"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .workspace-settings-nav>.cs-wrap{flex:1 1 100%;width:100%}
 .workspace-settings-nav>.btn-gold{flex:1 1 auto;margin-left:0}
 body[data-screen="settings"] .workspace-settings-section>.card{padding:10px}
 body[data-screen="settings"] .workspace-settings-content .frow{grid-template-columns:minmax(0,1fr)}
}
body[data-screen="settings"] .workspace-settings-nav{position:sticky;top:var(--workspace-topbar-height,60px);z-index:12;background:var(--paper);padding-block:4px}
body[data-screen="settings"] .workspace-settings-content .field:has(>#sNev){grid-column:1/-1}
/* Connections: compact heading and evenly aligned service cards. */
body.workspace-unified[data-screen="connections"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="connections"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="connections"] .connections-intro{max-width:none;font-size:12px;line-height:1.5;margin:4px 0 10px}
body[data-screen="connections"] .connections-intro p{margin:0}
body[data-screen="connections"] .connections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
body[data-screen="connections"] .connection-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto 1fr auto auto;align-items:center;gap:6px 10px;padding:12px;border-radius:8px;min-width:0}
body[data-screen="connections"] .connection-card-icon{width:36px;height:36px;border-radius:8px}
body[data-screen="connections"] .connection-card h2{font-size:16px;line-height:1.3;margin:0;overflow-wrap:anywhere}
body[data-screen="connections"] .connection-card p{grid-column:1/-1;font-size:13px;line-height:1.45;margin:0;overflow-wrap:anywhere}
body[data-screen="connections"] .connection-card .connection-card-state{font-size:12px;margin:0}
body[data-screen="connections"] .connection-card>.btn{grid-column:1/-1;justify-self:start;max-width:100%;min-height:42px;font-size:12px;padding:8px 12px;margin-top:2px;white-space:normal}
@media(max-width:640px){
 body.workspace-unified[data-screen="connections"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 body[data-screen="connections"] .connections-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 body[data-screen="connections"] .connection-card{padding:10px;gap:5px 8px}
}
/* NAV log: one compact filter/action row with deliberate mobile grouping. */
body.workspace-unified[data-screen="navlog"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="navlog"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="navlog"] .workspace-section-nav{margin-bottom:4px;padding-block:0}
.navlog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0}
.navlog-toolbar>.cs-wrap{width:max-content;min-width:0;max-width:100%}
.navlog-toolbar :is(select,.cs-btn,.btn){min-height:42px;box-sizing:border-box;font-size:12px}
.navlog-toolbar .cs-btn{min-width:0;max-width:100%;padding:6px 10px}
.navlog-toolbar .cs-val{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navlog-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;margin-left:auto}
.navlog-actions>.btn{padding:8px 10px;white-space:normal}
.navlog-status-note{font-size:12px;line-height:1.45;color:var(--ink-soft);margin:5px 0 8px}
body[data-screen="navlog"] .navlog-list{padding:0;border-radius:8px}
body[data-screen="navlog"] .navlog-table td{padding:7px 10px}
body[data-screen="navlog"] .navlog-table td:nth-child(3){overflow-wrap:anywhere}
@media(max-width:640px){
 body.workspace-unified[data-screen="navlog"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 .navlog-toolbar>.cs-wrap{flex:1 1 100%;width:100%}
 .navlog-actions{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .navlog-actions>.btn{min-width:0;padding:8px 6px}
 .navlog-actions>.btn:only-child{grid-column:1/-1}
}
@media(max-width:640px){
 body[data-screen="navlog"] .navlog-table,body[data-screen="navlog"] .navlog-table>tbody{display:block;width:100%}
 body[data-screen="navlog"] .navlog-table>thead{display:none}
 body[data-screen="navlog"] .navlog-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px;border-bottom:1px solid var(--line)}
 body[data-screen="navlog"] .navlog-table>tbody>tr>td{display:block!important;width:auto!important;max-width:none!important;min-width:0;padding:0;border:0;white-space:normal!important;overflow-wrap:anywhere}
 body[data-screen="navlog"] .navlog-table>tbody>tr>td::before{content:attr(data-column-label);display:block;font-size:11px;color:var(--ink-soft);margin-bottom:3px}
 body[data-screen="navlog"] .navlog-table>tbody>tr>td:nth-child(n+3){grid-column:1/-1}
 body[data-screen="navlog"] .navlog-table>tbody>tr>td:last-child{display:flex!important;flex-wrap:wrap;gap:6px}
 body[data-screen="navlog"] .navlog-table>tbody>tr>td:last-child::before{flex:1 1 100%}
}
/* Shared page switcher: visually grouped navigation, separate from actions. */
body.workspace-unified #workspaceNav{width:fit-content;max-width:100%;box-sizing:border-box;padding:4px;gap:4px;border:1px solid var(--line);border-radius:11px;background:var(--line-soft);box-shadow:none}
body.workspace-unified #workspaceNav .workspace-tab{color:var(--heading-ink);border-radius:7px}
body.workspace-unified #workspaceNav .workspace-tab:hover:not(.active){background:var(--card);border-color:var(--line)}
body.workspace-unified #workspaceNav .workspace-tab.active{background:var(--gold);border-color:var(--gold);color:var(--on-gold);box-shadow:0 1px 3px #00000014}
body.workspace-unified #workspaceNav .workspace-tab:focus-visible{outline:2px solid var(--info);outline-offset:1px}
@media(max-width:640px){
 body.workspace-unified #workspaceNav{gap:2px;padding:4px}
 body.workspace-unified .workspace-action-row>#workspaceNav{flex-wrap:wrap}
 body.workspace-unified #workspaceNav .workspace-tab{flex:1 1 auto}
}
/* Cases: compact header and full-width, grouped list controls. */
body.workspace-unified[data-screen="cases"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="cases"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="cases"] .invoice-workspace .workspace-action-row{margin-bottom:2px;padding-block:0}
body[data-screen="cases"] .workspace-secondary-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:4px 0 6px}
body[data-screen="cases"] .workspace-secondary-controls>select{flex:0 0 auto;width:auto;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink)}
body[data-screen="cases"] .workspace-secondary-controls>.inv-header-right{flex:1 1 auto;min-width:0;max-width:none;margin:0}
body[data-screen="cases"] .invoice-workspace .workspace-secondary-controls :is(select,.inv-header-right input){height:42px;min-height:42px;font-size:12px;box-sizing:border-box;padding:6px 10px}
@media(max-width:640px){
 body.workspace-unified[data-screen="cases"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 body[data-screen="cases"] .workspace-secondary-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 body[data-screen="cases"] .workspace-secondary-controls>select{width:100%}
}
body[data-screen="cases"] .case-table :is(th,td):last-child{width:1%;white-space:nowrap}
body[data-screen="cases"] .case-table td:last-child>.btn{width:auto;max-width:none;white-space:nowrap;display:inline-flex}
body[data-screen="cases"] .case-table td:last-child>.btn+.btn{margin-left:4px}
body[data-screen="cases"] .case-table :is(th,td):nth-child(5){white-space:nowrap}
@media(max-width:640px){
 body[data-screen="cases"]:not(.mobile-table-view) .case-table td:last-child{width:auto;grid-column:1/-1;white-space:normal}
}
/* Recurring invoices: compact filters with optional operational controls. */
body.workspace-unified[data-screen="recurring"] #pageHeader{padding-top:8px;padding-bottom:4px;gap:4px 16px}
body.workspace-unified[data-screen="recurring"] #pageHeader .workspace-tagline{font-size:15px;margin-block:0}
body[data-screen="recurring"] .invoice-workspace .workspace-action-row{margin-bottom:2px;padding-block:0}
body[data-screen="recurring"] .workspace-secondary-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin:4px 0 6px}
body[data-screen="recurring"] .workspace-secondary-controls>select{flex:0 0 auto;width:auto;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink)}
body[data-screen="recurring"] .workspace-secondary-controls>.inv-header-right{flex:1 1 auto;min-width:0;max-width:none;margin:0}
body[data-screen="recurring"] .invoice-workspace .workspace-secondary-controls :is(select,.inv-header-right input,summary){min-height:42px;height:42px;font-size:12px;padding:6px 10px;box-sizing:border-box}
.recurring-tools-menu{position:relative;flex:0 0 auto}
.recurring-tools-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.recurring-tools-menu>summary::after{content:'⌄'}
.recurring-tools-menu>summary::-webkit-details-marker{display:none}
.recurring-tools-menu>.master-actions-panel{position:absolute;right:0;top:100%;z-index:20;width:max-content;max-width:calc(100vw - 32px);flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}
.recurring-tools-menu>.master-actions-panel>.btn{font-size:12px;white-space:normal}
@media(max-width:640px){
 body.workspace-unified[data-screen="recurring"] :is(#pagesubtitle,#pageHeader .workspace-tagline){display:none}
 body[data-screen="recurring"] .workspace-secondary-controls{display:grid;grid-template-columns:minmax(0,1fr) auto}
 body[data-screen="recurring"] .workspace-secondary-controls>select{grid-column:1/-1;width:100%}
}
.incoming-sync-info .sync-hide-label{display:none}
.incoming-sync-info[open] .sync-show-label{display:none}
.incoming-sync-info[open] .sync-hide-label{display:inline}
.incoming-sync-info :is(.sync-show-label,.sync-hide-label){flex:none;color:var(--info);font-weight:600}
.incoming-sync-details{max-width:54ch;text-align:left;padding:8px 4px 4px;font-size:12px;line-height:1.45}
.incoming-sync-details>strong{display:block;color:var(--heading-ink)}
.incoming-sync-details>p{margin:6px 0}
.incoming-sync-details>.btn{min-height:40px;margin-top:4px;font-size:12px}
/* Compact period dialog; only the calendar body scrolls on short screens. */
#modalBox.inv-period-modal{width:720px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#modalBox.inv-period-modal .inv-calendar-title{flex:none;gap:12px;margin-bottom:8px;flex-direction:row;align-items:center}
#modalBox.inv-period-modal .inv-calendar-title h3{font-size:18px;padding-bottom:6px}
#modalBox.inv-period-modal .inv-calendar-title .field{min-width:0;gap:2px;font-size:11px}
#modalBox.inv-period-modal .inv-calendar-title select{height:34px;min-height:34px;font-size:12px;padding:4px 8px}
#modalBox.inv-period-modal .inv-calendar-body{min-height:0;overflow:auto;grid-template-columns:max-content minmax(0,1fr)}
#modalBox.inv-period-modal .inv-calendar-presets{padding:4px;flex-direction:column;flex-wrap:nowrap;border-right:1px solid var(--line);border-bottom:0}
#modalBox.inv-period-modal .inv-calendar-presets button{flex:none;min-height:30px;padding:5px 8px;font-size:12px;text-align:left}
#modalBox.inv-period-modal .inv-calendar-pair>section{padding:8px}
#modalBox.inv-period-modal .inv-calendar-caption{font-size:11px;margin-bottom:3px}
#modalBox.inv-period-modal .app-date-control{height:36px}
#modalBox.inv-period-modal .app-date-control input{height:34px;min-height:34px;font-size:12px;padding:4px}
#modalBox.inv-period-modal .payment-calendar-button{height:34px;min-height:34px;width:34px;min-width:34px;padding:4px}
#modalBox.inv-period-modal .payment-calendar-button svg{width:20px;height:20px}
#modalBox.inv-period-modal .inv-calendar-month{grid-template-columns:28px 1fr 28px;margin:6px 0 3px}
#modalBox.inv-period-modal .inv-calendar-month strong{font-size:12px}
#modalBox.inv-period-modal .inv-calendar-month button{height:28px;min-height:28px;font-size:21px;padding:0}
#modalBox.inv-period-modal .inv-calendar-week span{font-size:11px;padding:4px 0}
#modalBox.inv-period-modal .inv-calendar-day{min-height:28px;height:28px;font-size:12px;padding:2px 0}
#modalBox.inv-period-modal .inv-calendar-footer{flex:none;position:static;margin-top:8px;padding:8px 0 0;gap:6px;background:var(--card)}
#modalBox.inv-period-modal .inv-calendar-footer>span{font-size:12px}
#modalBox.inv-period-modal .inv-calendar-footer .btn{min-height:36px;padding:6px 12px;font-size:12px}
#modalBox.inv-period-modal #invDateError{flex:none;font-size:12px;margin:4px 0}
@media(max-width:600px){
 #modalBox.inv-period-modal .inv-calendar-body{grid-template-columns:minmax(0,1fr)}
 #modalBox.inv-period-modal .inv-calendar-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}
 #modalBox.inv-period-modal .inv-calendar-presets button{white-space:normal;text-align:center}
}
@media(max-width:480px){
 #modalBox.inv-period-modal .inv-calendar-title{align-items:start}
 #modalBox.inv-period-modal .inv-calendar-title .field{flex-direction:column;align-items:stretch}
 #modalBox.inv-period-modal .inv-calendar-title h3{font-size:16px}
 #modalBox.inv-period-modal .inv-calendar-footer>span{flex-basis:100%}
}
/* Paid status carries the recorded settlement date, including compact tables. */
body .invoice-workspace .inv-payment-pill.is-paid .inv-payment-label{display:inline!important;white-space:nowrap}
body .invoice-workspace table.inv-detailed[data-inv-status] .inv-payment-pill.is-paid{width:max-content;min-width:0;max-width:none;height:auto;padding:4px 8px;gap:4px}
body .invoice-workspace table.inv-detailed[data-inv-status] .inv-payment-pill.is-paid>.inv-payment-label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none}
/* Year labels share a content-sized right edge; the checkmark has its own column. */
#csWrap.aligned-year-picker .cs-list{display:block}
#csWrap.aligned-year-picker .vp-row{display:grid;grid-template-columns:var(--year-label-width,max-content) 24px;column-gap:6px;align-items:center;padding-inline:10px}
#csWrap.aligned-year-picker .vp-row>span:first-child{text-align:right;justify-self:stretch}
#csWrap.aligned-year-picker .popup-selection-check{justify-self:start;width:24px;height:24px;margin-left:0}
#csWrap.aligned-year-picker .popup-selection-check .app-icon{width:24px;height:24px}
#csWrap.aligned-year-picker .year-all-option>span:first-child{font-weight:750}
#csWrap.aligned-year-picker .vp-row>span:first-child{justify-content:flex-end}
/* Document types: content-sized label column followed by the selection mark. */
#csWrap.inv-type-overlay .cs-list{display:block}
#csWrap.inv-type-overlay .vp-row{display:grid;grid-template-columns:minmax(0,var(--year-label-width,max-content)) 24px;column-gap:6px;align-items:center;padding-inline:10px}
#csWrap.inv-type-overlay .popup-selection-check{justify-self:start;width:24px;height:24px;margin-left:0}
#csWrap.inv-type-overlay .popup-selection-check .app-icon{width:24px;height:24px}
#csWrap.inv-type-overlay .vp-row:first-child>span:first-child{font-weight:750}
/* Document columns share space according to their visible content. */
body[data-screen="documents"] table.document-data-table{table-layout:auto;width:100%}
body[data-screen="documents"] table.document-data-table> :is(thead,tbody)>tr> :is(th,td){width:auto;min-width:0;max-width:none;word-break:normal;overflow-wrap:normal;white-space:normal;padding-inline:10px}
body[data-screen="documents"] table.document-data-table> :is(thead,tbody)>tr> :is(th,td):is(.document-date,.document-amount){width:1%;white-space:nowrap}
body[data-screen="documents"] table.document-data-table>tbody>tr>td.document-amount{text-align:right;font-variant-numeric:tabular-nums}
body[data-screen="documents"] table.document-data-table>thead>tr>th.document-amount{text-align:right}
body[data-screen="documents"] table.document-data-table>tbody>tr>td:is(:first-child,:nth-child(2)){overflow-wrap:anywhere}
body[data-screen="documents"] table.document-data-table>tbody>tr>td:first-child>.btn{white-space:nowrap}
@media(max-width:640px){
 body[data-screen="documents"]:not(.mobile-table-view) table.document-data-table>tbody>tr>td{width:auto;white-space:normal}
 body[data-screen="documents"]:not(.mobile-table-view) table.document-data-table>tbody>tr>td.document-amount{text-align:left}
}

.document-source{font-size:.82em;color:var(--muted);overflow-wrap:anywhere;margin-block:4px}.document-source summary{cursor:pointer}.document-source[open]{padding-block:4px}

body[data-screen="documents"] table.document-data-table>tbody>tr>td{vertical-align:top}
.document-data-table .document-source{font-size:inherit;margin:0;color:inherit}
.document-data-table .document-source small,.document-data-table .document-source details{font-size:.82em;color:var(--muted)}
.document-review-state{font-size:.82em;font-weight:650;margin-top:6px}
.mail-scan-result{padding:14px;overflow-wrap:anywhere}
.mail-scan-result dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:12px 0 0}
.mail-scan-result dt{color:var(--muted)}
.mail-scan-result dd{margin:0;min-width:0}
@media(max-width:640px){.mail-scan-result dl{grid-template-columns:1fr;gap:4px}.mail-scan-result dd{margin-bottom:8px}}

/* Quiet, aligned document rows: one block for recognition and invoice linkage. */
body[data-screen="documents"] table.document-data-table> :is(thead,tbody)>tr> :is(th,td){padding:14px 16px}
body[data-screen="documents"] table.document-data-table>tbody>tr>td{line-height:1.4}
body[data-screen="documents"] table.document-data-table>tbody>tr>td:nth-child(2){width:1%;overflow-wrap:normal}
.document-data-table .document-source{font-size:.88em}
.document-provider{display:inline-block;color:var(--muted);font-size:.9em;font-weight:650;margin-bottom:4px}
.document-mail-address{white-space:nowrap}
.document-meta-label{font-size:.76em;color:var(--muted);font-weight:500;margin-bottom:3px}
.document-meta-label:not(:first-child){margin-top:8px}
.document-invoice-number{font-variant-numeric:tabular-nums;overflow-wrap:break-word;word-break:normal}
.document-supplier{display:block}
.document-filename{font-size:.82em;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.document-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.document-state-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.document-state-tag{font-size:.72em;padding:3px 7px;border-radius:6px;background:var(--bg);color:var(--muted)}
.document-state-tag.is-checked{background:#e8f5ee;color:#237344}
.document-source details{margin-top:8px}
@media(max-width:900px){.document-mail-address{white-space:normal;overflow-wrap:anywhere}}

/* Every shared page switcher is centered within the available content width. */
body.workspace-unified #workspaceNav{margin-inline:auto;justify-self:center;justify-content:center}

@media(max-width:640px){
 body.workspace-unified .workspace-action-row:has(>.workspace-document-actions){display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
 body.workspace-unified .workspace-action-row:has(>.workspace-document-actions)>#workspaceNav{grid-column:1;grid-row:1;width:fit-content;flex-wrap:wrap}
 body.workspace-unified .workspace-action-row>.workspace-document-actions{grid-column:1;grid-row:2;justify-self:end}
}
body.accountant-mode #app,body.accountant-mode #bottomNav{display:none!important}
#accountantWorkspace{position:fixed;inset:0;z-index:80;overflow:auto;overscroll-behavior:contain;background:#f8fafc;--ink:#0b3d4a;--ink-soft:#58717e;--card:#fff;--paper:#f8fafc;--line:#dce5eb;color:#0b3d4a;font-family:Inter,system-ui,sans-serif;scrollbar-width:none}
#accountantWorkspace::-webkit-scrollbar,.ac-table-wrap::-webkit-scrollbar{display:none}
.ac-header{display:flex;align-items:center;gap:18px;padding:18px clamp(18px,4vw,64px);background:#fff;border-bottom:1px solid #dce5eb}
.ac-brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#0b3d4a}.ac-brand span{color:#d97900}
.ac-readonly{font-size:13px;background:#e5f5f2;color:#087e71;padding:6px 12px;border-radius:99px}.ac-header .btn{margin-left:auto}
.ac-content{max-width:1440px;margin:auto;padding:32px clamp(18px,4vw,64px)}
.ac-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.ac-heading h1{font-size:30px;line-height:1.2;margin:0 0 8px}.ac-heading p,.ac-caption{color:#58717e}.ac-heading p{margin:0}
.ac-content label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#58717e}
.ac-content select,.ac-content input{width:100%;min-width:0;min-height:44px;border:1px solid #dce5eb;border-radius:10px;background:white;color:#0b3d4a;padding:9px 12px;font-size:15px}
.ac-heading label{width:max-content;max-width:100%}.ac-tabs{display:flex;gap:8px;margin:28px 0 20px;flex-wrap:wrap}.ac-tabs #acRefresh{margin-left:auto}
.ac-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.ac-filters label{min-width:0}.ac-filters .ac-search{flex:1;min-width:min(100%,18em)}
#accountantWorkspace .btn{min-height:42px;white-space:nowrap;font-size:14px;padding:9px 16px}
.ac-caption{font-size:13px;line-height:1.6;margin:16px 0}.ac-error{padding:14px 16px;border:1px solid #f2d0ad;background:#fff5e9;border-radius:10px;color:#7b4300;font-size:14px;line-height:1.5}
.ac-table-wrap{overflow:auto;scrollbar-width:none;border:1px solid #dce5eb;border-radius:14px;background:white}.ac-table{width:100%;border-collapse:collapse;font-size:14px}.ac-table th{text-align:left;background:#0b3d4a;color:white;font-weight:600;padding:14px 16px;white-space:nowrap}.ac-table td{padding:15px 16px;border-top:1px solid #e6edf1;vertical-align:middle}.ac-table td:not(:first-child){width:1%}.ac-table td:first-child{width:auto}.ac-table td span{display:block;color:#58717e;font-size:13px;margin-top:4px}.ac-amount{font-weight:700;white-space:nowrap;text-align:right}
.ac-documents{background:#fff;border:1px solid #dce5eb;border-radius:14px;overflow:hidden}.ac-documents:empty{display:none}.ac-documents article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}.ac-documents article+article{border-top:1px solid #e6edf1}.ac-documents p{font-size:13px;color:#58717e;margin:6px 0 0}.ac-documents strong{overflow-wrap:anywhere}.ac-status{min-height:24px;color:#58717e;font-size:14px}#acMore{margin-top:16px}
@media(max-width:720px){.ac-header{padding:12px 16px;gap:8px}.ac-brand{font-size:21px}.ac-readonly{font-size:11px;padding:5px 8px}.ac-header .btn{font-size:12px!important;padding:7px 9px!important}.ac-content{padding:24px 16px}.ac-heading{display:block}.ac-heading h1{font-size:26px}.ac-heading label{margin-top:20px;max-width:none}.ac-filters label{flex:1}.ac-filters .ac-search{min-width:100%}.ac-filters #acExport{width:100%}.ac-table thead{display:none}.ac-table,.ac-table tbody{display:block}.ac-table tr{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px;border-bottom:1px solid #e6edf1}.ac-table tr:last-child{border-bottom:0}.ac-table td{display:block;border:0;padding:0!important}.ac-table td:first-child{width:auto;grid-column:1/-1}.ac-table td:nth-child(3){grid-row:3}.ac-table td:nth-child(4){grid-column:2;grid-row:2}.ac-table td:last-child{grid-column:2;grid-row:3;text-align:right}.ac-documents article{padding:16px}.ac-documents article>div{min-width:0}}

#accountantWorkspace select{color-scheme:light} .ac-table td:first-child{overflow-wrap:anywhere} .ac-content .inv-pager label{display:block} .ac-heading label select{width:auto;max-width:100%}
.ac-export-panel{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:16px 0;padding:16px 18px;background:#fff;border:1px solid #dce5eb;border-radius:12px}.ac-export-panel>div{flex:1;min-width:min(100%,20em)}.ac-export-panel strong{font-size:15px}.ac-export-panel p{font-size:13px;line-height:1.5;color:#58717e;margin:5px 0 0}
@media(max-width:720px){.ac-table td{width:auto!important}.ac-table td:nth-child(3){white-space:nowrap}.ac-table tr{grid-template-columns:minmax(0,1fr) auto}}
.ac-archive-detail{padding:20px;margin:20px 0;background:white;border:1px solid #dce5eb;border-radius:14px;overflow-wrap:anywhere}.ac-archive-detail:focus{outline:2px solid #0b3d4a;outline-offset:3px}.ac-archive-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ac-archive-heading h2{font-size:21px;margin:0}.ac-archive-heading p{color:#58717e;font-size:13px}.ac-archive-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;font-size:14px;line-height:1.6}.ac-archive-items{display:grid;gap:0;margin:16px 0}.ac-archive-items article{padding:12px 0;border-top:1px solid #dce5eb}.ac-archive-items span{display:block;font-size:13px;color:#58717e;line-height:1.6;margin-top:4px}#acArchiveMore{margin-top:16px}
@media(min-width:721px){.ac-table td:not(:first-child){white-space:nowrap}}
@media(max-width:720px){.ac-archive-detail{padding:16px}.ac-archive-parties{grid-template-columns:1fr;gap:0}.ac-table td:last-child span{white-space:normal}.ac-content .btn{max-width:100%}.ac-archive-detail .btn{white-space:normal!important}.ac-tabs{gap:8px}.ac-tabs #acRefresh{margin-left:0}}
#modalBox.capacity-panel{width:800px;max-width:calc(100vw - 32px);box-sizing:border-box}
.capacity-intro,.capacity-note{color:var(--ink-soft);line-height:1.55;overflow-wrap:anywhere}
.capacity-note{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,var(--card));margin:12px 0}
.capacity-note p{margin:6px 0 0}
.capacity-list{display:grid;gap:10px;margin:16px 0}
.capacity-row{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:12px;min-width:0}
.capacity-row.is-warning{border-left-color:var(--gold)}
.capacity-row:is(.is-critical,.is-limit,.is-unknown){border-left-color:var(--warn)}
.capacity-row-heading,.capacity-values{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.capacity-row-heading strong{color:var(--ink)}
.capacity-row-heading span,.capacity-values{font-size:.86rem;color:var(--ink-soft)}
.capacity-values{margin-top:6px}
.capacity-values b{color:var(--ink)}
.capacity-row meter{display:block;width:100%;height:14px;margin-top:6px}
@media(min-width:700px){.capacity-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
#modalBox.payment-batch-dialog { width:960px;max-width:calc(100vw - 36px); }
.payment-batch-fields { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px; }
.payment-batch-items,.payment-batch-list { display:grid;gap:12px;margin-block:16px; }
.payment-batch-items .card,.payment-batch-list .card { padding:16px; }
.payment-batch-dialog h3,.payment-batch-dialog h4 { color:var(--heading-ink); }
.payment-batch-dialog .field input { width:100%;min-width:0; }