/*
 * Höfner Buchhaltung – V-Server Transfer UI
 * Rekonstruktion nach verifizierten Screenshots vom 18./19.09.2026.
 * Kein Original-Source-v39-CSS. Ziel: visuell und strukturell möglichst identische externe Neuinstallation.
 */
:root{
  --hb-ink:#173b37;
  --hb-text:#263f3b;
  --hb-muted:#7b8b88;
  --hb-muted-2:#9ba7a5;
  --hb-teal:#0f766c;
  --hb-teal-dark:#0b665d;
  --hb-top:#143936;
  --hb-mint:#e4f1ef;
  --hb-mint-2:#eef6f4;
  --hb-bg:#f4f6f5;
  --hb-card:#fff;
  --hb-line:#d9e1df;
  --hb-line-2:#e7eceb;
  --hb-input:#f3f6f5;
  --hb-warn-bg:#f8eac0;
  --hb-warn:#876415;
  --hb-danger-bg:#f4d9d5;
  --hb-danger:#944c46;
  --hb-ok-bg:#dfeee9;
  --hb-ok:#396d64;
  --hb-info-bg:#e2efed;
  --hb-radius:10px;
  --hb-shadow:0 1px 2px rgba(17,43,40,.03);
  --sidebar:248px;
  --topbar:58px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--hb-bg);color:var(--hb-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.45}
