/*
 * Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten.
 * Datei: public/assets/app-20260725-7.css
 * Zweck: Gestaltet die Benutzeroberfläche „app 20260725 7“ des TNSystem Faktura-Portals.
 */
:root{--navy:#10233f;--navy2:#183758;--blue:#2563eb;--cyan:#0ea5a8;--ink:#172033;--muted:#68758a;--line:#dce3ec;--bg:#f3f6fa;--white:#fff;--shadow:0 12px 35px rgba(24,55,88,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}body.app{display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#0b182b);color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;margin:0 10px 32px}.brandmark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(135deg,#2f75ff,var(--cyan));border-radius:12px;font-weight:800;letter-spacing:-1px;box-shadow:0 8px 25px #0005}.brandmark.large{width:68px;height:68px;font-size:25px}.brandtext{font-weight:750;line-height:1.1}.brandtext small{font-weight:400;color:#9fb0c7}.sidebar nav{display:flex;flex-direction:column;gap:5px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:14px;color:#bac8da;text-decoration:none;padding:12px 14px;border-radius:10px;font-size:14px}.sidebar nav a i{font-style:normal;width:22px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{color:white;background:#ffffff13}.sidebar nav a.active{box-shadow:inset 3px 0 0 #3b82f6}.collapse{background:transparent;border:1px solid #ffffff20;color:#aebdd0;padding:10px;border-radius:9px;cursor:pointer}.main{padding:0 34px 24px;min-width:0}.main>header{height:94px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);margin-bottom:28px}.main>header div{flex:1}.main>header h1{font-size:22px;margin:0}.main>header p{margin:4px 0 0;color:var(--muted);font-size:13px}.icon-button{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px}.hero{background:linear-gradient(112deg,var(--navy2),#2563eb);color:white;border-radius:18px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:22px}.hero h2{font-size:27px;margin:7px 0}.hero p{margin:0;color:#d7e5fa}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#8fcbff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metrics article,.panel{background:white;border:1px solid #e3e8ef;border-radius:14px;padding:21px;box-shadow:var(--shadow)}.metrics article span{display:block;color:var(--muted);font-size:13px}.metrics article strong{display:block;font-size:28px;margin:10px 0 5px;letter-spacing:-1px}.metrics article small{color:#8b97a9}.metrics article.accent{border-top:3px solid var(--cyan)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h3{margin-top:0}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{border:1px solid var(--line);border-radius:9px;padding:13px;text-decoration:none;color:var(--navy);font-weight:650}.status-line{display:flex;gap:12px;align-items:center}.status-line small{display:block;color:var(--muted);margin-top:5px}.dot{width:11px;height:11px;border-radius:50%}.dot.ok{background:#13a86b;box-shadow:0 0 0 5px #13a86b20}.primary,.ghost,.button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none}.primary{background:var(--blue);color:white}.hero .primary{background:white;color:var(--navy)}.ghost{background:white;color:var(--navy);border:1px solid var(--line)}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.page-actions p{color:var(--muted)}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:14px 17px;border-bottom:1px solid #edf0f4;font-size:13px}th{color:#69778b;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:#fafbfd}.pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#e8f7f0;color:#148052;font-weight:650;font-size:11px}.empty{text-align:center;color:var(--muted);padding:40px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.setting-row code{max-width:60%;overflow:auto}.public-main{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 20%,#2c68ca 0,transparent 32%),linear-gradient(135deg,#0c1e35,#173a61)}.login-shell{width:min(100%,1000px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;color:white}.login-brand h1{font-size:45px;margin:20px 0 8px}.login-brand p{font-size:18px;color:#c9d7e9}.login-card{color:var(--ink);padding:32px}.login-card h2{margin-top:0}.login-card label{display:block;font-size:13px;font-weight:650;margin:16px 0}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:12px;border-radius:8px;font:inherit}.login-card button{width:100%;margin-top:9px}.muted{color:var(--muted);font-size:12px}.tenant-picker{color:var(--ink);grid-column:1/-1;width:min(600px,100%);margin:auto}.tenant-option{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px;margin:10px 0;border:1px solid var(--line);background:white;border-radius:10px;cursor:pointer}.tenant-option:hover{border-color:var(--blue);background:#f7faff}.tenant-option span{color:var(--muted)}.flash{padding:13px 15px;border-radius:10px;margin-bottom:16px}.flash.error{background:#feecec;color:#a51b1b}footer{color:#8995a8;text-align:center;font-size:11px;padding:30px}.sidebar.collapsed{width:82px}.sidebar.collapsed .brandtext,.sidebar.collapsed nav span,.sidebar.collapsed .collapse{display:none}body.nav-collapsed{grid-template-columns:82px 1fr}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){body.app{display:block}.sidebar{position:fixed;width:280px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{padding:0 16px 20px}.main>header{height:76px}.icon-button{display:block}.metrics{grid-template-columns:1fr}.hero{padding:23px;align-items:flex-start;gap:20px;flex-direction:column}.quick{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;gap:25px}.login-brand h1{font-size:34px}.login-brand{text-align:center}.page-actions{align-items:flex-start;gap:10px}.page-actions p{margin-top:0}}

/* Seitenrahmen, Hilfe und dauerhaft sichtbare Fußzeile */
.main{width:100%;max-width:1800px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.main>header .page-title{flex:1}.main>header .header-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}.header-actions form{margin:0}.help-trigger{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #cfd8e5;border-radius:10px;background:#fff;color:var(--navy);font-weight:750;cursor:pointer}.help-trigger span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px}.public-help{position:fixed;right:22px;top:20px;z-index:50}.help-drawer{position:fixed;z-index:101;top:0;right:0;width:min(430px,calc(100vw - 24px));height:100vh;padding:28px;background:#fff;box-shadow:-20px 0 60px rgba(16,35,63,.2);transform:translateX(105%);transition:transform .22s ease;overflow:auto}.help-drawer.open{transform:none}.help-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.help-drawer-head h2{margin:5px 0 8px}.help-drawer>p,.help-drawer li{line-height:1.6;color:#475467}.help-drawer ol{padding-left:22px;margin:20px 0 26px}.help-drawer li{margin:9px 0}.icon-close{border:0;background:#eef2f7;border-radius:9px;width:38px;height:38px;font-size:25px;cursor:pointer}.help-backdrop{position:fixed;z-index:100;inset:0;background:rgba(8,20,38,.42)}body.help-open{overflow:hidden}footer{margin-top:auto;width:100%}.panel{min-width:0}.page-actions{gap:20px}.page-actions>div{max-width:850px}.ticket-card{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff}.ticket-card>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;cursor:pointer;list-style:none}.ticket-card>summary::-webkit-details-marker{display:none}.ticket-card summary span:first-child{display:flex;flex-direction:column;gap:4px}.ticket-card summary small{color:var(--muted);font-weight:400}.ticket-card[open]>summary{border-bottom:1px solid var(--line)}.ticket-card>p,.ticket-card>form,.ticket-thread{margin:16px}.ticket-message{max-width:82%;padding:12px 14px;border-radius:12px;background:#f2f5f9;margin:10px 0}.ticket-message.support{margin-left:auto;background:#e9f2ff}.ticket-message strong,.ticket-message time{font-size:12px}.ticket-message time{float:right;color:var(--muted)}.ticket-message p{margin:7px 0 0;line-height:1.5}.support-layout{align-items:start}.support-info ol{padding-left:22px;line-height:1.65}.flash.success{background:#e8f7f0;color:#126b48}
@media(max-width:760px){.main>header .header-actions{gap:6px}.header-actions .ghost{padding:9px}.help-trigger{padding:8px}.help-trigger span{width:21px;height:21px}.main>header .page-title p{display:none}.help-drawer{padding:22px}.ticket-card>summary{align-items:flex-start}.ticket-message{max-width:100%}.public-help{right:12px;top:12px}}

/* Kompaktes Modern-Business-Layout */
body.app{grid-template-columns:240px 1fr;font-size:14px}.sidebar{padding:20px 14px}.brand{margin:0 8px 20px}.sidebar nav a{padding:9px 11px;font-size:13px}.sidebar nav a i{font-size:15px}.main{max-width:1560px;padding:0 28px 20px}.main>header{height:74px;margin-bottom:20px}.main>header h1{font-size:20px}.panel,.metrics article{border-radius:11px;padding:16px;box-shadow:0 6px 20px rgba(24,55,88,.055)}.panel h2{font-size:18px}.panel h3{font-size:15px}.hero{padding:22px 25px;border-radius:13px}.hero h2{font-size:22px}.metrics{gap:12px;margin:14px 0}.metrics article strong{font-size:23px;margin:6px 0}.primary,.ghost,.button,button{min-height:36px;padding:8px 12px;font-size:13px;border-radius:7px}th,td{padding:10px 12px}.help-trigger{min-height:36px;padding:6px 10px}.help-trigger span{width:20px;height:20px}.sidebar.collapsed{width:72px}body.nav-collapsed{grid-template-columns:72px 1fr}
.admin-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-summary article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.admin-summary span,.admin-summary small{display:block;color:var(--muted);font-size:12px}.admin-summary strong{display:block;font-size:24px;margin:5px 0}.admin-summary a{color:var(--blue);text-decoration:none}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.bar-chart{display:grid;gap:12px;margin-top:14px}.bar-chart>div{display:grid;grid-template-columns:100px 1fr 30px;gap:10px;align-items:center}.bar-chart span{font-size:12px;color:var(--muted)}.bar-chart i{height:9px;background:#eaf0f7;border-radius:999px;overflow:hidden}.bar-chart b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.metric-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-list div{padding:10px;border-radius:8px;background:#f7f9fc}.metric-list span,.metric-list strong{display:block}.metric-list span{font-size:11px;color:var(--muted)}.metric-list strong{margin-top:4px;font-size:14px}.ticket-panel{margin-bottom:14px}.compact-settings{max-width:780px;display:grid;gap:10px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px;border:1px solid var(--line);border-radius:9px}.switch-row span,.switch-row small{display:block}.switch-row small{color:var(--muted);margin-top:3px}.switch-row input{width:20px;height:20px}.inline-checks{display:flex;gap:20px;padding:7px 2px}.tenant-table table{min-width:980px}.tenant-table td:first-child strong,.tenant-table td:first-child small{display:block}.tenant-table small{color:var(--muted)}.admin-popover{position:relative}.admin-popover>summary{cursor:pointer;color:var(--blue);font-weight:700}.admin-popover>div{min-width:330px;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;display:grid;gap:14px}.legal-admin-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);gap:16px;align-items:start}.legal-editor textarea{min-height:260px}.legal-record{border:1px solid var(--line);border-radius:9px;background:#fff}.legal-record>summary{display:flex;justify-content:space-between;gap:10px;padding:12px;cursor:pointer}.legal-record summary span:first-child,.legal-record summary small{display:block}.legal-record summary small{color:var(--muted);margin-top:3px}.legal-edit-form,.legal-preview,.legal-record>form{margin:12px}.legal-preview{max-height:280px;overflow:auto;padding:12px;background:#f8fafc;line-height:1.5}.admin-advanced{margin-top:14px}.admin-advanced>summary{cursor:pointer;font-weight:750}.notice{padding:10px 12px;border-radius:8px;background:#fff7e6;color:#8a5b00}.delete-advisor{margin-top:10px}.compact-security{max-width:900px}
@media(max-width:1100px){.admin-summary{grid-template-columns:repeat(3,1fr)}.admin-grid,.legal-admin-grid{grid-template-columns:1fr}}
.legal-shell{width:min(100%,1120px);margin:0 auto;padding:24px}.legal-document{padding:clamp(24px,4vw,56px);background:#fff}.legal-document>h1{margin:0 0 30px;padding-bottom:18px;border-bottom:2px solid #dbe5f0;font-size:clamp(28px,4vw,44px);line-height:1.15;color:#102d4d}.legal-text{max-width:900px;color:#24364d;font-size:15px;line-height:1.72}.legal-text h2{margin:38px 0 14px;padding-top:6px;color:#173c64;font-size:23px;line-height:1.3}.legal-text h3{margin:26px 0 12px;color:#214e7e;font-size:18px;line-height:1.35}.legal-text p{margin:0 0 15px}.legal-text ul,.legal-text ol{margin:8px 0 20px;padding-left:28px}.legal-text li{margin:5px 0;padding-left:4px}.legal-text strong{color:#102d4d}@media(max-width:650px){.legal-shell{padding:10px}.legal-document{padding:22px 18px}.legal-document>h1{font-size:28px}.legal-text{font-size:14px}.legal-text h2{font-size:20px}}
.legal-shell{width:min(100%,940px)}.legal-text{max-width:760px;margin-inline:auto}.legal-document>h1{max-width:760px;margin-inline:auto}
@media(max-width:760px){body.app{font-size:13px}.main{padding:0 12px 18px}.admin-summary{grid-template-columns:1fr 1fr}.metric-list{grid-template-columns:1fr}.inline-checks{flex-direction:column;gap:8px}.panel{padding:13px}}

/* Getrennter Administrationsbereich */
body.admin-area{--navy:#13283b;--navy2:#1d4258;--blue:#1476a8;--cyan:#24a6a1;background:#eef3f6}
.admin-area .sidebar{background:linear-gradient(180deg,#142a3d,#0a1824)}
.admin-area .brandmark{background:linear-gradient(135deg,#1675a5,#22a39d)}
.nav-separator{margin:13px 11px 5px;padding-top:12px;border-top:1px solid #ffffff18;color:#7790a8;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.sidebar nav a.admin-entry{margin-top:6px;border:1px solid #58b6cf35;background:#0ea5a810;color:#cdeef0}
.sidebar nav a.tenant-entry{border:1px solid #ffffff12}
.admin-welcome{padding:19px 21px;background:linear-gradient(120deg,#173a50,#1f6074);color:#fff;border:0}
.admin-welcome h2{margin:0 0 5px}.admin-welcome p{margin:0;color:#c9e3e8}
.admin-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 14px}
.admin-section-title h2{margin:0}.admin-section-title p{margin:4px 0 0;color:var(--muted)}
.admin-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mail-status{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:8px;background:#f3f7fa;color:#40566b}
.mail-status.ok{background:#e9f7f1;color:#146b48}
.mail-grid{display:grid;grid-template-columns:2fr .7fr 1fr;gap:12px}
@media(max-width:900px){.admin-section-grid,.mail-grid{grid-template-columns:1fr}}

/* Aktivitaetsstatistik der Plattformverwaltung */
.activity-overview{margin:14px 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 6px 20px rgba(24,55,88,.055)}
.activity-overview>.panel-head{margin-bottom:12px}.activity-overview>.panel-head small{color:var(--muted)}
.activity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.activity-card{position:relative;overflow:hidden;padding:16px 17px;border:1px solid #dfe7ef;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fafc)}
.activity-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#64748b}
.activity-card.registration:before{background:#2563eb}.activity-card.login:before{background:#0a9b73}.activity-card.inactive:before{background:#d97706}
.activity-card span,.activity-card small{display:block;color:var(--muted)}.activity-card span{font-size:12px;font-weight:750}.activity-card strong{display:block;margin:6px 0 4px;font-size:28px;line-height:1;color:var(--navy)}.activity-card small{font-size:11px;line-height:1.4}
.inactive-users-panel{padding:0;margin-bottom:14px}.inactive-users-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;cursor:pointer;list-style:none}.inactive-users-panel>summary::-webkit-details-marker{display:none}.inactive-users-panel>summary span:first-child{display:flex;flex-direction:column;gap:4px}.inactive-users-panel>summary small,.activity-table td small{display:block;color:var(--muted);margin-top:3px}.inactive-users-panel[open]>summary{border-bottom:1px solid var(--line)}.activity-table{min-width:760px}
@media(max-width:900px){.activity-cards{grid-template-columns:1fr 1fr}.activity-card.inactive{grid-column:1/-1}}
@media(max-width:600px){.activity-cards{grid-template-columns:1fr}.activity-card.inactive{grid-column:auto}.inactive-users-panel>summary{align-items:flex-start}}

/* Ausfuehrliche Nutzerstatistik und neueste Supporttickets */
.activity-period-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.activity-period{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(300px,1.3fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfe7ef;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fafc)}
.activity-period>div>span,.user-health-grid span{display:block;font-size:12px;font-weight:750;color:var(--navy)}.activity-period>div>small,.user-health-grid small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}
.activity-period dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.activity-period dl div{padding:9px 10px;border-radius:8px;background:#fff;border:1px solid #e6ebf1}.activity-period dt{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.activity-period dd{margin:3px 0 0;font-size:22px;font-weight:800;color:var(--navy)}
.activity-period.registration{border-left:4px solid #2563eb}.activity-period.login{border-left:4px solid #0a9b73}
.user-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.user-health-grid article{padding:12px 14px;border:1px solid #e2e8f0;border-radius:9px;background:#f9fbfd}.user-health-grid strong{display:block;margin:5px 0 2px;font-size:21px;color:var(--navy)}
.recent-users-panel{padding:0;margin-bottom:14px}.recent-users-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;cursor:pointer;list-style:none}.recent-users-panel>summary::-webkit-details-marker{display:none}.recent-users-panel>summary span:first-child{display:flex;flex-direction:column;gap:4px}.recent-users-panel>summary small{color:var(--muted)}.recent-users-panel[open]>summary{border-bottom:1px solid var(--line)}
.latest-support-panel{padding:0;overflow:hidden}.latest-support-panel>.panel-head{padding:16px 18px;border-bottom:1px solid var(--line)}.latest-support-panel>.panel-head h2{margin-bottom:0}.latest-ticket-list{display:grid}.latest-ticket-row{display:grid;grid-template-columns:52px minmax(260px,1fr) 145px 110px;align-items:center;gap:14px;padding:14px 18px;color:var(--ink);text-decoration:none;border-bottom:1px solid #edf1f5;transition:background .15s ease}.latest-ticket-row:last-child{border-bottom:0}.latest-ticket-row:hover{background:#f6f9fc}.latest-ticket-row.priority-high{box-shadow:inset 4px 0 0 #dc2626}.ticket-number{display:grid;place-items:center;min-height:34px;border-radius:8px;background:#edf3f8;color:var(--navy);font-weight:800}.ticket-main{min-width:0}.ticket-main strong,.ticket-main small{display:block}.ticket-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-main small,.ticket-updated small{margin-top:4px;color:var(--muted);font-size:11px}.ticket-updated{font-size:12px;text-align:right}.ticket-updated small{display:block;margin:0 0 3px}.latest-ticket-row>.status{justify-self:end;min-width:96px;text-align:center}
@media(max-width:1100px){.activity-period{grid-template-columns:1fr}.user-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-ticket-row{grid-template-columns:48px minmax(220px,1fr) 110px}.ticket-updated{display:none}}
@media(max-width:720px){.activity-period-grid,.user-health-grid{grid-template-columns:1fr}.activity-period dl{grid-template-columns:repeat(3,1fr)}.latest-ticket-row{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:12px}.ticket-main small{white-space:normal}.latest-support-panel>.panel-head{align-items:flex-start}}

/* Kontext-Hilfe direkt an Formularfeldern */
form label{position:relative}
form label.has-field-help{padding-right:30px!important;min-width:0}
.field-help{position:absolute;z-index:5;top:0;right:0;display:grid!important;place-items:center;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;margin:0!important;border:1px solid #9bb0c7!important;border-radius:50%!important;background:#fff!important;color:#245889!important;font-size:12px!important;font-weight:800!important;line-height:1!important;cursor:help!important}
.field-help:hover,.field-help:focus,.field-help.open{border-color:var(--blue)!important;background:var(--blue)!important;color:#fff!important;outline:0}
.field-help::after{content:attr(data-help);position:absolute;z-index:200;right:-2px;top:27px;width:min(290px,calc(100vw - 44px));padding:10px 12px;border-radius:8px;background:#13283b;color:#fff;font-size:12px;font-weight:500;line-height:1.45;text-align:left;box-shadow:0 10px 30px #07111d44;opacity:0;visibility:hidden;transform:translateY(-3px);transition:.14s;pointer-events:none}
.field-help:hover::after,.field-help:focus::after,.field-help.open::after{opacity:1;visibility:visible;transform:none}
label.check.has-field-help{padding-right:34px!important}
label.check .field-help{right:4px;top:50%;transform:translateY(-50%)}
label.check .field-help::after{top:calc(50% + 17px)}
@media(max-width:650px){.field-help::after{right:-5px}}

/* Klar gegliederte Mandanteneinstellungen */
.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.settings-heading h2{margin:4px 0 5px;font-size:25px}.settings-heading p{margin:0;color:var(--muted)}.settings-subnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:20px}.settings-subnav a{display:flex;min-width:0;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);text-decoration:none}.settings-subnav a span{font-size:11px;line-height:1.35;color:var(--muted)}.settings-subnav a:hover{border-color:#9db9ea}.settings-subnav a.active{border-color:var(--blue);background:#eef5ff;box-shadow:inset 0 -3px 0 var(--blue)}.settings-stack{display:flex;flex-direction:column;gap:18px}.settings-stack>.panel,.settings-stack>.grid-2{margin:0}.settings-grid{align-items:start}.single-column{grid-template-columns:1fr}.template-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-choice{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.template-choice.selected{border-color:var(--blue);box-shadow:0 0 0 2px #2563eb20}.template-choice-preview{height:118px;padding:16px;display:flex;align-items:flex-start;justify-content:flex-end;font-size:12px;font-weight:800;letter-spacing:.9px}.template-choice-preview.style-modern{color:#fff;background:linear-gradient(155deg,#174a7e 0 44%,#fff 44%)}.template-choice-preview.style-classic{color:#1f3555;background:linear-gradient(#fff 0 32%,#1f3555 32% 35%,#f8fafc 35%)}.template-choice-preview.style-compact{color:#147d78;background:linear-gradient(90deg,#147d78 0 8%,#f2f5f7 8%)}.template-choice-body{padding:15px}.template-choice-body h4{margin:0 0 3px}.template-choice-body p{margin:0 0 13px;color:var(--muted);font-size:12px}.template-choice-body .button-row{align-items:stretch}.template-choice-body .button{display:flex;align-items:center;justify-content:center;font-size:12px}.notice-panel{border-left:4px solid var(--blue)}.notice-panel p{margin-bottom:0;color:var(--muted)}.settings-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-link-card{text-decoration:none;color:var(--navy);transition:.16s ease}.settings-link-card:hover{transform:translateY(-2px);border-color:#9db9ea}.settings-link-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.settings-link-card strong{line-height:1.45}footer a{color:inherit;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:1100px){.settings-subnav{grid-template-columns:repeat(2,minmax(0,1fr))}.template-choice-grid,.settings-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.settings-subnav,.template-choice-grid,.settings-link-grid{grid-template-columns:1fr}.settings-heading{align-items:flex-start}.settings-grid{grid-template-columns:1fr}.template-choice-body .button-row{flex-direction:column}}

/* Administratives Tagesdashboard, priorisierter Support und Login-Mitteilungen */
.support-priority-panel{margin:14px 0;border-top:4px solid #1476a8;box-shadow:0 12px 30px rgba(17,63,88,.1)}
.support-priority-panel>.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#f5fbfd,#fff)}
.support-priority-panel>.panel-head p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}
.support-priority-actions{display:flex;align-items:center;gap:13px;white-space:nowrap}.support-priority-actions a{color:var(--blue);font-weight:750;text-decoration:none}.support-open-count{padding:6px 10px;border-radius:999px;background:#fff1e8;color:#a34708;font-size:12px;font-weight:800}
.business-today{margin:14px 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 6px 20px rgba(24,55,88,.055)}
.business-today>.panel-head{margin-bottom:12px}.business-today>.panel-head small{color:var(--muted)}
.business-today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.business-today-grid article{position:relative;overflow:hidden;padding:14px 15px;border:1px solid #e1e8ef;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fafc)}
.business-today-grid article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#64748b}.business-today-grid .quotes-sent:before{background:#2563eb}.business-today-grid .invoices-issued:before{background:#6d4cc6}.business-today-grid .quotes-accepted:before{background:#0a9b73}.business-today-grid .invoices-paid:before{background:#0f766e}
.business-today-grid span,.business-today-grid small{display:block}.business-today-grid span{font-size:12px;font-weight:750;color:var(--navy)}.business-today-grid strong{display:block;margin:7px 0 3px;font-size:27px;color:var(--navy)}.business-today-grid small{font-size:11px;color:var(--muted)}
.login-message-heading{margin-top:24px}
.login-announcement{width:min(100%,460px);display:flex;gap:13px;align-items:flex-start;margin:0 0 14px;padding:15px 16px;border:1px solid #b9d8f5;border-left:5px solid #2678ba;border-radius:11px;background:#eef7ff;color:#183b5a;box-shadow:0 10px 28px rgba(8,24,48,.13)}
.login-announcement.success{border-color:#a9ddc7;border-left-color:#15805b;background:#edf9f3;color:#155b43}.login-announcement.warning{border-color:#f0ca83;border-left-color:#c77700;background:#fff8e8;color:#79500b}
.login-announcement-icon{flex:0 0 auto;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#2678ba;color:#fff;font-weight:900}.login-announcement.success .login-announcement-icon{background:#15805b}.login-announcement.warning .login-announcement-icon{background:#c77700}
.login-announcement strong{display:block;font-size:14px}.login-announcement p{margin:5px 0 0;font-size:12px;line-height:1.55}
@media(max-width:1000px){.business-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.support-priority-panel>.panel-head{align-items:flex-start;flex-direction:column}.support-priority-actions{width:100%;justify-content:space-between}.business-today-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.business-today-grid{grid-template-columns:1fr}.login-announcement{width:100%}}

/* Globale Statusmeldung im angemeldeten Portal */
.portal-status-banner{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid #b9d8f5;border-left:5px solid #2678ba;border-radius:10px;background:linear-gradient(100deg,#eef7ff,#f8fbff);color:#183b5a;box-shadow:0 7px 20px rgba(24,55,88,.06)}
.portal-status-banner.success{border-color:#a9ddc7;border-left-color:#15805b;background:linear-gradient(100deg,#edf9f3,#f8fcfa);color:#155b43}.portal-status-banner.warning{border-color:#f0ca83;border-left-color:#c77700;background:linear-gradient(100deg,#fff8e8,#fffdf7);color:#79500b}
.portal-status-icon{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2678ba;color:#fff;font-weight:900}.portal-status-banner.success .portal-status-icon{background:#15805b}.portal-status-banner.warning .portal-status-icon{background:#c77700}
.portal-status-banner strong{display:block;font-size:14px}.portal-status-banner p{margin:4px 0 0;font-size:12px;line-height:1.5}
@media(max-width:720px){.portal-status-banner{margin-bottom:13px;padding:12px 13px}}
.contact-shell{min-height:calc(100vh - 8rem);display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(34rem,1.2fr);gap:clamp(2rem,5vw,6rem);align-items:center;max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,4vw,4rem)}
.contact-intro h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02;margin:.35rem 0 1.2rem}.contact-intro>p:not(.eyebrow):not(.contact-back){font-size:1.08rem;line-height:1.7;max-width:40rem}.contact-benefits{display:grid;gap:.8rem;margin:2rem 0}.contact-benefits div{display:grid;gap:.2rem;padding:1rem 1.1rem;border-left:3px solid var(--primary,#3156d3);background:rgba(255,255,255,.7);border-radius:0 .7rem .7rem 0}.contact-benefits span{color:var(--muted,#64748b);font-size:.92rem}.contact-back a{font-weight:700}.contact-form{padding:clamp(1.5rem,3vw,2.4rem);box-shadow:0 24px 70px rgba(15,23,42,.14)}.contact-form-head{margin-bottom:1.4rem}.contact-form-head h2{margin:.2rem 0 0}.contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form .span-2{grid-column:1/-1}.contact-form textarea{min-height:10rem;resize:vertical}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.location-consent{padding:1rem;margin:1rem 0;border:1px solid rgba(100,116,139,.25);border-radius:.8rem;background:rgba(248,250,252,.8)}.location-consent>label{display:flex;gap:.75rem;align-items:flex-start}.location-consent input[type=checkbox]{width:1.15rem;height:1.15rem;margin-top:.2rem}.location-consent span{display:grid;gap:.2rem}.location-consent small,.contact-privacy{color:var(--muted,#64748b);line-height:1.5}.contact-privacy{font-size:.82rem;margin:1rem 0 1.2rem}.legal-actions{display:flex;gap:.7rem;flex-wrap:wrap}
@media(max-width:820px){.contact-shell{grid-template-columns:1fr;padding-top:5rem}.contact-form .form-grid{grid-template-columns:1fr}.contact-form .span-2{grid-column:auto}.contact-intro h1{font-size:2.55rem}}

/* Öffentliches Kontaktformular: kompakte, kontrastreiche Business-Darstellung */
.contact-shell-professional{width:min(1120px,100%);min-height:auto;grid-template-columns:minmax(280px,380px) minmax(500px,650px);justify-content:center;gap:clamp(28px,4vw,58px);padding:clamp(38px,6vh,72px) 24px}
.contact-shell-professional .contact-intro{min-width:0;color:#fff}
.contact-shell-professional .contact-intro .eyebrow{color:#7edfd2}
.contact-shell-professional .contact-intro h1{max-width:360px;margin:7px 0 17px;color:#fff;font-size:clamp(36px,4vw,58px);letter-spacing:-2px}
.contact-shell-professional .contact-intro>p:not(.eyebrow):not(.contact-back){max-width:370px;margin:0;color:#d7e7f5;font-size:15px;line-height:1.65}
.contact-shell-professional .contact-benefits{gap:9px;margin:24px 0}
.contact-shell-professional .contact-benefits div{padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-left:3px solid #69ddcf;border-radius:10px;background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}
.contact-shell-professional .contact-benefits strong{color:#fff;font-size:13px}
.contact-shell-professional .contact-benefits span{color:#bfd2e3;font-size:11px;line-height:1.45}
.contact-shell-professional .contact-back,.contact-shell-professional .contact-back a{color:#d9e8f6;font-size:12px}
.contact-shell-professional .contact-form{width:100%;max-width:650px;padding:28px 30px;border:1px solid #dfe7f0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(0,9,25,.28)}
.contact-shell-professional .contact-form-head{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #e8edf3}
.contact-shell-professional .contact-form-head h2{margin:3px 0 2px;font-size:22px;letter-spacing:-.4px}
.contact-shell-professional .contact-form-head small{color:var(--muted);font-size:10px}
.contact-form-symbol{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#e8f5ff,#d8f7f2);color:#1762a5;font-size:19px}
.contact-shell-professional .form-grid{gap:13px 15px}
.contact-shell-professional .form-grid label{color:#344054;font-size:12px;line-height:1.35}
.contact-shell-professional .form-grid input,.contact-shell-professional .form-grid textarea{margin-top:6px;border-color:#cbd6e2;background:#fbfcfe;color:#172033}
.contact-shell-professional .form-grid input{height:42px}
.contact-shell-professional .form-grid textarea{min-height:150px;line-height:1.55}
.contact-shell-professional .location-consent{margin:16px 0 12px;padding:13px 14px;border-radius:10px;background:#f7fafc}
.contact-shell-professional .location-consent strong{color:#344054;font-size:11px;line-height:1.4}
.contact-shell-professional .location-consent small{font-size:10px}
.contact-shell-professional .contact-privacy{margin:12px 0 16px;font-size:10px;line-height:1.55}
.contact-shell-professional .contact-form>button{width:100%;min-height:44px;border-radius:9px}
@media(max-width:900px){.contact-shell-professional{grid-template-columns:1fr;max-width:680px;gap:24px;padding-top:70px}.contact-shell-professional .contact-intro h1,.contact-shell-professional .contact-intro>p:not(.eyebrow):not(.contact-back){max-width:none}.contact-shell-professional .contact-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-shell-professional .contact-back{margin-bottom:0}}
@media(max-width:650px){.contact-shell-professional{padding:58px 13px 28px}.contact-shell-professional .contact-intro h1{font-size:36px}.contact-shell-professional .contact-benefits{grid-template-columns:1fr}.contact-shell-professional .contact-form{padding:22px 17px;border-radius:14px}.contact-shell-professional .contact-form .form-grid{grid-template-columns:1fr}.contact-shell-professional .contact-form .span-2{grid-column:auto}.contact-shell-professional .contact-form-head{align-items:flex-start}}
.tenant-search-panel{margin-bottom:14px}.tenant-search-form{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr) auto;gap:16px;align-items:end}.tenant-search-form label strong,.tenant-search-form label span{display:block}.tenant-search-form label span{margin-top:4px;color:var(--muted);font-size:12px}.tenant-search-controls{display:flex;gap:9px;align-items:center}.tenant-search-controls input{min-width:0;flex:1}.tenant-search-form>small{padding-bottom:12px;color:var(--muted);white-space:nowrap}.support-grants-panel{margin-bottom:14px;padding:0;overflow:hidden}.support-grants-panel>.panel-head{padding:16px 18px;border-bottom:1px solid var(--line)}.support-grant-count{padding:7px 11px;border-radius:999px;background:#e8f7f0;color:#126b48;font-size:12px;font-weight:800}.support-grant-table{width:100%}.support-grant-head,.support-grant-row{display:grid;grid-template-columns:minmax(185px,1.2fr) minmax(135px,.8fr) minmax(190px,1.1fr) minmax(175px,.9fr) 180px;gap:14px;align-items:center}.support-grant-head{padding:9px 18px;background:#f4f7fa;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.support-grant-row{padding:14px 18px;border-top:1px solid #edf1f5;border-left:4px solid #1677a8;background:#fff}.support-grant-row:first-of-type{border-top:0}.support-grant-row>div{min-width:0}.support-grant-row strong,.support-grant-row small,.support-grant-customer span{display:block}.support-grant-row strong{font-size:13px;overflow-wrap:anywhere}.support-grant-customer strong{font-size:15px}.support-grant-customer span,.support-grant-row small{margin-top:4px;color:var(--muted);font-size:11px}.support-grant-row .support-assigned{color:#126b48;font-weight:800}.support-grant-action form{margin:0}.support-grant-action button{width:100%;white-space:nowrap}.mobile-label{display:none}.empty-state.compact{padding:18px;text-align:center}.empty-state.compact strong,.empty-state.compact span{display:block}.empty-state.compact span{margin-top:5px;color:var(--muted);font-size:12px}.support-session-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:12px 15px;border:1px solid #e3b968;border-left:5px solid #b87500;border-radius:10px;background:#fff8e8;color:#6d4707}.support-session-banner strong,.support-session-banner span{display:block}.support-session-banner span{margin-top:3px;font-size:12px}.support-session-banner form{margin:0;flex:0 0 auto}
@media(max-width:1100px){.tenant-search-form{grid-template-columns:1fr}.tenant-search-form>small{padding:0}.support-grant-head{display:none}.support-grant-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-grant-customer{grid-column:1/-1}.mobile-label{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.support-grant-action{align-self:end}}
@media(max-width:720px){.tenant-search-controls{align-items:stretch;flex-direction:column}.tenant-search-controls>*{width:100%}.support-grant-row{grid-template-columns:1fr}.support-grant-customer{grid-column:auto}.support-session-banner{align-items:stretch;flex-direction:column}.support-session-banner button{width:100%}}
.support-readonly main form:not(.support-exit-form):not([action="/logout"]) button,
.support-readonly main form:not(.support-exit-form):not([action="/logout"]) input,
.support-readonly main form:not(.support-exit-form):not([action="/logout"]) select,
.support-readonly main form:not(.support-exit-form):not([action="/logout"]) textarea{pointer-events:none;opacity:.55;filter:grayscale(.25)}
.support-readonly main a[href$="/new"],
.support-readonly main a[href*="/new?"],
.support-readonly main a[href$="/edit"],
.support-readonly main a[href*="/edit?"],
.support-readonly main a[href$="/correct"],
.support-readonly main a[href*="/correct?"]{display:none!important}
.support-scope-explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.support-scope-explanation p{margin:0;font-size:12px;line-height:1.5}
@media(max-width:720px){.support-scope-explanation{grid-template-columns:1fr}}

/* Kompakte und klar gegliederte Einstellungsbereiche */
.tenant-table td:nth-child(2) strong,.tenant-table td:nth-child(2) small{display:block}
.tenant-table td:nth-child(2) small{margin-top:4px;line-height:1.35;overflow-wrap:anywhere}
.settings-subnav{grid-template-columns:repeat(4,minmax(170px,1fr));grid-auto-rows:1fr;gap:9px}
.settings-subnav a{height:100%;min-height:72px;padding:11px 13px;border-color:#d7e3ee;background:linear-gradient(145deg,#f8fbfe,#f1f6fb)}
.settings-subnav a:nth-child(2n){background:linear-gradient(145deg,#f8fcfb,#eef8f5)}
.settings-subnav a:nth-child(3n){background:linear-gradient(145deg,#fbfaf7,#f7f3e9)}
.settings-subnav a strong{font-size:12px}.settings-subnav a span{font-size:10px}
.settings-subnav a.active{background:linear-gradient(145deg,#eaf3ff,#f5f9ff)}
.settings-stack{max-width:1240px}
.settings-stack .panel{padding:16px 18px}
.settings-stack .form-grid:not(.single-column),body.app .settings-form-compact{grid-template-columns:repeat(3,minmax(210px,300px));justify-content:start;gap:13px 16px}
.settings-stack .form-grid.single-column{max-width:430px}
.settings-stack input,.settings-stack select,.settings-stack textarea,
.settings-form-panel input,.settings-form-panel select,.settings-form-panel textarea{max-width:100%}
.settings-stack .wide,body.app .settings-form-compact .wide{grid-column:1/-1;max-width:616px}
.settings-stack .form-actions,body.app .settings-form-compact .form-actions{grid-column:1/-1}
.settings-stack label small,.settings-form-panel label small{line-height:1.4}
.support-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;margin:0 0 16px}
.support-scope-grid article{height:100%;min-height:112px;padding:14px;border:1px solid #dbe6ef;border-radius:10px;background:linear-gradient(145deg,#f8fbfe,#f1f6fb)}
.support-scope-grid article:nth-child(2){background:linear-gradient(145deg,#f8fcfb,#eef8f5)}
.support-scope-grid article:nth-child(3){background:linear-gradient(145deg,#fbfaf7,#f7f3e9)}
.support-scope-grid article:nth-child(4){background:linear-gradient(145deg,#f8f7fc,#f2eff9)}
.support-scope-grid strong,.support-scope-grid span{display:block}.support-scope-grid strong{font-size:12px;color:var(--navy)}.support-scope-grid span{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
.support-history-list{display:grid}.support-history-list>article{display:grid;grid-template-columns:minmax(260px,1fr) 190px 120px;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.support-history-list>article:first-child{border-top:0}.support-history-list strong,.support-history-list span,.support-history-list small{display:block}.support-history-list span,.support-history-list small{margin-top:3px;color:var(--muted);font-size:11px}
.admin-settings-subnav{display:grid;grid-template-columns:repeat(3,minmax(180px,260px));grid-auto-rows:1fr;gap:9px;margin:0 0 16px}
.admin-settings-subnav a{height:100%;min-height:68px;padding:11px 13px;border:1px solid #d7e3ea;border-radius:9px;background:linear-gradient(145deg,#f7fbfc,#edf5f7);color:var(--navy);text-decoration:none}
.admin-settings-subnav a:nth-child(2){background:linear-gradient(145deg,#f7f9fd,#eef3fa)}.admin-settings-subnav a:nth-child(3){background:linear-gradient(145deg,#fbfaf6,#f7f2e8)}
.admin-settings-subnav strong,.admin-settings-subnav span{display:block}.admin-settings-subnav strong{font-size:12px}.admin-settings-subnav span{margin-top:3px;color:var(--muted);font-size:10px}
.admin-settings-subnav a:hover{border-color:var(--blue);background:#f5faff}
.settings-link-grid{grid-auto-rows:1fr}.settings-link-card{height:100%;min-height:118px;background:linear-gradient(145deg,#fff,#f4f8fc)}
.admin-area .panel form.form-grid{grid-template-columns:repeat(3,minmax(210px,300px));justify-content:start;gap:13px 16px;max-width:1100px}
.admin-area .panel form.form-grid .wide{grid-column:1/-1;max-width:720px}
.admin-area .panel form.form-grid .form-actions{grid-column:1/-1}
.admin-area .admin-settings-grid{align-items:start}
.admin-area .admin-settings-grid .panel{min-height:0}
.admin-popover>div{width:min(760px,calc(100vw - 330px));max-width:760px}
.admin-popover .admin-master-form>.form-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}
@media(max-width:1100px){
  .settings-subnav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-stack .form-grid:not(.single-column),body.app .settings-form-compact,.admin-area .panel form.form-grid{grid-template-columns:repeat(2,minmax(210px,300px));justify-content:start}
  .support-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-popover>div{width:min(680px,calc(100vw - 90px))}
}
@media(max-width:720px){
  .settings-subnav,.settings-stack .form-grid:not(.single-column),body.app .settings-form-compact,.support-scope-grid,.admin-settings-subnav,.admin-area .panel form.form-grid{grid-template-columns:1fr}
  .support-history-list>article{grid-template-columns:1fr}
  .settings-stack .wide,body.app .settings-form-compact .wide,.admin-area .panel form.form-grid .wide{grid-column:auto;max-width:none}
  .admin-popover>div{width:calc(100vw - 54px)}
}

/* Einheitliche Formularbreiten im angemeldeten Portal */
body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings){
  width:100%;max-width:1060px;margin-left:0;margin-right:0;
  grid-template-columns:repeat(3,minmax(210px,300px));justify-content:start;align-items:start;gap:13px 16px
}
body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings)>.wide{
  grid-column:1/-1;width:100%;max-width:932px
}
body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings)>.form-actions{
  grid-column:1/-1;width:100%;max-width:932px
}
body.app main .form-grid label,body.app main .stack label{min-width:0}
body.app main .form-grid input:not([type=checkbox]):not([type=radio]),
body.app main .form-grid select,
body.app main .stack input:not([type=checkbox]):not([type=radio]),
body.app main .stack select{width:100%;max-width:360px}
body.app main .form-grid input[type=date],
body.app main .form-grid input[type=time],
body.app main .form-grid input[type=number],
body.app main .stack input[type=date],
body.app main .stack input[type=time],
body.app main .stack input[type=number]{max-width:210px}
body.app main input[name=postal_code],
body.app main input[name=delivery_postal_code],
body.app main input[name=country_code],
body.app main input[name=delivery_country_code],
body.app main input[name=tax_rate],
body.app main input[name=quantity],
body.app main input[name=unit],
body.app main input[name=grace_days],
body.app main input[name=payment_terms_days],
body.app main input[name^=days],
body.app main input[name^=terms],
body.app main input[name^=fee],
body.app main input[name=advisor_number],
body.app main input[name=client_number],
body.app main input[name=default_debtor_account],
body.app main input[name^=revenue_],
body.app main input[name^=tax_key_]{max-width:180px!important}
body.app main input[type=email],
body.app main input[type=tel],
body.app main input[type=url],
body.app main input[name=electronic_address],
body.app main input[name=street],
body.app main input[name=delivery_street],
body.app main input[name=subject],
body.app main input[name=reference],
body.app main input[name=payment_reference],
body.app main input[name=purchase_order_reference]{max-width:460px!important}
body.app main .form-grid textarea,body.app main .stack textarea{width:100%;max-width:760px}
body.app main .compact-form{width:100%;max-width:620px;margin-left:0;margin-right:0}
body.app main .compact-form input:not([type=checkbox]):not([type=radio]),
body.app main .compact-form select{max-width:420px}
body.app main .grid.two>form.panel.stack{align-self:start}
body.app main .grid.two>form.panel.stack>.form-grid{
  grid-template-columns:repeat(2,minmax(190px,280px));justify-content:start
}
body.app main .grid.two>form.panel.stack>label:not(.check),
body.app main .grid.two>form.panel.stack>textarea{width:100%;max-width:574px}
body.app main .dunning-layout .stack input:not([type=checkbox]):not([type=radio]),
body.app main .dunning-layout .stack select{max-width:260px}
body.app main .dunning-layout .dunning-message{max-width:none}
body.app main .payment-entry-form{
  max-width:820px!important;grid-template-columns:minmax(240px,360px) minmax(180px,240px)!important
}
body.app main .payment-entry-form>.wide{max-width:616px!important}
body.app main .team-member-card .compact-settings{
  grid-template-columns:repeat(2,minmax(210px,300px));justify-content:start
}
body.app main form[action="/letters/new"] textarea,
body.app main form[action="/letters/edit"] textarea{max-width:760px}
body.app main .document-composer .document-fields{
  grid-template-columns:repeat(2,minmax(210px,300px));justify-content:start
}
body.app main .document-composer .document-fields input:not([type=checkbox]):not([type=radio]),
body.app main .document-composer .document-fields select{max-width:300px}
body.app main .document-composer .document-item input,
body.app main .document-composer .document-item select,
body.app main .document-composer .document-item textarea{max-width:none}
.document-item .item-name,.document-item .item-description{grid-column:1/-1}
.document-item .item-name input{font-weight:750}
.invoice-payment-settings{grid-column:1/-1;padding:0;overflow:hidden}
.invoice-payment-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;cursor:pointer;font-weight:800;color:#153a61}
.invoice-payment-settings>summary small{font-weight:500;color:#607086}
.invoice-payment-settings[open]>summary{border-bottom:1px solid #dbe4ed}
.compact-document-options{display:grid!important;padding:20px;grid-template-columns:minmax(0,1fr)!important;gap:14px;max-width:620px}
.compact-document-options>*{grid-column:1!important;min-width:0}
.creation-type{position:relative;padding-right:48px!important;flex-wrap:wrap}
.creation-type .creation-type-help{top:10px;right:12px}
.creation-type label{position:static!important;white-space:nowrap}
.creation-type .e-invoice-toggle{margin-left:auto;padding-left:18px;border-left:1px solid #d7e1eb}
.invoice-schedule-hint{min-height:0;padding:9px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:start}
.invoice-schedule-hint strong{white-space:nowrap}
.invoice-schedule-hint p{margin:0}
.e-invoice-fields{display:grid;gap:0;max-width:650px;padding:0;border:1px solid #d8e3ed;border-radius:14px;overflow:hidden;background:#f7fafc}
.e-invoice-fields[hidden]{display:none!important}
.e-invoice-fields-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #d8e3ed}
.e-invoice-fields-heading small{color:#617187}
.e-invoice-fields .compact-document-options{padding:15px 16px}
.recurring-composer>.recurring-schedule-fields{grid-template-columns:repeat(2,minmax(240px,320px));justify-content:start;align-content:start;max-width:690px}
.recurring-composer>.recurring-schedule-fields>label{width:100%;max-width:320px}
.recurring-composer>.recurring-schedule-fields>.wide{grid-column:1/-1;max-width:660px}
.recurring-editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:11px;border-bottom:1px solid #dce5ed}
.recurring-editor-heading h3,.recurring-editor-heading p{margin:0}
.recurring-editor-heading>p{max-width:330px;color:#627187;font-size:13px;line-height:1.45;text-align:right}
.recurring-action-field select{max-width:320px!important}
.recurring-next-run-summary{min-height:0;padding:10px 13px;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:start}
.recurring-next-run-summary strong{white-space:nowrap}
.recurring-next-run-summary p{margin:0}
@media(max-width:760px){.recurring-composer>.recurring-schedule-fields{grid-template-columns:1fr;max-width:none}.recurring-composer>.recurring-schedule-fields>.wide{grid-column:1;max-width:none}.recurring-editor-heading{align-items:flex-start;flex-direction:column;gap:5px}.recurring-editor-heading>p{text-align:left}.recurring-next-run-summary{grid-template-columns:1fr}}
@media(max-width:900px){.creation-type .e-invoice-toggle{margin-left:0;padding-left:0;border-left:0}.invoice-schedule-hint{grid-template-columns:1fr}.e-invoice-fields-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:760px){.document-item .item-name,.document-item .item-description{grid-column:1/-1}.compact-document-options{grid-template-columns:1fr}.invoice-payment-settings>summary{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:1100px){
  body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings){
    grid-template-columns:repeat(2,minmax(210px,300px))
  }
}
@media(max-width:1450px){
  body.app main .document-composer{grid-template-columns:1fr}
  body.app main .document-composer>.document-fields,
  body.app main .document-composer>.document-live-preview,
  body.app main .document-composer>.series-fields{grid-column:1}
  body.app main .document-composer>.document-live-preview{grid-row:auto;position:static}
  body.app main .document-composer .preview-paper{min-height:720px;max-width:620px;margin:auto}
}
@media(max-width:720px){
  body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings),
  body.app main .grid.two>form.panel.stack>.form-grid,
  body.app main .team-member-card .compact-settings,
  body.app main .document-composer .document-fields,
  body.app main .payment-entry-form{grid-template-columns:1fr!important}
  body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings)>.wide,
  body.app main form.panel.form-grid:not(.document-fields):not(.series-fields):not(.compact-settings)>.form-actions,
  body.app main .payment-entry-form>.wide{grid-column:auto;max-width:none!important}
  body.app main .form-grid input:not([type=checkbox]):not([type=radio]),
  body.app main .form-grid select,
  body.app main .form-grid textarea,
  body.app main .stack input:not([type=checkbox]):not([type=radio]),
  body.app main .stack select,
  body.app main .stack textarea{max-width:none!important}
}

/* Administrator: bewusst abgegrenzte, irreversible Mandantenlöschung */
.tenant-erasure-zone{margin-top:14px;border:2px solid #b42318;border-radius:10px;background:#fff8f7;overflow:hidden;box-shadow:0 0 0 3px rgba(180,35,24,.06)}
.tenant-erasure-zone>summary{padding:14px 16px;cursor:pointer;color:#b42318!important;font-size:15px;font-weight:900!important;background:#ffebe8;letter-spacing:.01em;text-decoration:none}
.tenant-erasure-zone>summary::before{content:"⚠";display:inline-block;margin-right:8px;color:#b42318;font-size:17px;font-weight:900}
.tenant-erasure-zone[open]>summary{border-bottom:2px solid #b42318}
.tenant-erasure-zone>div{display:grid;gap:10px;padding:15px}
.tenant-erasure-zone h4,.tenant-erasure-zone p{margin:0}
.tenant-erasure-zone h4{color:#8f1d16;font-weight:900}
.tenant-erasure-zone p{max-width:760px;color:#5c3a3a;line-height:1.55}
.tenant-erasure-zone .retention-note{padding:10px 12px;border-left:3px solid #b77716;background:#fff8e8;color:#674c20}
.tenant-erasure-zone form{max-width:620px}
.tenant-erasure-zone .danger-button{background:#b42318!important;border:2px solid #8f1d16!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 12px rgba(180,35,24,.25)}
.tenant-erasure-zone .danger-button:hover,.tenant-erasure-zone .danger-button:focus{background:#8f1d16!important;border-color:#731812!important}