body{overflow-x:hidden}
a{color:var(--hb-teal);text-decoration:none}a:hover{text-decoration:none;color:var(--hb-teal-dark)}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--hb-line);overflow-y:auto;z-index:40}
.brand{height:var(--topbar);display:flex;align-items:center;padding:0 17px;background:var(--hb-top);color:#fff;border-right:1px solid rgba(255,255,255,.05)}
.brand>img{width:36px;height:36px;object-fit:contain;opacity:.98;margin-right:10px}.brand>div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:14px;letter-spacing:.06em}.brand span{font-size:12px;opacity:.72;margin-top:4px}
.nav-section{padding:21px 26px 8px;color:#8c9997;font-size:10px;line-height:1;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.nav-link{min-height:42px;margin:2px 15px;padding:8px 10px;border-radius:9px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;color:#425a56;font-weight:620;position:relative}
.nav-link:hover{background:#f4f7f6;color:var(--hb-ink)}.nav-link.active{background:var(--hb-mint);color:#0c665e;font-weight:760;box-shadow:inset 3px 0 0 var(--hb-teal)}
.nav-icon{width:18px;height:18px;opacity:.65}.nav-link.active .nav-icon{opacity:1;filter:none}.nav-badge{min-width:24px;height:23px;padding:0 7px;border-radius:999px;background:#dcebe8;color:#356a63;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.workspace{min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:35;background:var(--hb-top);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;padding:0 20px;border-bottom:1px solid rgba(0,0,0,.12)}
.topbar-spacer{min-width:20px}.period-button{grid-column:2;border:0;background:transparent;color:#fff;font-weight:800;font-size:16px;padding:8px 14px;border-radius:8px}.period-button:hover{background:rgba(255,255,255,.08)}
.top-actions{grid-column:3;display:flex;justify-content:flex-end;align-items:center;gap:12px;min-width:0}.mode-pill{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:rgba(255,255,255,.75)}.bell{font-size:17px;opacity:.75}.avatar{width:36px;height:36px;border-radius:50%;background:#efc870;color:#513d0d;font-weight:800;display:grid;place-items:center}
.icon-btn{border:0;background:transparent;color:inherit}.mobile-only{display:none}
.main{max-width:1100px;margin:0 auto;padding:28px 24px 50px}.main-wide{max-width:none;padding:0}
.page-head{margin-bottom:18px}.main-wide>.page-head{display:none}.eyebrow{color:var(--hb-teal);font-size:10px;font-weight:900;letter-spacing:.17em;margin-bottom:7px}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#173b37;font-size:28px;line-height:1.12;margin:0}.page-head p{margin:7px 0 0;color:#899692}.role-pill{white-space:nowrap;border:1px solid #efc9c4;background:#fff1ef;color:#7d433e;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;margin-top:2px}
.card,.help-card,.backup-card,.metric-card,.notice,.status-banner{background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow)}
.card{overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--hb-line-2)}.card-head h2{font-size:14px;margin:0;color:#263f3b;font-weight:620}.card-head p{font-size:12px;color:#929d9a;margin:5px 0 0}.card-pad{padding:17px 18px}.head-icon{width:24px;height:24px;color:var(--hb-teal);opacity:.9}.mt{margin-top:15px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{padding:20px 19px;min-height:130px}.metric-card span{display:block;color:#82908e;font-size:12px}.metric-card strong{display:block;margin-top:11px;color:#204440;font-size:24px;font-weight:760}.metric-card small{display:block;color:#9aa6a3;margin-top:8px;font-size:11px}
.notice{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:#eef7f5;border-color:#c9dfda;color:#31544f}.notice>img{width:20px;height:20px;color:var(--hb-teal);margin-top:1px}.notice>div{display:flex;flex-direction:column;gap:3px;flex:1}.notice strong{font-size:12px}.notice span{font-size:11px;color:#6a7d79}.notice.inline{margin:0 18px 18px}.status-banner{display:flex;align-items:center;gap:18px;padding:24px 26px;border-left:6px solid #ba8428;background:linear-gradient(90deg,#fff9ed 0,#fff 35%)}.status-banner.success{border-left-color:var(--hb-teal);background:linear-gradient(90deg,#f0f8f6 0,#fff 35%)}.status-banner>img{width:44px;height:44px;padding:10px;border-radius:12px;background:#dff0ed;color:var(--hb-teal)}.status-banner>div{flex:1}.status-banner>div>span{font-size:10px;letter-spacing:.14em;font-weight:850;color:#7c8986}.status-banner h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#173b37;font-size:25px;margin:7px 0 3px}.status-banner p{margin:0;color:#8a9693}.status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:none}.status.warn{background:var(--hb-warn-bg);color:var(--hb-warn)}.status.danger{background:var(--hb-danger-bg);color:var(--hb-danger)}.status.ok{background:var(--hb-ok-bg);color:var(--hb-ok)}.status.info{background:var(--hb-info-bg);color:#39726a}.status.neutral{background:#edf1f0;color:#667673}
.btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;border:1px solid transparent;padding:8px 14px;font-weight:650;line-height:1.1}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--hb-teal);border-color:var(--hb-teal);color:#fff}.btn-primary:hover{background:var(--hb-teal-dark);color:#fff}.btn-secondary{background:#f8faf9;border-color:var(--hb-line);color:#2d4945}.btn-muted{background:#8ebbb5;border-color:#8ebbb5;color:#fff}.btn-small{min-height:34px;padding:6px 10px;font-size:12px}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.55}
.input,.select,.textarea{width:100%;border:1px solid #d8e0de;background:var(--hb-input);border-radius:7px;min-height:39px;padding:9px 11px;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:#82b8b1;box-shadow:0 0 0 3px rgba(15,118,108,.08);background:#fff}.textarea{min-height:76px;resize:vertical}label{display:flex;flex-direction:column;gap:6px;color:#5c706c;font-size:11px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.span-2{grid-column:span 2}.two,.three{display:grid;gap:8px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:12px}.flash.error{background:#fff0ee;color:#8b3f38;border:1px solid #efc4be}
.correction-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px}.help-stack{display:flex;flex-direction:column;gap:10px}.help-card{padding:16px}.help-card>img{width:20px;height:20px;color:var(--hb-teal);margin-bottom:8px}.help-card h3{font-size:12px;margin:0 0 8px;font-weight:600}.help-card p{font-size:11px;line-height:1.55;margin:0;color:#87938f}.booking-preview{margin-top:2px;background:#f1f7f5;border:1px solid #d7e5e2;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr 30px 1fr 1fr;gap:10px}.booking-preview>div:not(.swap){display:flex;flex-direction:column;gap:3px}.booking-preview span{font-size:9px;letter-spacing:.05em;font-weight:800;color:#6c807c}.booking-preview b{font-size:14px;color:#234a44}.booking-preview small{font-size:10px;color:#879793}.booking-preview .swap{display:grid;place-items:center;color:#4d817a}
.empty-state{min-height:210px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b9996;gap:7px}.empty-state img{width:28px;height:28px;color:#608b85;opacity:.9}.empty-state strong{color:#213f3b;font-size:12px}.empty-state span{max-width:560px;font-size:11px}.soft-pill,.count-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dbe9e6;color:#58736e;font-size:10px;font-weight:800;padding:4px 9px}.count-pill{min-width:34px;color:#30665f}
.toolbar{padding:12px 17px;border-bottom:1px solid var(--hb-line-2)}.search-form{display:flex;gap:8px}.search-form .input{max-width:540px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{padding:11px 13px;text-align:left;background:#f3f6f5;border-bottom:1px solid var(--hb-line);color:#7b8b88;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}td{padding:12px 13px;border-bottom:1px solid #e7eceb;vertical-align:top;color:#3a514d}tbody tr:hover{background:#fbfcfc}td small{display:block;color:#92a09d;margin-top:5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table-note{padding:12px 16px;color:#8a9895;font-size:11px}.rule-table td:first-child{min-width:260px}.risk{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.risk.low{background:#e4f0ed;color:#4f746d}.risk.mid{background:#f4e3e0;color:#8c514a}.risk.manual{background:#904842;color:#fff}
.vat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vat-grid>div{background:#f5f8f7;border:1px solid #e1e7e5;border-radius:8px;padding:16px}.vat-grid span{display:block;font-size:11px;color:#768783}.vat-grid b{display:block;font-size:22px;color:#224a44;margin-top:7px}.vat-grid .emphasis{background:#e7f2f0;border-color:#c8dfda}
.kv-list{padding:3px 18px 14px}.kv-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e8edec}.kv-list>div:last-child{border-bottom:0}.kv-list span{color:#84918f}.kv-list span small{display:block}.kv-list b{color:#2d4a46;text-align:right}.settings-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}
/* Belegansicht – dreispaltig wie die produktive Referenz */
.documents-workspace{height:calc(100vh - var(--topbar));display:grid;grid-template-columns:340px minmax(500px,1fr) 455px;background:#f1f4f3;overflow:hidden}.doc-list-panel,.doc-preview-panel,.doc-detail-panel{min-width:0;background:#fff;border-right:1px solid var(--hb-line);height:100%;overflow:hidden}.doc-list-panel{display:flex;flex-direction:column}.doc-list-head{height:48px;border-bottom:1px solid var(--hb-line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:12px}.doc-list-head small{color:#8a9996;margin-left:3px}.search-wrap{padding:10px}.filter-row{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-bottom:1px solid var(--hb-line);padding:0 8px 9px}.filter-chip{border:0;background:transparent;color:#7b8d89;font-size:9px;min-height:37px;border-radius:5px;padding:4px 2px;font-weight:750}.filter-chip.active{background:#e4f1ef;color:#0d6d64}.doc-list{flex:1;overflow-y:auto}.doc-list-item{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start;padding:13px 10px;border-bottom:1px solid #edf1f0;color:inherit;position:relative}.doc-list-item:hover,.doc-list-item.selected{background:#f7faf9}.doc-list-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--hb-teal)}.file-icon{width:26px;height:28px;border-radius:7px;background:#e8f1ef;display:grid;place-items:center}.file-icon img{width:15px;height:15px}.doc-main{min-width:0;display:flex;flex-direction:column}.doc-main strong{font-size:11px;color:#28443f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-main small{font-size:9px;color:#899895;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.doc-side b{font-size:11px;color:#24413d}.doc-side .status{font-size:9px;min-height:21px;padding:2px 7px}.doc-preview-panel{display:flex;flex-direction:column;background:#eef2f1}.preview-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fff;border-bottom:1px solid var(--hb-line);font-size:11px}.preview-bar span{color:#99a5a2}.document-frame{width:100%;flex:1;border:0;background:#dfe4e3}.document-placeholder{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#7d8d89}.document-placeholder img{width:42px;height:42px}.preview-note{background:#fff;border-top:1px solid var(--hb-line);padding:11px 13px;color:#758581;font-size:10px}.doc-detail-panel{overflow-y:auto;border-right:0}.detail-form{padding:14px 13px 18px;display:flex;flex-direction:column;gap:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#59716d;font-size:10px;font-weight:900;letter-spacing:.07em;margin-top:4px;border-bottom:1px solid #e4e9e8;padding-bottom:7px}.section-title small{letter-spacing:0;font-size:8px;font-weight:500;color:#9aa5a2}.info-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#eff5f3;border:1px solid #d8e5e2;border-radius:8px;padding:10px}.info-box>div{display:flex;flex-direction:column;gap:3px}.info-box span{font-size:8px;color:#7d908c}.info-box b{font-size:9px;color:#214740}.original-box{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dbe3e1;border-radius:7px;background:#f8faf9}.original-box img{width:17px;height:17px}.original-box div{display:flex;flex-direction:column}.original-box strong{font-size:10px}.original-box small{font-size:9px;color:#93a09d}.detail-actions{display:grid;grid-template-columns:auto 1fr;gap:7px;margin-top:3px}.detail-actions .btn-primary{width:100%}.detail-empty{padding:20px;color:#8a9895}
/* Backup */
.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-card{display:grid;grid-template-columns:56px 1fr;gap:15px;padding:23px}.backup-card h2{font-size:18px;font-weight:500;margin:3px 0 6px;color:#26423e}.backup-card p{color:#788985;margin:0 0 13px;line-height:1.55}.backup-card small{display:block;color:#8c9996;margin-top:13px}.backup-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center}.backup-icon img{width:25px;height:25px}.backup-icon.green{background:#dff1ee;color:#0f766c}.backup-icon.gold{background:#f8ead1;color:#906a22}
/* Login */
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5f3,#f8faf9)}.login-card{width:min(420px,calc(100vw - 32px));padding:32px;background:#fff;border:1px solid var(--hb-line);border-radius:14px;box-shadow:0 20px 50px rgba(29,64,59,.08);display:flex;flex-direction:column;gap:13px}.login-logo{width:58px;align-self:center;margin-bottom:5px}.login-card h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;text-align:center;margin:3px 0 0;color:#183c38}.login-card>p{text-align:center;color:#8d9996;margin:0 0 7px}
/* autocomplete */
.account-suggestions{position:absolute;z-index:1000;background:#fff;border:1px solid #ccd9d6;border-radius:7px;box-shadow:0 12px 30px rgba(20,57,54,.12);max-height:240px;overflow:auto;min-width:320px}.account-suggestion{display:block;padding:9px 11px;border-bottom:1px solid #edf1f0;color:#294742;font-size:11px}.account-suggestion:hover{background:#eef6f4}.account-suggestion b{font-family:ui-monospace,monospace;margin-right:7px}.account-wrap{position:relative}
.documents-page{padding:24px 28px 34px;max-width:1800px;margin:0 auto}.documents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.documents-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#173b37;font-size:28px;line-height:1.12;margin:0}.documents-head p{margin:7px 0 0;color:#899692}.upload-band{min-height:60px;margin-bottom:12px;padding:13px 16px;border:1px dashed #9bd0c9;border-radius:10px;background:#edf8f6;display:flex;align-items:center;justify-content:space-between;gap:16px}.upload-copy{display:flex;align-items:center;gap:12px;color:#31544f}.upload-copy b,.upload-copy small{display:block}.upload-copy b{font-size:12px}.upload-copy small{margin-top:3px;color:#6f827e;font-size:10px}.soft-icon{width:34px;height:34px;border-radius:10px;background:#caebe6;display:grid;place-items:center}.soft-icon img{width:18px;height:18px}.file-strip{margin-bottom:14px;border:1px solid var(--hb-line);border-radius:10px;background:#fff;overflow:hidden}.strip-head{min-height:56px;padding:12px 15px;border-bottom:1px solid var(--hb-line-2);display:flex;align-items:center;justify-content:space-between;gap:14px}.strip-head>div{display:flex;align-items:center;gap:10px}.strip-head b,.strip-head small{display:block}.strip-head small{font-size:10px;color:#8b9996}.strip-count{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--hb-teal);color:#fff;font-weight:800}.strip-actions{display:flex;align-items:center;gap:8px}.file-row{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px;padding:10px 12px}.file-chip{min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:9px 8px;border:1px solid #d9e7e4;border-radius:8px;background:#fbfdfc;color:#36514d}.file-chip:hover{background:#f0f8f6}.file-chip img{width:15px;height:15px}.file-chip span{min-width:0}.file-chip b,.file-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-chip b{font-size:10px;color:#263f3b}.file-chip small{font-size:8px;color:#869693}.file-chip i{width:24px;height:24px;border-radius:50%;background:#d9f1ed;color:var(--hb-teal);font-style:normal;display:grid;place-items:center;font-weight:800}.strip-note{display:flex;align-items:center;gap:7px;padding:9px 14px;border-top:1px solid var(--hb-line-2);font-size:10px;color:#78908b}.strip-note img{width:14px;height:14px}.empty-inline{padding:12px;color:#879793;font-size:11px}.document-metrics{margin-bottom:14px}.metric-card.accent-line{border-left:4px solid var(--hb-teal)}.metric-icon{width:18px;height:18px;vertical-align:middle;margin-right:7px;padding:4px;border-radius:6px;background:#e3f3f0}.documents-page .documents-workspace{height:calc(100vh - var(--topbar) - 382px);min-height:560px;border:1px solid var(--hb-line);border-radius:10px;box-shadow:var(--hb-shadow)}.hidden-label{display:none!important}.danger-text{color:#b35b52!important;font-size:10px!important;margin-top:2px!important}
@media(max-width:1250px){.documents-workspace{grid-template-columns:300px minmax(420px,1fr) 390px}.mode-pill{display:none}}
@media(max-width:1050px){:root{--sidebar:215px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-workspace{grid-template-columns:270px 1fr}.doc-detail-panel{position:fixed;right:0;top:var(--topbar);bottom:0;width:420px;z-index:45;box-shadow:-15px 0 35px rgba(20,57,54,.12)}.settings-grid,.correction-grid{grid-template-columns:1fr}.help-stack{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){:root{--sidebar:260px}.app-shell{display:block}.sidebar{position:fixed;left:-270px;top:0;width:260px;transition:left .18s;box-shadow:10px 0 30px rgba(0,0,0,.12)}.sidebar.open{left:0}.workspace{width:100%}.topbar{grid-template-columns:auto 1fr auto;padding:0 10px}.mobile-only{display:block}.period-button{grid-column:2;font-size:14px}.top-actions{grid-column:3}.mode-pill,.bell{display:none}.main{padding:20px 14px}.page-head-row{display:block}.role-pill{display:inline-flex;margin-top:10px}.metric-grid,.backup-grid,.vat-grid{grid-template-columns:1fr}.form-grid,.two,.three{grid-template-columns:1fr}.span-2{grid-column:span 1}.help-stack{grid-template-columns:1fr}.booking-preview{grid-template-columns:1fr 24px 1fr}.booking-preview>div:last-child{grid-column:span 3}.documents-workspace{height:calc(100vh - var(--topbar));display:block;overflow:auto}.doc-list-panel{height:auto;max-height:45vh;border-bottom:1px solid var(--hb-line)}.doc-preview-panel{height:55vh}.doc-detail-panel{position:static;width:auto;height:auto;box-shadow:none}.filter-row{grid-template-columns:repeat(4,1fr)}.settings-grid{grid-template-columns:1fr}}
.nav-link{font-weight:500}.nav-link.active{font-weight:800}.period-button{font-weight:500}
.btn-danger{background:#fff3f1;border-color:#efc8c3;color:#9a423a}.btn-danger:hover{background:#ffe9e5;color:#81372f}.detail-actions-three{grid-template-columns:auto auto minmax(0,1fr)}.detail-actions-three .btn-primary{width:100%}
.flow-pill{display:inline-flex;align-items:center;border-radius:999px;background:#e7f2f0;color:#247067;padding:1px 6px;font-size:8px;font-weight:800}.counterparty-box{border:1px solid #d6e5e2;border-radius:8px;background:#f3f8f7;padding:10px;display:flex;flex-direction:column;gap:4px;color:#315650}.counterparty-box.needs-review{border-color:#e8c780;background:#fff8e8}.counterparty-box strong{font-size:11px}.counterparty-box span{font-size:10px;color:#69817c}
.rule-overlay{display:none;position:fixed;inset:0;z-index:120;place-items:center;padding:28px}.rule-overlay:target{display:grid}.rule-overlay-backdrop{position:absolute;inset:0;background:rgba(10,28,25,.48);backdrop-filter:blur(2px)}.rule-overlay-content{position:relative;z-index:1;width:min(920px,calc(100vw - 36px));max-height:calc(100vh - 54px);overflow:auto}.rule-form-card{background:#fff;border:1px solid var(--hb-line);border-radius:10px;box-shadow:0 22px 70px rgba(8,31,28,.28);overflow:hidden}.rules-page{position:relative}
.click-row{cursor:pointer}.click-row:hover{background:#eef7f5!important}.click-row:focus{outline:2px solid #83b9b2;outline-offset:-2px;background:#eef7f5}.click-row td:first-child{color:var(--hb-teal);font-weight:800}.account-overlay-card{padding:0;overflow:hidden}.account-overlay-card .account-detail-body{padding:18px}.account-overlay-head{margin:0}.account-overlay-card.account-detail-card{position:static}
.page-actions-row{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 16px}.accounts-page{display:flex;flex-direction:column;gap:14px}.accounts-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.accounts-stat-row .metric-card{min-height:112px}.accounts-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.accounts-list-card{overflow:hidden}.accounts-list-card .toolbar{display:flex;flex-direction:column;gap:10px}.example-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#748582}.example-row a{border:1px solid #d8e4e1;border-radius:999px;padding:5px 10px;background:#fbfdfc;color:#4d746e}.accounts-scroll{max-height:calc(100vh - 430px);min-height:470px;overflow:auto}.accounts-scroll table{min-width:820px}.selected-row{background:#e9f4f2}.selected-row td:first-child{box-shadow:inset 3px 0 0 var(--hb-teal)}.account-detail-card{position:sticky;top:calc(var(--topbar) + 18px);padding:18px;align-self:start}.account-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.account-detail-head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#748582}.account-detail-head b{display:block;color:#0d766c;font-size:24px}.account-detail-head em{font-style:normal;border-radius:999px;background:#e6f1ef;color:#315f58;padding:6px 10px;font-size:11px;font-weight:800}.account-detail-card h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#23413d;font-size:22px;line-height:1.2;margin:0 0 12px}.kv-list.compact{padding:0;margin:0 0 13px}.side-note{background:#f4f7f6;border-radius:8px;padding:13px;margin-top:10px;display:flex;flex-direction:column;gap:7px}.side-note strong{font-size:10px;letter-spacing:.08em;color:#334b47}.side-note span,.muted-note{font-size:11px;color:#7f8e8a;line-height:1.45}.muted-note{margin:11px 0 0}
@media(max-width:1050px){.accounts-shell{grid-template-columns:1fr}.account-detail-card{position:static}.accounts-scroll{max-height:520px}.accounts-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.detail-actions-three{grid-template-columns:1fr}.accounts-stat-row{grid-template-columns:1fr}.page-actions-row{display:block}.page-actions-row .form-actions{margin-top:10px;justify-content:flex-start}.rule-overlay{padding:12px}.rule-overlay-content{width:calc(100vw - 20px);max-height:calc(100vh - 24px)}}
@media(min-width:1260px){
  .documents-page{max-width:none;padding:18px 28px 26px}
  .documents-page .documents-workspace{grid-template-columns:minmax(420px,450px) minmax(680px,1fr) minmax(520px,550px);height:calc(100vh - var(--topbar) - 236px);min-height:720px}
  .documents-page .document-metrics{margin-bottom:16px}
  .documents-page .document-metrics .metric-card{min-height:126px;padding:20px 21px}
  .doc-list-head,.preview-bar{height:56px}
  .doc-list-head{padding:0 15px}
  .search-wrap{padding:12px}
  .filter-row{padding:0 10px 10px}
  .doc-list-item{padding:14px 12px;grid-template-columns:30px minmax(0,1fr) auto}
  .doc-main strong,.doc-side b{font-size:13px}
  .doc-main small{font-size:10px}
  .doc-side .status{font-size:10px;min-height:23px}
  .preview-bar{padding:0 16px;font-size:12px}
  .document-frame{min-height:0}
  .preview-note{padding:13px 16px;font-size:11px}
  .detail-form{padding:16px 16px 19px;gap:11px}
  .section-title{font-size:11px;padding-bottom:8px}
  .doc-detail-panel .input,.doc-detail-panel .select{min-height:42px;font-size:14px}
  .doc-detail-panel .textarea{min-height:92px;font-size:14px}
  .info-box{padding:12px;gap:11px}
  .info-box span{font-size:9px}
  .info-box b{font-size:10px}
  .detail-actions-three{grid-template-columns:94px 118px minmax(0,1fr);gap:9px}
}

.review-reason{color:#9a6b20!important}
.preview-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.preview-title strong,.preview-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-title small{font-size:10px;color:#758581}
.review-box{border:1px solid #d7e5e2;border-radius:8px;background:#f2f8f6;padding:10px 11px;display:flex;flex-direction:column;gap:4px}
.review-box strong{font-size:10px;letter-spacing:.08em;color:#55716c;text-transform:uppercase}
.review-box span{font-size:12px;color:#24443f;line-height:1.35}
.manual-hint{color:#0f766c!important;font-weight:800!important}
.detail-actions-workflow{position:sticky;bottom:0;z-index:2;background:#fff;border-top:1px solid var(--hb-line-2);padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.detail-actions-workflow .btn-primary,.detail-actions-workflow .btn-muted{grid-column:span 2}
.documents-workspace.is-loading-doc{cursor:progress}
.documents-workspace.is-loading-doc .doc-preview-panel,.documents-workspace.is-loading-doc .doc-detail-panel{opacity:.58;pointer-events:none}
.preview-bar.loading:after{content:"Beleg wird geladen ...";margin-left:12px;color:#9a6b20;font-size:11px}
@media(min-width:1260px){.detail-actions-workflow{grid-template-columns:1fr 1fr}.detail-actions-workflow .btn{min-height:42px}.detail-actions-workflow .btn-primary,.detail-actions-workflow .btn-muted{grid-column:span 2}}