:root{
  --bg:#07111f;
  --panel:#0d1b2d;
  --panel-2:#112238;
  --panel-3:#172a42;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(185,148,69,.35);
  --text:#f7f8fb;
  --muted:#96a3b5;
  --gold:#c7a65a;
  --gold-2:#e1c77e;
  --success:#55c58a;
  --warning:#f0b85a;
  --danger:#eb6b75;
  --info:#6fa8ff;
  --shadow:0 22px 60px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}

.auth-screen{
  height:100vh;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:40px;
  background:
    radial-gradient(circle at 20% 20%,rgba(199,166,90,.12),transparent 32%),
    radial-gradient(circle at 85% 80%,rgba(55,110,175,.18),transparent 36%),
    linear-gradient(135deg,#06101e,#0b1b2d 60%,#07111f);
}
.auth-brand{position:absolute;left:44px;top:34px;display:flex;align-items:center;gap:12px}
.auth-brand strong,.brand strong{display:block;font-size:17px;letter-spacing:.08em}
.auth-brand span,.brand span{display:block;color:var(--gold);font-size:11px;letter-spacing:.24em;margin-top:3px}
.brand-mark{
  width:44px;height:44px;border:1px solid var(--line-strong);border-radius:13px;display:grid;place-items:center;
  color:var(--gold-2);font-family:Georgia,serif;font-weight:700;font-size:24px;
  background:linear-gradient(145deg,rgba(199,166,90,.18),rgba(255,255,255,.02));
  box-shadow:inset 0 0 20px rgba(199,166,90,.05);
}
.auth-card{
  width:min(470px,100%);flex:0 0 auto;margin:auto 0;padding:38px;border-radius:22px;background:rgba(13,27,45,.88);
  border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.auth-card h1{font-size:30px;margin:5px 0 10px}
.eyebrow{margin:0;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.muted{color:var(--muted);line-height:1.5}
.form-stack{display:grid;gap:18px;margin-top:26px}
label{display:grid;gap:8px;color:#dfe6f0;font-size:13px;font-weight:600}
input,select,textarea{
  width:100%;border:1px solid var(--line);border-radius:11px;background:#081524;color:var(--text);
  padding:12px 13px;outline:none;transition:.2s;border-color .2s,box-shadow .2s
}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,90,.12)}
textarea{resize:vertical;min-height:100px}
.form-message{min-height:20px;color:var(--danger);font-size:13px;margin:16px 0 0}
.btn{
  border:1px solid var(--line);border-radius:11px;padding:11px 16px;color:var(--text);background:var(--panel-3);
  font-weight:700;transition:.2s transform,.2s background,.2s border-color
}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}
.btn.primary{background:linear-gradient(135deg,#b79243,#d1b468);color:#09111d;border-color:transparent}
.btn.ghost{background:transparent}
.btn.danger{color:var(--danger);border-color:rgba(235,107,117,.3)}
.btn.wide{width:100%;margin-top:4px}


/* Authentifizierungs- und Einrichtungsseiten müssen auch bei kleinen Fensterhöhen vollständig erreichbar bleiben. */
@media(max-width:760px){
  .auth-screen{padding:96px 16px 24px}
  .auth-brand{left:20px;top:20px}
  .auth-card{padding:26px 22px;border-radius:18px}
  .auth-card h1{font-size:26px}
}

.app-shell{display:grid;grid-template-columns:270px 1fr;height:100vh}
.sidebar{background:#091727;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.brand{height:88px;display:flex;align-items:center;gap:12px;padding:0 23px;border-bottom:1px solid var(--line)}
.nav{padding:18px 13px;overflow:auto;flex:1}
.nav-group{padding:15px 12px 8px;color:#617086;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.nav-item{
  width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:2px 0;border:0;border-radius:10px;
  background:transparent;color:#b4c0cf;text-align:left;font-size:13px;font-weight:650
}
.nav-item span{width:22px;color:#75859b;text-align:center;font-size:16px}
.nav-item:hover{background:rgba(255,255,255,.04);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(199,166,90,.17),rgba(199,166,90,.04));color:#fff}
.nav-item.active span{color:var(--gold)}
.sidebar-footer{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid var(--line)}
.user-avatar{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:rgba(199,166,90,.16);color:var(--gold);font-weight:800;font-size:12px}
.user-copy{min-width:0;flex:1}
.user-copy strong,.user-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-copy strong{font-size:12px}
.user-copy span{font-size:10px;color:var(--muted);margin-top:3px}
.icon-button{
  width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;
  font-size:18px;display:grid;place-items:center
}
.icon-button:hover{color:#fff;border-color:rgba(255,255,255,.18)}

.workspace{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#081423,#07111f)}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}
.topbar h1{margin:4px 0 0;font-size:25px}
.topbar-actions{display:flex;align-items:center;gap:12px}
.searchbox{
  width:360px;height:42px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;
  background:#091827;padding:0 12px
}
.searchbox span{color:var(--muted)}
.searchbox input{border:0;background:transparent;padding:0;box-shadow:none;font-size:13px}
.content{padding:25px 28px 40px;overflow:auto;min-height:0}

.grid{display:grid;gap:16px}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card,.panel,.template-card,.placeholder{
  border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,34,56,.92),rgba(11,26,43,.92));
  border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.stat-card{padding:19px}
.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
.stat-icon{width:34px;height:34px;border-radius:10px;background:rgba(199,166,90,.1);color:var(--gold);display:grid;place-items:center}
.stat-value{font-size:28px;font-weight:800;margin:16px 0 7px}
.stat-note{font-size:11px;color:var(--muted)}
.dashboard-grid{grid-template-columns:1.3fr .85fr;margin-top:16px}
.panel{padding:19px;min-width:0}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.panel-header h2{font-size:15px;margin:0}
.panel-header p{margin:5px 0 0;font-size:11px;color:var(--muted)}
.text-button{border:0;background:transparent;color:var(--gold);font-size:12px;font-weight:700}
.progress{height:7px;background:#08131f;border-radius:999px;overflow:hidden}
.progress span{height:100%;display:block;background:linear-gradient(90deg,#a8843c,#e1c77e);border-radius:999px}
.project-mini{padding:13px 0;border-bottom:1px solid var(--line)}
.project-mini:last-child{border-bottom:0}
.project-mini-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.project-mini strong{font-size:13px}
.project-mini small{color:var(--muted)}
.task-mini{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.task-mini:last-child{border-bottom:0}
.task-check{width:18px;height:18px;border:1px solid var(--line);border-radius:5px;background:transparent}
.task-copy strong,.task-copy span{display:block}
.task-copy strong{font-size:12px}
.task-copy span{color:var(--muted);font-size:10px;margin-top:4px}
.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}
.badge.gold{color:var(--gold);background:rgba(199,166,90,.08)}
.badge.green{color:var(--success);background:rgba(85,197,138,.08)}
.badge.yellow{color:var(--warning);background:rgba(240,184,90,.08)}
.badge.red{color:var(--danger);background:rgba(235,107,117,.08)}
.badge.blue{color:var(--info);background:rgba(111,168,255,.08)}
.badge.gray{color:var(--muted)}

.list-page{display:grid;gap:16px}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.page-toolbar-left{display:flex;gap:10px;align-items:center}
.filter-select{width:auto;min-width:180px}
.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(11,27,45,.86)}
table{width:100%;border-collapse:collapse}
th,td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}
th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#78879a;background:rgba(255,255,255,.018)}
tbody tr{transition:.15s background}
tbody tr:hover{background:rgba(255,255,255,.025)}
tbody tr:last-child td{border-bottom:0}
.cell-title{font-weight:750;color:#f3f6fa}
.cell-sub{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.actions{display:flex;justify-content:flex-end;gap:6px}
.small-action{width:31px;height:31px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted)}
.small-action:hover{color:#fff;border-color:rgba(255,255,255,.2)}
.empty-state{padding:52px 24px;text-align:center;color:var(--muted)}
.empty-state strong{display:block;color:#fff;font-size:15px;margin-bottom:7px}

.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:14px;align-items:start;overflow-x:auto;padding-bottom:10px}
.kanban-column{background:rgba(8,21,36,.7);border:1px solid var(--line);border-radius:15px;padding:12px;min-height:460px}
.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 12px}
.kanban-head strong{font-size:12px}
.kanban-count{font-size:10px;color:var(--muted)}
.kanban-card{padding:13px;border:1px solid var(--line);background:var(--panel-2);border-radius:12px;margin-bottom:9px}
.kanban-card strong{font-size:12px;line-height:1.4;display:block}
.kanban-card p{font-size:10px;color:var(--muted);line-height:1.5}
.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}

.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.template-card{padding:18px;display:flex;flex-direction:column;min-height:180px}
.template-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(199,166,90,.11);color:var(--gold);font-size:18px}
.template-card h3{font-size:14px;margin:16px 0 7px}
.template-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 16px;flex:1}
.document-list{margin-top:18px}
.placeholder{padding:55px;display:grid;place-items:center;text-align:center;min-height:360px}
.placeholder-icon{width:68px;height:68px;border-radius:18px;background:rgba(199,166,90,.1);color:var(--gold);display:grid;place-items:center;font-size:28px;margin:auto}
.placeholder h2{font-size:19px;margin:18px 0 8px}
.placeholder p{max-width:560px;color:var(--muted);line-height:1.6;margin:0 auto}

.modal-backdrop{position:fixed;inset:0;background:rgba(1,6,12,.76);display:grid;place-items:center;padding:30px;z-index:50;backdrop-filter:blur(6px)}
.modal{width:min(780px,100%);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:#0c1b2c;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.modal-header,.modal-footer{padding:18px 21px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.modal-header{justify-content:space-between}
.modal-header h2{font-size:20px;margin:5px 0 0}
.modal-body{padding:21px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.modal-footer{border-top:1px solid var(--line);border-bottom:0;gap:10px}
.modal-body .full{grid-column:1/-1}
.spacer{flex:1}
.section-label{grid-column:1/-1;color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding-top:4px}
.help{color:var(--muted);font-size:10px;line-height:1.4}
.toast-host{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;gap:9px}
.toast{min-width:280px;max-width:420px;padding:13px 15px;border:1px solid var(--line);background:#10243a;border-radius:11px;box-shadow:var(--shadow);font-size:12px;animation:toastIn .2s ease}
.toast.success{border-color:rgba(85,197,138,.35)}
.toast.error{border-color:rgba(235,107,117,.4)}
@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

@media(max-width:1250px){
  .app-shell{grid-template-columns:235px 1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .templates-grid{grid-template-columns:repeat(2,1fr)}
  .searchbox{width:280px}
}

/* Version 0.2.0 */
.brand-logo-app{width:40px;height:40px;object-fit:contain;border-radius:10px;flex:0 0 auto}
.auth-brand .brand-logo-app{width:52px;height:52px}
.contacts-editor{display:grid;gap:12px}
.contact-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.contact-row-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
.contact-row-head strong{font-size:12px}
.contact-row input{width:100%}
.checkbox-line{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;color:var(--text)!important}
.checkbox-line input{width:auto!important}
.timer-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.timer-panel h2{margin:4px 0 6px;font-size:20px}
.timer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.timer-actions select{min-width:240px}
.small-action[data-pdf-doc]{font-size:8px;font-weight:800;width:auto;padding:0 7px}
@media(max-width:900px){.contact-row{grid-template-columns:1fr 1fr}.timer-panel{align-items:flex-start;flex-direction:column}}

/* Version 0.3.0 – Projektzentrale, Dokumentarbeitsplatz und Dashboard-Konfiguration */
html,body{height:100%;overflow:hidden}
.app-shell{height:100vh;min-height:0;overflow:hidden}
.workspace{height:100vh;min-height:0;overflow:hidden}
.content{height:calc(100vh - 88px);overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable}
.content::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:11px;height:11px}.content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#2d4055;border-radius:999px;border:3px solid #07111f}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-toolbar h2{margin:0 0 5px}.dashboard-customizer{margin-bottom:16px}.widget-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-mini-button{display:block;width:100%;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.project-mini-button:hover{background:rgba(255,255,255,.025)}
.project-center{min-width:820px}.project-back{margin-bottom:14px}.project-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-hero h2{font-size:24px;margin:5px 0 8px}.project-hero-actions{display:flex;align-items:center;gap:10px}.project-tabs{display:flex;gap:6px;overflow-x:auto;padding:14px 0 12px;position:sticky;top:-25px;z-index:4;background:#081423}.project-tab{border:1px solid var(--line);background:#0b1b2d;color:var(--muted);padding:10px 14px;border-radius:10px;white-space:nowrap;font-weight:700}.project-tab.active,.project-tab:hover{color:#fff;border-color:rgba(199,166,90,.45);background:rgba(199,166,90,.12)}.project-tab-content{padding-bottom:30px}.project-text{white-space:pre-wrap;line-height:1.65;color:#cbd5e1}.detail-list{display:grid;gap:13px}.detail-list span{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;color:var(--muted)}.detail-list strong{color:var(--text);text-align:right}.implementation-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:13px;overflow-x:auto}.implementation-board>section{background:#081726;border:1px solid var(--line);border-radius:13px;padding:12px;min-height:280px}.implementation-board h3{font-size:12px;margin:2px 0 12px}.implementation-card{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:10px}.implementation-card p{font-size:11px;line-height:1.5;color:var(--muted)}
.document-cards{display:grid;gap:12px}.document-card{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--panel-2)}.document-card h3{margin:9px 0 5px}.document-card p{margin:0;color:var(--muted);font-size:11px}.document-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.document-modal{width:min(1180px,96vw)}.document-modal .modal-body{grid-template-columns:260px 1fr}.document-modal label:has(textarea[name="content"]){grid-column:2;grid-row:1/span 4}.document-modal textarea[name="content"]{min-height:62vh;font-family:Arial,sans-serif;font-size:14px;line-height:1.65;background:#f8fafc;color:#182235;padding:28px;border-radius:6px}.template-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-choice{text-align:left;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);color:var(--text)}.template-choice:hover{border-color:rgba(199,166,90,.5)}.template-choice strong,.template-choice small{display:block}.template-choice strong{margin:10px 0 6px}.template-choice small{color:var(--muted);line-height:1.4}.backlog-list{display:grid;gap:9px}.backlog-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;border:1px solid var(--line);padding:13px;border-radius:12px;background:var(--panel-2)}.backlog-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.sprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sprint-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--panel-2)}.sprint-card h3{margin:12px 0 6px}.sprint-card p{color:var(--muted);min-height:42px}.sprint-card small{display:block;color:var(--muted);margin-bottom:13px}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(199,166,90,.08)}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:12px}.activity-item small{color:var(--muted);margin-top:5px}
@media(max-width:1050px){.widget-options{grid-template-columns:1fr 1fr}.sprint-grid{grid-template-columns:1fr 1fr}.document-card{align-items:flex-start;flex-direction:column}.document-card-actions{justify-content:flex-start}.document-modal .modal-body{grid-template-columns:1fr}.document-modal label:has(textarea[name="content"]){grid-column:1;grid-row:auto}}


/* Version 0.4.0 – offizielle Dokumente, Einstellungen und Adressintegration */
.settings-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:16px;padding-bottom:3px}.settings-tab,.doc-mode{border:1px solid var(--line);background:#0b1b2d;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:700;white-space:nowrap}.settings-tab.active,.settings-tab:hover,.doc-mode.active,.doc-mode:hover{color:#fff;background:rgba(199,166,90,.13);border-color:rgba(199,166,90,.45)}.settings-form{padding:20px}.settings-form>.panel-header{margin:-20px -20px 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.document-mode-switch{display:flex;gap:8px;padding-bottom:5px}.document-form-pane .form-grid{grid-template-columns:1fr 1fr}.document-preview-pane{background:#536170;padding:28px;min-height:70vh;border-radius:12px;overflow:auto}.official-document-preview{width:210mm;min-height:297mm;margin:auto;background:white;color:#172033;padding:18mm 18mm 24mm;box-shadow:0 14px 45px rgba(0,0,0,.35);position:relative;font-family:Arial,sans-serif;font-size:10.5pt;line-height:1.55}.doc-letterhead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #b99445;padding-bottom:12px}.doc-letterhead strong{font-size:18px;color:#0d2440}.doc-letterhead small{display:block;color:#b99445;margin-top:3px}.doc-letterhead img{width:50px;height:50px;object-fit:contain}.doc-sender{font-size:7pt;color:#667085;text-decoration:underline;margin:10px 0 10px}.doc-address{min-height:38mm}.doc-meta{display:grid;grid-template-columns:1fr auto auto;gap:18px;border-bottom:1px solid #e4e7ec;padding-bottom:8px;font-size:9pt}.official-document-preview h1{font-size:19px;color:#0d2440;margin:22px 0 18px}.doc-text,.doc-content{margin-bottom:18px}.doc-payment{padding:11px 13px;background:#f7f4ec;border-left:3px solid #b99445;font-size:9pt}.doc-footer{position:absolute;left:18mm;right:18mm;bottom:9mm;border-top:1px solid #d7dce3;padding-top:6px;text-align:center;color:#667085;font-size:7pt;line-height:1.45}@media(max-width:1000px){.form-grid,.document-form-pane .form-grid{grid-template-columns:1fr}.document-preview-pane{padding:12px}.official-document-preview{transform-origin:top left;transform:scale(.72);margin-bottom:-82mm}}

/* Version 0.7.0 – anklickbares Dashboard und hochwertiges Dokumentlayout */
button.stat-card{width:100%;font:inherit;color:inherit;text-align:left}.clickable-card,.clickable-row{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.clickable-card:hover{transform:translateY(-2px);border-color:rgba(199,166,90,.55);background:linear-gradient(145deg,rgba(199,166,90,.08),var(--panel))}.clickable-card:focus-visible,.clickable-row:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.clickable-row:hover{background:rgba(199,166,90,.06)}.readonly-field{background:rgba(255,255,255,.035)!important;color:#aeb9c8!important;cursor:not-allowed;border-style:dashed!important}.document-type-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px;border:1px solid rgba(199,166,90,.22);border-radius:14px;background:rgba(199,166,90,.035)}.document-type-fields>.full,.document-type-fields>.section-label{grid-column:1/-1}.doc-letterhead.premium{border:0;padding-bottom:10px;align-items:flex-start}.doc-brand{display:flex;align-items:center;gap:13px}.doc-brand img{width:58px;height:58px}.doc-brand strong{display:block;font-size:22px;letter-spacing:.11em;color:#b99445!important;font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1.05}.doc-brand small{display:block;margin-top:5px;font-size:7px;letter-spacing:.36em;color:#b99445;font-weight:700}.doc-company-block{display:grid;text-align:right;font-size:7.7pt;line-height:1.45;color:#475467}.doc-company-block b{color:#0d2440;font-size:8.5pt}.doc-company-block span:empty{display:none}.doc-gold-line{height:3px;background:linear-gradient(90deg,#b99445 0 34%,#0d2440 34% 100%);margin:0 0 13px}.doc-meta.premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e2e6ec;border-left:3px solid #b99445;background:#fafbfc;padding:0}.doc-meta.premium>div{padding:8px 10px;border-right:1px solid #e2e6ec}.doc-meta.premium>div:last-child{border:0}.doc-meta.premium small,.doc-meta.premium strong{display:block}.doc-meta.premium small{text-transform:uppercase;letter-spacing:.08em;color:#7b8492;font-size:6.8pt}.doc-meta.premium strong{font-size:8.5pt;color:#172033;margin-top:2px}.doc-section{margin:16px 0}.doc-section h2{font-size:11pt!important;margin:0 0 7px!important;padding-bottom:4px;border-bottom:1px solid #d8dde5;color:#0d2440}.doc-totals{width:55%;margin:22px 0 22px auto;border-top:1px solid #d7dce3}.doc-totals span{display:flex;justify-content:space-between;padding:7px 3px;border-bottom:1px solid #e7eaf0}.doc-totals .grand-total{font-size:12pt;color:#0d2440;border-bottom:3px double #0d2440}.doc-footer.premium{display:grid;grid-template-columns:1.25fr 1fr 1fr;text-align:left;gap:16px;line-height:1.5}.doc-footer.premium>div+div{border-left:1px solid #d7dce3;padding-left:14px}@media(max-width:1000px){.document-type-fields{grid-template-columns:1fr}.doc-meta.premium{grid-template-columns:1fr 1fr}.doc-company-block{font-size:6.7pt}}


/* Version 0.7.0 – Dokumentversionen, Druckvorschau und skalierbares A4-Layout */
.project-table-row{cursor:default}.project-table-row:hover{background:rgba(199,166,90,.055)}.project-table-row td:first-child{cursor:pointer}.product-seed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-seed-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel-2)}.product-seed-card h3{margin:12px 0 7px}.product-seed-card p{color:var(--muted);font-size:11px;line-height:1.5;min-height:52px}.product-seed-card strong{display:block;margin-top:13px;color:var(--gold)}
.document-preview-pane{display:flex;justify-content:center;align-items:flex-start}.official-document-preview{box-sizing:border-box;padding-bottom:50mm;min-height:297mm;height:auto;overflow:visible}.official-document-preview .doc-footer{position:absolute;bottom:3mm}.doc-section,.doc-payment,.doc-totals{break-inside:avoid}.doc-text{overflow-wrap:anywhere}.doc-section>div{overflow-wrap:anywhere}.document-preview-pane[hidden]{display:none!important}
@media(max-width:1350px){.official-document-preview{zoom:.82}.document-preview-pane{min-height:calc(297mm * .82 + 40px)}}
@media(max-width:1100px){.official-document-preview{zoom:.68;transform:none;margin:0}.document-preview-pane{min-height:calc(297mm * .68 + 30px)}.product-seed-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.product-seed-grid{grid-template-columns:1fr}}

/* v0.7.0: responsive settings, address suggestions and corrected document pages */
.settings-form{max-width:1180px;margin:0 auto;padding:26px}.settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.settings-form label{min-width:0}.settings-form input,.settings-form textarea,.settings-form select{width:100%;min-width:0}.validation-hint{margin-top:-10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted)}.validation-hint.valid{color:#85d8ae;background:rgba(58,181,124,.08)}.validation-hint.invalid{color:#ff9a9a;background:rgba(224,74,74,.08)}
.address-autocomplete-wrap{position:relative;z-index:30}.address-suggestions{position:absolute;z-index:999;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow:auto;border:1px solid rgba(199,166,90,.35);border-radius:12px;background:#0b192b;box-shadow:0 18px 48px rgba(0,0,0,.48);padding:6px}.address-suggestion{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#eef4fb;text-align:left;cursor:pointer}.address-suggestion:hover,.address-suggestion:focus{background:rgba(199,166,90,.13);outline:none}.address-suggestion span{font-size:12px;color:#9eabbc}.address-loading,.address-empty,.address-error{padding:13px;color:#aeb9c8}.address-error{color:#ff9a9a}
.official-document-preview{display:flex!important;flex-direction:column;min-height:297mm!important;height:auto!important;padding:14mm 18mm 44mm!important;position:relative}.official-document-preview .doc-address{min-height:28mm!important;height:auto!important}.official-document-preview .doc-footer{position:absolute!important;left:18mm!important;right:18mm!important;bottom:3mm!important;margin:0!important}.official-document-preview .doc-section{break-inside:auto!important}.official-document-preview h1{margin:14px 0 10px!important}.official-document-preview .doc-section{margin:11px 0!important}
@media(max-width:1100px){.settings-form .form-grid{grid-template-columns:1fr}.settings-form{padding:18px}}

/* v0.8.0 – integrierte Dokumenten-Arbeitsansicht */
.modal-backdrop.document-workspace-overlay{left:252px;inset-block:0;right:0;padding:14px;background:#07111f;place-items:stretch;backdrop-filter:none}
.document-workspace-overlay .document-modal{width:100%;height:100%;max-height:none;border-radius:16px;overflow:hidden;background:#f4f6f8;border-color:#293a4c}
.document-workspace-overlay .modal-header{min-height:66px;padding:12px 18px;background:#0d1b2a;color:#fff;border-bottom:1px solid #24374b}
.document-workspace-overlay .modal-header .eyebrow{color:#bfc9d4}
.document-workspace-overlay .modal-body{display:block;padding:0;overflow:hidden;background:#e8edf2}
.document-workspace-overlay .modal-footer{padding:10px 16px;background:#fff;border-top:1px solid #d6dde5}
.document-workspace-overlay .document-mode-switch{height:54px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border-bottom:1px solid #d9e0e7}
.document-workspace-overlay .doc-mode{background:#fff;color:#344054;border-color:#d0d5dd}
.document-workspace-overlay .doc-mode.active{background:linear-gradient(135deg,#c9952e,#e0b85a);color:#fff;border-color:#c9952e}
.document-workbench{height:calc(100% - 54px);display:grid;grid-template-columns:minmax(390px,44%) minmax(520px,56%);gap:0;overflow:hidden}
.document-form-pane{overflow:auto;background:#f7f8fa;border-right:1px solid #cfd7df;padding:16px}
.document-form-pane .form-grid{grid-template-columns:1fr 1fr;gap:13px}
.document-form-pane label{color:#344054;font-weight:650}
.document-form-pane input,.document-form-pane select,.document-form-pane textarea{background:#fff;color:#1f2937;border-color:#d0d5dd}
.document-preview-pane{position:relative;display:flex!important;justify-content:center;align-items:flex-start;overflow:auto;padding:54px 24px 32px;background:#dfe5ea;border-radius:0;min-height:0}
.document-preview-toolbar{position:absolute;z-index:3;top:10px;right:16px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.95);padding:5px 8px;border:1px solid #ccd5de;border-radius:9px;box-shadow:0 5px 16px rgba(28,39,52,.12);color:#344054}
.preview-zoom{border:0;background:#eef2f5;width:28px;height:28px;border-radius:7px;font-size:18px;cursor:pointer}
.document-preview-only .document-workbench{grid-template-columns:1fr}
.document-preview-only .document-preview-pane{padding-inline:40px}
@media(max-width:1180px){.modal-backdrop.document-workspace-overlay{left:0}.document-workbench{grid-template-columns:1fr}.document-form-pane{border-right:0;border-bottom:1px solid #cfd7df;max-height:48vh}.document-preview-pane{min-height:52vh}.document-workspace-overlay .document-modal{border-radius:0}}

/* v0.8.1 – echte Ansichtsmodi und strukturierte Dokumentinhalte */
.document-form-only .document-workbench{grid-template-columns:1fr}
.document-form-only .document-form-pane{border-right:0;max-width:1100px;width:100%;margin:0 auto}
.document-form-only .document-preview-pane{display:none!important}
.document-preview-only .document-form-pane{display:none!important}
.document-preview-pane[hidden],.document-form-pane[hidden]{display:none!important}
.doc-section.numbered{margin:0 0 17px!important;padding:0 0 13px;border-bottom:1px solid #edf0f3;break-inside:avoid}
.doc-section.numbered:last-of-type{border-bottom:0}
.doc-section.numbered h2{display:flex;align-items:baseline;gap:7px;margin:0 0 6px;color:#0d2440;font-size:11.5pt;line-height:1.35;font-weight:700}
.doc-section.numbered h2 span{min-width:20px;color:#b58a35}
.doc-section.numbered>div{padding-left:27px;color:#29384a;line-height:1.6;white-space:normal}
.doc-empty-value{color:#98a2b3!important;font-style:italic}
.doc-intro-block{font-weight:600;color:#0d2440;border-left:3px solid #c99d43;padding:8px 12px;margin-bottom:18px;background:#fbf8f0}
.doc-free-text{white-space:normal;line-height:1.7}

/* v0.8.2 – funktionierende Ansichtsumschaltung und korrekte Projektantrag-Struktur */
.document-modal.document-form-only .document-workbench{grid-template-columns:minmax(0,1fr)!important}
.document-modal.document-form-only .document-form-pane{display:block!important;max-width:1180px!important;width:100%!important;margin:0 auto!important;border-right:0!important}
.document-modal.document-form-only .document-preview-pane{display:none!important}
.document-modal.document-preview-only .document-workbench{grid-template-columns:minmax(0,1fr)!important}
.document-modal.document-preview-only .document-form-pane{display:none!important}
.document-modal.document-preview-only .document-preview-pane{display:flex!important;width:100%!important}
.document-modal:not(.document-form-only):not(.document-preview-only) .document-form-pane,
.document-modal:not(.document-form-only):not(.document-preview-only) .document-preview-pane{display:flex!important}
.document-modal:not(.document-form-only):not(.document-preview-only) .document-form-pane{display:block!important}
.official-document-preview .doc-section.numbered{padding:0 0 12px!important;margin:0 0 14px!important;border-bottom:1px solid #e6e9ee!important}
.official-document-preview .doc-section.numbered h2{font-size:10.7pt!important;margin:0 0 5px!important;display:grid!important;grid-template-columns:24px 1fr!important;gap:2px!important}
.official-document-preview .doc-section.numbered h2 span{color:#b58a35!important;font-weight:800!important}
.official-document-preview .doc-section.numbered>div{padding-left:26px!important;white-space:pre-wrap!important;line-height:1.48!important}
.official-document-preview .doc-empty-value{color:#98a2b3!important;font-style:italic!important}

/* v0.8.2 – funktionierende Ansichtsumschaltung und korrekte Projektantrag-Struktur */
.document-modal.document-form-only .document-workbench{grid-template-columns:minmax(0,1fr)!important}
.document-modal.document-form-only .document-form-pane{display:block!important;max-width:1180px!important;width:100%!important;margin:0 auto!important;border-right:0!important}
.document-modal.document-form-only .document-preview-pane{display:none!important}
.document-modal.document-preview-only .document-workbench{grid-template-columns:minmax(0,1fr)!important}
.document-modal.document-preview-only .document-form-pane{display:none!important}
.document-modal.document-preview-only .document-preview-pane{display:flex!important;width:100%!important}
.document-modal:not(.document-form-only):not(.document-preview-only) .document-form-pane{display:block!important}
.document-modal:not(.document-form-only):not(.document-preview-only) .document-preview-pane{display:flex!important}
.official-document-preview .doc-section.numbered{padding:0 0 12px!important;margin:0 0 14px!important;border-bottom:1px solid #e6e9ee!important}
.official-document-preview .doc-section.numbered h2{font-size:10.7pt!important;margin:0 0 5px!important;display:grid!important;grid-template-columns:24px 1fr!important;gap:2px!important}
.official-document-preview .doc-section.numbered h2 span{color:#b58a35!important;font-weight:800!important}
.official-document-preview .doc-section.numbered>div{padding-left:26px!important;white-space:pre-wrap!important;line-height:1.48!important}
.official-document-preview .doc-empty-value{color:#98a2b3!important;font-style:italic!important}


/* v0.9.0 – betriebliche Module */
.business-page{display:grid;gap:16px}.toolbar-actions{display:flex;gap:9px;align-items:center}.business-tabs{display:flex;gap:7px;flex-wrap:wrap}.business-tab{border:1px solid var(--line);background:#0b1b2d;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:750}.business-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px}.business-tab.active,.business-tab:hover{color:#fff;background:rgba(199,166,90,.13);border-color:rgba(199,166,90,.45)}
.business-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.business-kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.business-kpi{min-height:118px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,34,56,.94),rgba(10,25,42,.94));display:flex;justify-content:space-between;gap:14px}.business-kpi>div{display:grid;align-content:start}.business-kpi span{font-size:11px;color:var(--muted)}.business-kpi strong{font-size:24px;margin:11px 0 7px}.business-kpi small{font-size:10px;color:var(--muted)}.business-kpi>b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(199,166,90,.1);color:var(--gold);font-size:17px}.business-kpi.green>b{color:var(--success);background:rgba(85,197,138,.09)}.business-kpi.red>b{color:var(--danger);background:rgba(235,107,117,.09)}.business-kpi.blue>b{color:var(--info);background:rgba(111,168,255,.09)}.business-kpi.yellow>b{color:var(--warning);background:rgba(240,184,90,.09)}
.business-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.business-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.business-line:last-child{border-bottom:0}.business-line strong,.business-line small{display:block}.business-line>div>strong{font-size:12px}.business-line small{font-size:10px;color:var(--muted);margin-top:4px}.line-right{text-align:right}.line-right .badge{margin-bottom:5px}.deadline{font-weight:750}.deadline.warning{color:var(--warning)}.deadline.danger{color:var(--danger)}.asset-type{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:5px}.success-action{color:var(--success);border-color:rgba(85,197,138,.25)}
.support-board{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:14px;overflow-x:auto;padding-bottom:6px}.support-column{min-height:470px;border:1px solid var(--line);border-radius:15px;background:rgba(8,21,36,.72);padding:12px}.support-column>header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px}.support-column>header strong{font-size:12px}.support-column>header span{font-size:10px;color:var(--muted)}.support-card{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:13px;margin-bottom:10px}.support-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.support-card>strong{font-size:12px;line-height:1.45;display:block}.support-card p{font-size:10px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.support-card>small{display:block;color:#78879a;font-size:9px;margin-top:9px}.support-meta{display:flex;justify-content:space-between;gap:10px;color:#b8c3d1;font-size:9px}.column-empty{padding:28px 10px;text-align:center;color:#64748b;font-size:11px;border:1px dashed var(--line);border-radius:11px}
@media(max-width:1250px){.business-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.business-kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.business-grid.two{grid-template-columns:1fr}.support-board{grid-template-columns:repeat(4,245px)}}
@media(max-width:900px){.business-kpis,.business-kpis.compact{grid-template-columns:1fr}.page-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.toolbar-actions .btn{flex:1}.business-tabs{width:100%}}

/* v0.9.2 – globale Neuanlage und überarbeitetes Suchfeld */
.searchbox{
  cursor:text;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.searchbox:focus-within{
  border-color:rgba(199,166,90,.7);
  box-shadow:0 0 0 3px rgba(199,166,90,.1);
  background:#0a1b2c;
}
.searchbox-icon{
  width:19px;
  height:19px;
  flex:0 0 auto;
  color:#91a0b3;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.searchbox input{
  flex:1;
  min-width:0;
  height:100%;
}
.searchbox input:focus{box-shadow:none}

.quick-add{position:relative;flex:0 0 auto}
.quick-add-button{
  min-width:166px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding-inline:15px;
}
.quick-add-button svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.quick-add-plus{width:18px;height:18px}
.quick-add-chevron{width:16px;height:16px;margin-left:2px;transition:transform .18s ease}
.quick-add-button[aria-expanded="true"] .quick-add-chevron{transform:rotate(180deg)}

.quick-add-menu{
  position:absolute;
  z-index:120;
  top:calc(100% + 11px);
  right:0;
  width:370px;
  max-height:calc(100vh - 118px);
  overflow-y:auto;
  padding:10px;
  border:1px solid rgba(199,166,90,.25);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(16,35,57,.99),rgba(7,22,38,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.025) inset;
  transform-origin:top right;
  animation:quickAddIn .16s ease-out;
}
.quick-add-menu::before{
  content:"";
  position:absolute;
  top:-6px;
  right:30px;
  width:11px;
  height:11px;
  border-left:1px solid rgba(199,166,90,.25);
  border-top:1px solid rgba(199,166,90,.25);
  background:#10233a;
  transform:rotate(45deg);
}
.quick-add-heading{
  position:relative;
  padding:8px 10px 13px;
  margin-bottom:4px;
  border-bottom:1px solid var(--line);
  color:var(--gold-2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.quick-add-option{
  width:100%;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  text-align:left;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.quick-add-option:hover,.quick-add-option:focus-visible{
  background:rgba(199,166,90,.095);
  border-color:rgba(199,166,90,.18);
  outline:none;
  transform:translateX(1px);
}
.quick-add-option>span:last-child{min-width:0}
.quick-add-option strong,.quick-add-option small{display:block}
.quick-add-option strong{font-size:12px;line-height:1.35}
.quick-add-option small{
  margin-top:3px;
  color:#8291a4;
  font-size:9.5px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-add-option-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:var(--gold);
  background:rgba(199,166,90,.085);
}
.quick-add-option-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.quick-add-divider{height:1px;background:var(--line);margin:5px 9px}
@keyframes quickAddIn{
  from{opacity:0;transform:translateY(-5px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:1050px){
  .quick-add-button{min-width:auto}
  .quick-add-button>span{display:none}
  .quick-add-chevron{display:none}
}
@media(max-width:760px){
  .topbar{padding-inline:16px}
  .topbar>div:first-child{display:none}
  .topbar-actions{width:100%}
  .searchbox{width:auto!important;flex:1}
  .quick-add-menu{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:calc(100vh - 92px)}
  .quick-add-menu::before{right:22px}
}

/* v0.9.2 – modernisierte Auswahlfelder und Personalakten */
select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c7a65a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:17px;
}
select:hover{border-color:rgba(199,166,90,.48)}
select option{background:#0b192b;color:#f7f8fb;padding:10px}
.document-form-pane select{background-color:#fff}
.employee-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.employee-kpis>div{padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel-2),#0a192a)}
.employee-kpis span,.employee-kpis small{display:block;color:var(--muted);font-size:10px}
.employee-kpis strong{display:block;font-size:24px;margin:9px 0 5px}
.employee-rights-count{color:var(--gold);font-weight:700}
.employee-modal{width:min(1050px,96vw)}
.employee-modal .modal-body{display:block;padding:0}
.employee-editor{min-height:560px}
.employee-tabs{display:flex;gap:4px;padding:12px 18px 0;border-bottom:1px solid var(--line);background:rgba(4,13,23,.35)}
.employee-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:12px 16px;font-size:12px;font-weight:750}
.employee-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.06);font-size:9px}
.employee-tab:hover,.employee-tab.active{color:#fff;border-bottom-color:var(--gold)}
.employee-tab-panel{padding:22px}
.employee-tab-panel.active{animation:employeePanelIn .16s ease}
@keyframes employeePanelIn{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.employee-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.employee-form-grid .full{grid-column:1/-1}
.personal-info-grid{padding-bottom:20px;border-bottom:1px solid var(--line)}
.employee-documents-head{display:flex;justify-content:space-between;align-items:center;padding:20px 0 11px}
.employee-documents-head strong,.employee-documents-head span{display:block}
.employee-documents-head span{font-size:10px;color:var(--muted);margin-top:4px}
.employee-documents-list{display:grid;gap:10px}
.employee-document-row{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(8,21,36,.7)}
.employee-file-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:rgba(199,166,90,.1);color:var(--gold);font-size:9px;font-weight:850;letter-spacing:.06em}
.employee-file-fields{display:grid;gap:7px}
.employee-file-fields>input{padding:8px 10px}
.employee-file-fields>div{display:grid;grid-template-columns:180px 150px;gap:8px}
.employee-file-fields select,.employee-file-fields input[type=date]{padding:8px 34px 8px 10px;font-size:11px}
.employee-file-fields small{color:var(--muted);font-size:9px}
.employee-file-actions{display:flex;gap:6px}
.danger-file:hover{color:var(--danger);border-color:rgba(235,107,117,.35)}
.employee-files-empty{display:grid;place-items:center;text-align:center;gap:7px;padding:36px;border:1px dashed rgba(199,166,90,.28);border-radius:13px;color:var(--muted)}
.employee-files-empty strong{color:#fff}
.employee-files-empty span{max-width:560px;font-size:11px;line-height:1.5}
.rights-section{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(8,21,36,.55);margin-bottom:15px}
.rights-heading{margin-bottom:14px}
.rights-heading strong,.rights-heading span{display:block}
.rights-heading strong{font-size:13px}
.rights-heading span{font-size:10px;color:var(--muted);margin-top:4px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.permission-option{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0a192a;color:#dce5ef!important;font-size:11px;font-weight:650;cursor:pointer}
.permission-option:hover{border-color:rgba(199,166,90,.35)}
.permission-option input{position:absolute;opacity:0;pointer-events:none}
.permission-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid #405168;border-radius:6px;color:transparent;background:#08131f}
.permission-option:has(input:checked){border-color:rgba(199,166,90,.5);background:rgba(199,166,90,.08)}
.permission-option input:checked+.permission-check{color:#09111d;border-color:var(--gold);background:var(--gold)}
.project-access-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.project-access-options label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a192a;cursor:pointer}
.project-access-options label:has(input:checked){border-color:rgba(199,166,90,.52);background:rgba(199,166,90,.08)}
.project-access-options input{width:auto;margin-top:3px;accent-color:var(--gold)}
.project-access-options b,.project-access-options small{display:block}
.project-access-options b{font-size:11px}
.project-access-options small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.4}
.project-permission-list.disabled{opacity:.38;filter:grayscale(.2);pointer-events:none}
@media(max-width:900px){
  .employee-kpis,.employee-form-grid,.permission-grid,.project-access-options{grid-template-columns:1fr}
  .employee-document-row{grid-template-columns:42px 1fr}
  .employee-file-actions{grid-column:2}
  .employee-file-fields>div{grid-template-columns:1fr}
}

/* v0.9.2 – eigene Dropdown-Komponente */
.custom-select{position:relative;width:100%;min-width:0}
.custom-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
.custom-select-trigger{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 11px 13px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#0a192a,#081524);color:var(--text);text-align:left;transition:border-color .18s,box-shadow .18s,background .18s}
.custom-select-trigger:hover{border-color:rgba(199,166,90,.42);background:#0b1b2d}
.custom-select.open .custom-select-trigger,.custom-select-trigger:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,90,.12)}
.custom-select-trigger.placeholder{color:var(--muted)}
.custom-select-trigger svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}
.custom-select-menu{position:fixed;z-index:600;max-height:310px;overflow:auto;padding:6px;border:1px solid rgba(199,166,90,.28);border-radius:12px;background:linear-gradient(155deg,#10243a,#081725);box-shadow:0 20px 55px rgba(0,0,0,.52);animation:customSelectIn .14s ease-out}
.custom-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#edf2f8;text-align:left;font-size:12px}
.custom-select-option:hover,.custom-select-option:focus-visible{outline:none;background:rgba(199,166,90,.11);border-color:rgba(199,166,90,.15)}
.custom-select-option.selected{color:var(--gold-2);background:rgba(199,166,90,.08)}
.custom-select-option.selected::after{content:"✓";color:var(--gold);font-weight:800}
.custom-select-option:disabled{opacity:.45;cursor:not-allowed}
.custom-select-menu::-webkit-scrollbar{width:9px}.custom-select-menu::-webkit-scrollbar-thumb{background:#30465e;border-radius:999px;border:2px solid #0b1b2d}
@keyframes customSelectIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.document-form-pane .custom-select-trigger{background:#fff;color:#1f2937;border-color:#d0d5dd}
.document-form-pane .custom-select-trigger:hover{background:#fff;border-color:#c99d43}

/* v0.9.3 – Kundenakte, Vergütung und Abwesenheiten */
.table-link{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
}
.customer-link:hover .cell-title{color:var(--gold-2)}
.customer-center{min-width:820px}
.customer-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}
.customer-hero h2{font-size:24px;margin:5px 0 8px}
.customer-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.customer-tabs .project-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px}
.customer-tab-content{padding-bottom:30px}
.customer-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 16px}
.customer-section-toolbar h2{margin:0 0 5px;font-size:20px}
.customer-section-toolbar p{margin:0;color:var(--muted);font-size:11px}
.customer-stats{margin-bottom:16px}
.customer-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.customer-note{margin-top:18px;padding:14px;border:1px solid rgba(199,166,90,.18);border-radius:11px;background:rgba(199,166,90,.05)}
.customer-note strong{font-size:11px;color:var(--gold-2)}
.customer-note p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.customer-contact{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.customer-contact:last-child{border-bottom:0}
.customer-contact-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(199,166,90,.11);border:1px solid rgba(199,166,90,.2);color:var(--gold);font-weight:800}
.customer-contact strong,.customer-contact span,.customer-contact small{display:block}
.customer-contact span{margin-top:3px;color:#ced7e2;font-size:10px}
.customer-contact small{margin-top:4px;color:var(--muted);font-size:9px}
.customer-mini-line{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}
.customer-mini-line:last-child{border-bottom:0}
.customer-mini-line:hover{background:rgba(199,166,90,.045)}
.customer-mini-line strong,.customer-mini-line small{display:block}
.customer-mini-line small{margin-top:4px;color:var(--muted);font-size:9px}
.customer-mini-line>span:not(.badge){color:var(--gold);font-weight:800}
.customer-mini-line>b{font-size:11px;white-space:nowrap}

.employee-kpis-wide{grid-template-columns:repeat(5,minmax(0,1fr))}
.employee-modal{width:min(1180px,97vw)}
.employee-tabs{overflow-x:auto;scrollbar-width:thin}
.compensation-summary{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:18px;align-items:start;padding:18px;border:1px solid rgba(199,166,90,.24);border-radius:15px;background:linear-gradient(135deg,rgba(199,166,90,.1),rgba(8,21,36,.7));margin-bottom:22px}
.compensation-summary>div:first-child{padding:8px 4px}
.compensation-summary>div:first-child span,.compensation-summary>div:first-child strong,.compensation-summary>div:first-child small{display:block}
.compensation-summary>div:first-child span{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.compensation-summary>div:first-child strong{font-size:25px;margin:10px 0 6px}
.compensation-summary>div:first-child small{color:var(--muted);font-size:10px}
.compensation-fields{gap:12px}
.employee-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 11px}
.employee-section-head>div strong,.employee-section-head>div span{display:block}
.employee-section-head>div strong{font-size:13px}
.employee-section-head>div span{margin-top:4px;color:var(--muted);font-size:10px}
.sickness-head{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.employee-record-list{display:grid;gap:10px}
.employee-record-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) 40px;gap:10px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(8,21,36,.7)}
.employee-record-row label{min-width:0}
.employee-record-row input,.employee-record-row select{min-width:0}
.employee-record-wide{grid-column:1/5}
.employee-record-row>.danger-file{grid-column:5;grid-row:1/3;align-self:center}
.absence-record-row{grid-template-columns:repeat(5,minmax(110px,1fr)) 40px}
.absence-record-row .employee-record-wide{grid-column:1/6}
.absence-record-row>.danger-file{grid-column:6}
.employee-record-empty{display:grid;gap:6px;padding:28px;border:1px dashed rgba(199,166,90,.25);border-radius:13px;text-align:center;color:var(--muted)}
.employee-record-empty strong{color:#fff}
.employee-record-empty span{font-size:10px;line-height:1.5}
.absence-settings{max-width:650px;margin-bottom:15px}
.absence-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.absence-kpis>div{padding:15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--panel-2),#091827)}
.absence-kpis span,.absence-kpis strong,.absence-kpis small{display:block}
.absence-kpis span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.absence-kpis strong{font-size:20px;margin:8px 0 4px}
.absence-kpis small{color:var(--muted);font-size:9px}

@media(max-width:1150px){
  .employee-kpis-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
  .employee-record-row,.absence-record-row{grid-template-columns:repeat(2,minmax(0,1fr)) 40px}
  .employee-record-wide,.absence-record-row .employee-record-wide{grid-column:1/3}
  .employee-record-row>.danger-file,.absence-record-row>.danger-file{grid-column:3;grid-row:1/4}
}
@media(max-width:900px){
  .customer-center{min-width:0}
  .customer-hero,.customer-section-toolbar{align-items:flex-start;flex-direction:column}
  .customer-hero-actions{justify-content:flex-start}
  .customer-overview-grid{grid-template-columns:1fr}
  .employee-kpis-wide,.absence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compensation-summary{grid-template-columns:1fr}
}
@media(max-width:620px){
  .employee-kpis-wide,.absence-kpis{grid-template-columns:1fr}
  .employee-record-row,.absence-record-row{grid-template-columns:1fr 40px}
  .employee-record-wide,.absence-record-row .employee-record-wide{grid-column:1}
  .employee-record-row>.danger-file,.absence-record-row>.danger-file{grid-column:2;grid-row:1/8}
  .customer-contact{grid-template-columns:40px minmax(0,1fr)}
  .customer-contact>.badge{grid-column:2}
}


/* v0.9.9 UI-Feinschliff */
.nav-item{gap:12px}
.nav-item span,.nav-item .nav-icon-wrap{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}
.nav-item .nav-icon-wrap{border-radius:8px;background:rgba(255,255,255,.03);color:#8293a8;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover .nav-icon-wrap{background:rgba(255,255,255,.06);color:#dfe7f0;transform:translateY(-1px)}
.nav-item.active .nav-icon-wrap{background:rgba(199,166,90,.14);color:var(--gold)}
.nav-item svg,.icon-button svg,.small-action svg,.template-icon svg,.stat-icon svg,.business-kpi b svg,.employee-file-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-item svg circle[fill],.icon-button svg circle[fill],.small-action svg circle[fill]{fill:currentColor;stroke:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center}
.btn{box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.22)}
.stat-card{padding:20px 21px;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.stat-top{align-items:center}
.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(199,166,90,.12);color:var(--gold);font-size:0}
.small-action{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);transition:all .18s ease}
.small-action:hover{background:rgba(199,166,90,.1);color:#fff;border-color:rgba(199,166,90,.3);transform:translateY(-1px)}
.small-action.icon-label,.small-action[data-pdf-doc]{width:auto;padding:0 10px;gap:6px}
.action-label{font-size:10px;font-weight:800;letter-spacing:.05em}
.business-kpi{box-shadow:0 14px 30px rgba(0,0,0,.14)}
.business-kpi b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);font-size:0;color:inherit}
.template-card,.panel{box-shadow:0 16px 34px rgba(0,0,0,.14)}
.template-icon{font-size:0}
.template-icon .text-fallback-icon{font-size:18px;font-weight:800;line-height:1}
.employee-file-icon{font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.employee-file-icon-svg{width:18px!important;height:18px!important}
.file-type-label{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--gold)}
.text-fallback-icon{display:inline-grid;place-items:center;width:100%;height:100%}
.quick-add-option{transition:background .18s ease,border-color .18s ease,transform .18s ease}
.quick-add-option:hover{transform:translateX(2px)}
.table-wrap table tbody tr{transition:background .16s ease}


/* v0.10.0 Premium-Feinschliff, Leistungen und Projektzeiterfassung */
:root{--panel-soft:#0b1b2c;--panel-raised:#0d2034;--gold-soft:rgba(199,166,90,.12)}
.content{padding-bottom:34px}
.page-toolbar{padding:3px 0 4px;gap:18px}
.panel,.table-wrap,.service-card{border-color:rgba(255,255,255,.075)}
.panel-header{padding-bottom:15px}
.panel-header h2,.page-toolbar h2{letter-spacing:-.015em}
.table-wrap{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))}
table thead th{background:rgba(255,255,255,.025);font-size:10px;letter-spacing:.065em;text-transform:uppercase;color:#8fa0b4}
table tbody td{padding-top:13px;padding-bottom:13px}
table tbody tr:hover{background:rgba(199,166,90,.045)}
input,textarea,select,.custom-select-trigger{background:#091827;border-color:rgba(255,255,255,.09)}
input:focus,textarea:focus,select:focus,.custom-select.open .custom-select-trigger{border-color:rgba(199,166,90,.62);box-shadow:0 0 0 3px rgba(199,166,90,.1)}
.modal{box-shadow:0 30px 90px rgba(0,0,0,.55)}
.modal-header{background:linear-gradient(180deg,rgba(199,166,90,.055),transparent)}
.badge{letter-spacing:.025em}
.project-tabs{scrollbar-width:thin;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(5,15,26,.38)}
.project-tab{border-radius:9px;padding:10px 13px}
.project-tab.active{box-shadow:inset 0 0 0 1px rgba(199,166,90,.28),0 8px 20px rgba(0,0,0,.14)}
.services-page{display:grid;gap:18px}
.service-category-bar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}
.service-filter{border:1px solid var(--line);background:#091827;color:var(--muted);border-radius:999px;padding:8px 13px;font-size:10.5px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.18s ease}
.service-filter:hover,.service-filter.active{border-color:rgba(199,166,90,.48);background:rgba(199,166,90,.1);color:#fff}
.service-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{display:flex;flex-direction:column;min-height:270px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(6,18,31,.96));box-shadow:0 16px 36px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service-card:hover{transform:translateY(-3px);border-color:rgba(199,166,90,.38);box-shadow:0 22px 44px rgba(0,0,0,.22)}
.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--gold-soft);color:var(--gold)}
.service-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.service-number{font-size:9px;letter-spacing:.12em;color:#728399;text-transform:uppercase;font-weight:800}
.service-card h3{margin:8px 0 8px;font-size:15px;color:#f4f7fb}
.service-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.58;flex:1}
.service-price{display:flex;align-items:flex-end;gap:8px;padding:16px 0 13px;margin-top:12px;border-top:1px solid rgba(255,255,255,.065)}
.service-price strong{font-size:20px;color:#fff;letter-spacing:-.025em}
.service-price span{font-size:9.5px;color:var(--muted);padding-bottom:3px}
.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.service-card-footer>span{font-size:10px;color:var(--gold);font-weight:700}
.active-project-timer{display:flex;align-items:center;gap:12px;margin:0 18px 18px;padding:13px 15px;border:1px solid rgba(199,166,90,.3);border-radius:12px;background:rgba(199,166,90,.075)}
.active-project-timer strong,.active-project-timer small{display:block}.active-project-timer small{margin-top:3px;color:var(--muted)}
.timer-pulse{width:10px;height:10px;border-radius:50%;background:#d7b55e;box-shadow:0 0 0 0 rgba(215,181,94,.55);animation:timerPulse 1.8s infinite}
.timer-running{display:inline-flex;align-items:center;gap:7px}
.timer-running svg,.toolbar-actions .btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes timerPulse{0%{box-shadow:0 0 0 0 rgba(215,181,94,.5)}70%{box-shadow:0 0 0 9px rgba(215,181,94,0)}100%{box-shadow:0 0 0 0 rgba(215,181,94,0)}}
@media(max-width:1250px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-catalog-grid{grid-template-columns:1fr}.project-tabs{padding:4px}.toolbar-actions{flex-wrap:wrap}}

/* v0.10.1 Leistungsumfang, Preise und Rabatte */
.service-price-notice{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(199,166,90,.28);border-radius:14px;background:linear-gradient(135deg,rgba(199,166,90,.11),rgba(199,166,90,.035));color:#dce5ef}.service-price-notice.compact{margin-bottom:14px}.service-price-notice>svg{width:22px;height:22px;flex:0 0 22px;color:var(--gold);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-price-notice strong,.service-price-notice span{display:block}.service-price-notice strong{font-size:12px;color:#fff;margin-bottom:3px}.service-price-notice span{font-size:10.5px;color:var(--muted);line-height:1.5}.service-card{display:flex;flex-direction:column;min-height:100%}.service-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.service-scope{margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.025)}.service-scope>strong{display:block;margin-bottom:7px;font-size:10px;color:#f3f6fa}.service-included-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.service-included-list li{position:relative;padding-left:16px;color:#b8c4d2;font-size:10px;line-height:1.45}.service-included-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:900}.service-more{display:block;margin-top:6px;color:var(--gold);font-size:9px}.service-exclusions{margin:0 0 12px;border-top:1px solid rgba(255,255,255,.055);padding-top:9px}.service-exclusions summary,.project-service-scope summary{cursor:pointer;color:#aebccc;font-size:10px;font-weight:700}.service-exclusions p{font-size:9.5px!important;line-height:1.45;color:#8f9daf!important;margin:7px 0 0!important}.service-price{margin-top:auto}.service-price small{display:block;margin-top:4px;color:#8e9bad;font-size:9px}.project-service-scope{margin-top:8px}.project-service-scope .service-included-list{margin-top:7px}.project-service-exclusions{display:block;margin-top:7px;max-width:420px;line-height:1.4;color:#8e9bad}.project-service-exclusions strong{color:#b3bfcd}

/* v0.10.2 – klare Rechnungserfassung und robuste Symbole */
.icon-svg,.nav-icon-wrap svg,.small-action svg,.icon-button svg,.template-icon svg,.stat-icon svg,.business-kpi b svg,.service-icon svg,.toolbar-actions .btn svg,.details-chevron{
  display:block;
  flex:0 0 auto;
  aspect-ratio:1/1;
  overflow:visible;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.small-action svg,.icon-button svg{width:15px!important;height:15px!important;min-width:15px;min-height:15px}
.nav-icon-wrap svg{width:17px!important;height:17px!important;min-width:17px;min-height:17px}
.stat-icon svg,.business-kpi b svg,.template-icon svg{width:18px!important;height:18px!important}
.btn>.icon-svg{width:15px;height:15px;margin-right:6px}
.small-action[data-pdf-doc] .icon-svg{width:14px!important;height:14px!important}

.document-form-grid{gap:14px!important}
.document-form-card{margin:0;padding:16px;border:1px solid #d8dee6;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(34,48,64,.055)}
.document-form-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px;color:#1f2937}
.document-form-card-heading>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#c49b42,#e0bd6b);color:#fff;font-size:11px;font-weight:850;box-shadow:0 5px 12px rgba(185,148,69,.24)}
.document-form-card-heading strong,.document-form-card-heading small{display:block}
.document-form-card-heading strong{font-size:13px;color:#172033}
.document-form-card-heading small{margin-top:2px;color:#7b8795;font-size:9.5px;font-weight:550}
.compact-document-grid{margin:0!important;gap:12px!important}
.document-content-card .document-type-fields{padding:0;border:0;background:transparent;border-radius:0}
.document-text-card{padding:0;overflow:hidden}
.document-text-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;list-style:none}
.document-text-card>summary::-webkit-details-marker{display:none}
.document-text-card>summary .document-form-card-heading{margin:0}
.document-text-card .details-chevron{width:17px;height:17px;color:#64748b;transition:transform .18s ease}
.document-text-card[open] .details-chevron{transform:rotate(90deg)}
.document-extra-fields{padding:0 16px 16px}

.commercial-document-overview{padding:0 0 4px}
.commercial-document-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.invoice-lines-editor{margin-top:4px;border:1px solid #d7dee6;border-radius:14px;background:#f8fafc;overflow:hidden}
.invoice-lines-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #dce3ea;background:#fff}
.invoice-lines-heading>div{display:flex;align-items:center;gap:10px}
.invoice-lines-heading>div>svg{width:19px;height:19px;color:#b99445;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.invoice-lines-heading strong,.invoice-lines-heading span{display:block}
.invoice-lines-heading strong{font-size:12px;color:#172033}
.invoice-lines-heading span{margin-top:2px;font-size:9.5px;color:#7a8795}
.invoice-position-creator{display:grid;grid-template-columns:minmax(190px,1.4fr) auto 32px minmax(190px,1.4fr) auto;gap:9px;align-items:end;padding:14px 15px;background:#f5f7f9;border-bottom:1px solid #dde4eb}
.invoice-position-creator label{margin:0}
.invoice-position-creator .btn{height:39px;white-space:nowrap;box-shadow:none}
.invoice-position-or{align-self:center;justify-self:center;margin-top:14px;color:#8793a0;font-size:9px;font-weight:800;text-transform:uppercase}
.invoice-position-column-head{display:grid;grid-template-columns:minmax(250px,2.8fr) 78px 92px 110px 76px 112px 34px;gap:8px;padding:9px 12px 8px 46px;background:#edf1f5;color:#7b8793;font-size:8px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.invoice-position-rows{display:grid;gap:8px;padding:10px}
.invoice-position-row{position:relative;display:grid;grid-template-columns:28px minmax(250px,2.8fr) 78px 92px 110px 76px 112px 34px;gap:8px;align-items:end;padding:10px;border:1px solid #dbe2e9;border-radius:11px;background:#fff;box-shadow:0 4px 10px rgba(27,39,52,.035)}
.invoice-position-number{align-self:center;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eef2f6;color:#667485;font-size:9px;font-weight:850}
.invoice-position-row label{margin:0;min-width:0;color:#5d6977;font-size:8.5px}
.invoice-position-row input,.invoice-position-row select,.invoice-position-row .custom-select-trigger{min-height:36px;padding:8px 9px;font-size:10px}
.invoice-position-main{display:grid;gap:7px;min-width:0}
.invoice-position-total{align-self:end;min-height:36px;display:flex;flex-direction:column;justify-content:center;padding:5px 8px;border-radius:8px;background:#f7f3e9;text-align:right}
.invoice-position-total span{font-size:7.5px;color:#7b8794;text-transform:uppercase}
.invoice-position-total strong{margin-top:2px;color:#172033;font-size:10.5px}
.invoice-position-remove{align-self:end;margin-bottom:2px;color:#b86060!important;border-color:rgba(184,96,96,.25)!important}
.invoice-position-empty{display:grid;justify-items:center;gap:5px;padding:28px 14px;color:#8491a0;text-align:center}
.invoice-position-empty svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#b99445}
.invoice-position-empty strong{color:#4b5968;font-size:11px}
.invoice-position-empty span{font-size:9.5px}
.invoice-summary-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #d9e0e7;background:#fff}
.invoice-summary-card>div,.invoice-summary-card>label{display:flex;min-height:66px;flex-direction:column;justify-content:center;padding:10px 13px;border-right:1px solid #e2e7ec;color:#7b8793;font-size:8px;text-transform:uppercase;letter-spacing:.04em}
.invoice-summary-card>div:last-child{border:0}
.invoice-summary-card strong{margin-top:5px;color:#172033;font-size:13px;letter-spacing:0;text-transform:none}
.invoice-summary-card label{position:relative;margin:0}
.invoice-summary-card label input{width:76px;min-height:31px;margin-top:5px;padding-right:24px}
.invoice-summary-card label>span{position:absolute;left:65px;bottom:20px;color:#65717e;font-size:9px}
.invoice-summary-grand{background:linear-gradient(135deg,#10243a,#0b1c2f)!important}
.invoice-summary-grand span{color:#aeb9c6}
.invoice-summary-grand strong{color:#e2c16d!important;font-size:15px}

.doc-position-table{margin-top:4px;border:1px solid #dce1e7;border-radius:4px;overflow:hidden}
.doc-position-head,.doc-position-row{display:grid;grid-template-columns:10mm minmax(55mm,1fr) 24mm 29mm 31mm;gap:0;align-items:start}
.doc-position-head{background:#f0f3f6;color:#6d7784;font-size:6.6pt;font-weight:700;text-transform:uppercase}
.doc-position-head span,.doc-position-row>span,.doc-position-row>strong{padding:5px 6px;border-right:1px solid #e0e4e9}
.doc-position-head span:last-child,.doc-position-row>*:last-child{border-right:0;text-align:right}
.doc-position-row{font-size:7.6pt;border-top:1px solid #e4e8ed}
.doc-position-row>span:nth-child(3),.doc-position-row>span:nth-child(4){text-align:right}
.doc-position-row span strong,.doc-position-row span small{display:block}
.doc-position-row span small{margin-top:2px;color:#7a8490;font-size:6.4pt;line-height:1.3}

@media(max-width:1500px){
  .invoice-position-column-head{display:none}
  .invoice-position-row{grid-template-columns:28px minmax(220px,1fr) repeat(2,minmax(90px,.5fr)) 34px}
  .invoice-position-main{grid-column:2/5}
  .invoice-position-quantity{grid-column:2}.invoice-position-unit{grid-column:3}.invoice-position-price{grid-column:4}.invoice-position-discount{grid-column:2}.invoice-position-total{grid-column:3/5}.invoice-position-remove{grid-column:5;grid-row:1/3}
}
@media(max-width:1100px){
  .invoice-position-creator{grid-template-columns:1fr auto}.invoice-position-or{grid-column:1/-1;margin:0}.invoice-custom-position{grid-column:1}.commercial-document-fields{grid-template-columns:1fr}
  .invoice-summary-card{grid-template-columns:1fr 1fr}.invoice-summary-grand{grid-column:1/-1}
}
.document-workspace-overlay .doc-mode{display:inline-flex;align-items:center;gap:7px}
.document-workspace-overlay .doc-mode svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


/* v0.10.3 – durchgängige Live-Vorschau und freie Rechnungspositionen */
.invoice-position-creator{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:12px;align-items:stretch;padding:14px 15px;background:#f5f7f9;border-bottom:1px solid #dde4eb}
.invoice-service-search-card,.invoice-free-position-card{border:1px solid #dbe2e9;border-radius:11px;background:#fff;padding:12px}
.invoice-service-search-card>label{display:block;margin:0 0 7px;color:#4f5c6b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.invoice-service-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.invoice-service-search-row input{min-height:40px;background:#fff}
.invoice-service-search-row .btn{height:40px;box-shadow:none;white-space:nowrap}
.invoice-service-search-card>small{display:block;margin-top:7px;color:#7a8795;font-size:8.8px;line-height:1.4}
.invoice-free-position-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.invoice-free-position-card>div{display:flex;align-items:flex-start;gap:9px}
.invoice-free-position-card>div>svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px;color:#b99445;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.invoice-free-position-card strong,.invoice-free-position-card small{display:block}
.invoice-free-position-card strong{font-size:10px;color:#172033}
.invoice-free-position-card small{margin-top:3px;color:#7a8795;font-size:8.7px;line-height:1.35}
.invoice-free-position-card .btn{align-self:flex-start;height:37px;box-shadow:none}
.invoice-position-main{position:relative;padding-top:22px}
.invoice-position-type{position:absolute;top:0;left:0}
.invoice-position-type .badge{font-size:7px;padding:3px 6px}
.invoice-position-row input:focus,.invoice-position-row select:focus,.invoice-service-search-row input:focus{border-color:rgba(185,148,69,.75);box-shadow:0 0 0 3px rgba(185,148,69,.11)}
@media(max-width:1180px){.invoice-position-creator{grid-template-columns:1fr}.invoice-free-position-card{flex-direction:row;align-items:center}.invoice-free-position-card .btn{align-self:center}}
@media(max-width:760px){.invoice-service-search-row{grid-template-columns:1fr}.invoice-service-search-row .btn{width:100%}.invoice-free-position-card{flex-direction:column;align-items:stretch}.invoice-free-position-card .btn{align-self:stretch}}


/* v0.10.4 – kompakte und übersichtliche Rechnungspositionen */
.document-workbench{grid-template-columns:minmax(520px,48%) minmax(520px,52%)}
.document-form-pane{padding:14px}
.invoice-lines-editor{margin-top:2px;border-radius:12px;background:#fff;overflow:visible}
.invoice-lines-heading{padding:12px 14px;border-radius:12px 12px 0 0}
.invoice-position-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:12px 14px 8px;background:#f7f9fb;border-bottom:0}
.invoice-service-combo{position:relative;min-width:0}
.invoice-service-combo>label{display:block;margin:0 0 5px;color:#596675;font-size:8.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.invoice-service-input-wrap{position:relative;display:flex;align-items:center}
.invoice-service-search-icon{position:absolute;left:11px;width:16px;height:16px;color:#8a96a4;stroke:currentColor;fill:none;stroke-width:1.8;pointer-events:none;z-index:2}
.invoice-service-input-wrap input{width:100%;height:39px;min-height:39px;padding:8px 41px 8px 35px!important;border-radius:9px;background:#fff;font-size:10.5px}
.invoice-service-toggle{position:absolute;right:4px;width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#657383;cursor:pointer}
.invoice-service-toggle:hover{background:#eef2f6;color:#172033}
.invoice-service-toggle svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.invoice-service-combo.open .invoice-service-toggle svg{transform:rotate(180deg)}
.invoice-service-options{position:absolute;z-index:500;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow:auto;padding:5px;border:1px solid #ccd5df;border-radius:10px;background:#fff;box-shadow:0 18px 38px rgba(21,35,51,.18)}
.invoice-service-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#263445;text-align:left;cursor:pointer}
.invoice-service-option:hover,.invoice-service-option:focus{background:#f5f0e5;outline:0}
.invoice-service-option span,.invoice-service-option strong,.invoice-service-option small{display:block;min-width:0}
.invoice-service-option strong{font-size:10px}
.invoice-service-option small{margin-top:2px;color:#7c8895;font-size:8.5px}
.invoice-service-option b{flex:0 0 auto;color:#526071;font-size:9px;font-weight:700}
.invoice-service-options-empty,.invoice-service-no-match{padding:12px;color:#7a8795;font-size:9px;line-height:1.45;text-align:center}
.invoice-position-toolbar .btn{height:39px;min-height:39px;padding:0 13px;box-shadow:none;font-size:9.5px;white-space:nowrap}
.invoice-position-toolbar .btn svg{width:15px;height:15px}
.invoice-position-toolbar-hint{padding:0 14px 10px;background:#f7f9fb;color:#7a8795;font-size:8.5px;line-height:1.35;border-bottom:1px solid #dde4eb}
.invoice-position-rows{display:grid;gap:9px;padding:10px 12px;background:#f5f7f9}
.invoice-position-row{display:block;padding:10px 11px;border:1px solid #d9e1e9;border-radius:10px;background:#fff;box-shadow:none}
.invoice-position-row-head{display:grid;grid-template-columns:25px auto minmax(0,1fr) 31px;gap:7px;align-items:end}
.invoice-position-number{align-self:center;width:24px;height:24px;border-radius:7px}
.invoice-position-kind{align-self:center;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.invoice-position-kind.catalog{background:#f4ead3;color:#8b691f}.invoice-position-kind.free{background:#e9f1f9;color:#3c6286}
.invoice-position-row label{display:block;margin:0;color:#667483;font-size:8px;font-weight:700}
.invoice-position-row label>span{display:block;margin-bottom:4px}
.invoice-position-name input,.invoice-position-description textarea,.invoice-position-values input,.invoice-position-values select,.invoice-position-values .custom-select-trigger{min-height:34px;padding:7px 8px;font-size:10px;border-radius:8px}
.invoice-position-description{margin-top:8px!important}
.invoice-position-description textarea{width:100%;min-height:49px;resize:vertical;line-height:1.35}
.invoice-position-values{display:grid;grid-template-columns:70px 92px minmax(100px,1fr) 78px minmax(105px,.9fr);gap:7px;align-items:end;margin-top:8px}
.invoice-position-total{min-height:34px;padding:5px 8px;border-radius:8px;text-align:right}
.invoice-position-total span{font-size:7px}.invoice-position-total strong{font-size:10px}
.invoice-position-remove{align-self:center;margin:0!important;width:31px;height:31px}
.invoice-percent-input{position:relative}.invoice-percent-input input{width:100%;padding-right:23px!important}.invoice-percent-input>span{position:absolute!important;right:8px;bottom:9px;margin:0!important;color:#6f7c89;font-size:9px}
.invoice-position-empty{padding:24px 14px;background:#fff;border:1px dashed #d3dce5;border-radius:10px}
.invoice-summary-card{grid-template-columns:repeat(3,minmax(0,1fr)) 86px minmax(125px,1.25fr);border-radius:0 0 12px 12px;overflow:hidden}
.invoice-summary-card>div,.invoice-summary-card>label{min-height:58px;padding:8px 10px}
.invoice-summary-card strong{font-size:12px}.invoice-summary-grand strong{font-size:14px}
.invoice-summary-card label .invoice-percent-input{margin-top:4px}.invoice-summary-card label input{width:100%;margin:0;padding-right:23px}
.invoice-summary-card label .invoice-percent-input>span{bottom:8px;left:auto}
@media(max-width:1450px){
  .document-workbench{grid-template-columns:minmax(480px,47%) minmax(500px,53%)}
  .invoice-position-toolbar{grid-template-columns:minmax(0,1fr) auto}.invoice-add-free{grid-column:1/-1;justify-self:start}
  .invoice-position-values{grid-template-columns:65px 85px minmax(95px,1fr) 72px minmax(100px,1fr)}
}
@media(max-width:1180px){
  .invoice-position-toolbar{grid-template-columns:1fr 1fr}.invoice-service-combo{grid-column:1/-1}.invoice-add-position,.invoice-add-free{width:100%;justify-content:center}
}
@media(max-width:760px){
  .invoice-position-row-head{grid-template-columns:25px auto minmax(0,1fr) 31px}
  .invoice-position-kind{display:none}
  .invoice-position-values{grid-template-columns:1fr 1fr}.invoice-position-total{grid-column:1/-1}
  .invoice-summary-card{grid-template-columns:1fr 1fr}.invoice-summary-grand{grid-column:1/-1}
}


/* v0.10.5 – vereinfachte Rechnungserfassung */
.document-workbench{grid-template-columns:minmax(560px,46%) minmax(620px,54%)}
.invoice-lines-editor{border:1px solid #d8e0e8;box-shadow:0 8px 22px rgba(25,39,55,.06)}
.invoice-lines-heading{padding:13px 15px;background:#fff;border-bottom:1px solid #e3e8ee}
.invoice-lines-heading>div>svg{color:#b58c35}
.invoice-position-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:12px 14px;background:#f8fafc}
.invoice-add-free{height:39px!important;padding:0 14px!important;border-color:#d2dae3!important;background:#fff!important;color:#314154!important}
.invoice-add-free:hover{border-color:#b99445!important;background:#fbf7ee!important;color:#172033!important}
.invoice-position-toolbar-hint{padding:0 14px 11px;background:#f8fafc;border-bottom:1px solid #e2e8ee;color:#788593}
.invoice-service-options{max-height:330px;padding:6px;border-radius:11px}
.invoice-service-option{min-height:54px;padding:9px 11px;border-bottom:1px solid #edf0f3;border-radius:7px}
.invoice-service-option:last-child{border-bottom:0}
.invoice-service-option:hover{background:#f7f2e7}
.invoice-service-option strong{font-size:10.5px;color:#172033}
.invoice-service-option small{font-size:8.5px;color:#7c8996}
.invoice-service-option b{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;color:#172033}
.invoice-service-option b small{font-weight:600}
.invoice-position-rows{gap:8px;padding:10px;background:#f3f6f8}
.invoice-position-row{padding:10px 11px;border:1px solid #d8e0e7;border-radius:10px;background:#fff}
.invoice-position-row-head{grid-template-columns:25px minmax(0,1fr) auto minmax(92px,auto) 31px;gap:8px;align-items:center}
.invoice-position-name input{height:36px;min-height:36px;font-size:10.5px;font-weight:750;color:#172033}
.invoice-position-kind{white-space:nowrap;font-size:6.8px}
.invoice-position-head-total{min-width:92px;text-align:right}
.invoice-position-head-total small{display:block;color:#84909d;font-size:6.8px;text-transform:uppercase;letter-spacing:.04em}
.invoice-position-head-total strong{display:block;margin-top:2px;color:#172033;font-size:10.5px}
.invoice-position-values{grid-template-columns:70px 100px minmax(120px,1fr) 80px;gap:8px;margin-top:9px;padding:9px 0 0;border-top:1px solid #edf0f3}
.invoice-position-description{margin-top:8px!important}
.invoice-position-description textarea{min-height:42px;max-height:82px;padding:8px 9px;font-size:9.5px;background:#fbfcfd}
.invoice-position-row label>span{margin-bottom:3px;color:#71808f;font-size:7.5px}
.invoice-position-remove{align-self:center}
.invoice-summary-card{position:sticky;bottom:0;z-index:8;border-top:1px solid #d7e0e8;box-shadow:0 -8px 20px rgba(28,42,58,.06)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1450px){.document-workbench{grid-template-columns:minmax(520px,48%) minmax(540px,52%)}.invoice-position-row-head{grid-template-columns:25px minmax(0,1fr) auto 90px 31px}}
@media(max-width:1180px){.invoice-position-toolbar{grid-template-columns:minmax(0,1fr) auto}.invoice-add-free{width:auto!important}.invoice-position-row-head{grid-template-columns:25px minmax(0,1fr) 31px}.invoice-position-kind,.invoice-position-head-total{grid-row:2}.invoice-position-kind{grid-column:2;justify-self:start}.invoice-position-head-total{grid-column:2;justify-self:end}.invoice-position-remove{grid-column:3;grid-row:1}.invoice-position-values{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.invoice-position-toolbar{grid-template-columns:1fr}.invoice-add-free{width:100%!important}.invoice-position-row-head{grid-template-columns:25px minmax(0,1fr) 31px}.invoice-position-kind{display:inline-flex}.invoice-position-head-total{display:block}.invoice-position-values{grid-template-columns:1fr 1fr}}


/* v0.10.6 – vereinfachte Positionserfassung und Kleinunternehmermodus */
.invoice-position-toolbar{display:block!important;padding:13px 14px 9px!important}
.invoice-service-combo{width:100%;max-width:none}
.invoice-service-input-wrap input{height:46px!important;min-height:46px!important;padding-left:39px!important;padding-right:46px!important;border-radius:11px!important;font-size:11.5px!important;font-weight:650;background:#fff}
.invoice-service-search-icon{left:13px;width:17px;height:17px}
.invoice-service-toggle{right:6px;width:34px;height:34px}
.invoice-position-toolbar-hint{padding:0 14px 12px!important;font-size:9px!important}
.invoice-add-free{display:none!important}
.invoice-summary-card{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(132px,1.1fr) minmax(135px,1.2fr)!important}
.invoice-tax-exempt{min-height:58px!important;padding:8px 10px!important;display:flex!important;flex-direction:column;justify-content:center;background:#f4f8f2;border-left:1px solid #d7e0e8;color:#36513a}
.invoice-tax-exempt>span,.invoice-vat-control>span{font-size:7.5px!important;text-transform:uppercase;letter-spacing:.045em;color:#71808f}
.invoice-tax-exempt strong{margin-top:3px;font-size:10px!important;color:#29452e}
.invoice-tax-exempt small{margin-top:2px;color:#6c7e6f;font-size:8px}
.invoice-vat-control{min-height:58px!important;padding:8px 10px!important;background:#f8fafc;border-left:1px solid #d7e0e8}
.invoice-vat-control .invoice-percent-input{margin-top:5px!important;display:flex;align-items:center;max-width:96px}
.invoice-vat-control .invoice-percent-input input{height:34px!important;min-height:34px!important;padding:7px 28px 7px 10px!important;border-radius:9px!important;font-size:11px!important;font-weight:750;text-align:right;background:#fff}
.invoice-vat-control .invoice-percent-input>span{right:10px!important;bottom:9px!important;font-size:9px!important}
.doc-tax-exemption{margin:9px 0 18px;padding:9px 11px;border-left:3px solid #b99445;background:#f7f4ec;color:#526071;font-size:8.3pt;line-height:1.45}
.tax-mode-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:14px;padding:16px;border:1px solid rgba(199,166,90,.28);border-radius:13px;background:rgba(199,166,90,.045)}
.tax-mode-settings>.full{grid-column:1/-1}
.tax-mode-toggle{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0a192a;color:#e5ecf4!important;cursor:pointer}
.tax-mode-toggle input{position:absolute;opacity:0;pointer-events:none}
.tax-toggle-control{position:relative;width:42px;height:23px;flex:0 0 42px;border-radius:999px;background:#415063;transition:.18s ease}
.tax-toggle-control:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.18s ease;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.tax-mode-toggle input:checked+.tax-toggle-control{background:var(--gold)}
.tax-mode-toggle input:checked+.tax-toggle-control:after{transform:translateX(19px)}
.tax-mode-toggle strong,.tax-mode-toggle small{display:block}
.tax-mode-toggle small{margin-top:3px;color:#9aa8b8;font-size:10px;line-height:1.4}
@media(max-width:760px){.invoice-summary-card{grid-template-columns:1fr 1fr!important}.invoice-tax-exempt,.invoice-vat-control{grid-column:1/-1}.tax-mode-settings{grid-template-columns:1fr}}

.document-default-text-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(199,166,90,.25);border-radius:12px;background:rgba(199,166,90,.055)}
.document-default-text-toolbar>div{display:flex;flex-direction:column;gap:3px}.document-default-text-toolbar strong{font-size:11px;color:#e9eef5}.document-default-text-toolbar small{font-size:9px;color:var(--muted);line-height:1.4}.btn.compact{padding:8px 11px;font-size:10px;white-space:nowrap}@media(max-width:760px){.document-default-text-toolbar{align-items:flex-start;flex-direction:column}}


/* v0.10.8 – Kundenangebote und minimierbare Dokumente */
.modal-window-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.document-workspace-dock{position:fixed;left:272px;right:20px;bottom:18px;z-index:75;display:flex;align-items:center;gap:10px;overflow-x:auto;padding:10px;border:1px solid rgba(199,166,90,.28);border-radius:15px;background:rgba(7,17,31,.96);box-shadow:0 18px 45px rgba(0,0,0,.38);backdrop-filter:blur(16px)}
.document-workspace-dock[hidden]{display:none!important}
.document-dock-item{display:flex;align-items:stretch;min-width:245px;max-width:360px;border:1px solid #2b3c50;border-radius:11px;background:#0d1b2a;overflow:hidden}
.document-dock-item>button:first-child{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px 12px;border:0;background:transparent;color:#eef3f8;text-align:left;cursor:pointer}
.document-dock-item>button:first-child:hover{background:rgba(199,166,90,.08)}
.document-dock-item strong,.document-dock-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-dock-item strong{font-size:11px}.document-dock-item small{margin-top:3px;color:#8ea0b4;font-size:9px}
.document-dock-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:rgba(199,166,90,.13);color:var(--gold)}
.document-dock-icon svg,.document-dock-close svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.document-dock-close{width:38px;border:0;border-left:1px solid #2b3c50;background:transparent;color:#8392a5;cursor:pointer}
.document-dock-close:hover{background:rgba(222,70,70,.12);color:#ff9b9b}
@media(max-width:1180px){.document-workspace-dock{left:16px;right:16px}}

/* v0.10.9 - Rechnungsangaben, Pflichtangaben und bessere Bedienbarkeit */
.document-workspace-overlay .modal-footer{
  min-height:72px;
  padding:12px 18px!important;
  gap:12px!important;
  background:#f8fafc!important;
  border-top:1px solid #ccd6e0!important;
  box-shadow:0 -10px 28px rgba(31,45,61,.08);
}
.document-workspace-overlay .modal-footer .spacer{flex:1}
.document-workspace-overlay .modal-footer .btn{
  min-height:44px;
  min-width:126px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  font-size:11px;
  font-weight:800;
  opacity:1!important;
}
.document-workspace-overlay .modal-footer .btn.ghost{
  color:#26374a!important;
  background:#fff!important;
  border:1px solid #c9d3de!important;
  box-shadow:0 7px 18px rgba(31,45,61,.08)!important;
}
.document-workspace-overlay .modal-footer .btn.ghost:hover{
  color:#0d1b2a!important;
  border-color:#9eacbb!important;
  background:#f1f5f8!important;
}
.document-workspace-overlay .modal-footer .btn.primary{
  color:#07111f!important;
  background:linear-gradient(135deg,#d0a43e,#e3bf68)!important;
  border-color:#c79b35!important;
  box-shadow:0 10px 24px rgba(185,148,69,.28)!important;
}
.document-workspace-overlay .modal-footer .btn:disabled{
  opacity:.52!important;
  color:#64748b!important;
  background:#e7ecf1!important;
  border-color:#d5dde5!important;
  box-shadow:none!important;
}
.document-default-text-toolbar{
  background:#fbf7ed!important;
  border-color:#e8d7ad!important;
}
.document-default-text-toolbar strong{color:#172033!important}
.document-default-text-toolbar small{color:#667485!important}
.document-default-text-toolbar .btn.ghost{
  color:#26374a!important;
  background:#fff!important;
  border-color:#d2dae3!important;
  box-shadow:0 5px 14px rgba(31,45,61,.07)!important;
}
.document-default-text-toolbar .btn.ghost:hover{
  border-color:#b99445!important;
  background:#fffaf0!important;
}
.commercial-document-overview{
  display:grid;
  gap:12px;
  padding:14px!important;
  border:1px solid #d8e0e8;
  border-radius:13px;
  background:#f8fafc;
}
.commercial-section-heading>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.commercial-section-heading svg{
  width:20px;
  height:20px;
  color:#b58c35;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.commercial-section-heading strong,.commercial-section-heading small{display:block}
.commercial-section-heading strong{color:#172033;font-size:11.5px}
.commercial-section-heading small{margin-top:2px;color:#788695;font-size:8.8px}
.refined-commercial-fields{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.refined-commercial-fields label{
  min-width:0;
  color:#344054!important;
  font-size:9px!important;
  font-weight:750!important;
}
.refined-commercial-fields input{
  min-height:41px!important;
  background:#fff!important;
}
.invoice-auto-due-field small{
  display:block;
  margin-top:5px;
  color:#788695;
  font-size:7.8px;
  line-height:1.35;
  font-weight:550;
}
.invoice-advanced-panel{
  overflow:hidden;
  border:1px solid #dce3ea;
  border-radius:11px;
  background:#fff;
}
.invoice-advanced-panel>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:10px 12px;
  list-style:none;
  cursor:pointer;
  color:#344054;
}
.invoice-advanced-panel>summary::-webkit-details-marker{display:none}
.invoice-advanced-panel>summary>span{
  display:grid;
  grid-template-columns:20px auto;
  column-gap:9px;
  align-items:center;
}
.invoice-advanced-panel>summary>span svg{
  grid-row:1/3;
  width:17px;
  height:17px;
  color:#b58c35;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.invoice-advanced-panel>summary b,.invoice-advanced-panel>summary small{display:block}
.invoice-advanced-panel>summary b{font-size:10px;color:#26374a}
.invoice-advanced-panel>summary small{font-size:8px;color:#7b8794;font-weight:550}
.invoice-advanced-panel>summary>.details-chevron{
  width:15px;
  height:15px;
  color:#7b8794;
  transition:transform .18s ease;
}
.invoice-advanced-panel[open]>summary>.details-chevron{transform:rotate(180deg)}
.invoice-advanced-grid,.invoice-legal-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:12px;
  border-top:1px solid #e3e8ed;
  background:#fbfcfd;
}
.invoice-advanced-grid label,.invoice-legal-options>label:not(.invoice-option-toggle){
  color:#344054!important;
  font-size:8.5px!important;
  font-weight:750!important;
}
.invoice-option-toggle{
  grid-column:1/-1;
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:11px;
  margin:0!important;
  padding:11px 12px;
  border:1px solid #d9e1e8;
  border-radius:10px;
  background:#fff;
  color:#344054!important;
  cursor:pointer;
}
.invoice-option-toggle input{position:absolute;opacity:0;pointer-events:none}
.invoice-option-toggle strong,.invoice-option-toggle small{display:block}
.invoice-option-toggle strong{font-size:9.5px;color:#26374a}
.invoice-option-toggle small{margin-top:3px;color:#788695;font-size:8px;line-height:1.4;font-weight:550}
.invoice-option-toggle input:checked+.tax-toggle-control{background:#b99445}
.invoice-labor-cost-field{grid-column:1/2}
.invoice-legal-options label.full{grid-column:1/-1}
.invoice-compliance-info{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border:1px solid #d6e5d7;
  border-radius:10px;
  background:#f3f8f2;
  color:#35533b;
}
.invoice-compliance-info svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  margin-top:1px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.invoice-compliance-info strong,.invoice-compliance-info small{display:block}
.invoice-compliance-info strong{font-size:9.5px;color:#294a31}
.invoice-compliance-info small{margin-top:2px;font-size:8px;line-height:1.4;color:#607765}
.invoice-summary-exempt{
  grid-template-columns:minmax(110px,.8fr) minmax(100px,.7fr) minmax(145px,1.1fr) minmax(180px,1.35fr)!important;
}
.invoice-summary-exempt .invoice-summary-grand{grid-column:auto!important}
.invoice-vat-select{
  width:100%;
  min-height:34px;
  margin-top:5px;
  padding:6px 28px 6px 9px;
  border:1px solid #cfd8e2;
  border-radius:8px;
  background:#fff;
  color:#172033;
  font-size:10px;
  font-weight:750;
}
.doc-commercial-facts{
  display:flex;
  flex-wrap:wrap;
  gap:5px 16px;
  padding:7px 9px;
  border:1px solid #e2e6ec;
  border-top:0;
  background:#fff;
}
.doc-commercial-facts span{min-width:29%;display:grid;gap:1px}
.doc-commercial-facts small{
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#7b8492;
  font-size:6.1pt;
}
.doc-commercial-facts strong{color:#172033;font-size:7.6pt}
.doc-legal-note{
  display:grid;
  gap:3px;
  margin:8px 0;
  padding:8px 10px;
  border-left:3px solid #b99445;
  background:#faf8f2;
  color:#526071;
  font-size:7.5pt;
  line-height:1.4;
}
.doc-legal-note strong{color:#172033}
@media(max-width:1350px){
  .refined-commercial-fields{grid-template-columns:1fr 1fr!important}
  .invoice-advanced-grid,.invoice-legal-options{grid-template-columns:1fr 1fr}
  .invoice-summary-exempt{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  .refined-commercial-fields,.invoice-advanced-grid,.invoice-legal-options{grid-template-columns:1fr!important}
  .document-workspace-overlay .modal-footer .btn{min-width:105px}
  .invoice-labor-cost-field{grid-column:auto}
}

/* kompaktere Dokumentvorschau für einseitige Standardrechnungen */
.official-document-preview .doc-address{min-height:21mm!important}
.official-document-preview h1{margin:10px 0 7px!important}
.official-document-preview .doc-text{margin-bottom:9px!important}
.official-document-preview .doc-totals{margin-top:14px!important;margin-bottom:12px!important}
.official-document-preview .doc-payment{margin-top:10px!important;padding:9px 11px!important}
.official-document-preview .doc-tax-exemption,.official-document-preview .doc-legal-note{margin-top:6px!important;margin-bottom:6px!important;padding:7px 9px!important}


/* v0.11.0 – schmale Dokumentleiste und vollständig sichtbare Dropdowns */
.custom-select-menu-portal{z-index:10050!important;display:flex;flex-direction:column;overflow:hidden!important;padding:6px!important}
.custom-select-menu-portal[hidden]{display:none!important}
.custom-select-search-wrap{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:5px;margin-bottom:5px;border-bottom:1px solid rgba(199,166,90,.16);background:#0c1d30}
.custom-select-search-wrap svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#8fa0b4;stroke-width:1.8;stroke-linecap:round}
.custom-select-search{width:100%;min-height:36px!important;height:36px!important;padding:7px 9px!important;border:1px solid #31475f!important;border-radius:8px!important;background:#091827!important;color:#f2f6fb!important;box-shadow:none!important;font-size:11px!important}
.custom-select-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.custom-select-option{min-height:39px;padding:9px 10px!important;cursor:pointer}
.custom-select-option span{white-space:normal;line-height:1.35}
.custom-select-empty{padding:14px 11px;color:#91a0b1;font-size:11px;text-align:center}
.document-select-menu{border-color:#cbd5df!important;background:#fff!important;box-shadow:0 22px 55px rgba(27,39,54,.22)!important}
.document-select-menu .custom-select-search-wrap{background:#fff;border-bottom-color:#e3e8ee}
.document-select-menu .custom-select-search{background:#f7f9fb!important;color:#263445!important;border-color:#d1dae4!important}
.document-select-menu .custom-select-option{color:#243247!important}
.document-select-menu .custom-select-option:hover,.document-select-menu .custom-select-option:focus-visible{background:#f3ead5!important;border-color:#e2ca8f!important}
.document-select-menu .custom-select-option.selected{color:#815d16!important;background:#f8f0df!important}
.quick-add-menu{display:grid;grid-template-columns:1fr 1fr;width:440px;max-height:min(650px,calc(100vh - 104px));gap:2px;overscroll-behavior:contain}
.quick-add-menu[hidden]{display:none!important}
.quick-add-heading,.quick-add-divider{grid-column:1/-1}
.quick-add-option{grid-template-columns:32px minmax(0,1fr);padding:8px 9px}
.quick-add-option-icon{width:30px;height:30px}
.quick-add-option small{white-space:normal;line-height:1.25}
.document-workspace-dock{left:auto!important;right:14px!important;bottom:12px!important;width:auto!important;max-width:min(720px,calc(100vw - 286px));min-height:42px;padding:5px!important;gap:6px!important;border-radius:11px!important}
body:has(.modal-backdrop.document-workspace-overlay:not([hidden])) .document-workspace-dock{bottom:86px!important}
.document-dock-item{min-width:155px!important;max-width:235px!important;height:36px;border-radius:8px!important}
.document-dock-item>button:first-child{gap:7px!important;padding:5px 8px!important}
.document-dock-item strong{font-size:10px!important}
.document-dock-item small{display:none!important}
.document-dock-icon{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:7px!important}
.document-dock-close{width:30px!important}
.e-invoice-export-button{display:inline-flex;align-items:center;gap:7px;min-width:145px!important}
.e-invoice-export-button[hidden]{display:none!important}
.e-invoice-export-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.e-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
.e-invoice-grid>.full{grid-column:1/-1}
.e-invoice-help{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #d5dee7;border-radius:10px;background:#f6f8fa;color:#4d5d6e}
.e-invoice-help svg{width:18px;height:18px;flex:0 0 18px;color:#b48932;stroke:currentColor;fill:none;stroke-width:1.8}
.e-invoice-help strong,.e-invoice-help small{display:block}.e-invoice-help strong{font-size:10px;color:#26374b}.e-invoice-help small{margin-top:3px;font-size:9px;line-height:1.45}
@media(max-width:760px){.quick-add-menu{grid-template-columns:1fr;width:auto}.e-invoice-grid{grid-template-columns:1fr}.document-workspace-dock{left:10px!important;right:10px!important;max-width:none!important}}

.editable-combo{position:relative;display:flex;width:100%;min-width:0}
.editable-combo>input{width:100%;padding-right:42px!important}
.editable-combo-trigger{position:absolute;right:3px;top:3px;bottom:3px;width:36px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);border-radius:0 9px 9px 0;background:transparent;color:var(--gold);cursor:pointer}
.editable-combo-trigger:hover{background:rgba(199,166,90,.08)}
.editable-combo-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.editable-combo.open .editable-combo-trigger svg{transform:rotate(180deg)}
.editable-combo-menu-portal{position:fixed;z-index:10050;display:flex;flex-direction:column;overflow-y:auto;padding:6px;border:1px solid rgba(199,166,90,.28);border-radius:12px;background:linear-gradient(155deg,#10243a,#081725);box-shadow:0 20px 55px rgba(0,0,0,.52)}
.editable-combo-menu-portal[hidden]{display:none!important}
.editable-combo-option{width:100%;min-height:39px;display:flex;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#edf2f8;text-align:left;font-size:12px;cursor:pointer}
.editable-combo-option:hover,.editable-combo-option:focus-visible{outline:none;background:rgba(199,166,90,.11);border-color:rgba(199,166,90,.15)}
.editable-combo-menu-portal.document-select-menu .editable-combo-option{color:#243247}
.editable-combo-menu-portal.document-select-menu .editable-combo-option:hover{background:#f3ead5;border-color:#e2ca8f}


/* v0.11.1: vereinfachte Rechnungserfassung */
.compact-commercial-overview{padding-bottom:14px!important}
.compact-commercial-overview .commercial-section-heading{margin-bottom:12px}
.compact-commercial-overview .refined-commercial-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.compact-commercial-overview .refined-commercial-fields label{min-width:0}
.compact-commercial-overview .invoice-advanced-panel{margin-top:2px}
.invoice-default-settings{display:grid;gap:16px}
.settings-subsection{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.settings-subsection-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px;color:var(--gold)}
.settings-subsection-head>svg{width:22px;height:22px;flex:0 0 22px}
.settings-subsection-head strong,.settings-subsection-head small{display:block}
.settings-subsection-head strong{color:#fff;font-size:14px}
.settings-subsection-head small{color:var(--muted);font-size:11px;margin-top:3px;font-weight:500}
.settings-toggle-list{display:grid;gap:10px;margin-bottom:14px}
.customer-invoice-preferences{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}
.customer-invoice-preferences>p{margin:0 0 2px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1050px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr}}


/* v0.11.2 – Rechnungseditor verfeinert */
.document-note-textarea textarea{min-height:110px;max-height:180px;resize:vertical}
.document-extra-fields textarea[name="introText"],.document-extra-fields textarea[name="closingText"],.document-extra-fields textarea[name="paymentTerms"]{min-height:96px}
.document-extra-fields{gap:12px!important}
.document-form-card.document-text-card textarea{line-height:1.5}

.doc-note-stack{display:grid;gap:9px;margin:14px 0 12px}
.doc-note-card{display:grid;gap:4px;padding:10px 12px;border:1px solid #e1e5eb;border-left:3px solid #b99445;border-radius:4px;background:#faf8f2;color:#526071;font-size:8.6pt;line-height:1.5}
.doc-note-card strong{color:#172033;font-size:9.1pt}
.doc-intro-text,.doc-closing-text{margin:0 0 14px}
.doc-closing-text{margin-top:16px}
.doc-additional-notes .doc-text,.doc-additional-notes .doc-free-text{margin-bottom:0}
.doc-additional-notes h2{margin-bottom:7px!important}
.official-document-preview .doc-note-stack{break-inside:avoid}
.official-document-preview .doc-note-card{padding:8px 10px!important}
.official-document-preview .doc-payment,.official-document-preview .doc-tax-exemption,.official-document-preview .doc-legal-note{display:none!important}

.document-workspace-dock{padding:4px 6px!important;gap:6px!important;border-radius:12px!important;min-height:40px;background:rgba(7,17,31,.94)!important}
.document-dock-item{min-width:188px!important;max-width:290px!important;height:40px!important;border-radius:10px!important}
.document-dock-item>button:first-child{padding:6px 10px!important;gap:8px!important}
.document-dock-item span{min-width:0}
.document-dock-item strong{font-size:10.5px!important;line-height:1.15}
.document-dock-item small{display:block!important;margin-top:2px!important;font-size:8.2px!important;color:#93a3b5!important;line-height:1.15}
.document-dock-icon{width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:7px!important}
.document-dock-close{width:28px!important}

.invoice-position-row{padding:9px!important}
.invoice-position-row-head{gap:8px!important}
.invoice-position-values{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.invoice-position-values label span,.invoice-position-description span{font-size:8.5px!important}
.invoice-vat-control{display:flex!important;justify-content:center;align-items:center;padding:10px 12px!important}
.invoice-vat-control>span{position:static!important;display:block!important;margin:0 0 5px!important;color:#7b8793!important;font-size:8px!important;letter-spacing:.04em;text-transform:uppercase}
.invoice-vat-control select.invoice-vat-select{width:100%!important;min-height:34px!important;padding:7px 34px 7px 10px!important;border-radius:9px!important;background:#fff!important;font-size:11px!important;font-weight:750!important;color:#172033!important}
.invoice-vat-control label>span{position:static!important}

@media(max-width:1100px){
  .document-dock-item{max-width:230px!important}
  .invoice-position-values{grid-template-columns:1fr 1fr!important}
}


/* v0.11.3 – kompakter Rechnungsangaben-Block */
.compact-commercial-overview .commercial-section-heading{margin-bottom:10px!important}
.compact-commercial-overview .commercial-section-heading small{font-size:10px!important;line-height:1.35}
.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1.1fr 1.1fr .9fr!important;gap:14px!important;align-items:start}
.compact-commercial-overview .refined-commercial-fields>label{display:grid;align-content:start;gap:8px;padding:0}
.compact-commercial-overview .refined-commercial-fields>label>span:first-child{display:block;min-height:auto!important;line-height:1.28!important;font-size:12px!important;font-weight:780!important;color:#243b5a!important;letter-spacing:-.01em}
.compact-commercial-overview .refined-commercial-fields input,.compact-commercial-overview .refined-commercial-fields select{min-height:52px!important;border-radius:22px!important;padding:0 22px!important;border:1px solid #c9d1dc!important;background:#fff!important;color:#172033!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
.compact-commercial-overview .refined-commercial-fields input[readonly]{background:#f8fafc!important;color:#334155!important}
.compact-commercial-overview .refined-commercial-fields .compact-due-field{padding-bottom:0!important}
.compact-commercial-overview .refined-commercial-fields .compact-due-field input{padding-right:48px!important}
.compact-commercial-overview .refined-commercial-fields .due-date-inline-note{display:inline-flex!important;align-items:center;gap:6px;margin-top:0!important;padding:6px 10px;border-radius:999px;background:rgba(13,36,64,.05);color:#5b6777!important;font-size:10px!important;line-height:1.25!important;font-weight:700!important;max-width:max-content}
.compact-commercial-overview .refined-commercial-fields .due-date-inline-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#c7a65a;display:inline-block;flex:0 0 7px}
.compact-commercial-overview .refined-commercial-fields .invoice-auto-due-field small{margin-top:2px!important}
.compact-commercial-overview .refined-commercial-fields .invoice-auto-due-field{align-self:start}
@media(max-width:1180px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr 1fr!important}.compact-commercial-overview .refined-commercial-fields .compact-due-field{grid-column:1/-1;max-width:340px}}
@media(max-width:760px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr!important}.compact-commercial-overview .refined-commercial-fields .compact-due-field{max-width:none}}


/* v0.11.4 – Rechnungsangaben und Positionen verfeinert */
.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr 1fr .9fr!important;gap:12px!important}
.compact-commercial-overview .refined-commercial-fields .due-date-inline-note{padding:5px 9px!important;font-size:9.4px!important}
.invoice-lines-heading span.badge.gray{background:#eef2f6!important;color:#6b7786!important}
.invoice-position-toolbar{padding:10px 12px 6px!important;background:#f8fafb!important}
.invoice-service-combo>label{font-size:9px!important;color:#536171!important}
.invoice-service-input-wrap input{height:44px!important;min-height:44px!important;border-radius:12px!important;padding-left:38px!important;font-size:11px!important;font-weight:650!important}
.invoice-position-toolbar-hint{padding:0 12px 9px!important;background:#f8fafb!important;color:#6f7d8c!important;font-size:9px!important;line-height:1.45!important;border-bottom:1px solid #e1e7ee!important}
.invoice-position-rows{padding:8px 10px!important;background:#f8fafb!important}
.invoice-position-empty{padding:18px 12px!important;border-radius:12px!important}
.invoice-position-empty strong{font-size:12px!important}
.invoice-position-empty span{font-size:10px!important;line-height:1.4!important}
.invoice-summary-card>div,.invoice-summary-card>label{min-height:54px!important}
.invoice-summary-card strong{font-size:11.5px!important}
.invoice-summary-grand strong{font-size:15px!important}
.invoice-tax-exempt small{line-height:1.35!important}


/* v0.11.5 – Storno, Löschfreigabe und schlankere Projektansicht */
.btn.warning{color:#9a6500!important;border-color:rgba(202,151,44,.48)!important;background:#fff9ec!important}
.small-action.cancel-action{color:#b24a4a;border-color:rgba(178,74,74,.25);background:#fff7f7}
.small-action.cancel-action:hover{color:#8d2525;border-color:rgba(178,74,74,.45);background:#ffeded}
.small-action.credit-action{color:#7b5b15;border-color:rgba(185,148,69,.28);background:#fffbf1}
.small-action.credit-action:hover{color:#5f4308;border-color:rgba(185,148,69,.48);background:#f8efd9}
.cancelled-document-banner{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid #efb4b4;border-radius:12px;background:#fff1f1;color:#8f2f2f}
.cancelled-document-banner>svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;fill:none;stroke-width:1.8}
.cancelled-document-banner strong,.cancelled-document-banner span{display:block}.cancelled-document-banner strong{font-size:12px}.cancelled-document-banner span{margin-top:3px;font-size:9.5px;line-height:1.4;color:#a34d4d}
.cancelled-document-form .document-form-grid{pointer-events:none;filter:grayscale(.15);opacity:.78}
.doc-cancelled-stamp{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 12px;padding:9px 12px;border:2px solid #b54747;background:#fff5f5;color:#9d2929}
.doc-cancelled-stamp strong{font-size:13pt;letter-spacing:.18em}.doc-cancelled-stamp span{font-size:7.5pt;text-align:right;color:#9a4b4b}
.document-action-backdrop{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:20px;background:rgba(3,10,19,.76);backdrop-filter:blur(7px)}
.document-action-backdrop[hidden]{display:none!important}
.document-action-dialog{width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid rgba(199,166,90,.32);border-radius:18px;background:#0c1b2d;color:#eef3f8;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.document-action-eyebrow{margin:0 0 8px;color:#c7a65a;font-size:10px;font-weight:850;letter-spacing:.15em}
.document-action-dialog h2{margin:0 0 9px;font-size:21px}.document-action-text{margin:0 0 18px;color:#9eacbc;font-size:12px;line-height:1.55}
.document-action-dialog label{display:grid;gap:7px;margin-top:13px;color:#dce5ee;font-size:11px;font-weight:750}
.document-action-dialog textarea,.document-action-dialog input{width:100%;border:1px solid #30455d;border-radius:11px;background:#081625;color:#f3f6fa;min-height:44px;padding:11px 12px;box-shadow:none}
.document-action-dialog textarea{min-height:94px;resize:vertical}.document-action-dialog textarea:focus,.document-action-dialog input:focus{border-color:#c7a65a;outline:0;box-shadow:0 0 0 3px rgba(199,166,90,.12)}
.document-action-message{min-height:18px;margin:10px 0 0;color:#ff9b9b;font-size:10px}.document-action-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}


/* v0.11.6 – klare Rechnungsmaske und automatische Verrechnung */
.compact-commercial-overview{padding:16px!important;border-radius:14px!important;background:#f8fafc!important}
.compact-commercial-overview .commercial-section-heading{margin:0 0 14px!important;padding:0!important}
.compact-commercial-overview .commercial-section-heading>div{gap:10px!important}
.compact-commercial-overview .commercial-section-heading strong{font-size:14px!important}
.compact-commercial-overview .commercial-section-heading small{font-size:10px!important;color:#6b7786!important}
.compact-commercial-overview .refined-commercial-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
.compact-commercial-overview .refined-commercial-fields>label{display:grid!important;gap:6px!important;color:#26384f!important;font-size:10px!important;font-weight:800!important}
.compact-commercial-overview .refined-commercial-fields input,.compact-commercial-overview .refined-commercial-fields .custom-select-trigger{min-height:44px!important;height:44px!important;border-radius:10px!important;padding:0 13px!important;background:#fff!important;border:1px solid #cfd8e3!important;font-size:12px!important;font-weight:700!important;color:#12233a!important;box-shadow:none!important}
.compact-commercial-overview .invoice-advanced-panel{margin-top:12px!important;border-radius:11px!important;background:#fff!important}
.compact-commercial-overview .invoice-advanced-panel summary{min-height:54px!important;padding:10px 13px!important}
.compact-commercial-overview .invoice-advanced-panel summary small{font-size:9px!important}
.due-date-inline-note{display:none!important}
.invoice-lines-editor{border:1px solid #d6dee8!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
.invoice-lines-heading{padding:13px 15px!important;background:#fff!important;border-bottom:1px solid #e1e7ee!important}
.invoice-position-toolbar{padding:11px 14px 7px!important;background:#f8fafc!important}
.invoice-position-toolbar-hint{padding:0 14px 10px!important;background:#f8fafc!important;font-size:9px!important;color:#6f7d8c!important}
.invoice-position-rows{padding:8px 10px!important;background:#f8fafc!important}
.invoice-position-empty{min-height:92px!important;padding:18px!important;border:1px dashed #ccd7e3!important;background:#fff!important;border-radius:10px!important}
.invoice-position-empty svg{width:20px!important;height:20px!important}
.invoice-position-empty strong{font-size:11px!important}
.invoice-position-empty span{font-size:9px!important}
.invoice-summary-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.25fr);border-top:1px solid #dfe6ed;background:#fff}
.invoice-summary-clean>div{display:grid;align-content:center;gap:4px;min-height:72px;padding:12px 14px;border-right:1px solid #e1e7ee}
.invoice-summary-clean>div:last-child{border-right:0}
.invoice-summary-clean span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#7a8795;font-weight:750}
.invoice-summary-clean strong{font-size:14px;color:#14253a}
.invoice-summary-clean small{font-size:8px;color:#7d8996;line-height:1.35;white-space:normal}
.invoice-settlement-summary strong{color:#9a6d14!important}
.invoice-summary-payable{background:#0d2239!important}
.invoice-summary-payable span{color:#a9b6c5!important}
.invoice-summary-payable strong{font-size:20px!important;color:#e3bd5e!important}
.invoice-tax-status-line{display:flex;align-items:center;gap:8px;padding:8px 13px;border-top:1px solid #e1e7ee;background:#f6f8f5;color:#536458;font-size:9px}
.invoice-tax-status-line svg{width:14px;height:14px;stroke:#5f7b64;fill:none}
.invoice-tax-status-line .invoice-vat-select{min-height:32px!important;height:32px!important;width:92px!important;border-radius:8px!important}
.doc-totals .deduction em{font-style:normal;color:#526071}
@media(max-width:1100px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr 1fr!important}.invoice-summary-clean{grid-template-columns:1fr 1fr!important}.invoice-summary-clean>div:nth-child(2n){border-right:0}}
@media(max-width:720px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr!important}.invoice-summary-clean{grid-template-columns:1fr!important}.invoice-summary-clean>div{border-right:0!important;border-bottom:1px solid #e1e7ee}}

.invoice-summary-clean.tax-exempt.with-settlement{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.25fr)!important}
.invoice-summary-clean.taxable.with-settlement{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1.25fr)!important}
.invoice-summary-clean.tax-exempt.without-settlement{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(190px,1.25fr)!important}
.invoice-summary-clean.taxable.without-settlement{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.25fr)!important}


/* v0.11.7 – Rechnungsdaten kompakt und ruhig */
.compact-commercial-overview{padding:12px 14px!important;border-radius:12px!important;background:#f8fafc!important}
.compact-commercial-overview .commercial-section-heading.compact-heading{margin:0 0 10px!important}
.compact-commercial-overview .commercial-section-heading.compact-heading>div{gap:8px!important}
.compact-commercial-overview .commercial-section-heading.compact-heading>div>svg{width:18px!important;height:18px!important}
.compact-commercial-overview .commercial-section-heading.compact-heading strong{font-size:12.5px!important;line-height:1.2!important}
.compact-commercial-overview .refined-commercial-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
.compact-commercial-overview .refined-commercial-fields>label{display:grid!important;gap:4px!important;margin:0!important;min-width:0!important;color:#304258!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important}
.compact-commercial-overview .refined-commercial-fields>label>span:first-child{display:block!important;min-height:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.compact-commercial-overview .refined-commercial-fields input,.compact-commercial-overview .refined-commercial-fields select,.compact-commercial-overview .refined-commercial-fields .custom-select-trigger{width:100%!important;min-height:38px!important;height:38px!important;border-radius:8px!important;padding:0 11px!important;border:1px solid #cfd8e3!important;background:#fff!important;color:#15263b!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
.compact-commercial-overview .refined-commercial-fields input[type="date"]{padding-right:9px!important}
.compact-commercial-overview .invoice-advanced-panel{margin-top:10px!important;border:1px solid #d7e0e9!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}
.compact-commercial-overview .invoice-advanced-panel summary{min-height:40px!important;padding:8px 11px!important}
.compact-commercial-overview .invoice-advanced-panel summary>span{gap:8px!important}
.compact-commercial-overview .invoice-advanced-panel summary>span>svg{width:16px!important;height:16px!important}
.compact-commercial-overview .invoice-advanced-panel summary b{font-size:10.5px!important}
.compact-commercial-overview .invoice-advanced-panel summary small{display:none!important}
.compact-commercial-overview .invoice-advanced-grid{padding:10px!important;gap:9px!important}
@media(max-width:920px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr 1fr!important}.compact-commercial-overview .refined-commercial-fields>label:last-child{grid-column:1/-1;max-width:260px}}
@media(max-width:620px){.compact-commercial-overview .refined-commercial-fields{grid-template-columns:1fr!important}.compact-commercial-overview .refined-commercial-fields>label:last-child{grid-column:auto;max-width:none}}


/* v0.11.8 – Rechnungsdaten als schlanke Arbeitszeile */
.invoice-data-shell{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:9px!important;
  padding:10px 12px!important;
  border:1px solid #dce3ea!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.invoice-data-header{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding-right:12px;
  border-right:1px solid #e5eaf0;
  color:#172033;
}
.invoice-data-header strong{font-size:11px!important;line-height:1.2;white-space:nowrap}
.invoice-data-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:7px;background:#f7f1e4;color:#b58c35}
.invoice-data-icon svg{width:15px!important;height:15px!important;stroke:currentColor;fill:none;stroke-width:1.8}
.invoice-data-fields{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:end!important;
}
.invoice-data-fields>label{display:grid!important;gap:3px!important;margin:0!important;min-width:0!important;color:#556476!important;font-size:8px!important;font-weight:800!important;line-height:1.15!important}
.invoice-data-fields>label>span:first-child{min-height:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.invoice-data-fields input,.invoice-data-fields select,.invoice-data-fields .custom-select-trigger{
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border:1px solid #d4dce5!important;
  border-radius:7px!important;
  background:#fdfefe!important;
  color:#172033!important;
  font-size:10px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.invoice-data-fields input:focus,.invoice-data-fields select:focus,.invoice-data-fields .custom-select.open .custom-select-trigger{border-color:#b99445!important;box-shadow:0 0 0 2px rgba(185,148,69,.10)!important}
.invoice-payment-popover{grid-column:2!important;justify-self:end!important;width:auto!important;min-width:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.invoice-payment-popover:not([open]){max-width:max-content!important}
.invoice-payment-popover>summary{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:4px 7px!important;border:0!important;border-radius:7px!important;background:#f7f9fb!important;color:#536273!important;cursor:pointer!important}
.invoice-payment-popover>summary:hover{background:#eef3f7!important;color:#172033!important}
.invoice-payment-popover>summary>span{gap:6px!important}
.invoice-payment-popover>summary>span>svg{width:13px!important;height:13px!important;color:#b58c35!important}
.invoice-payment-popover>summary b{font-size:8.8px!important;font-weight:800!important}
.invoice-payment-popover .details-chevron{width:12px!important;height:12px!important;margin-left:5px!important}
.invoice-payment-popover[open]{grid-column:1/-1!important;justify-self:stretch!important;width:100%!important;border:1px solid #dce3ea!important;border-radius:9px!important;background:#fafbfd!important;overflow:hidden!important}
.invoice-payment-popover[open]>summary{display:flex!important;width:100%!important;border-radius:0!important;background:#f7f9fb!important}
.invoice-payment-popover .invoice-advanced-grid{padding:9px!important;gap:8px!important}
@media(max-width:980px){
  .invoice-data-shell{grid-template-columns:1fr!important}
  .invoice-data-header{border-right:0;border-bottom:1px solid #e5eaf0;padding:0 0 8px}
  .invoice-payment-popover{grid-column:1!important}
  .invoice-payment-popover[open]{grid-column:1!important}
}
@media(max-width:680px){.invoice-data-fields{grid-template-columns:1fr!important}}


/* v0.11.9 – Rechnungsdaten sauber neu aufgebaut */
.invoice-data-shell-clean{
  display:block!important;
  padding:12px 14px!important;
  border:1px solid #dbe3eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.invoice-data-title-row{
  margin:0 0 10px!important;
  padding:0!important;
}
.invoice-data-title-row strong{
  display:block;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#162844!important;
}
.invoice-data-row-clean{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.invoice-data-row-clean > label,
.invoice-data-row-clean > .invoice-auto-due-field,
.invoice-data-row-clean > .field{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#42546b!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.invoice-data-row-clean > label > span:first-child,
.invoice-data-row-clean > .invoice-auto-due-field > span:first-child,
.invoice-data-row-clean .field > span:first-child{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#223754!important;
}
.invoice-data-row-clean input,
.invoice-data-row-clean select,
.invoice-data-row-clean .custom-select-trigger{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #cfd8e3!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#14263d!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.invoice-data-row-clean input[type="date"]{padding-right:12px!important}
.invoice-data-row-clean input:focus,
.invoice-data-row-clean select:focus,
.invoice-data-row-clean .custom-select.open .custom-select-trigger{
  border-color:#b99445!important;
  box-shadow:0 0 0 2px rgba(185,148,69,.12)!important;
}
.invoice-payment-inline-clean{
  margin-top:10px!important;
  border-top:1px solid #edf1f5!important;
  padding-top:8px!important;
}
.invoice-payment-inline-clean > summary{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:auto!important;
  padding:4px 2px!important;
  background:transparent!important;
  border:0!important;
  color:#516171!important;
  cursor:pointer!important;
}
.invoice-payment-inline-clean > summary:hover{color:#162844!important}
.invoice-payment-inline-clean > summary > span{display:inline-flex!important;align-items:center!important;gap:7px!important}
.invoice-payment-inline-clean > summary > span > svg{width:14px!important;height:14px!important;color:#b58c35!important}
.invoice-payment-inline-clean > summary b{font-size:11px!important;font-weight:700!important}
.invoice-payment-inline-clean .details-chevron{width:12px!important;height:12px!important}
.invoice-payment-inline-clean .invoice-advanced-grid{
  margin-top:8px!important;
  padding:10px!important;
  border:1px solid #e4eaf0!important;
  border-radius:10px!important;
  background:#fafcfe!important;
}
.invoice-data-shell,
.invoice-data-header,
.invoice-data-icon,
.invoice-data-fields,
.invoice-payment-popover{all:unset}
@media (max-width: 1100px){
  .invoice-data-row-clean{grid-template-columns:1fr 1fr!important}
}
@media (max-width: 720px){
  .invoice-data-row-clean{grid-template-columns:1fr!important}
}


/* v0.11.10 – Zahlungsverwaltung ohne überflüssiges Symbol */
.invoice-payment-inline-clean > summary > span{gap:0!important}


/* v0.11.11 – buchhalterische Vollständigkeit */
.invoice-data-row-clean .invoice-correction-reason{grid-column:1/-1!important}
.invoice-data-row-clean .invoice-correction-reason textarea{width:100%!important;min-height:74px!important;border:1px solid #cfd8e3!important;border-radius:10px!important;padding:10px 12px!important;background:#fff!important;color:#14263d!important;font-size:11px!important;line-height:1.45!important;resize:vertical!important}
.compact-document-grid label:has(input[name="customerNumber"]){position:relative}
.compact-document-grid input[name="customerNumber"]{font-weight:750!important}


/* v0.11.13 – Layout-Korrekturen Rechnungen + Scrollleisten */
.business-kpis{align-items:stretch!important;margin-bottom:16px!important}
.business-kpi{min-width:0!important;overflow:hidden!important}
.business-kpi>div{min-width:0!important}
.business-kpi span,.business-kpi small,.business-kpi strong{overflow-wrap:anywhere}
.panel{min-width:0!important}
.panel-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
.panel-header>div{min-width:0!important;flex:1 1 320px!important}
.panel-header .btn{flex:0 0 auto!important;max-width:100%}
.table-wrap,.business-kpis,.business-grid,.dashboard-grid{min-width:0!important}
.content>.panel,.business-grid>.panel,.dashboard-grid>.panel{overflow:hidden}

/* Rechnungsbereich/Projekt-Rechnungen auf mittleren Breiten stabilisieren */
@media (max-width: 1400px){
  .business-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width: 980px){
  .panel-header .btn{width:100%!important}
}

/* Scrollleisten im Veneron-Stil */
:root{
  --scrollbar-track: rgba(9,24,39,.82);
  --scrollbar-track-soft: rgba(12,27,45,.58);
  --scrollbar-thumb: linear-gradient(180deg,#d8b765 0%, #c59d45 52%, #a57b2c 100%);
  --scrollbar-thumb-border: rgba(6,15,26,.92);
}
*{
  scrollbar-width: thin;
  scrollbar-color: #c8a24e rgba(9,24,39,.82);
}
*::-webkit-scrollbar{
  width: 11px;
  height: 11px;
}
*::-webkit-scrollbar-track{
  background: var(--scrollbar-track-soft);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb{
  background: var(--scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid var(--scrollbar-thumb-border);
}
*::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg,#e4c676 0%, #d0a74d 52%, #b48630 100%);
}
*::-webkit-scrollbar-corner{
  background: transparent;
}
.document-form-pane::-webkit-scrollbar-track,
.document-preview-pane::-webkit-scrollbar-track,
.document-workspace-dock::-webkit-scrollbar-track,
.custom-select-menu::-webkit-scrollbar-track,
.invoice-service-options::-webkit-scrollbar-track,
.custom-select-options::-webkit-scrollbar-track,
.editable-combo-menu-portal::-webkit-scrollbar-track,
.address-suggestions::-webkit-scrollbar-track{
  background: rgba(10,23,38,.78);
}
.document-form-pane,
.document-preview-pane,
.document-workspace-dock,
.custom-select-options,
.address-suggestions,
.invoice-service-options,
.support-board,
.project-tabs,
.service-category-bar,
.employee-tabs{
  scrollbar-color:#c8a24e rgba(10,23,38,.78);
}

/* v0.12.0 – integriertes E-Mail-Modul */
.mail-module{min-height:calc(100vh - 150px)}
.mail-loading-state,.mail-error-state,.mail-setup-card{min-height:420px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,34,56,.95),rgba(8,21,36,.96));box-shadow:0 18px 45px rgba(0,0,0,.2)}
.mail-loading-state{align-content:center;gap:9px;color:var(--muted)}
.mail-loading-state>svg{width:32px;height:32px;color:var(--gold);animation:mailSpin 1.1s linear infinite}
.mail-loading-state strong{color:#fff;font-size:16px}.mail-loading-state span{font-size:11px}
@keyframes mailSpin{to{transform:rotate(360deg)}}
.mail-error-state{display:flex;justify-content:center;align-items:center;gap:17px;padding:36px;text-align:left}
.mail-error-state>svg{width:38px;height:38px;color:var(--danger);flex:0 0 38px}.mail-error-state strong{font-size:16px}.mail-error-state p{max-width:620px;color:var(--muted);font-size:11px;line-height:1.55}.mail-error-state .toolbar-actions{margin-top:16px}
.mail-setup-card{display:flex;gap:24px;padding:44px;text-align:left}.mail-setup-icon{width:72px!important;height:72px!important;flex:0 0 72px;padding:17px;border-radius:20px;background:rgba(199,166,90,.12);color:var(--gold)}.mail-setup-card h2{font-size:22px;margin:4px 0 10px}.mail-setup-card p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:12px;line-height:1.65}.mail-setup-card .btn{margin-top:12px}
.mail-page{display:grid;gap:14px;min-height:calc(100vh - 150px)}
.mail-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.mail-account-heading{display:flex;align-items:center;gap:11px;min-width:0}.mail-account-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#d5b35e,#a87926);color:#07111f;font-weight:900;font-size:13px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.mail-account-heading strong,.mail-account-heading small{display:block}.mail-account-heading strong{font-size:14px}.mail-account-heading small{margin-top:3px;color:var(--muted);font-size:10px}.mail-toolbar-button{display:inline-flex;align-items:center;gap:8px}.mail-toolbar-button svg{width:15px;height:15px}
.mail-workspace{display:grid;grid-template-columns:210px minmax(320px,390px) minmax(420px,1fr);min-height:650px;height:calc(100vh - 220px);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#081524;box-shadow:0 20px 50px rgba(0,0,0,.24)}
.mail-folder-pane{display:flex;flex-direction:column;min-width:0;padding:14px 10px;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0b1b2c,#071320)}
.mail-compose-sidebar{height:42px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 4px 14px;border:1px solid rgba(199,166,90,.35);border-radius:11px;background:rgba(199,166,90,.12);color:#fff;font-weight:800;cursor:pointer}.mail-compose-sidebar:hover{background:rgba(199,166,90,.2)}.mail-compose-sidebar svg{width:16px;height:16px;color:var(--gold)}
.mail-folder-list{display:grid;gap:3px;overflow:auto;padding-right:2px}.mail-folder-item{width:100%;min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#9cabbc;text-align:left;cursor:pointer}.mail-folder-item:hover{background:rgba(255,255,255,.045);color:#eef4fb}.mail-folder-item.active{background:rgba(199,166,90,.13);color:#fff}.mail-folder-item svg{width:16px;height:16px;color:#77899d}.mail-folder-item.active svg{color:var(--gold)}.mail-folder-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700}.mail-folder-item b{min-width:21px;padding:3px 6px;border-radius:999px;background:var(--gold);color:#07111f;text-align:center;font-size:8.5px}.mail-folder-item small{font-size:8.5px;color:#6f8195}
.mail-settings-link{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:#77899d;text-align:left;cursor:pointer}.mail-settings-link:hover{color:#fff}.mail-settings-link svg{width:15px;height:15px}.mail-settings-link span{font-size:9.5px;font-weight:700}
.mail-list-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;border-right:1px solid rgba(255,255,255,.07);background:#0a1828}
.mail-list-head{display:grid;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.014)}.mail-list-head>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mail-list-head strong{font-size:13px}.mail-list-head span{color:var(--muted);font-size:9px}.mail-search-form{position:relative}.mail-search-form input{width:100%;height:36px;padding:8px 38px 8px 11px;border-radius:9px;font-size:10px}.mail-search-form button{position:absolute;right:3px;top:3px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#8090a2;cursor:pointer}.mail-search-form button:hover{background:rgba(199,166,90,.1);color:var(--gold)}.mail-search-form svg{width:15px;height:15px}
.mail-message-list{min-height:0;overflow:auto}.mail-message-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;text-align:left;cursor:pointer}.mail-message-item:hover{background:rgba(255,255,255,.025)}.mail-message-item.active{background:rgba(199,166,90,.09);box-shadow:inset 3px 0 var(--gold)}.mail-message-item.unread{background:rgba(111,168,255,.035)}.mail-message-item.unread .mail-message-copy strong,.mail-message-item.unread .mail-message-copy b{color:#fff;font-weight:850}.mail-sender-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#132840;color:#aebed0;font-size:9px;font-weight:850}.mail-message-item.active .mail-sender-avatar{background:rgba(199,166,90,.18);color:var(--gold)}.mail-message-copy{display:grid;gap:4px;min-width:0}.mail-message-top{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}.mail-message-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#dce6f0}.mail-message-top time{flex:0 0 auto;color:#738499;font-size:8.5px}.mail-message-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bac6d4;font-size:10px}.mail-message-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f8195;font-size:8.5px}.mail-message-icons{display:flex;align-items:center;gap:5px;min-height:20px;color:var(--gold);font-size:11px}.mail-message-icons svg{width:13px;height:13px}.mail-message-icons i{width:7px;height:7px;border-radius:50%;background:#73aaff;box-shadow:0 0 0 3px rgba(115,170,255,.1)}
.mail-list-empty,.mail-reader-empty{height:100%;display:grid;align-content:center;justify-items:center;gap:8px;padding:28px;color:#66788d;text-align:center}.mail-list-empty svg,.mail-reader-empty svg{width:34px;height:34px;color:#41566d}.mail-list-empty strong,.mail-reader-empty strong{color:#b7c3d1;font-size:13px}.mail-list-empty span,.mail-reader-empty span{font-size:9.5px}
.mail-reader-pane{min-width:0;min-height:0;overflow:auto;background:#0b1929}.mail-reader{min-height:100%;padding:22px}.mail-reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.mail-reader-header h2{margin:0 0 14px;font-size:19px;line-height:1.35}.mail-reader-header time{flex:0 0 auto;color:#8291a3;font-size:9px}.mail-reader-address strong,.mail-reader-address span{display:block}.mail-reader-address strong{font-size:10.5px}.mail-reader-address span{margin-top:4px;color:#7f8fa2;font-size:9px;line-height:1.4}.mail-customer-link{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;border:1px solid rgba(199,166,90,.22);border-radius:11px;background:rgba(199,166,90,.055);color:#fff;text-align:left;cursor:pointer}.mail-customer-link:hover{background:rgba(199,166,90,.1)}.mail-customer-link>svg{width:17px;height:17px;color:var(--gold)}.mail-customer-link small,.mail-customer-link strong{display:block}.mail-customer-link small{font-size:8px;color:#9eabb9}.mail-customer-link strong{margin-top:2px;font-size:10.5px}
.mail-reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mail-reader-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.02);color:#aebaca;font-size:9px;font-weight:700;cursor:pointer}.mail-reader-actions button:hover{border-color:rgba(199,166,90,.3);background:rgba(199,166,90,.08);color:#fff}.mail-reader-actions button.danger:hover{border-color:rgba(235,107,117,.32);background:rgba(235,107,117,.07);color:#ffabb2}.mail-reader-actions svg{width:13px;height:13px}.mail-star-action{font-size:15px;line-height:1;color:var(--gold)}
.mail-body-text{padding:24px 4px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8e0e9;font-size:11.5px;line-height:1.72}.mail-attachments{padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.mail-attachments h3{margin:0 0 10px;font-size:12px}.mail-attachments>div{display:flex;flex-wrap:wrap;gap:8px}.mail-attachments button{display:grid;grid-template-columns:25px minmax(120px,1fr) 18px;align-items:center;gap:8px;max-width:300px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#0d2034;color:#fff;text-align:left;cursor:pointer}.mail-attachments button:hover{border-color:rgba(199,166,90,.35)}.mail-attachments button>svg{width:15px;height:15px;color:var(--gold)}.mail-attachments strong,.mail-attachments small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachments strong{font-size:9.5px}.mail-attachments small{margin-top:2px;color:#7e8da0;font-size:8px}
.mail-compose-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(2,8,15,.72);backdrop-filter:blur(8px)}.mail-compose-window{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(199,166,90,.28);border-radius:17px;background:#0b1929;box-shadow:0 35px 100px rgba(0,0,0,.58)}.mail-compose-window>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(199,166,90,.06),transparent)}.mail-compose-window h2{margin:2px 0 0;font-size:17px}.mail-compose-form{min-height:0;overflow:auto;display:grid;gap:11px;padding:17px}.mail-compose-form label{display:grid;gap:5px;color:#aebaca;font-size:9px;font-weight:750}.mail-compose-form input,.mail-compose-form textarea{background:#081522}.mail-compose-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-compose-body textarea{min-height:280px;resize:vertical;line-height:1.55}.mail-compose-attachments{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:5px}.mail-compose-attachments>div{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.mail-compose-attachment{display:grid;grid-template-columns:18px minmax(80px,1fr) 22px;align-items:center;gap:6px;max-width:250px;padding:7px 8px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#0d2034}.mail-compose-attachment>svg{width:14px;height:14px;color:var(--gold)}.mail-compose-attachment strong,.mail-compose-attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-compose-attachment strong{font-size:8.5px}.mail-compose-attachment small{font-size:7.5px;color:#76879b}.mail-compose-attachment button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#78899d;cursor:pointer}.mail-compose-attachment button:hover{background:rgba(235,107,117,.08);color:var(--danger)}.mail-compose-attachment button svg{width:12px;height:12px}.mail-compose-form footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.mail-compose-form footer .btn{display:inline-flex;align-items:center;gap:7px}.mail-compose-form footer svg{width:14px;height:14px}
.mail-settings-loading{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.mail-settings-loading svg{width:28px;height:28px;color:var(--gold);animation:mailSpin 1.1s linear infinite}.mail-settings-loading strong{color:#fff}
.mail-account-form{display:grid;gap:16px}.mail-account-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:750}.mail-account-status.connected{border-color:rgba(85,197,138,.28);background:rgba(85,197,138,.07);color:#85d5aa}.mail-account-status svg{width:13px;height:13px}.mail-security-note{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid rgba(199,166,90,.2);border-radius:12px;background:rgba(199,166,90,.045)}.mail-security-note>svg{width:20px;height:20px;flex:0 0 20px;color:var(--gold)}.mail-security-note strong,.mail-security-note span{display:block}.mail-security-note strong{font-size:10.5px}.mail-security-note span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}.mail-server-settings{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mail-account-form .settings-subsection{margin:0}.mail-account-form .form-grid.single-compact{grid-template-columns:minmax(0,1fr) 120px}.mail-account-form .checkbox-line small{margin-left:6px;color:var(--muted)}.mail-field-help{display:block;margin:3px 0 7px;color:var(--muted);font-size:9px;line-height:1.4;font-weight:500}.mail-account-form label>.mail-field-help+input{margin-top:0}.mail-account-actions{display:flex;align-items:center;gap:9px}.mail-account-actions .spacer{flex:1}.form-message.success{color:var(--success)}.form-message.error{color:var(--danger)}
@media(max-width:1250px){.mail-workspace{grid-template-columns:185px minmax(290px,350px) minmax(380px,1fr)}.mail-server-settings{grid-template-columns:1fr}}
@media(max-width:980px){.mail-workspace{grid-template-columns:170px minmax(280px,1fr);height:auto;min-height:650px}.mail-reader-pane{grid-column:1/-1;min-height:520px;border-top:1px solid rgba(255,255,255,.07)}.mail-list-pane{border-right:0}.mail-page-toolbar{align-items:flex-start;flex-direction:column}.mail-page-toolbar .toolbar-actions{width:100%}.mail-page-toolbar .btn{flex:1}}
@media(max-width:700px){.mail-workspace{display:block}.mail-folder-pane{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.mail-folder-list{display:flex;overflow:auto}.mail-folder-item{min-width:max-content}.mail-list-pane{min-height:540px}.mail-reader-pane{min-height:500px}.mail-compose-secondary{grid-template-columns:1fr}.mail-compose-attachments{flex-direction:column}.mail-account-actions{align-items:stretch;flex-direction:column}.mail-account-actions .spacer{display:none}.mail-account-actions .btn{width:100%}}


/* v0.12.2 – Mail-Modul größer und besser lesbar */
.mail-page{gap:18px!important}
.mail-page-toolbar{padding:6px 2px 4px!important}
.mail-account-heading{gap:14px!important}
.mail-account-avatar{width:58px!important;height:58px!important;border-radius:16px!important;font-size:22px!important}
.mail-account-heading strong{font-size:18px!important;line-height:1.25!important}
.mail-account-heading small{font-size:13px!important;line-height:1.35!important;color:#aab7c6!important}
.mail-toolbar-button{min-height:56px!important;padding:0 22px!important;border-radius:14px!important;font-size:16px!important;gap:10px!important}
.mail-toolbar-button svg{width:18px!important;height:18px!important}

.mail-workspace{grid-template-columns:260px minmax(420px,540px) minmax(540px,1fr)!important;height:min(860px,calc(100vh - 210px))!important;border-radius:22px!important}
.mail-folder-pane{padding:18px!important}
.mail-compose-sidebar{min-height:56px!important;padding:0 18px!important;border-radius:16px!important;font-size:18px!important;gap:12px!important}
.mail-compose-sidebar svg{width:18px!important;height:18px!important}
.mail-folder-list{gap:8px!important;margin-top:14px!important}
.mail-folder-item{min-height:52px!important;padding:0 16px!important;border-radius:14px!important;font-size:17px!important;gap:12px!important}
.mail-folder-item > svg{width:16px!important;height:16px!important}
.mail-folder-item span{font-size:17px!important}
.mail-folder-item b,.mail-folder-item small{font-size:13px!important}
.mail-settings-link{margin-top:16px!important;min-height:46px!important;padding:0 12px!important;font-size:14px!important}
.mail-settings-link svg{width:16px!important;height:16px!important}

.mail-list-head{padding:18px 18px 12px!important;gap:12px!important}
.mail-list-head strong{font-size:18px!important}
.mail-list-head span{font-size:13px!important}
.mail-search-form input{height:52px!important;border-radius:14px!important;padding:0 52px 0 16px!important;font-size:15px!important}
.mail-search-form button{width:42px!important;height:42px!important;right:6px!important}
.mail-search-form button svg{width:18px!important;height:18px!important}
.mail-message-list{max-height:none!important}
.mail-message-item{grid-template-columns:54px minmax(0,1fr) auto!important;gap:14px!important;padding:16px 16px!important;min-height:96px!important}
.mail-sender-avatar{width:44px!important;height:44px!important;border-radius:12px!important;font-size:14px!important}
.mail-message-top strong{font-size:16px!important}
.mail-message-top time{font-size:12px!important}
.mail-message-copy b{font-size:15px!important}
.mail-message-copy small{font-size:12px!important}
.mail-message-icons{font-size:16px!important;gap:8px!important}
.mail-message-icons svg{width:16px!important;height:16px!important}
.mail-message-icons i{width:9px!important;height:9px!important}
.mail-list-empty,.mail-reader-empty{padding:42px!important;gap:12px!important}
.mail-list-empty svg,.mail-reader-empty svg{width:44px!important;height:44px!important}
.mail-list-empty strong,.mail-reader-empty strong{font-size:18px!important}
.mail-list-empty span,.mail-reader-empty span{font-size:13px!important;line-height:1.45!important}

.mail-reader{padding:28px!important}
.mail-reader-header h2{font-size:34px!important;line-height:1.22!important;margin:0 0 16px!important}
.mail-reader-header time{font-size:13px!important}
.mail-reader-address strong{font-size:18px!important}
.mail-reader-address span{font-size:14px!important;line-height:1.45!important}
.mail-customer-link{grid-template-columns:36px minmax(0,1fr) 24px!important;padding:12px 14px!important;border-radius:14px!important}
.mail-customer-link > svg{width:20px!important;height:20px!important}
.mail-customer-link small{font-size:11px!important}
.mail-customer-link strong{font-size:15px!important}
.mail-reader-actions{gap:8px!important;padding:16px 0!important}
.mail-reader-actions button{padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;gap:8px!important}
.mail-reader-actions svg{width:16px!important;height:16px!important}
.mail-star-action{font-size:18px!important}
.mail-body-text{padding:28px 4px!important;font-size:18px!important;line-height:1.85!important}
.mail-attachments{padding-top:18px!important}
.mail-attachments h3{font-size:16px!important;margin-bottom:12px!important}
.mail-attachments button{grid-template-columns:28px minmax(140px,1fr) 20px!important;gap:10px!important;max-width:380px!important;padding:11px 12px!important;border-radius:12px!important}
.mail-attachments button > svg{width:18px!important;height:18px!important}
.mail-attachments strong{font-size:13px!important}
.mail-attachments small{font-size:11px!important}

.mail-compose-window{width:min(980px,calc(100vw - 48px))!important;border-radius:22px!important}
.mail-compose-window > header{padding:20px 22px!important}
.mail-compose-window h2{font-size:24px!important}
.mail-compose-form{gap:14px!important;padding:22px!important}
.mail-compose-form label{font-size:12px!important;gap:6px!important}
.mail-compose-form input,.mail-compose-form textarea{font-size:15px!important}
.mail-compose-form input{min-height:50px!important}
.mail-compose-body textarea{min-height:360px!important;line-height:1.6!important}
.mail-compose-attachments{padding-top:8px!important}
.mail-compose-attachment{grid-template-columns:20px minmax(90px,1fr) 24px!important;max-width:300px!important;padding:9px 10px!important;border-radius:10px!important}
.mail-compose-attachment strong{font-size:12px!important}
.mail-compose-attachment small{font-size:10px!important}
.mail-compose-form footer{gap:10px!important;padding-top:12px!important}
.mail-compose-form footer .btn{min-height:48px!important;font-size:14px!important}

@media(max-width:1500px){.mail-workspace{grid-template-columns:220px minmax(360px,460px) minmax(420px,1fr)!important}}
@media(max-width:1180px){.mail-workspace{grid-template-columns:210px minmax(320px,1fr)!important;height:auto!important;min-height:760px!important}.mail-reader-pane{grid-column:1/-1!important;min-height:580px!important}.mail-reader-header h2{font-size:28px!important}}
@media(max-width:760px){.mail-page-toolbar{gap:12px!important}.mail-page-toolbar .toolbar-actions{width:100%!important}.mail-page-toolbar .toolbar-actions .btn{flex:1!important}.mail-workspace{display:block!important}.mail-folder-pane,.mail-list-pane,.mail-reader-pane{min-height:auto!important}.mail-folder-item span{font-size:15px!important}.mail-reader-header h2{font-size:24px!important}.mail-body-text{font-size:16px!important}}


/* v0.12.3 – Mail-Aktionen, Symbole und E-Mail-Konvertierung */
.mail-folder-item>svg,.mail-compose-sidebar>svg,.mail-toolbar-button>svg{stroke-width:1.75!important}
.mail-reader-actions{align-items:center!important}
.mail-reader-actions button{min-height:42px!important;padding:9px 12px!important;background:#0d1e31!important;border-color:rgba(255,255,255,.09)!important}
.mail-reader-actions button:hover{background:rgba(199,166,90,.1)!important;border-color:rgba(199,166,90,.34)!important}
.mail-reader-actions button.is-flagged{color:#e1bd63!important;background:rgba(199,166,90,.09)!important;border-color:rgba(199,166,90,.28)!important}
.mail-reader-actions button>svg{width:17px!important;height:17px!important}
.mail-convert-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:13px 0 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.mail-convert-bar>span{margin-right:2px;color:#8292a6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.mail-convert-action{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:190px!important;padding:10px 12px!important;border:1px solid rgba(199,166,90,.22)!important;border-radius:12px!important;background:rgba(199,166,90,.055)!important;color:#eef3f8!important;text-align:left!important;cursor:pointer!important}
.mail-convert-action:hover{border-color:rgba(199,166,90,.5)!important;background:rgba(199,166,90,.11)!important;transform:translateY(-1px)}
.mail-convert-action>svg{width:21px!important;height:21px!important;color:#d1ac55!important}
.mail-convert-action strong,.mail-convert-action small{display:block!important}
.mail-convert-action strong{font-size:14px!important}
.mail-convert-action small{margin-top:2px;color:#91a0b2;font-size:11px!important}
.mail-source-record{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(199,166,90,.24);border-radius:12px;background:rgba(199,166,90,.055)}
.mail-source-record>svg{width:21px;height:21px;color:#caa552}
.mail-source-record small,.mail-source-record strong,.mail-source-record em{display:block}
.mail-source-record small{color:#909eae;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.mail-source-record strong{margin-top:3px;color:#f2f6fa;font-size:12px}
.mail-source-record em{margin-top:3px;color:#a5b2c1;font-size:10px;font-style:normal}
@media(max-width:760px){.mail-convert-bar{align-items:stretch;flex-direction:column}.mail-convert-action{width:100%!important}}


/* v0.12.4 – Mail-Modul größer, scrollfähig und bessere Symbolfarben */
.mail-module{min-height:calc(100vh - 120px)!important}
.mail-page{gap:20px!important;min-height:calc(100vh - 125px)!important}
.mail-page-toolbar{padding:8px 4px 6px!important;align-items:center!important}
.mail-account-avatar{width:64px!important;height:64px!important;border-radius:18px!important;font-size:24px!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.mail-account-heading strong{font-size:20px!important}
.mail-account-heading small{font-size:14px!important}
.mail-toolbar-button{min-height:60px!important;padding:0 24px!important;border-radius:15px!important;font-size:17px!important}
.mail-toolbar-button>svg{width:19px!important;height:19px!important;color:#d5b25b!important;stroke-width:1.95!important}

.mail-workspace{grid-template-columns:280px minmax(460px,560px) minmax(620px,1fr)!important;height:min(920px,calc(100vh - 185px))!important;min-height:760px!important;border-radius:24px!important}
.mail-folder-pane,.mail-list-pane,.mail-reader-pane{min-height:0!important}
.mail-folder-pane{padding:20px!important;overflow:hidden!important}
.mail-compose-sidebar{min-height:60px!important;font-size:19px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(199,166,90,.22),rgba(199,166,90,.12))!important;border-color:rgba(215,186,101,.45)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mail-compose-sidebar>svg{width:19px!important;height:19px!important;color:#e2c370!important;stroke-width:2.05!important}
.mail-folder-list{overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;min-height:0!important}
.mail-folder-item{min-height:56px!important;padding:0 18px!important;border-radius:15px!important;color:#d1dbe6!important}
.mail-folder-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.mail-folder-item.active{background:linear-gradient(180deg,rgba(199,166,90,.18),rgba(199,166,90,.10))!important;box-shadow:inset 0 0 0 1px rgba(215,186,101,.28)!important}
.mail-folder-item>svg{width:18px!important;height:18px!important;color:#d7b65f!important;stroke-width:1.95!important;filter:drop-shadow(0 1px 4px rgba(215,182,95,.12))}
.mail-folder-item span{font-size:18px!important}
.mail-folder-item b{background:linear-gradient(180deg,#e3c775,#c49a43)!important;color:#08111e!important;font-size:12px!important;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.mail-folder-item small{font-size:12px!important;color:#8ea0b4!important}
.mail-settings-link{min-height:48px!important;font-size:15px!important;color:#b9c6d4!important}
.mail-settings-link svg{width:17px!important;height:17px!important;color:#d4af57!important;stroke-width:1.95!important}

.mail-list-pane{grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
.mail-list-head{padding:20px 20px 14px!important}
.mail-list-head strong{font-size:19px!important}
.mail-list-head span{font-size:13px!important}
.mail-search-form input{height:56px!important;border-radius:15px!important;font-size:16px!important}
.mail-search-form button{width:44px!important;height:44px!important;color:#d6b15a!important}
.mail-search-form button svg{width:19px!important;height:19px!important;stroke-width:2!important}
.mail-message-list{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:8px!important}
.mail-message-item{min-height:104px!important;padding:18px!important;grid-template-columns:56px minmax(0,1fr) auto!important}
.mail-message-item.active{box-shadow:inset 4px 0 #d6b15a!important;background:linear-gradient(180deg,rgba(199,166,90,.12),rgba(199,166,90,.06))!important}
.mail-sender-avatar{width:46px!important;height:46px!important;border-radius:14px!important;font-size:15px!important;background:linear-gradient(180deg,#17304c,#10253d)!important;color:#e7eef7!important}
.mail-message-item.active .mail-sender-avatar{background:linear-gradient(180deg,rgba(215,182,95,.34),rgba(215,182,95,.18))!important;color:#f6e4aa!important}
.mail-message-top strong{font-size:17px!important}
.mail-message-copy b{font-size:16px!important;color:#d7e0ea!important}
.mail-message-copy small{font-size:13px!important}
.mail-message-icons{font-size:17px!important;color:#e0bc67!important}
.mail-message-icons svg{width:17px!important;height:17px!important;stroke-width:2!important}

.mail-reader-pane{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges!important}
.mail-reader{min-height:100%!important;padding:30px!important}
.mail-reader-header h2{font-size:38px!important;line-height:1.18!important}
.mail-reader-header time{font-size:14px!important}
.mail-reader-address strong{font-size:19px!important}
.mail-reader-address span{font-size:15px!important}
.mail-customer-link{padding:14px 16px!important;background:linear-gradient(180deg,rgba(199,166,90,.14),rgba(199,166,90,.08))!important;border-color:rgba(215,186,101,.32)!important}
.mail-customer-link>svg{width:21px!important;height:21px!important;color:#ddb860!important;stroke-width:1.95!important}
.mail-customer-link small{font-size:12px!important}
.mail-customer-link strong{font-size:16px!important}
.mail-reader-actions{gap:10px!important;padding:18px 0!important}
.mail-reader-actions button{min-height:46px!important;padding:10px 14px!important;border-radius:12px!important;font-size:14px!important;color:#eaf0f6!important;background:#0d2237!important;border-color:rgba(215,186,101,.16)!important}
.mail-reader-actions button>svg{width:18px!important;height:18px!important;color:#d6b15a!important;stroke-width:2.05!important}
.mail-reader-actions button:hover{background:rgba(199,166,90,.12)!important;border-color:rgba(215,186,101,.38)!important;color:#fff!important}
.mail-reader-actions button.danger>svg{color:#f59aa1!important}
.mail-reader-actions button.danger:hover{background:rgba(235,107,117,.09)!important;border-color:rgba(235,107,117,.34)!important}
.mail-reader-actions button.is-flagged{background:rgba(199,166,90,.12)!important;border-color:rgba(215,186,101,.34)!important;color:#f2deb0!important}
.mail-body-text{padding:30px 4px!important;font-size:20px!important;line-height:1.9!important}
.mail-attachments h3{font-size:17px!important}
.mail-attachments button{padding:12px 13px!important;border-radius:13px!important;background:#0d2237!important;border-color:rgba(215,186,101,.16)!important}
.mail-attachments button>svg{width:19px!important;height:19px!important;color:#ddb860!important;stroke-width:2!important}
.mail-attachments strong{font-size:14px!important}
.mail-attachments small{font-size:12px!important}

.mail-convert-bar{gap:10px!important;padding:15px 0 18px!important}
.mail-convert-bar>span{font-size:13px!important;color:#94a5b8!important}
.mail-convert-action{min-width:210px!important;padding:12px 14px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(199,166,90,.14),rgba(199,166,90,.07))!important;border-color:rgba(215,186,101,.28)!important}
.mail-convert-action>svg{width:22px!important;height:22px!important;color:#ddb860!important;stroke-width:2!important}
.mail-convert-action strong{font-size:15px!important}
.mail-convert-action small{font-size:12px!important}
.mail-source-record>svg{color:#ddb860!important;stroke-width:2!important}

.mail-compose-window{width:min(1040px,calc(100vw - 44px))!important;max-height:calc(100vh - 36px)!important}
.mail-compose-window h2{font-size:26px!important}
.mail-compose-form{padding:24px!important;overflow-y:auto!important}
.mail-compose-form input,.mail-compose-form textarea{font-size:16px!important}
.mail-compose-form input{min-height:54px!important}
.mail-compose-body textarea{min-height:390px!important}
.mail-compose-form footer .btn{min-height:50px!important;font-size:15px!important}

@media(max-width:1680px){.mail-workspace{grid-template-columns:250px minmax(400px,500px) minmax(500px,1fr)!important}}
@media(max-width:1320px){.mail-workspace{grid-template-columns:230px minmax(360px,430px) minmax(420px,1fr)!important;height:min(900px,calc(100vh - 175px))!important}.mail-body-text{font-size:18px!important}}
@media(max-width:1100px){.mail-workspace{grid-template-columns:210px minmax(340px,1fr)!important;height:auto!important;min-height:780px!important}.mail-reader-pane{grid-column:1/-1!important;min-height:620px!important}.mail-reader-header h2{font-size:30px!important}}
@media(max-width:760px){.mail-workspace{display:block!important}.mail-folder-pane,.mail-list-pane,.mail-reader-pane{min-height:auto!important}.mail-folder-list{max-height:unset!important}.mail-message-list{max-height:unset!important}.mail-reader{padding:22px!important}.mail-reader-header h2{font-size:25px!important}.mail-body-text{font-size:16px!important;line-height:1.75!important}}


/* v0.12.5 – moderne Mail-Arbeitsansicht */
.mail-page-modern{gap:18px!important}
.mail-page-toolbar-modern{padding:4px 2px 8px!important}
.mail-account-heading{position:relative!important}
.mail-account-online{width:11px;height:11px;border-radius:50%;background:#58c98c;border:2px solid #081524;box-shadow:0 0 0 3px rgba(88,201,140,.10);align-self:flex-end;margin:0 0 5px -20px}
.mail-workspace-modern{grid-template-columns:250px minmax(400px,480px) minmax(560px,1fr)!important;border-radius:20px!important;background:#071421!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important}
.mail-folder-pane-modern{padding:16px 12px!important;background:linear-gradient(180deg,#0a1b2d 0%,#071522 100%)!important}
.mail-folder-caption{padding:4px 12px 8px;color:#6f8195;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}
.mail-compose-sidebar{justify-content:flex-start!important;padding:0 16px!important;margin:0 4px 14px!important;background:linear-gradient(135deg,#d7b55f,#bb8d37)!important;color:#08111e!important;border:0!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
.mail-compose-sidebar>svg{color:#08111e!important}
.mail-folder-list{gap:4px!important}
.mail-folder-item{grid-template-columns:34px minmax(0,1fr) auto!important;min-height:50px!important;padding:0 10px!important;border-radius:11px!important;color:#aebdcb!important}
.mail-folder-item:hover{background:rgba(255,255,255,.045)!important}
.mail-folder-item.active{background:rgba(199,166,90,.12)!important;box-shadow:inset 3px 0 #d7b55f!important}
.mail-folder-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.035);color:#8799ad}
.mail-folder-item.active .mail-folder-icon{background:rgba(199,166,90,.16);color:#e0bd69}
.mail-folder-icon svg{width:17px!important;height:17px!important;color:currentColor!important}
.mail-folder-item>span:nth-child(2){font-size:14px!important}
.mail-folder-item b{font-size:10px!important;padding:4px 7px!important}
.mail-folder-item small{font-size:10px!important}
.mail-settings-link{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.065)!important;border-radius:0!important}

.mail-list-pane-modern{background:#091827!important}
.mail-list-head-modern{padding:16px!important;background:#0a1a2b!important;box-shadow:0 1px 0 rgba(255,255,255,.06)!important}
.mail-list-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mail-list-title-row>div strong,.mail-list-title-row>div span{display:block}
.mail-list-title-row>div strong{font-size:17px!important;color:#f4f7fb}
.mail-list-title-row>div span{margin-top:3px;font-size:11px!important;color:#7f90a4!important}
.mail-unread-summary{padding:5px 8px;border-radius:999px;background:rgba(199,166,90,.13);color:#d7b55f;font-size:10px;font-weight:800}
.mail-search-form input{height:44px!important;border-radius:11px!important;padding-left:14px!important;background:#071421!important;border-color:rgba(255,255,255,.08)!important;font-size:13px!important}
.mail-search-form button{width:36px!important;height:36px!important;top:4px!important;right:4px!important}
.mail-message-list{padding:8px!important;background:#081624!important}
.mail-message-item{margin:0 0 6px;border:1px solid transparent!important;border-radius:12px!important;background:#0b1b2c!important;min-height:88px!important;padding:13px!important;grid-template-columns:44px minmax(0,1fr) auto!important;box-shadow:none!important}
.mail-message-item:hover{background:#0d2033!important;border-color:rgba(255,255,255,.06)!important}
.mail-message-item.active{background:linear-gradient(135deg,rgba(199,166,90,.13),rgba(199,166,90,.055))!important;border-color:rgba(199,166,90,.26)!important;box-shadow:inset 3px 0 #d7b55f!important}
.mail-message-item.unread:not(.active){background:#0c1e31!important}
.mail-sender-avatar{width:40px!important;height:40px!important;border-radius:12px!important;font-size:12px!important;background:#142b45!important;color:#d9e2ec!important}
.mail-message-top strong{font-size:13px!important;color:#e8eef5!important}
.mail-message-top time{font-size:10px!important;color:#788a9f!important}
.mail-message-copy b{font-size:12px!important;color:#c5d0dc!important}
.mail-message-copy small{font-size:10px!important;color:#718397!important}
.mail-message-icons{align-self:center!important;gap:6px!important}
.mail-list-star,.mail-list-attachment{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.04)}
.mail-list-star{color:#d9b65f}.mail-list-attachment{color:#8ba0b6}
.mail-list-star svg,.mail-list-attachment svg{width:13px!important;height:13px!important}
.mail-message-icons i{width:8px!important;height:8px!important;background:#d7b55f!important;box-shadow:0 0 0 3px rgba(215,181,95,.10)!important}

.mail-reader-pane-modern{background:#0a1929!important}
.mail-reader-modern{max-width:1120px;margin:0 auto;padding:26px 30px 42px!important}
.mail-reader-header-modern{padding-bottom:20px!important}
.mail-reader-subject-block{min-width:0}
.mail-reader-header-modern h2{font-size:26px!important;line-height:1.25!important;margin-bottom:18px!important;letter-spacing:-.02em}
.mail-reader-identity{display:flex;align-items:center;gap:12px}
.mail-reader-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#203a57,#132940);color:#eaf0f7;font-size:13px;font-weight:850;flex:0 0 44px}
.mail-reader-address strong{font-size:13px!important;color:#f0f4f8!important}
.mail-reader-address span{font-size:11px!important;color:#8292a5!important}
.mail-reader-header-modern time{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.035);font-size:10px!important;color:#8393a6!important}
.mail-reader-actions-modern{position:sticky;top:0;z-index:5;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 -8px;padding:11px 8px!important;background:rgba(10,25,41,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)!important}
.mail-actions-primary,.mail-actions-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.mail-actions-primary button{background:rgba(199,166,90,.13)!important;border-color:rgba(199,166,90,.28)!important;color:#f4e7bf!important}
.mail-actions-secondary button{background:#0d2033!important}
.mail-reader-actions-modern button{min-height:38px!important;padding:8px 10px!important;border-radius:9px!important;font-size:11px!important}
.mail-reader-actions-modern button>svg{width:15px!important;height:15px!important}
.mail-customer-link{margin:14px 0 2px!important;border-radius:11px!important}

.mail-convert-panel{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b1d30}
.mail-convert-heading strong,.mail-convert-heading span{display:block}
.mail-convert-heading strong{font-size:13px;color:#f0f4f8}
.mail-convert-heading span{margin-top:3px;font-size:10px;color:#7f91a5}
.mail-convert-panel .mail-convert-bar{padding:12px 0 0!important;border:0!important;gap:8px!important}
.mail-convert-panel .mail-convert-action{min-width:0!important;flex:1 1 220px!important;padding:11px 12px!important;border-radius:11px!important;background:#0d2237!important;border-color:rgba(255,255,255,.075)!important}
.mail-convert-panel .mail-convert-action:hover{border-color:rgba(199,166,90,.34)!important;background:rgba(199,166,90,.08)!important}
.mail-convert-panel .mail-convert-action.task>svg{color:#67c998!important}
.mail-convert-panel .mail-convert-action.appointment>svg{color:#80aef1!important}
.mail-convert-panel .mail-convert-action strong{font-size:12px!important}
.mail-convert-panel .mail-convert-action small{font-size:10px!important}

.mail-body-card{margin-top:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#0c1d2f;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.mail-body-card .mail-body-text{padding:0!important;font-size:14px!important;line-height:1.75!important;color:#d8e1ea!important}
.mail-attachments{margin-top:18px!important;padding-top:18px!important}
.mail-attachments h3{display:flex;align-items:center;gap:7px;font-size:13px!important}
.mail-attachments h3 span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(199,166,90,.12);color:#d7b55f;font-size:9px}
.mail-attachments button{background:#0d2033!important;border-radius:11px!important;max-width:360px!important}

.mail-reader-empty{background:radial-gradient(circle at center,rgba(199,166,90,.045),transparent 48%)}
.mail-reader-empty svg{width:52px!important;height:52px!important;color:#536a82!important}
.mail-reader-empty strong{font-size:17px!important}
.mail-reader-empty span{max-width:430px;font-size:12px!important;line-height:1.55!important}

.mail-compose-window{border-radius:18px!important;background:#0a1929!important}
.mail-compose-window>header{background:#0b1d30!important}
.mail-compose-form{background:#091827!important}
.mail-compose-form input,.mail-compose-form textarea{background:#071522!important;border-color:rgba(255,255,255,.08)!important}

@media(max-width:1500px){.mail-workspace-modern{grid-template-columns:220px minmax(360px,430px) minmax(480px,1fr)!important}}
@media(max-width:1180px){.mail-workspace-modern{grid-template-columns:210px minmax(340px,1fr)!important}.mail-reader-modern{max-width:none!important}.mail-reader-actions-modern{position:static!important}}
@media(max-width:760px){.mail-account-online{display:none}.mail-reader-actions-modern{align-items:stretch!important;flex-direction:column!important}.mail-actions-primary,.mail-actions-secondary{width:100%}.mail-reader-modern{padding:20px!important}.mail-body-card{padding:18px!important}}


/* v0.12.6 – professionelles, ruhigeres Mail-Layout */
.mail-page-modern{gap:14px!important}
.mail-page-toolbar-modern{padding:2px 2px 6px!important}
.mail-account-avatar{width:48px!important;height:48px!important;border-radius:14px!important;font-size:17px!important}
.mail-account-heading strong{font-size:18px!important}
.mail-account-heading small{font-size:12px!important}
.mail-toolbar-actions{display:flex;align-items:center;gap:10px}
.mail-icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#0b1d30;color:#9fb0c2;cursor:pointer;transition:.16s ease}
.mail-icon-button:hover{border-color:rgba(199,166,90,.34);background:rgba(199,166,90,.08);color:#d7b55f}
.mail-icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mail-compose-main{min-height:44px!important;height:44px!important;padding:0 16px!important;border-radius:11px!important;font-size:13px!important;box-shadow:none!important}
.mail-compose-main svg{width:16px!important;height:16px!important;color:#08111e!important}

.mail-workspace-modern{grid-template-columns:210px minmax(400px,445px) minmax(600px,1fr)!important;height:calc(100vh - 170px)!important;min-height:700px!important;border-radius:16px!important}
.mail-folder-pane-modern{padding:12px 10px!important}
.mail-compose-sidebar{height:46px!important;min-height:46px!important;margin:0 2px 12px!important;padding:0 13px!important;border-radius:10px!important;font-size:14px!important;box-shadow:none!important}
.mail-compose-sidebar>svg{width:16px!important;height:16px!important}
.mail-folder-caption{padding:4px 10px 7px!important;font-size:9px!important}
.mail-folder-list{gap:2px!important}
.mail-folder-item{grid-template-columns:28px minmax(0,1fr) auto!important;min-height:44px!important;padding:0 9px!important;border-radius:9px!important}
.mail-folder-icon{width:26px!important;height:26px!important;border-radius:7px!important;background:transparent!important}
.mail-folder-icon svg{width:15px!important;height:15px!important;color:#7f91a5!important}
.mail-folder-item.active .mail-folder-icon svg{color:#d7b55f!important}
.mail-folder-item>span:nth-child(2){font-size:13px!important}
.mail-folder-item b,.mail-folder-item small{font-size:9px!important}
.mail-settings-link{min-height:42px!important;padding:8px 9px!important;font-size:12px!important}

.mail-list-head-modern{padding:14px!important}
.mail-list-title-row>div strong{font-size:18px!important}
.mail-list-title-row>div span{font-size:11px!important}
.mail-search-form input{height:42px!important;border-radius:10px!important;font-size:13px!important}
.mail-search-form button{width:34px!important;height:34px!important}
.mail-message-list{padding:4px 0!important}
.mail-message-item{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:transparent!important;min-height:96px!important;padding:15px 14px!important;grid-template-columns:46px minmax(0,1fr) auto!important}
.mail-message-item:hover{background:rgba(255,255,255,.026)!important}
.mail-message-item.active{background:rgba(199,166,90,.09)!important;border-color:rgba(255,255,255,.055)!important;box-shadow:inset 3px 0 #d7b55f!important}
.mail-message-item.unread:not(.active){background:rgba(111,168,255,.025)!important}
.mail-sender-avatar{width:42px!important;height:42px!important;border-radius:11px!important;font-size:13px!important}
.mail-message-top strong{font-size:15px!important}
.mail-message-top time{font-size:11px!important}
.mail-message-copy b{font-size:14px!important;margin-top:1px}
.mail-message-copy small{font-size:11px!important}
.mail-message-icons{gap:4px!important}
.mail-list-star,.mail-list-attachment{width:20px!important;height:20px!important;background:transparent!important}
.mail-list-star svg,.mail-list-attachment svg{width:13px!important;height:13px!important}

.mail-reader-modern{max-width:1000px!important;padding:28px 34px 48px!important}
.mail-reader-header-modern h2{font-size:31px!important;line-height:1.22!important;margin-bottom:16px!important}
.mail-reader-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
.mail-reader-address strong{font-size:14px!important}
.mail-reader-address span{font-size:12px!important}
.mail-reader-header-modern time{font-size:11px!important;background:transparent!important;padding:3px 0!important}
.mail-customer-link{padding:10px 12px!important;border-radius:9px!important;background:rgba(199,166,90,.045)!important}
.mail-customer-link>svg{width:17px!important;height:17px!important}
.mail-customer-link small{font-size:9px!important}
.mail-customer-link strong{font-size:13px!important}

.mail-reader-actions-professional{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px -6px 0;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,25,41,.94);backdrop-filter:blur(14px)}
.mail-reader-actions-professional .mail-actions-primary{display:flex;align-items:center;gap:7px}
.mail-reader-actions-professional button,.mail-more-actions summary{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0d2033;color:#c4d0dc;font-size:11px;font-weight:750;cursor:pointer}
.mail-reader-actions-professional button svg,.mail-more-actions summary svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mail-action-primary{background:rgba(199,166,90,.13)!important;border-color:rgba(199,166,90,.27)!important;color:#f0dfad!important}
.mail-reader-actions-professional button:hover,.mail-more-actions summary:hover{border-color:rgba(199,166,90,.32);background:rgba(199,166,90,.08);color:#fff}
.mail-more-actions{position:relative}
.mail-more-actions>summary{list-style:none}
.mail-more-actions>summary::-webkit-details-marker{display:none}
.mail-more-actions>summary svg:last-child{width:11px;height:11px;margin-left:2px;transition:transform .16s ease}
.mail-more-actions[open]>summary svg:last-child{transform:rotate(180deg)}
.mail-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:210px;display:grid;gap:3px;padding:6px;border:1px solid rgba(199,166,90,.22);border-radius:10px;background:#0b1c2e;box-shadow:0 18px 45px rgba(0,0,0,.45)}
.mail-more-menu button{width:100%;justify-content:flex-start;border:0;background:transparent;color:#c3cfdb;font-size:11px}
.mail-more-menu button:hover{background:rgba(199,166,90,.09)}
.mail-more-menu button.danger{color:#ef9ba2}
.mail-more-menu button.is-flagged{color:#e1bd63}

.mail-convert-panel-compact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:14px!important;padding:10px 12px!important;border-radius:10px!important;background:#0b1c2e!important}
.mail-convert-panel-compact .mail-convert-heading strong{font-size:11px!important;color:#92a3b5!important;white-space:nowrap}
.mail-convert-panel-compact .mail-convert-bar{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding:0!important}
.mail-convert-panel-compact .mail-convert-action{display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important;min-width:0!important;flex:0 0 auto!important;padding:0 10px!important;min-height:34px!important;border-radius:8px!important;background:#0d2033!important}
.mail-convert-panel-compact .mail-convert-action>svg{width:14px!important;height:14px!important;color:#9fb1c4!important}
.mail-convert-panel-compact .mail-convert-action strong{font-size:11px!important;font-weight:750!important}

.mail-body-card{margin-top:16px!important;padding:24px 26px!important;border-radius:12px!important;background:#0c1c2d!important;box-shadow:none!important}
.mail-body-card .mail-body-text{font-size:17px!important;line-height:1.8!important;color:#dce4ec!important}
.mail-attachments{margin-top:16px!important}
.mail-attachments h3{font-size:12px!important}
.mail-attachments button{padding:9px 10px!important;border-radius:9px!important;max-width:330px!important}
.mail-attachments strong{font-size:12px!important}
.mail-attachments small{font-size:10px!important}

@media(max-width:1500px){.mail-workspace-modern{grid-template-columns:195px minmax(350px,410px) minmax(480px,1fr)!important}.mail-reader-modern{padding-left:26px!important;padding-right:26px!important}}
@media(max-width:1180px){.mail-workspace-modern{grid-template-columns:190px minmax(330px,1fr)!important;height:auto!important}.mail-reader-actions-professional{position:static}.mail-reader-modern{max-width:none!important}}
@media(max-width:760px){.mail-reader-actions-professional{align-items:stretch;flex-direction:column}.mail-reader-actions-professional .mail-actions-primary{width:100%}.mail-more-actions{align-self:flex-start}.mail-convert-panel-compact{align-items:flex-start!important;flex-direction:column!important}.mail-convert-panel-compact .mail-convert-bar{flex-wrap:wrap!important}.mail-reader-header-modern h2{font-size:24px!important}.mail-body-card .mail-body-text{font-size:16px!important}}


/* v0.12.7 – Mail-Fenster größer + Symbolsprache verfeinert */
.mail-page-modern{gap:16px!important;min-height:calc(100vh - 112px)!important}
.mail-page-toolbar-modern{padding:4px 4px 8px!important}
.mail-account-avatar{width:52px!important;height:52px!important;border-radius:15px!important;font-size:18px!important}
.mail-account-heading strong{font-size:19px!important;letter-spacing:-.01em}
.mail-account-heading small{font-size:12.5px!important}
.mail-toolbar-actions{gap:12px!important}
.mail-icon-button{width:46px!important;height:46px!important;border-radius:12px!important;background:#0d2237!important;color:#9eb3c8!important}
.mail-icon-button:hover{color:#dfbe69!important;background:rgba(199,166,90,.08)!important}
.mail-icon-button svg{width:18px!important;height:18px!important;stroke-width:2.05!important}
.mail-toolbar-button{min-height:50px!important;padding:0 18px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important;gap:9px!important}
.mail-toolbar-button>svg{width:17px!important;height:17px!important;stroke-width:2!important;color:currentColor!important}

.mail-workspace-modern{grid-template-columns:230px minmax(430px,500px) minmax(760px,1fr)!important;height:calc(100vh - 142px)!important;min-height:780px!important;border-radius:18px!important}
.mail-folder-pane-modern{padding:14px 12px!important}
.mail-compose-sidebar,.mail-compose-main{height:48px!important;min-height:48px!important;padding:0 15px!important;border-radius:11px!important;font-size:14px!important}
.mail-compose-sidebar>svg,.mail-compose-main>svg{width:17px!important;height:17px!important;stroke-width:2!important}
.mail-folder-caption{padding:6px 10px 8px!important;font-size:9.5px!important;color:#71859b!important}
.mail-folder-list{gap:4px!important}
.mail-folder-item{grid-template-columns:34px minmax(0,1fr) auto!important;min-height:46px!important;padding:0 10px!important;border-radius:10px!important}
.mail-folder-icon{width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(255,255,255,.038)!important;color:#88a0b8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.mail-folder-icon svg{width:16px!important;height:16px!important;color:currentColor!important;stroke-width:2!important}
.mail-folder-item:hover .mail-folder-icon{background:rgba(255,255,255,.06)!important;color:#b8c8d8!important}
.mail-folder-item.active{background:linear-gradient(180deg,rgba(199,166,90,.12),rgba(199,166,90,.06))!important;box-shadow:inset 3px 0 #d8b45d!important}
.mail-folder-item.active .mail-folder-icon{background:linear-gradient(180deg,rgba(199,166,90,.28),rgba(199,166,90,.14))!important;color:#f3d987!important}
.mail-folder-item>span:nth-child(2){font-size:13.5px!important;font-weight:760!important}
.mail-folder-item b{font-size:9.5px!important;padding:4px 7px!important}
.mail-folder-item small{font-size:9.5px!important}
.mail-settings-link{margin-top:16px!important;padding-top:12px!important}

.mail-list-pane-modern{grid-template-rows:auto minmax(0,1fr)!important}
.mail-list-head-modern{padding:16px 18px!important}
.mail-list-title-row>div strong{font-size:19px!important}
.mail-list-title-row>div span{font-size:12px!important}
.mail-search-form input{height:46px!important;font-size:14px!important;border-radius:11px!important}
.mail-search-form button{width:36px!important;height:36px!important}
.mail-search-form button svg{width:16px!important;height:16px!important;color:#d8b55f!important;stroke-width:2!important}
.mail-message-list{padding:6px 0!important}
.mail-message-item{min-height:98px!important;padding:15px 16px!important;grid-template-columns:48px minmax(0,1fr) auto!important}
.mail-sender-avatar{width:44px!important;height:44px!important;border-radius:12px!important;font-size:13px!important}
.mail-message-top strong{font-size:15px!important}
.mail-message-top time{font-size:11px!important}
.mail-message-copy b{font-size:14px!important;line-height:1.35!important}
.mail-message-copy small{font-size:11.5px!important}
.mail-message-icons{gap:6px!important}
.mail-list-star,.mail-list-attachment{width:24px!important;height:24px!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important}
.mail-list-star{color:#e0bd67!important}
.mail-list-attachment{color:#8eabc8!important}
.mail-list-star svg,.mail-list-attachment svg{width:14px!important;height:14px!important;stroke-width:2!important}

.mail-reader-modern{max-width:none!important;width:100%!important;margin:0!important;padding:30px 32px 52px!important}
.mail-reader-header-modern h2{font-size:34px!important;line-height:1.18!important;margin-bottom:18px!important;max-width:900px!important}
.mail-reader-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;font-size:14px!important}
.mail-reader-address strong{font-size:15px!important}
.mail-reader-address span{font-size:12.5px!important}
.mail-reader-header-modern time{font-size:11.5px!important}
.mail-customer-link{padding:11px 13px!important;border-radius:10px!important}
.mail-customer-link>svg{width:18px!important;height:18px!important;color:#ddb860!important;stroke-width:2!important}
.mail-customer-link small{font-size:9.5px!important}
.mail-customer-link strong{font-size:13.5px!important}

.mail-reader-actions-professional{padding:11px 6px 12px!important;gap:12px!important}
.mail-reader-actions-professional .mail-actions-primary{gap:8px!important}
.mail-reader-actions-professional button,.mail-more-actions summary{min-height:38px!important;padding:0 12px!important;border-radius:9px!important;font-size:12px!important}
.mail-reader-actions-professional button svg,.mail-more-actions summary svg{width:15px!important;height:15px!important;stroke-width:2!important}
.mail-action-primary{background:rgba(199,166,90,.11)!important;border-color:rgba(199,166,90,.24)!important;color:#f2dfab!important}
.mail-action-primary svg{color:#dcb75f!important}
.mail-more-actions summary svg:first-child{color:#8ea4bb!important}
.mail-more-menu{min-width:220px!important;padding:7px!important;border-radius:11px!important}
.mail-more-menu button{min-height:34px!important;padding:0 10px!important;border-radius:8px!important;font-size:12px!important}
.mail-more-menu button svg{width:15px!important;height:15px!important;stroke-width:2!important;color:#9cb1c7!important}
.mail-more-menu button.is-flagged svg{color:#e0bd67!important}
.mail-more-menu button.danger svg{color:#ef9ba2!important}

.mail-convert-panel-compact{gap:12px!important;margin-top:16px!important;padding:11px 13px!important;border-radius:11px!important}
.mail-convert-panel-compact .mail-convert-heading strong{font-size:11.5px!important}
.mail-convert-panel-compact .mail-convert-action{min-height:36px!important;padding:0 11px!important;border-radius:9px!important;gap:8px!important}
.mail-convert-panel-compact .mail-convert-action>svg{width:15px!important;height:15px!important;stroke-width:2!important;background:rgba(255,255,255,.045)!important;padding:3px;border-radius:7px!important;box-sizing:content-box}
.mail-convert-panel-compact .mail-convert-action.task>svg{color:#79d3a4!important;background:rgba(103,201,152,.09)!important}
.mail-convert-panel-compact .mail-convert-action.appointment>svg{color:#8fb8f6!important;background:rgba(128,174,241,.10)!important}
.mail-convert-panel-compact .mail-convert-action strong{font-size:11.5px!important}

.mail-body-card{margin-top:18px!important;padding:26px 28px!important;border-radius:14px!important}
.mail-body-card .mail-body-text{font-size:17.5px!important;line-height:1.82!important}
.mail-attachments{margin-top:18px!important}
.mail-attachments h3{font-size:12.5px!important}
.mail-attachments button{padding:10px 11px!important;max-width:360px!important}
.mail-attachments button>svg{width:16px!important;height:16px!important;color:#ddb860!important;stroke-width:2!important}

.mail-compose-window{width:min(1120px,calc(100vw - 36px))!important;max-height:calc(100vh - 24px)!important;border-radius:20px!important}
.mail-compose-window h2{font-size:24px!important}
.mail-compose-form input,.mail-compose-form textarea{font-size:15px!important}
.mail-compose-form input{min-height:50px!important}
.mail-compose-form footer .btn{min-height:46px!important;font-size:14px!important}

@media(max-width:1700px){.mail-workspace-modern{grid-template-columns:220px minmax(390px,460px) minmax(620px,1fr)!important}}
@media(max-width:1450px){.mail-workspace-modern{grid-template-columns:210px minmax(360px,420px) minmax(520px,1fr)!important}.mail-reader-modern{padding-left:28px!important;padding-right:28px!important}.mail-reader-header-modern h2{font-size:31px!important}}
@media(max-width:1180px){.mail-workspace-modern{grid-template-columns:200px minmax(340px,1fr)!important;height:auto!important}.mail-reader-actions-professional{position:static!important}.mail-reader-modern{padding:26px 24px 42px!important}}
@media(max-width:760px){.mail-workspace-modern{display:block!important}.mail-reader-header-modern h2{font-size:24px!important}.mail-body-card .mail-body-text{font-size:16px!important;line-height:1.75!important}}


/* v0.12.8 – Mail-Modul nutzt die volle verfügbare Breite */
.content:has(#mailModule){
  padding:8px 10px 12px!important;
  overflow:hidden!important;
}
#mailModule,
.mail-module,
.mail-page-modern{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.mail-page-modern{
  height:100%!important;
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
}
.mail-page-toolbar-modern{
  padding:4px 8px 6px!important;
}
.mail-workspace-modern{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  grid-template-columns:190px minmax(330px,390px) minmax(0,1fr)!important;
  border-radius:14px!important;
}
.mail-folder-pane-modern{
  min-width:0!important;
  padding:12px 9px!important;
}
.mail-compose-sidebar{
  margin:0 0 10px!important;
  padding:0 12px!important;
  font-size:13px!important;
}
.mail-folder-item{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  padding:0 8px!important;
}
.mail-folder-item>span:nth-child(2){
  font-size:12.5px!important;
}
.mail-list-pane-modern,
.mail-reader-pane-modern{
  min-width:0!important;
  min-height:0!important;
}
.mail-list-head-modern{
  padding:14px!important;
}
.mail-message-item{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  padding:14px 13px!important;
}
.mail-reader-modern{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 36px 44px!important;
}
.mail-reader-header-modern h2{
  max-width:none!important;
  font-size:36px!important;
}
.mail-body-card{
  width:100%!important;
  max-width:none!important;
  padding:26px 30px!important;
}
.mail-body-card .mail-body-text{
  max-width:none!important;
  font-size:18px!important;
  line-height:1.82!important;
}
.mail-reader-actions-professional,
.mail-convert-panel-compact{
  width:100%!important;
}

@media(max-width:1550px){
  .mail-workspace-modern{
    grid-template-columns:180px minmax(310px,360px) minmax(0,1fr)!important;
  }
  .mail-reader-modern{padding-left:30px!important;padding-right:30px!important}
  .mail-reader-header-modern h2{font-size:32px!important}
}
@media(max-width:1280px){
  .content:has(#mailModule){padding:6px 8px 10px!important}
  .mail-workspace-modern{
    grid-template-columns:170px minmax(290px,330px) minmax(0,1fr)!important;
  }
  .mail-reader-modern{padding-left:24px!important;padding-right:24px!important}
}
@media(max-width:1060px){
  .content:has(#mailModule){overflow:auto!important}
  .mail-page-modern{height:auto!important}
  .mail-workspace-modern{
    height:auto!important;
    min-height:760px!important;
    grid-template-columns:180px minmax(320px,1fr)!important;
  }
  .mail-reader-pane-modern{grid-column:1/-1!important;min-height:620px!important}
}
@media(max-width:760px){
  .content:has(#mailModule){padding:4px!important}
  .mail-workspace-modern{display:block!important}
  .mail-reader-modern{padding:22px 18px 34px!important}
  .mail-reader-header-modern h2{font-size:25px!important}
}


/* v0.12.9 – Lesebereich im Mail-Modul zuverlässig scrollbar */
.mail-workspace-modern{
  min-height:0!important;
  overflow:hidden!important;
}
.mail-reader-pane-modern{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.mail-reader-modern{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable both-edges!important;
}
.mail-reader-empty{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
.mail-body-card{
  overflow:visible!important;
}
.mail-body-card .mail-body-text{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:1060px){
  .mail-reader-pane-modern{height:auto!important;overflow:visible!important}
  .mail-reader-modern{height:auto!important;max-height:72vh!important}
}
@media(max-width:760px){
  .mail-reader-modern{max-height:none!important}
}


/* v0.12.10 – unabhängige Scrollflächen für Nachrichtenliste und Mailtext */
.content:has(#mailModule){
  display:flex!important;
  flex-direction:column!important;
  height:calc(100vh - 88px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#mailModule.mail-module{
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#mailModule .mail-page-modern{
  display:grid!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
#mailModule .mail-workspace-modern{
  align-self:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#mailModule .mail-list-pane-modern{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#mailModule .mail-message-list{
  display:block!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}
#mailModule .mail-reader-pane-modern{
  display:block!important;
  position:relative!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#mailModule .mail-reader-modern{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}
#mailModule .mail-reader-empty{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
}
#mailModule .mail-message-list::-webkit-scrollbar,
#mailModule .mail-reader-modern::-webkit-scrollbar{
  width:12px!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-track,
#mailModule .mail-reader-modern::-webkit-scrollbar-track{
  background:#081523!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-thumb,
#mailModule .mail-reader-modern::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#d8b865,#b88d36)!important;
  border:3px solid #081523!important;
  border-radius:999px!important;
}
#mailModule .mail-message-list,
#mailModule .mail-reader-modern{
  scrollbar-width:auto!important;
  scrollbar-color:#c8a24e #081523!important;
}
@media(max-width:1060px){
  .content:has(#mailModule){overflow:auto!important;height:calc(100vh - 88px)!important}
  #mailModule.mail-module{overflow:visible!important;height:auto!important}
  #mailModule .mail-page-modern{height:auto!important;overflow:visible!important}
  #mailModule .mail-workspace-modern{height:auto!important;min-height:780px!important;overflow:visible!important}
  #mailModule .mail-list-pane-modern{height:560px!important;max-height:560px!important}
  #mailModule .mail-reader-pane-modern{height:680px!important;max-height:680px!important;overflow:hidden!important}
  #mailModule .mail-reader-modern{height:100%!important;max-height:100%!important;overflow-y:scroll!important}
}
@media(max-width:760px){
  #mailModule .mail-list-pane-modern{height:560px!important;max-height:560px!important}
  #mailModule .mail-reader-pane-modern{height:70vh!important;max-height:70vh!important}
}


/* v0.12.12 – Mail-Kopf und Scrollleisten korrigiert */
#mailModule .mail-reader-modern{
  padding-top:38px!important;
  scroll-padding-top:38px!important;
}
#mailModule .mail-reader-header-modern{
  padding-top:2px!important;
}
#mailModule .mail-reader-header-modern time{
  margin-top:5px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
#mailModule .mail-message-list::-webkit-scrollbar,
#mailModule .mail-reader-modern::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-track,
#mailModule .mail-reader-modern::-webkit-scrollbar-track{
  background:rgba(7,20,33,.35)!important;
  border-radius:999px!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-thumb,
#mailModule .mail-reader-modern::-webkit-scrollbar-thumb{
  min-height:42px!important;
  background:#9f7c36!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-thumb:hover,
#mailModule .mail-reader-modern::-webkit-scrollbar-thumb:hover{
  background:#c8a24e!important;
  background-clip:padding-box!important;
}
#mailModule .mail-message-list::-webkit-scrollbar-button,
#mailModule .mail-reader-modern::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}
#mailModule .mail-message-list,
#mailModule .mail-reader-modern{
  scrollbar-width:thin!important;
  scrollbar-color:#9f7c36 rgba(7,20,33,.35)!important;
}


/* v0.12.13 – Aktionszeile im Mail-Leser scrollt normal mit */
.mail-reader-actions-modern,
.mail-reader-actions-professional{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}
.mail-reader-actions-modern{
  margin:0!important;
  padding-top:14px!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.mail-reader-actions-professional{
  margin:0!important;
  padding-top:14px!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.mail-convert-panel,
.mail-convert-panel-compact{
  margin-top:16px!important;
}

/* v0.13.1 – Bankdaten, Kontoauszüge und Zahlungszuweisung */
.finance-bank-page{min-width:0}
.finance-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.bank-module{min-height:520px}
.bank-loading-state,.bank-error-state{min-height:420px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,34,56,.96),rgba(8,21,36,.97));color:var(--muted);text-align:center}
.bank-loading-state>svg{width:34px;height:34px;color:var(--gold);animation:mailSpin 1.1s linear infinite}
.bank-loading-state strong,.bank-error-state strong{font-size:18px;color:#fff}.bank-loading-state span,.bank-error-state span{font-size:12px;line-height:1.5}.bank-error-state>svg{width:38px;height:38px;color:var(--danger)}
.bank-setup-card,.bank-institution-shell,.bank-connected-shell,.bank-authorization-card,.bank-select-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(15,34,56,.98),rgba(8,22,37,.98));box-shadow:0 18px 48px rgba(0,0,0,.18)}
.bank-setup-card,.bank-institution-shell,.bank-connected-shell{padding:24px}.bank-authorization-card,.bank-select-card{min-height:420px;display:flex;align-items:center;justify-content:center;gap:24px;padding:40px}
.bank-setup-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px}.bank-setup-heading>span,.bank-select-card>span,.bank-authorization-icon{width:64px;height:64px;display:grid;place-items:center;flex:0 0 64px;border-radius:18px;background:rgba(199,166,90,.12);color:#d7b55f}.bank-setup-heading>span svg,.bank-select-card>span svg,.bank-authorization-icon svg{width:31px;height:31px;stroke-width:1.8}
.bank-setup-heading h2,.bank-select-card h2,.bank-authorization-card h2,.bank-institution-shell h2,.bank-connected-shell h2{margin:3px 0 8px;font-size:24px}.bank-setup-heading p:not(.eyebrow),.bank-select-card p:not(.eyebrow),.bank-authorization-card p:not(.eyebrow),.bank-institution-shell p:not(.eyebrow),.bank-connected-shell p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:12px;line-height:1.6}
.bank-credentials-form,.bank-institution-form{display:grid;grid-template-columns:1fr 1fr 160px;gap:16px}.bank-credentials-form label,.bank-institution-form label{display:grid;gap:7px;color:#dce5ef;font-size:11px;font-weight:750}.bank-credentials-form input,.bank-credentials-form select,.bank-institution-form input,.bank-institution-form select{min-height:48px}.bank-security-note,.bank-provider-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(199,166,90,.2);border-radius:12px;background:rgba(199,166,90,.05);color:#9faec0;font-size:10.5px;line-height:1.5}.bank-security-note>svg,.bank-provider-note>svg{width:19px;height:19px;flex:0 0 19px;color:#d7b55f}.bank-credentials-form footer,.bank-institution-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.bank-institution-form{grid-template-columns:1fr}.bank-authorization-status{display:inline-flex;gap:7px;margin:10px 0 18px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);color:#92a3b5;font-size:10px}.bank-authorization-status strong{color:#fff}
.bank-connected-shell>.panel-header{margin:-24px -24px 20px;padding:22px 24px}.bank-account-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:18px}.bank-account-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b1d30}.bank-account-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(199,166,90,.11);color:#d7b55f}.bank-account-icon svg{width:21px;height:21px}.bank-account-card small,.bank-account-card strong,.bank-account-card span{display:block}.bank-account-card small{font-size:9px;color:#8293a6}.bank-account-card strong{margin:3px 0;font-size:13px;color:#fff}.bank-account-card span{font-size:10px;color:#8596a8}.bank-account-card>b{font-size:18px;color:#f0f4f8;white-space:nowrap}.bank-empty-connected{grid-column:1/-1;display:grid;place-items:center;gap:7px;padding:35px;color:var(--muted);text-align:center}.bank-empty-connected svg{width:30px;height:30px;color:#d7b55f}.bank-empty-connected strong{color:#fff}
.bank-connected-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid rgba(199,166,90,.18);border-radius:13px;background:rgba(199,166,90,.045)}.bank-connected-info strong,.bank-connected-info span{display:block}.bank-connected-info strong{font-size:12px}.bank-connected-info span{max-width:820px;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}
.bank-statements-shell{display:grid;gap:14px}.bank-statements-header{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,34,55,.98),rgba(9,23,39,.98))}.bank-statements-header .btn svg{width:15px;height:15px}.bank-statements-shell>.bank-account-strip{margin:0}.bank-transactions-table{max-height:calc(100vh - 360px);overflow:auto;scrollbar-gutter:stable}.bank-transactions-table table{min-width:1180px}.bank-reference{max-width:520px;white-space:normal!important;line-height:1.4}.bank-amount-positive{color:#74d5a5!important}.bank-amount-negative{color:#f099a1!important}.bank-assignment-result{display:grid;gap:3px}.bank-assignment-result .badge{width:max-content}.bank-assignment-result strong{font-size:10.5px}.bank-assignment-result small{color:var(--muted);font-size:9px}.bank-assignment-control{display:grid;grid-template-columns:minmax(230px,1fr) 36px;align-items:center;gap:7px}.bank-assignment-control select{min-width:230px;height:36px;padding:7px 30px 7px 9px;font-size:9.5px}.bank-assignment-control .small-action{width:36px;height:36px}.bank-provider-note{margin-top:2px}.bank-select-card>div,.bank-authorization-card>div{max-width:820px}.bank-select-card .toolbar-actions,.bank-authorization-card .toolbar-actions{margin-top:18px}
@media(max-width:1500px){.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-credentials-form{grid-template-columns:1fr 1fr}.bank-credentials-form label:last-of-type{grid-column:1/-1}.bank-connected-info{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.finance-kpis{grid-template-columns:1fr}.bank-setup-heading,.bank-select-card,.bank-authorization-card{align-items:flex-start;flex-direction:column}.bank-credentials-form{grid-template-columns:1fr}.bank-credentials-form label:last-of-type{grid-column:auto}.bank-credentials-form footer,.bank-institution-form footer{align-items:stretch;flex-direction:column}.bank-credentials-form footer .btn,.bank-institution-form footer .btn{width:100%}}

/* v0.13.1 – Finom-Import + vorbereitete finAPI-Liveverbindung */
.bank-hybrid-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;align-items:start}
.bank-import-card,.bank-live-card,.bank-assignment-info{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(15,34,56,.98),rgba(8,22,37,.98));box-shadow:0 18px 48px rgba(0,0,0,.18)}
.bank-import-card,.bank-live-card{padding:24px}
.bank-card-heading{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;align-items:start}
.bank-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(199,166,90,.11);color:#d7b55f}
.bank-card-icon.live{background:rgba(100,158,226,.10);color:#82afe8}
.bank-card-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bank-card-heading h2{margin:3px 0 8px;font-size:23px}
.bank-card-heading p:not(.eyebrow){margin:0;max-width:760px;color:var(--muted);font-size:12px;line-height:1.6}
.bank-format-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:20px 0 16px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0a1b2d}
.bank-format-row>span{padding:5px 8px;border-radius:8px;background:rgba(199,166,90,.10);color:#dfc275;font-size:10px;font-weight:850}
.bank-format-row>small{margin-left:auto;color:#8495a7;font-size:9.5px;line-height:1.4}
.bank-import-footer,.bank-live-configured{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.bank-import-footer strong,.bank-import-footer span,.bank-live-configured strong,.bank-live-configured span{display:block}
.bank-import-footer strong,.bank-live-configured strong{font-size:12px;color:#fff}
.bank-import-footer span,.bank-live-configured span{margin-top:4px;color:#8697a9;font-size:10px;line-height:1.45}
.bank-live-status{display:flex;align-items:center;gap:10px;margin:18px 0 14px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0a1b2d}
.bank-live-status small{color:#8495a7;font-size:9.5px;line-height:1.4}
.bank-finapi-details{margin-top:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0a1b2d;overflow:hidden}
.bank-finapi-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;color:#dce5ee;font-size:11px;font-weight:800;cursor:pointer}
.bank-finapi-details>summary svg{width:16px;height:16px;color:#d7b55f;transition:transform .16s}
.bank-finapi-details[open]>summary svg{transform:rotate(180deg)}
.bank-finapi-details .bank-credentials-form{padding:14px;border-top:1px solid rgba(255,255,255,.07)}
.bank-assignment-info{grid-column:1/-1;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px 18px}
.bank-assignment-info>svg{width:22px;height:22px;color:#d7b55f}
.bank-assignment-info strong,.bank-assignment-info span{display:block}
.bank-assignment-info strong{font-size:12px;color:#fff}
.bank-assignment-info span{margin-top:3px;color:#8b9bac;font-size:10px;line-height:1.45}
.bank-balance-missing{display:block;max-width:140px;color:#8b9bac;font-size:9px;line-height:1.35;text-align:right;white-space:normal}
@media(max-width:1250px){.bank-hybrid-shell{grid-template-columns:1fr}.bank-assignment-info{grid-column:auto}.bank-live-card{order:2}.bank-assignment-info{order:3}}
@media(max-width:760px){.bank-import-footer,.bank-live-configured{align-items:stretch;flex-direction:column}.bank-import-footer .btn,.bank-live-configured .btn{width:100%}.bank-assignment-info{grid-template-columns:32px 1fr}.bank-assignment-info .btn{grid-column:1/-1;width:100%}.bank-format-row>small{width:100%;margin:4px 0 0}}


/* v0.13.2 – kompakter Dateiimport-Button */
.bank-import-footer .bank-import-button{
  width:auto!important;
  min-width:0!important;
  max-width:210px!important;
  min-height:44px!important;
  height:44px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.bank-import-footer .bank-import-button svg{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.9!important;
  flex:0 0 17px!important;
}
.bank-import-footer .bank-import-button span{
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:1!important;
}
@media(max-width:760px){
  .bank-import-footer .bank-import-button{
    width:100%!important;
    max-width:none!important;
  }
}


/* v0.13.5 – Gesamtrabatt auf Rechnungen */
.invoice-total-discount{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(135px,.7fr) minmax(130px,.65fr) minmax(220px,1.2fr) minmax(125px,.6fr);align-items:end;gap:10px;padding:12px 14px;border-top:1px solid #dfe6ed;background:#f8fafc}
.invoice-total-discount-heading{display:flex;align-items:center;gap:10px;align-self:center;color:#1d334d}.invoice-total-discount-heading>svg{width:18px;height:18px;color:#b38b35}.invoice-total-discount-heading strong,.invoice-total-discount-heading span{display:block}.invoice-total-discount-heading strong{font-size:12px}.invoice-total-discount-heading span{margin-top:2px;color:#7a8795;font-size:9px}
.invoice-total-discount label{display:grid;gap:5px;margin:0;color:#536274;font-size:9px;font-weight:750}.invoice-total-discount input,.invoice-total-discount select,.invoice-total-discount .custom-select-trigger{height:38px!important;min-height:38px!important;border-radius:9px!important;background:#fff!important;font-size:11px!important}
.invoice-discount-value-wrap{position:relative}.invoice-discount-value-wrap input{width:100%;padding-right:34px!important}.invoice-discount-value-wrap>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#667586;font-size:11px;font-weight:800;pointer-events:none}.invoice-total-discount-result{display:grid;align-content:center;gap:4px;min-height:38px;padding:7px 11px;border-radius:9px;background:#0d2239}.invoice-total-discount-result span{color:#aab7c5;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.invoice-total-discount-result strong{color:#e3bd5e;font-size:14px}
.invoice-total-discount input:read-only{opacity:.58;cursor:not-allowed;background:#eef2f6!important}.doc-totals .invoice-discount-row em{font-weight:700;color:#845f16}
@media(max-width:1200px){.invoice-total-discount{grid-template-columns:1fr 1fr 1fr}.invoice-total-discount-heading,.invoice-total-discount-reason{grid-column:span 2}}
@media(max-width:760px){.invoice-total-discount{grid-template-columns:1fr}.invoice-total-discount-heading,.invoice-total-discount-reason{grid-column:auto}}


/* v0.13.7 – automatischer Projektfortschritt */
.automatic-progress-field{display:grid;gap:7px}.automatic-progress-field>span{font-size:11px;font-weight:750;color:var(--muted)}.automatic-progress-field>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;border:1px solid rgba(199,166,90,.25);border-radius:11px;background:rgba(199,166,90,.055)}.automatic-progress-field strong{font-size:18px;color:var(--gold)}.automatic-progress-field small{max-width:320px;color:var(--muted);font-size:9.5px;line-height:1.4;text-align:right}


/* v0.13.9 – kompakte automatische Fortschrittsanzeige */
.automatic-progress-field{display:grid!important;gap:7px!important;min-width:0!important}
.automatic-progress-field>span{font-size:11px!important;font-weight:750!important;color:var(--muted)!important}
.automatic-progress-field>.automatic-progress-card{display:grid!important;gap:9px!important;min-height:0!important;padding:13px 15px!important;border:1px solid rgba(199,166,90,.28)!important;border-radius:12px!important;background:rgba(199,166,90,.05)!important}
.automatic-progress-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
.automatic-progress-head strong{display:block!important;flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important;color:var(--gold)!important;font-size:22px!important;line-height:1!important;letter-spacing:-.02em!important}
.automatic-progress-head>span{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 9px!important;border:1px solid rgba(199,166,90,.22)!important;border-radius:999px!important;background:rgba(199,166,90,.08)!important;color:var(--muted)!important;font-size:9px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important}
.automatic-progress-bar{height:6px!important;overflow:hidden!important;border-radius:999px!important;background:rgba(149,164,181,.16)!important}
.automatic-progress-bar>i{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--gold)!important;transition:width .2s ease!important}
.automatic-progress-field>.automatic-progress-card>small{display:block!important;max-width:none!important;margin:0!important;color:var(--muted)!important;font-size:9.5px!important;line-height:1.45!important;text-align:left!important}
@media(max-width:620px){.automatic-progress-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.automatic-progress-head>span{white-space:normal!important}.automatic-progress-field>.automatic-progress-card{padding:12px!important}}

/* v0.13.11 – kompakte zusätzliche Rechnungshinweise */
.document-modal .document-note-textarea textarea[name="content"]{
  height:112px!important;
  min-height:112px!important;
  max-height:220px!important;
  resize:vertical!important;
}
@media(max-width:720px){
  .document-modal .document-note-textarea textarea[name="content"]{
    height:104px!important;
    min-height:104px!important;
  }
}


/* v0.13.12 – sauberer, vollständig sichtbarer Gesamtrabattbereich */
.invoice-total-discount{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  min-width:0!important;
  padding:15px 16px!important;
  border-top:1px solid #dfe6ed!important;
  background:#f8fafc!important;
}
.invoice-total-discount-heading{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.invoice-total-discount-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(179,139,53,.24)!important;
  border-radius:10px!important;
  background:rgba(179,139,53,.09)!important;
  color:#a97d26!important;
}
.invoice-total-discount-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.invoice-total-discount-heading>div:nth-child(2){min-width:0!important}
.invoice-total-discount-heading strong,.invoice-total-discount-heading span{display:block!important}
.invoice-total-discount-heading strong{color:#1d334d!important;font-size:13px!important;line-height:1.2!important}
.invoice-total-discount-heading>div:nth-child(2)>span{margin-top:3px!important;color:#7a8795!important;font-size:9.5px!important;line-height:1.35!important}
.invoice-total-discount-fields{
  display:grid!important;
  grid-template-columns:minmax(165px,.85fr) minmax(145px,.7fr) minmax(240px,1.55fr)!important;
  align-items:end!important;
  gap:11px!important;
  min-width:0!important;
}
.invoice-total-discount-fields label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  color:#536274!important;
  font-size:9.5px!important;
  font-weight:750!important;
}
.invoice-total-discount-fields input,.invoice-total-discount-fields select,.invoice-total-discount-fields .custom-select,.invoice-total-discount-fields .custom-select-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.invoice-total-discount-fields input,.invoice-total-discount-fields select,.invoice-total-discount-fields .custom-select-trigger{
  height:40px!important;
  min-height:40px!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:11px!important;
}
.invoice-total-discount-fields .custom-select-trigger{padding:0 12px!important}
.invoice-total-discount-fields .custom-select-value{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.invoice-discount-value-wrap{position:relative!important;min-width:0!important}
.invoice-discount-value-wrap input{padding-right:36px!important}
.invoice-discount-value-wrap>span{right:12px!important;color:#667586!important}
.invoice-total-discount-result{
  min-width:138px!important;
  min-height:40px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:end!important;
  gap:3px!important;
  padding:7px 12px!important;
  border-radius:9px!important;
  background:#0d2239!important;
}
.invoice-total-discount-result span{color:#aab7c5!important;font-size:8px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.invoice-total-discount-result strong{color:#e3bd5e!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important}
@media(max-width:1050px){
  .invoice-total-discount-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .invoice-total-discount-reason{grid-column:1/-1!important}
}
@media(max-width:680px){
  .invoice-total-discount-heading{grid-template-columns:38px minmax(0,1fr)!important}
  .invoice-total-discount-result{grid-column:1/-1!important;justify-items:start!important}
  .invoice-total-discount-fields{grid-template-columns:minmax(0,1fr)!important}
  .invoice-total-discount-reason{grid-column:auto!important}
}

/* v0.13.13 – Gesamtrabatt stabil in zwei Eingabezeilen */
.invoice-total-discount{
  overflow:hidden!important;
}
.invoice-total-discount-fields{
  grid-template-columns:minmax(220px,320px) minmax(180px,260px)!important;
  justify-content:start!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.invoice-total-discount-reason{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:100%!important;
}
.invoice-total-discount-reason input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .invoice-total-discount-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .invoice-total-discount-reason{
    grid-column:1/-1!important;
  }
}
@media(max-width:560px){
  .invoice-total-discount-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .invoice-total-discount-reason{
    grid-column:auto!important;
  }
}

/* v0.13.14 – korrekte Rechnungssumme und einheitlich angeordnete Symbole */
.invoice-total-discount-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
.invoice-total-discount-icon .icon-svg,
.invoice-total-discount-icon svg{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  margin:0!important;
  transform:none!important;
  transform-origin:center!important;
  overflow:visible!important;
  stroke-width:2!important;
}

/* Aktionssymbole in Tabellen und Dokumentkarten */
.actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:max-content!important;
  white-space:nowrap!important;
}
.actions .small-action,
.document-card-actions .small-action{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  border-radius:9px!important;
  line-height:1!important;
}
.actions .small-action svg,
.document-card-actions .small-action svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  transform:none!important;
}
.actions .small-action .action-label,
.document-card-actions .small-action .action-label{
  position:absolute!important;
  right:2px!important;
  bottom:2px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:13px!important;
  height:9px!important;
  padding:0 2px!important;
  border-radius:3px!important;
  background:#0d2239!important;
  color:#e5c56d!important;
  font-size:5.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  box-shadow:0 0 0 1px rgba(229,197,109,.22)!important;
  pointer-events:none!important;
}
.document-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.document-card-actions>.btn{
  min-height:36px!important;
}

/* Auch die Symbole in Schaltflächen sitzen exakt mittig */
.toolbar-actions .btn,
.document-mode-switch .doc-mode,
.invoice-tax-status-line{
  align-items:center!important;
}
.toolbar-actions .btn svg,
.document-mode-switch .doc-mode svg,
.invoice-tax-status-line svg{
  flex:0 0 auto!important;
  margin:0!important;
  transform:none!important;
}

@media(max-width:980px){
  .actions{
    flex-wrap:wrap!important;
    min-width:0!important;
  }
}


/* v0.13.16 – Rabattbetrag bleibt immer in einer Zeile */
.invoice-summary-clean [data-invoice-discount],
.invoice-summary-clean [data-invoice-settlement],
.invoice-total-discount-result [data-invoice-global-discount]{
  display:inline-flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1.15!important;
}
.invoice-summary-clean>div{
  min-width:0!important;
}


/* v0.13.17 – Rabatticon sauber zentriert, Hinweiszeile dezenter */
.invoice-total-discount-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.invoice-total-discount-icon .icon-svg,
.invoice-total-discount-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:block!important;
  position:relative!important;
  top:1px!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.invoice-tax-status-line{
  gap:7px!important;
  padding:7px 12px!important;
  border-top:1px solid #e5ebe5!important;
  background:#fafbf8!important;
  color:#667566!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}
.invoice-tax-status-line strong{
  font-weight:700!important;
  color:#4f6552!important;
}
.invoice-tax-status-line svg{
  width:13px!important;
  height:13px!important;
  stroke:#739075!important;
}


/* v0.13.18 – Gesamtrabatt ruhiger, kompakter und sauber zentriert */
.invoice-total-discount{
  gap:10px!important;
  padding:12px 14px!important;
  background:#fafbfd!important;
}
.invoice-total-discount-heading{
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:10px!important;
}
.invoice-total-discount-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  background:rgba(179,139,53,.07)!important;
  border:1px solid rgba(179,139,53,.18)!important;
}
.invoice-total-discount-icon .icon-svg,
.invoice-total-discount-icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  top:0!important;
  line-height:1!important;
}
.invoice-total-discount-heading strong{
  font-size:12.5px!important;
}
.invoice-total-discount-heading>div:nth-child(2)>span{
  font-size:9px!important;
  color:#8290a0!important;
}
.invoice-total-discount-result{
  min-width:124px!important;
  min-height:38px!important;
  padding:6px 11px!important;
  border-radius:10px!important;
  background:#102846!important;
  box-shadow:inset 0 0 0 1px rgba(227,189,94,.08)!important;
}
.invoice-total-discount-result span{
  font-size:7.5px!important;
}
.invoice-total-discount-result strong{
  font-size:13px!important;
}
.invoice-total-discount-fields{
  gap:10px!important;
  grid-template-columns:minmax(200px,300px) minmax(160px,240px)!important;
}
.invoice-total-discount-fields label{
  gap:5px!important;
  font-size:9px!important;
}
.invoice-total-discount-fields input,
.invoice-total-discount-fields select,
.invoice-total-discount-fields .custom-select-trigger{
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
}
.invoice-total-discount-reason input{
  height:38px!important;
}
.invoice-tax-status-line{
  gap:6px!important;
  padding:4px 12px!important;
  min-height:30px!important;
  background:#fcfcfa!important;
  border-top:1px solid #edf1ea!important;
  font-size:8px!important;
}
.invoice-tax-status-line strong{
  color:#58705b!important;
}
.invoice-tax-status-line svg{
  width:12px!important;
  height:12px!important;
  stroke-width:1.9!important;
}


/* v0.13.19 – Gesamtrabatt deutlich kompakter und ohne dekorative Symbolbox */
.invoice-total-discount{
  gap:8px!important;
  padding:9px 12px 10px!important;
  background:#fbfcfd!important;
  border-top:1px solid #e6ebf0!important;
}
.invoice-total-discount-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.invoice-total-discount-icon{
  display:none!important;
}
.invoice-total-discount-heading>div:nth-child(2){
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}
.invoice-total-discount-heading>div:nth-child(2)>strong{
  font-size:11px!important;
  line-height:1.2!important;
}
.invoice-total-discount-heading>div:nth-child(2)>span{
  margin:0!important;
  font-size:8px!important;
  line-height:1.2!important;
  color:#8793a0!important;
}
.invoice-total-discount-result{
  min-width:116px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:4px 9px!important;
  border-radius:8px!important;
  background:#102842!important;
  box-shadow:none!important;
}
.invoice-total-discount-result span{
  font-size:6.5px!important;
  letter-spacing:.04em!important;
}
.invoice-total-discount-result strong{
  font-size:11px!important;
  line-height:1!important;
}
.invoice-total-discount-fields{
  display:grid!important;
  grid-template-columns:minmax(150px,190px) minmax(125px,160px) minmax(220px,1fr)!important;
  align-items:end!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}
.invoice-total-discount-fields label{
  gap:4px!important;
  font-size:8px!important;
}
.invoice-total-discount-fields input,
.invoice-total-discount-fields select,
.invoice-total-discount-fields .custom-select,
.invoice-total-discount-fields .custom-select-trigger{
  height:31px!important;
  min-height:31px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}
.invoice-total-discount-fields .custom-select-trigger{
  padding:0 10px!important;
}
.invoice-total-discount-reason{
  grid-column:auto!important;
}
.invoice-total-discount-reason input{
  height:31px!important;
  min-height:31px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}
.invoice-discount-value-wrap input{
  padding-right:30px!important;
}
.invoice-discount-value-wrap>span{
  right:10px!important;
  font-size:9px!important;
}
.invoice-tax-status-line{
  min-height:24px!important;
  gap:5px!important;
  padding:2px 10px!important;
  background:#fdfdfb!important;
  border-top:1px solid #eef1ec!important;
  color:#748078!important;
  font-size:7.25px!important;
  line-height:1.2!important;
}
.invoice-tax-status-line strong{
  font-weight:650!important;
  color:#647368!important;
}
.invoice-tax-status-line svg{
  width:10px!important;
  height:10px!important;
  stroke-width:1.8!important;
}
@media(max-width:920px){
  .invoice-total-discount-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .invoice-total-discount-reason{
    grid-column:1/-1!important;
  }
}
@media(max-width:620px){
  .invoice-total-discount-heading{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .invoice-total-discount-result{
    justify-self:start!important;
  }
  .invoice-total-discount-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .invoice-total-discount-reason{
    grid-column:auto!important;
  }
}


/* v0.13.20 – stabile Rabattstruktur und kompakter Projektstatusfilter */
.invoice-total-discount[data-invoice-total-discount]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:14px 16px!important;
  overflow:hidden!important;
  border-top:1px solid #e1e7ee!important;
  background:#f8fafc!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-title{
  display:block!important;
  min-width:0!important;
  text-align:left!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-title strong{
  display:block!important;
  margin:0!important;
  color:#1d334d!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-title span{
  display:block!important;
  margin-top:3px!important;
  color:#7d8997!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-result{
  display:grid!important;
  grid-template-columns:auto!important;
  align-content:center!important;
  justify-items:end!important;
  gap:3px!important;
  width:auto!important;
  min-width:148px!important;
  min-height:48px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  background:#102842!important;
  box-shadow:none!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-result span{
  display:block!important;
  color:#b5c0cc!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-result strong{
  display:inline-flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  color:#e5bd57!important;
  font-size:15px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:"type value" "reason reason"!important;
  align-items:end!important;
  gap:11px 14px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-type{grid-area:type!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-value{grid-area:value!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-reason{grid-area:reason!important;width:100%!important;min-width:0!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields label{
  display:grid!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#536274!important;
  font-size:9.5px!important;
  font-weight:750!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields input,
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields select,
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields .custom-select,
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields .custom-select-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:11px!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields .custom-select-trigger{padding:0 13px!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-reason input{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.invoice-total-discount[data-invoice-total-discount] .invoice-discount-value-wrap{position:relative!important;min-width:0!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-discount-value-wrap input{padding-right:36px!important}
.invoice-total-discount[data-invoice-total-discount] .invoice-discount-value-wrap>span{
  position:absolute!important;
  top:50%!important;
  right:13px!important;
  transform:translateY(-50%)!important;
  color:#667586!important;
  font-size:10px!important;
  font-weight:800!important;
  pointer-events:none!important;
}
@media(max-width:680px){
  .invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-heading{grid-template-columns:minmax(0,1fr)!important}
  .invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-result{justify-self:start!important}
  .invoice-total-discount[data-invoice-total-discount] .invoice-total-discount-fields{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"type" "value" "reason"!important;
  }
}
.page-toolbar-left>.filter-custom-select{
  flex:0 0 190px!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
}
.filter-custom-select .custom-select-trigger{
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.filter-custom-select .custom-select-value{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.filter-select-menu{
  padding:5px!important;
  border-radius:10px!important;
}
.filter-select-menu .custom-select-option{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:7px!important;
  font-size:11px!important;
}


/* v0.13.21 – Summenbereich deutlich kompakter */
.invoice-summary-clean{
  border-top:1px solid #e5ebf2!important;
}
.invoice-summary-clean>div{
  min-height:46px!important;
  padding:8px 12px!important;
  gap:2px!important;
}
.invoice-summary-clean span{
  font-size:7px!important;
  letter-spacing:.05em!important;
}
.invoice-summary-clean strong{
  font-size:11px!important;
  line-height:1.15!important;
}
.invoice-summary-clean small{
  font-size:7.5px!important;
  line-height:1.25!important;
}
.invoice-summary-payable{
  background:#102846!important;
}
.invoice-summary-payable strong{
  font-size:16px!important;
  line-height:1.1!important;
}
.invoice-tax-status-line{
  padding:5px 10px!important;
  min-height:26px!important;
  font-size:7.5px!important;
  gap:6px!important;
  background:#fafbf8!important;
  color:#647362!important;
}
.invoice-tax-status-line svg{
  width:12px!important;
  height:12px!important;
}
.invoice-tax-status-line strong{
  font-weight:700!important;
}
@media(max-width:1100px){
  .invoice-summary-clean>div{min-height:42px!important}
}


/* v0.14.0 – Benutzerzugänge und geschützte Belegsperre */
.employee-login-settings{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;align-items:start}
.employee-login-settings>label:last-child{display:grid;gap:7px;font-size:11px;font-weight:700;color:#26384d}
.employee-login-settings>label:last-child input{min-height:43px}
.employee-login-settings>label:last-child small{font-size:10px;line-height:1.45;color:#718095;font-weight:500}
.login-owner-note,.issued-document-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(184,145,54,.28);background:linear-gradient(135deg,rgba(184,145,54,.10),rgba(184,145,54,.035));border-radius:12px;color:#314155}
.login-owner-note svg,.issued-document-banner svg{width:20px;height:20px;flex:0 0 auto;color:#a87d21;margin-top:1px}
.login-owner-note div,.issued-document-banner div{display:grid;gap:3px}
.login-owner-note strong,.issued-document-banner strong{font-size:12px;color:#26384d}
.login-owner-note span,.issued-document-banner span{font-size:10px;line-height:1.5;color:#6f7d8e}
.issued-document-banner{margin:0 0 14px}
.issued-document-form .document-form-pane input:disabled,
.issued-document-form .document-form-pane textarea:disabled,
.issued-document-form .document-form-pane select:disabled{opacity:.82;cursor:not-allowed;background:#f4f6f8;color:#5f6d7d}
.issued-document-form [data-invoice-line-add],
.issued-document-form [data-remove-invoice-line],
.issued-document-form [data-apply-document-defaults]{display:none!important}
@media(max-width:900px){.employee-login-settings{grid-template-columns:1fr}}

/* v0.15.0 – Kalender, Mitarbeiter-Einladungen und digitale Signaturen */
.account-token-person{display:grid;gap:3px;margin:15px 0 18px;padding:13px 15px;border:1px solid rgba(199,166,90,.28);border-radius:12px;background:rgba(199,166,90,.08)}
.account-token-person strong{color:#fff;font-size:13px}.account-token-person span{color:var(--muted);font-size:11px}.auth-back-button{display:block;margin:15px auto 0}.auth-card #accountSetupPanel{width:100%}

.appointments-calendar{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.calendar-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
.calendar-toolbar>.btn{justify-self:end}.calendar-navigation{display:flex;align-items:center;gap:8px}.calendar-arrow{width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.calendar-arrow svg{width:18px;height:18px}.calendar-title{text-align:center}.calendar-title .eyebrow{margin:0 0 3px}.calendar-title h2{margin:0;text-transform:capitalize;font-size:20px;color:var(--text)}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.calendar-weekdays span{padding:10px 8px;text-align:center;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line)}.calendar-weekdays span:last-child{border-right:0}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(118px,1fr)}
.calendar-day{min-width:0;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day:hover{background:rgba(199,166,90,.055);box-shadow:inset 0 0 0 1px rgba(199,166,90,.18)}.calendar-day.outside-month{background:rgba(0,0,0,.07);opacity:.58}.calendar-day.today{box-shadow:inset 0 0 0 2px rgba(199,166,90,.72)}
.calendar-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.calendar-day-head>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-size:11px;font-weight:800;color:var(--text)}.calendar-day.today .calendar-day-head>span{background:var(--gold);color:#07111f}.calendar-day-head small{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.06);font-size:8px;color:var(--muted)}
.calendar-day-events{display:grid;gap:4px}.calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;width:100%;min-width:0;padding:5px 6px;border:1px solid rgba(118,147,179,.22);border-radius:7px;background:#10243a;color:#dce8f5;text-align:left;cursor:pointer}.calendar-event:hover{filter:brightness(1.12)}.calendar-event.green{border-left:3px solid #56b986}.calendar-event.red{border-left:3px solid #d96b6b}.calendar-event.yellow,.calendar-event.gold{border-left:3px solid #c7a65a}.calendar-event.blue{border-left:3px solid #6da7df}.calendar-event.gray{border-left:3px solid #8795a6}.calendar-event-time{font-size:7px;font-weight:800;color:#9fb1c4}.calendar-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}.calendar-more{padding-left:4px;color:var(--muted);font-size:8px}.calendar-hint{padding:10px 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);background:rgba(255,255,255,.012)}

.employee-login-settings{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}
.employee-login-account-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 11px;align-items:start;padding:13px 14px;border:1px solid #d8e0e8;border-radius:12px;background:#f7f9fb;color:#26384d}.employee-login-account-card .employee-login-status-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#8795a6;box-shadow:0 0 0 4px rgba(135,149,166,.12)}.employee-login-account-card.active .employee-login-status-dot{background:#45a977;box-shadow:0 0 0 4px rgba(69,169,119,.13)}.employee-login-account-card.pending .employee-login-status-dot{background:#c49b42;box-shadow:0 0 0 4px rgba(196,155,66,.14)}.employee-login-account-card>div{display:grid;gap:3px}.employee-login-account-card strong{font-size:11.5px}.employee-login-account-card small{font-size:9.5px;line-height:1.45;color:#6d7b8c}.employee-login-account-card .btn{grid-column:2;justify-self:start;margin-top:2px;min-height:35px;padding:7px 10px;font-size:9px}.employee-login-account-card .btn svg{width:15px;height:15px}.employee-login-mail-note{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#f6f4ed;color:#667085;font-size:9.5px;line-height:1.5}.employee-login-mail-note svg{width:17px;height:17px;color:#a87d21;flex:0 0 auto}.employee-login-mail-note strong{color:#445164}

.document-signature-card{display:grid;gap:13px}.stored-signatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stored-signature-card{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:13px;padding:12px;border:1px solid #d8dee6;border-radius:12px;background:#f8fafc}.stored-signature-card img{width:128px;height:62px;object-fit:contain;object-position:left center;border-bottom:1px solid #aab4c0;background:#fff}.stored-signature-card>div{display:grid;gap:2px;min-width:0}.stored-signature-card strong{font-size:11px;color:#26384d}.stored-signature-card span{font-size:9.5px;color:#59697b}.stored-signature-card small{font-size:8px;color:#8793a1;overflow-wrap:anywhere}.signature-empty-state{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px dashed #c9d1da;border-radius:12px;background:#fafbfc}.signature-empty-state svg{width:20px;height:20px;color:#a87d21}.signature-empty-state>div{display:grid;gap:3px}.signature-empty-state strong{font-size:11px;color:#26384d}.signature-empty-state span{font-size:9.5px;color:#718095}.document-signature-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.document-signature-actions p{margin:0;max-width:620px;color:#6e7c8d;font-size:9.5px;line-height:1.5}.document-signature-actions .btn svg{width:16px;height:16px}
.signed-document-form .document-form-pane input:disabled,.signed-document-form .document-form-pane textarea:disabled,.signed-document-form .document-form-pane select:disabled{opacity:.82;cursor:not-allowed;background:#f4f6f8;color:#5f6d7d}.signed-document-form [data-invoice-line-add],.signed-document-form [data-remove-invoice-line],.signed-document-form [data-apply-document-defaults]{display:none!important}.signed-document-banner{border-color:rgba(62,158,110,.28);background:linear-gradient(135deg,rgba(62,158,110,.10),rgba(62,158,110,.035))}.signed-document-banner svg{color:#3e9e6e}


.official-document-preview .doc-signatures{margin-top:14px;padding-top:2px;break-inside:avoid}.official-document-preview .doc-signatures>h2{font-size:10.5pt;margin:0 0 8px;border-bottom:1px solid #d8dde5;padding-bottom:4px}.official-document-preview .doc-signatures>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.official-document-preview .doc-signature{display:grid;gap:2px;padding:7px 9px;border:1px solid #dde2e8;border-radius:4px}.official-document-preview .doc-signature img{width:100%;height:23mm;object-fit:contain;object-position:left bottom;border-bottom:1px solid #9fa9b5}.official-document-preview .doc-signature strong{font-size:8.5pt;color:#172033}.official-document-preview .doc-signature span{font-size:7pt;color:#667085}.official-document-preview .doc-signature small{font-size:6.2pt;color:#7b8492;line-height:1.35}.official-document-preview .doc-signatures>p{font-size:6.5pt;color:#7b8492;margin:5px 0 0}

@media(max-width:1150px){.calendar-grid{grid-auto-rows:minmax(100px,1fr)}.calendar-event{grid-template-columns:1fr}.calendar-event-time{display:none}.calendar-weekdays span{font-size:8px}.stored-signatures{grid-template-columns:1fr}}
@media(max-width:900px){.calendar-toolbar{grid-template-columns:1fr auto}.calendar-title{grid-column:1/-1;grid-row:1;text-align:left}.calendar-navigation{grid-column:1;grid-row:2}.calendar-toolbar>.btn{grid-column:2;grid-row:2}.calendar-weekdays span{font-size:0}.calendar-weekdays span::first-letter{font-size:9px}.calendar-grid{grid-auto-rows:minmax(88px,1fr)}.calendar-day{padding:5px}.employee-login-settings{grid-template-columns:1fr}.signature-fields{grid-template-columns:1fr}.signature-canvas-wrap canvas{height:180px}.stored-signature-card{grid-template-columns:100px 1fr}.stored-signature-card img{width:100px}.document-signature-actions{align-items:flex-start;flex-direction:column}}

/* v0.16.0 – Dokumentversand mit Signaturanforderung und Prüfspur */
.integration-settings-card{display:grid;gap:16px;padding:18px;margin-bottom:18px;border:1px solid #dbe1e8;border-radius:14px;background:#fbfcfd}.integration-settings-card .document-form-card-heading{margin:0}.offer-signature-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:11px 13px;border:1px solid #dce2e8;border-radius:10px;background:#f8fafc;color:#617084;font-size:10px}.offer-signature-status-row strong{color:#26384d}.offer-signature-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.document-signature-actions .offer-signature-buttons .btn{white-space:nowrap}.signed-document-banner{border-color:#b9d8c4;background:#f1faf4}.document-card-actions [data-send-offer-signature]{box-shadow:0 7px 18px rgba(168,125,33,.15)}
@media(max-width:900px){.offer-signature-status-row{align-items:flex-start;flex-direction:column;gap:6px}.offer-signature-buttons{width:100%;justify-content:flex-start}.offer-signature-buttons .btn{width:100%}}

/* v0.16.0 – Dokumentversand mit beweisstärkerer Signaturanforderung */
.document-send-dialog{display:grid;gap:18px;width:min(820px,100%)}.document-send-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid #dbe1e8;border-radius:13px;background:#f8fafc}.document-send-summary .document-send-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#0d2440;color:#d2b15f}.document-send-summary .document-send-icon svg{width:20px;height:20px}.document-send-summary>div{display:grid;gap:3px;min-width:0}.document-send-summary strong{font-size:12px;color:#26384d}.document-send-summary small{font-size:9.5px;color:#718095}.signature-request-choice{display:grid;gap:14px;padding:15px;border:1px solid rgba(199,166,90,.42);border-radius:13px;background:rgba(199,166,90,.07)}.document-signature-send-options{display:grid;gap:13px;padding-top:4px}.signature-security-note,.signature-unavailable-note{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid #dbe1e8;border-radius:11px;background:#f8fafc;color:#647387}.signature-security-note svg,.signature-unavailable-note svg{width:18px;height:18px;flex:0 0 auto;color:#a87d21}.signature-security-note>div,.signature-unavailable-note>div{display:grid;gap:3px}.signature-security-note strong,.signature-unavailable-note strong{font-size:10.5px;color:#26384d}.signature-security-note span,.signature-unavailable-note span{font-size:9px;line-height:1.5}.signature-unavailable-note.signed{border-color:#b9d8c4;background:#f1faf4}.signature-unavailable-note.signed svg{color:#2d7a4c}.signature-evidence-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signature-evidence-summary>span{display:grid;gap:4px;padding:10px 11px;border:1px solid #dce2e8;border-radius:9px;background:#fff}.signature-evidence-summary small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7b8795}.signature-evidence-summary code{font-size:8px;color:#32445a;overflow-wrap:anywhere}.signature-evidence-summary b{font-size:10px;color:#26384d}@media(max-width:900px){.document-send-summary{grid-template-columns:auto minmax(0,1fr)}.document-send-summary>.badge{grid-column:2}.signature-evidence-summary{grid-template-columns:1fr}}

/* V0.17 – erweitertes Outlook-ähnliches E-Mail-Modul */
.mail-folder-caption-tools{margin-top:18px!important}
.mail-smart-folder{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#9fb0c2;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer}
.mail-smart-folder:hover,.mail-smart-folder.active{background:rgba(199,166,90,.12);color:#fff}.mail-smart-folder.active{box-shadow:inset 3px 0 #d7b55f}.mail-smart-folder svg{width:17px;height:17px;color:#d5b45f}
.mail-list-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap}
.mail-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.mail-filter-chips button{min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#071421;color:#8fa0b4;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.mail-filter-chips button:hover,.mail-filter-chips button.active{border-color:rgba(215,181,95,.35);background:rgba(199,166,90,.13);color:#f8e8ba}
.mail-sort-control{display:flex;align-items:center;gap:7px;color:#8091a4;font-size:10px;font-weight:750}.mail-sort-control select{height:32px;width:auto;min-width:132px;padding:4px 28px 4px 9px;border-radius:8px;background:#071421;border-color:rgba(255,255,255,.08);color:#dce5ef;font-size:11px}
.mail-priority-icon{display:grid;place-items:center}.mail-priority-icon svg{width:15px!important;height:15px!important}.mail-priority-icon.high{color:#ff8b94}.mail-priority-icon.low{color:#7db4ff}
.mail-reader-title-line{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.mail-reader-title-line h2{flex:1 1 420px}
.mail-priority-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.mail-priority-badge svg{width:15px;height:15px}.mail-priority-badge.high{background:rgba(235,107,117,.12);color:#ff9fa7;border:1px solid rgba(235,107,117,.24)}.mail-priority-badge.low{background:rgba(111,168,255,.11);color:#9ac5ff;border:1px solid rgba(111,168,255,.22)}
.mail-organization-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,180px) minmax(150px,190px) auto;align-items:end;gap:12px;margin:16px 0;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022)}.mail-organization-panel>div strong,.mail-organization-panel>div span{display:block}.mail-organization-panel>div strong{font-size:14px;color:#eef4fa}.mail-organization-panel>div span{margin-top:5px;font-size:11px;color:#7f91a5}.mail-organization-panel label{display:grid;gap:6px}.mail-organization-panel label>span{font-size:10px;color:#91a2b5;font-weight:750}.mail-organization-panel select,.mail-organization-panel input{height:42px;padding:8px 10px;border-radius:10px;background:#071421;border:1px solid rgba(255,255,255,.09);color:#eef4fa;font:inherit;font-size:12px}.mail-organization-panel .btn{height:42px;white-space:nowrap}
.mail-compose-options{display:grid;grid-template-columns:minmax(180px,230px) minmax(280px,1fr);gap:14px;align-items:stretch}.mail-compose-options>label:first-child{display:grid;gap:7px}.mail-compose-options select{min-height:50px}.mail-compose-check{display:grid!important;grid-template-columns:22px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 8px!important;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}.mail-compose-check input{grid-row:1/3;width:18px!important;height:18px!important;min-height:0!important;margin:0}.mail-compose-check span{font-size:13px;font-weight:800;color:#e8eef5}.mail-compose-check small{font-size:10px;color:#8394a7;line-height:1.35}.mail-compose-form footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.mail-draft-attachment-note{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(235,167,74,.09);color:#e8c57c;font-size:11px}.mail-draft-attachment-note svg{width:17px;height:17px;flex:0 0 auto}
@media(max-width:1450px){.mail-organization-panel{grid-template-columns:1fr 1fr}.mail-organization-panel>div{grid-column:1/-1}.mail-organization-panel .btn{justify-self:start}}
@media(max-width:850px){.mail-compose-options{grid-template-columns:1fr}.mail-organization-panel{grid-template-columns:1fr}.mail-organization-panel>div{grid-column:auto}.mail-list-controls{align-items:stretch!important}.mail-sort-control{width:100%;justify-content:space-between}.mail-sort-control select{flex:1}}

/* v0.17.1 – kompakte und sauber ausgerichtete Projektdokument-Aktionen */
.btn .icon-svg{
  display:block;
  flex:0 0 auto;
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  margin:0 7px 0 0;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.document-card{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:18px 20px!important;
}
.document-card-main{min-width:0}
.document-card-main h3{margin:10px 0 6px!important}
.document-card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.document-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  min-width:0!important;
}
.document-card-main-actions,
.document-card-utility-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:8px;
}
.document-card-utility-actions{
  padding-left:10px;
  border-left:1px solid var(--line);
}
.document-card-main-actions>.btn{
  min-height:42px!important;
  height:42px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
.document-open-action{min-width:116px}
.document-evidence-action{min-width:auto!important}
.document-signed-action{
  border-color:rgba(74,190,133,.28)!important;
  background:rgba(74,190,133,.07)!important;
}
.document-signed-action:hover{
  border-color:rgba(74,190,133,.48)!important;
  background:rgba(74,190,133,.13)!important;
}
.document-version-action{min-width:132px}
.document-card-utility-actions .small-action{
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
}
.document-card-utility-actions .small-action svg{
  stroke:currentColor!important;
  fill:none!important;
}
@media(max-width:1550px){
  .document-card{
    grid-template-columns:minmax(260px,1fr) minmax(0,auto)!important;
  }
  .document-card-actions{
    align-items:flex-end!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .document-card-utility-actions{
    padding-left:0;
    border-left:0;
  }
}
@media(max-width:1120px){
  .document-card{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
  }
  .document-card-actions{
    width:100%;
    align-items:flex-start!important;
  }
  .document-card-main-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .document-card-utility-actions{justify-content:flex-start}
}


/* v0.17.2 – kompakte Nachverfolgung und saubere Mail-Metadaten */
.mail-organization-panel-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy action" "fields fields";
  align-items:center!important;
  gap:14px 16px!important;
  margin:18px 0!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.014))!important;
  overflow:hidden!important;
}
.mail-organization-copy{grid-area:copy;display:flex!important;align-items:center;gap:12px;min-width:0}
.mail-organization-copy>div{min-width:0}
.mail-organization-copy strong{display:block!important;font-size:14px!important;color:#f1f5f9!important}
.mail-organization-copy span:not(.mail-organization-icon){display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.45!important;color:#8092a6!important}
.mail-organization-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:rgba(199,166,90,.13);color:#d8b75f}
.mail-organization-icon svg{width:17px!important;height:17px!important;color:currentColor!important}
.mail-metadata-save{grid-area:action;justify-self:end;min-width:118px!important;height:40px!important;padding:0 14px!important;border-radius:10px!important;font-size:11px!important;gap:7px!important}
.mail-metadata-save svg{width:14px!important;height:14px!important}
.mail-organization-fields{grid-area:fields;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.mail-metadata-field{display:grid!important;gap:6px!important;min-width:0}
.mail-metadata-field>span{margin:0!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase;color:#7f91a5!important}
.mail-metadata-control{position:relative;display:flex;align-items:center;min-width:0}
.mail-metadata-control>svg{position:absolute;z-index:2;left:12px;width:15px!important;height:15px!important;color:#8297ad!important;pointer-events:none}
.mail-organization-panel-v2 .mail-metadata-control select,
.mail-organization-panel-v2 .mail-metadata-control input{
  width:100%!important;
  min-width:0!important;
  height:43px!important;
  margin:0!important;
  padding:8px 12px 8px 38px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:#071522!important;
  color:#edf3f8!important;
  font-size:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.mail-organization-panel-v2 .mail-metadata-control select:focus,
.mail-organization-panel-v2 .mail-metadata-control input:focus{border-color:rgba(215,181,95,.42)!important;box-shadow:0 0 0 3px rgba(199,166,90,.08)!important;outline:none!important}
@media(max-width:820px){
  .mail-organization-panel-v2{grid-template-columns:1fr!important;grid-template-areas:"copy" "fields" "action"!important}
  .mail-organization-fields{grid-template-columns:1fr!important}
  .mail-metadata-save{justify-self:stretch!important;width:100%!important}
}

/* ========================================================================== */
/* Version 0.17.3: In-App-Mailhinweise und globaler Hell-/Dunkelmodus         */
/* ========================================================================== */

.theme-toggle-button{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--panel-2)}
.theme-toggle-button .theme-icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .theme-icon-moon,html[data-theme="light"] .theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-sun,html[data-theme="light"] .theme-icon-moon{display:block}

/* Die normalen Rückmeldungen bleiben oben rechts, E-Mail-Hinweise unten rechts. */
.toast-host{top:104px;bottom:auto}
.in-app-notification-host{position:fixed;right:24px;bottom:24px;z-index:30000;width:min(390px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:stretch;gap:11px;pointer-events:none}
.in-app-mail-notification{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 30px;gap:12px;align-items:start;min-height:112px;padding:15px 14px 17px;border:1px solid rgba(199,166,90,.32);border-radius:15px;background:linear-gradient(145deg,rgba(18,36,58,.985),rgba(8,22,38,.985));color:#f7f9fc;box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(20px);overflow:hidden;pointer-events:auto;cursor:pointer;animation:mailNoticeIn .24s cubic-bezier(.2,.85,.35,1)}
.in-app-mail-notification:hover{transform:translateY(-2px);border-color:rgba(225,199,126,.58);box-shadow:0 24px 65px rgba(0,0,0,.48)}
.in-app-mail-notification:focus-visible{outline:3px solid rgba(199,166,90,.24);outline-offset:2px}
.in-app-mail-notification.leaving{animation:mailNoticeOut .22s ease forwards}
.in-app-notification-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(199,166,90,.24),rgba(199,166,90,.09));color:var(--gold-2);box-shadow:inset 0 0 0 1px rgba(225,199,126,.15)}
.in-app-notification-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.in-app-notification-copy{min-width:0;display:grid;gap:4px;padding-top:1px}
.in-app-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.in-app-notification-heading strong{font-size:13px;letter-spacing:.01em}
.in-app-notification-heading time{color:#8fa0b4;font-size:10px;font-weight:600}
.in-app-notification-copy>b,.in-app-notification-copy>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-app-notification-copy>b{font-size:12px;color:#dfe7f0}
.in-app-notification-copy>span{font-size:11px;color:#9eacbd}
.in-app-notification-close{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#8797aa;cursor:pointer}
.in-app-notification-close:hover{background:rgba(255,255,255,.07);color:#fff}
.in-app-notification-close svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.in-app-notification-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#b58b35,#e1c77e);transform-origin:left center;animation:mailNoticeProgress 9s linear forwards}
.in-app-mail-notification:hover .in-app-notification-progress{animation-play-state:paused}
@keyframes mailNoticeIn{from{opacity:0;transform:translateX(34px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mailNoticeOut{to{opacity:0;transform:translateX(30px) scale(.97)}}
@keyframes mailNoticeProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}

.appearance-settings{max-width:1050px;margin:0 auto;padding:26px}
.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.theme-choice{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 30px;align-items:center;gap:18px;min-height:150px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow}
.theme-choice:hover{transform:translateY(-2px);border-color:rgba(199,166,90,.42)}
.theme-choice.active{border-color:rgba(199,166,90,.68);box-shadow:0 0 0 3px rgba(199,166,90,.09),0 14px 32px rgba(0,0,0,.13)}
.theme-choice>span:nth-child(2) strong,.theme-choice>span:nth-child(2) small{display:block}
.theme-choice>span:nth-child(2) strong{font-size:15px}
.theme-choice>span:nth-child(2) small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
.theme-choice-check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(199,166,90,.14);color:var(--gold)}
.theme-choice-check:empty{background:transparent;border:1px solid var(--line)}
.theme-choice-check svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.theme-preview{position:relative;width:150px;height:105px;display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.theme-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:33px}
.theme-preview:after{content:"";position:absolute;left:43px;right:10px;top:13px;height:12px;border-radius:5px}
.theme-preview i,.theme-preview b,.theme-preview em{position:absolute;left:43px;right:10px;display:block;border-radius:6px}
.theme-preview i{top:36px;height:26px}.theme-preview b{top:70px;height:11px;right:54px}.theme-preview em{top:87px;height:7px;right:28px}
.theme-preview-light{background:#f2f5f9}.theme-preview-light:before{background:#fff}.theme-preview-light:after{background:#dfe5ec}.theme-preview-light i{background:#fff;border:1px solid #d7dee7}.theme-preview-light b,.theme-preview-light em{background:#c7a65a}
.theme-preview-dark{background:#07111f;border-color:#26384d}.theme-preview-dark:before{background:#0c1c2e}.theme-preview-dark:after{background:#172a42}.theme-preview-dark i{background:#112238;border:1px solid #26384d}.theme-preview-dark b,.theme-preview-dark em{background:#c7a65a}

html[data-theme="light"]{
  --bg:#eef2f6;
  --panel:#ffffff;
  --panel-2:#f7f9fc;
  --panel-3:#e9eef4;
  --line:rgba(27,43,62,.13);
  --line-strong:rgba(169,127,36,.34);
  --text:#172033;
  --muted:#657386;
  --gold:#a87d21;
  --gold-2:#bf9440;
  --success:#20845a;
  --warning:#a56b13;
  --danger:#c4434f;
  --info:#326fc6;
  --shadow:0 22px 60px rgba(35,48,65,.15);
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .auth-screen{background:radial-gradient(circle at 18% 18%,rgba(199,166,90,.18),transparent 31%),radial-gradient(circle at 84% 82%,rgba(82,126,180,.13),transparent 35%),linear-gradient(135deg,#f8fafc,#eef3f8 60%,#e7edf4)}
html[data-theme="light"] .auth-card{background:rgba(255,255,255,.91);border-color:rgba(30,47,67,.12)}
html[data-theme="light"] label{color:#344054}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;color:#172033;border-color:rgba(29,46,66,.16)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#98a2b3}
html[data-theme="light"] .sidebar{background:#fff;border-right-color:rgba(29,46,66,.11);box-shadow:5px 0 20px rgba(40,55,72,.035)}
html[data-theme="light"] .brand,html[data-theme="light"] .sidebar-footer,html[data-theme="light"] .topbar{border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .nav-group{color:#98a2b3}
html[data-theme="light"] .nav-item{color:#5f6d7e}
html[data-theme="light"] .nav-item:hover{background:#f2f5f8;color:#172033}
html[data-theme="light"] .nav-item.active{background:linear-gradient(90deg,rgba(199,166,90,.20),rgba(199,166,90,.07));color:#172033}
html[data-theme="light"] .nav-item span{color:#7b899a}
html[data-theme="light"] .workspace{background:linear-gradient(180deg,#f7f9fc,#eef2f6)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.82);backdrop-filter:blur(16px)}
html[data-theme="light"] .searchbox{background:#fff;border-color:rgba(29,46,66,.13)}
html[data-theme="light"] .icon-button:hover,html[data-theme="light"] .small-action:hover{color:#172033;border-color:rgba(29,46,66,.24);background:#f3f6f9}
html[data-theme="light"] .stat-card,html[data-theme="light"] .panel,html[data-theme="light"] .template-card,html[data-theme="light"] .placeholder{background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 10px 28px rgba(39,53,70,.07)}
html[data-theme="light"] .table-wrap{background:#fff}
html[data-theme="light"] th{background:#f6f8fb;color:#667085}
html[data-theme="light"] tbody tr:hover{background:#f7f9fc}
html[data-theme="light"] .cell-title,html[data-theme="light"] .empty-state strong{color:#172033}
html[data-theme="light"] .kanban-column,html[data-theme="light"] .implementation-board>section{background:#f4f7fa}
html[data-theme="light"] .project-tabs{background:#eef2f6;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .project-tab,html[data-theme="light"] .settings-tab,html[data-theme="light"] .doc-mode{background:#fff;color:#667085}
html[data-theme="light"] .project-tab.active,html[data-theme="light"] .project-tab:hover,html[data-theme="light"] .settings-tab.active,html[data-theme="light"] .settings-tab:hover,html[data-theme="light"] .doc-mode.active,html[data-theme="light"] .doc-mode:hover{color:#172033;background:#f7efdc}
html[data-theme="light"] .project-text{color:#475467}
html[data-theme="light"] .modal{background:#fff}
html[data-theme="light"] .modal-header{background:linear-gradient(180deg,rgba(199,166,90,.08),transparent)}
html[data-theme="light"] .modal-backdrop{background:rgba(43,54,68,.45)}
html[data-theme="light"] .btn{color:#172033;background:#eef2f6}
html[data-theme="light"] .btn.ghost{background:transparent}
html[data-theme="light"] .btn.primary{color:#09111d}
html[data-theme="light"] .settings-subsection,html[data-theme="light"] .customer-invoice-preferences{background:#f8fafc}
html[data-theme="light"] .settings-subsection-head strong{color:#172033}
html[data-theme="light"] .validation-hint{background:#f4f7fa}
html[data-theme="light"] .progress{background:#dfe5ec}
html[data-theme="light"] .document-workspace-dock{background:rgba(255,255,255,.96)!important;box-shadow:0 18px 45px rgba(43,55,70,.17)!important}
html[data-theme="light"] .document-dock-item{background:#f7f9fc;border-color:#d8e0e8}
html[data-theme="light"] .document-dock-item>button:first-child{color:#172033}
html[data-theme="light"] .document-dock-close{border-color:#d8e0e8;color:#667085}
html[data-theme="light"] .document-workspace-overlay .modal-header{background:#fff;color:#172033;border-color:#d6dde5}
html[data-theme="light"] .document-workspace-overlay .modal-header .eyebrow{color:#667085}

/* E-Mail-Modul im hellen Modus */
html[data-theme="light"] .mail-loading-state,html[data-theme="light"] .mail-error-state,html[data-theme="light"] .mail-setup-card{background:linear-gradient(145deg,#fff,#f4f7fa);box-shadow:0 18px 45px rgba(42,57,75,.10)}
html[data-theme="light"] .mail-loading-state strong{color:#172033}
html[data-theme="light"] .mail-workspace,html[data-theme="light"] .mail-workspace-modern{background:#fff!important;border-color:rgba(29,46,66,.13)!important;box-shadow:0 20px 50px rgba(43,56,73,.12)!important}
html[data-theme="light"] .mail-folder-pane,html[data-theme="light"] .mail-folder-pane-modern{background:linear-gradient(180deg,#f8fafc,#eef2f6)!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .mail-folder-caption{color:#7c8999}
html[data-theme="light"] .mail-folder-item{color:#526071!important}
html[data-theme="light"] .mail-folder-item:hover{background:#e9eef4!important;color:#172033!important}
html[data-theme="light"] .mail-folder-item.active{background:#f6ecd3!important;color:#172033!important}
html[data-theme="light"] .mail-settings-link{color:#667085;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .mail-settings-link:hover{color:#172033}
html[data-theme="light"] .mail-list-pane{background:#fff;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .mail-list-head{background:#f8fafc;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .mail-message-item{border-color:rgba(29,46,66,.10)}
html[data-theme="light"] .mail-message-item:hover{background:#f5f7fa}
html[data-theme="light"] .mail-message-item.active{background:#f8f0de!important}
html[data-theme="light"] .mail-message-item.unread{background:#f2f7fe}
html[data-theme="light"] .mail-sender-avatar{background:#e9eef4!important;color:#475467!important}
html[data-theme="light"] .mail-message-top strong,html[data-theme="light"] .mail-message-copy b{color:#253247!important}
html[data-theme="light"] .mail-message-copy small,html[data-theme="light"] .mail-message-top time{color:#7a8795}
html[data-theme="light"] .mail-reader-pane{background:#fff}
html[data-theme="light"] .mail-reader-header,html[data-theme="light"] .mail-reader-actions,html[data-theme="light"] .mail-attachments{border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .mail-reader-actions button{background:#f7f9fc!important;color:#475467!important;border-color:rgba(29,46,66,.13)!important}
html[data-theme="light"] .mail-reader-actions button:hover{background:#f6ecd3!important;color:#172033!important}
html[data-theme="light"] .mail-body-text{color:#344054}
html[data-theme="light"] .mail-customer-link{color:#172033;background:#fbf4e3}
html[data-theme="light"] .mail-attachments button{background:#f8fafc!important;color:#172033!important;border-color:rgba(29,46,66,.13)!important}
html[data-theme="light"] .mail-list-empty strong,html[data-theme="light"] .mail-reader-empty strong{color:#475467}
html[data-theme="light"] .mail-compose-window,html[data-theme="light"] .mail-compose-window .modal{background:#fff;color:#172033}
html[data-theme="light"] .mail-compose-form{background:#fff}
html[data-theme="light"] .mail-organization-panel,html[data-theme="light"] .mail-organization-card{background:#f8fafc!important}

/* In-App-Hinweis im hellen Modus */
html[data-theme="light"] .in-app-mail-notification{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(245,248,251,.99));color:#172033;border-color:rgba(169,127,36,.34);box-shadow:0 20px 55px rgba(39,53,70,.22)}
html[data-theme="light"] .in-app-notification-copy>b{color:#344054}
html[data-theme="light"] .in-app-notification-copy>span,html[data-theme="light"] .in-app-notification-heading time{color:#667085}
html[data-theme="light"] .in-app-notification-close{color:#667085}
html[data-theme="light"] .in-app-notification-close:hover{background:#e9eef4;color:#172033}
html[data-theme="light"] .toast{background:#fff;color:#172033;box-shadow:0 14px 38px rgba(39,53,70,.18)}

@media(max-width:900px){
  .theme-choice-grid{grid-template-columns:1fr}
  .theme-choice{grid-template-columns:130px minmax(0,1fr) 28px}
  .theme-preview{width:130px}
}
@media(max-width:620px){
  .in-app-notification-host{right:12px;bottom:12px;width:calc(100vw - 24px)}
  .theme-choice{grid-template-columns:1fr 28px}.theme-preview{grid-column:1/-1;width:100%}
}

/* Ergänzende helle Oberflächen für alle übrigen Module */
html[data-theme="light"] select option{background:#fff;color:#172033}
html[data-theme="light"] .address-suggestions{background:#fff;box-shadow:0 18px 48px rgba(39,53,70,.20)}
html[data-theme="light"] .address-suggestion{color:#253247}
html[data-theme="light"] .address-suggestion span{color:#667085}
html[data-theme="light"] .readonly-field{background:#f2f4f7!important;color:#667085!important}
html[data-theme="light"] .business-tab{background:#fff;color:#667085}
html[data-theme="light"] .business-tab.active,html[data-theme="light"] .business-tab:hover{background:#f7efdc;color:#172033}
html[data-theme="light"] .employee-kpis>div{background:linear-gradient(145deg,#fff,#f7f9fc)}
html[data-theme="light"] .permission-option,html[data-theme="light"] .project-access-options label{background:#f8fafc;color:#344054!important}
html[data-theme="light"] .permission-check{background:#fff;border-color:#cbd5e1}
html[data-theme="light"] .employee-tab:hover,html[data-theme="light"] .employee-tab.active{color:#172033}
html[data-theme="light"] .employee-files-empty strong,html[data-theme="light"] .employee-record-empty strong{color:#172033}
html[data-theme="light"] .service-filter:hover,html[data-theme="light"] .service-filter.active{color:#172033;background:#f7efdc}
html[data-theme="light"] .service-price strong,html[data-theme="light"] .service-price-notice strong,html[data-theme="light"] .service-scope>strong{color:#172033}
html[data-theme="light"] .service-price-notice{color:#344054;background:linear-gradient(135deg,#fbf4e3,#fff)}
html[data-theme="light"] .service-scope{background:#f8fafc;border-color:rgba(29,46,66,.10)}
html[data-theme="light"] .service-included-list li{color:#475467}
html[data-theme="light"] .service-exclusions,html[data-theme="light"] .service-scope{border-color:rgba(29,46,66,.10)}
html[data-theme="light"] .custom-select-trigger{background:#fff!important;color:#172033!important;border-color:rgba(29,46,66,.16)!important}
html[data-theme="light"] .custom-select-menu-portal,html[data-theme="light"] .editable-combo-menu-portal{background:#fff!important;color:#172033!important;border-color:#d4dce5!important;box-shadow:0 20px 48px rgba(39,53,70,.20)!important}
html[data-theme="light"] .custom-select-option,html[data-theme="light"] .editable-combo-option{color:#344054!important}
html[data-theme="light"] .custom-select-option:hover,html[data-theme="light"] .editable-combo-option:hover{background:#f7efdc!important}
html[data-theme="light"] .bank-loading-state strong,html[data-theme="light"] .bank-error-state strong,html[data-theme="light"] .bank-authorization-status strong,html[data-theme="light"] .bank-empty-connected strong,html[data-theme="light"] .bank-import-footer strong,html[data-theme="light"] .bank-live-configured strong,html[data-theme="light"] .bank-assignment-info strong{color:#172033}
html[data-theme="light"] .bank-account-card,html[data-theme="light"] .bank-format-row,html[data-theme="light"] .bank-live-status,html[data-theme="light"] .bank-finapi-details{background:#f8fafc;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .bank-account-card strong,html[data-theme="light"] .bank-account-card>b{color:#172033}
html[data-theme="light"] .invoice-total-discount-result{background:#f4f7fa}
html[data-theme="light"] .account-token-person strong{color:#172033}
html[data-theme="light"] .mail-settings-loading strong{color:#172033}
html[data-theme="light"] .mail-smart-folder{color:#526071}
html[data-theme="light"] .mail-smart-folder:hover,html[data-theme="light"] .mail-smart-folder.active{background:#f7efdc;color:#172033}
html[data-theme="light"] .mail-filter-chips button{background:#fff;color:#667085;border-color:rgba(29,46,66,.13)}
html[data-theme="light"] .mail-filter-chips button:hover,html[data-theme="light"] .mail-filter-chips button.active{background:#f7efdc;color:#7b5714}
html[data-theme="light"] .mail-sort-control{color:#667085}
html[data-theme="light"] .mail-sort-control select{background:#fff;color:#344054;border-color:rgba(29,46,66,.13)}
html[data-theme="light"] .mail-message-list{background:#f6f8fb!important}
html[data-theme="light"] .mail-message-item{background:#fff!important}
html[data-theme="light"] .mail-message-item:hover{background:#f8fafc!important;border-color:rgba(29,46,66,.10)!important}
html[data-theme="light"] .mail-message-item.unread:not(.active){background:#f0f6fd!important}
html[data-theme="light"] .mail-reader-pane-modern{background:#fff!important}
html[data-theme="light"] .mail-body-card{background:#fff!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .mail-convert-panel,html[data-theme="light"] .mail-convert-panel-compact{background:#f8fafc!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .mail-convert-panel .mail-convert-action,html[data-theme="light"] .mail-convert-panel-compact .mail-convert-action{background:#fff!important;color:#344054!important;border-color:rgba(29,46,66,.13)!important}
html[data-theme="light"] .mail-icon-button,html[data-theme="light"] .mail-reader-actions-professional button,html[data-theme="light"] .mail-more-actions summary{background:#f8fafc!important;color:#475467!important;border-color:rgba(29,46,66,.13)!important}
html[data-theme="light"] .mail-reader-actions-professional button:hover,html[data-theme="light"] .mail-more-actions summary:hover{background:#f7efdc!important;color:#172033!important}
html[data-theme="light"] .mail-more-menu{background:#fff;border-color:#d4dce5;box-shadow:0 18px 45px rgba(39,53,70,.20)}
html[data-theme="light"] .mail-compose-window,html[data-theme="light"] .mail-compose-window>header,html[data-theme="light"] .mail-compose-form{background:#fff!important;color:#172033!important}
html[data-theme="light"] .mail-compose-form input,html[data-theme="light"] .mail-compose-form textarea{background:#f8fafc!important;color:#172033!important;border-color:rgba(29,46,66,.14)!important}
html[data-theme="light"] .mail-organization-panel{background:#f8fafc;border-color:rgba(29,46,66,.11)}
html[data-theme="light"] .mail-organization-panel>div strong{color:#172033}
html[data-theme="light"] .mail-organization-panel select,html[data-theme="light"] .mail-organization-panel input{background:#fff;color:#172033;border-color:rgba(29,46,66,.14)}


/* ========================================================================== */
/* Version 0.17.4: vollständiger heller Modus und kompakte Mail-Nachverfolgung */
/* ========================================================================== */

/* Alle Programmsymbole sind reine Liniengrafiken. Dadurch entstehen in keinem
   Modus mehr schwarze gefüllte Rechtecke oder Ordnersilhouetten. */
svg.icon-svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}

/* Nachverfolgung im E-Mail-Leser: kompakt, klar und ohne übergroße Aktion. */
.mail-organization-panel-v2{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy action" "fields fields"!important;
  gap:10px 12px!important;
  margin:12px 0!important;
  padding:12px 13px!important;
  border-radius:13px!important;
}
.mail-organization-copy{gap:9px!important}
.mail-organization-icon{
  flex-basis:32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:rgba(199,166,90,.11)!important;
}
.mail-organization-icon svg{width:15px!important;height:15px!important}
.mail-organization-copy strong{font-size:12px!important;line-height:1.2!important}
.mail-organization-copy span:not(.mail-organization-icon){margin-top:2px!important;font-size:9px!important;line-height:1.35!important}
.mail-metadata-save{
  min-width:100px!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:10px!important;
  gap:6px!important;
  box-shadow:none!important;
}
.mail-metadata-save svg{width:13px!important;height:13px!important;margin:0!important}
.mail-organization-fields{gap:10px!important}
.mail-metadata-field{gap:5px!important}
.mail-metadata-field>span{font-size:8.5px!important}
.mail-organization-panel-v2 .mail-metadata-control select,
.mail-organization-panel-v2 .mail-metadata-control input{
  height:38px!important;
  min-height:38px!important;
  padding:7px 10px 7px 34px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
.mail-metadata-control>svg{left:10px!important;width:14px!important;height:14px!important}

/* Der helle Modus verwendet in allen Arbeitsbereichen helle Flächen statt
   einzelner übrig gebliebener dunkelblauer Karten. */
html[data-theme="light"] .project-tabs{background:#f7f9fc!important}
html[data-theme="light"] .implementation-board>section,
html[data-theme="light"] .kanban-column,
html[data-theme="light"] .kanban-card,
html[data-theme="light"] .implementation-card,
html[data-theme="light"] .employee-kpis>div,
html[data-theme="light"] .absence-kpis>div,
html[data-theme="light"] .business-kpi,
html[data-theme="light"] .service-card{
  background:linear-gradient(145deg,#ffffff,#f7f9fc)!important;
  border-color:rgba(29,46,66,.12)!important;
  box-shadow:0 12px 30px rgba(39,53,70,.08)!important;
}
html[data-theme="light"] .business-kpi span,
html[data-theme="light"] .business-kpi small,
html[data-theme="light"] .service-card p,
html[data-theme="light"] .service-price small,
html[data-theme="light"] .service-exclusions summary,
html[data-theme="light"] .service-exclusions p{color:#667085!important}
html[data-theme="light"] .business-kpi strong,
html[data-theme="light"] .service-card h3,
html[data-theme="light"] .service-scope>strong,
html[data-theme="light"] .project-service-exclusions strong{color:#172033!important}
html[data-theme="light"] .business-kpi>b{background:#eef2f6!important;box-shadow:none!important}
html[data-theme="light"] .business-kpi.green>b{background:#eaf7f0!important}
html[data-theme="light"] .business-kpi.blue>b{background:#edf4ff!important}
html[data-theme="light"] .business-kpi.yellow>b{background:#fff5e6!important}
html[data-theme="light"] .business-kpi.red>b{background:#fff0f1!important}
html[data-theme="light"] .service-card:hover{
  background:#fff!important;
  border-color:rgba(169,127,36,.38)!important;
  box-shadow:0 18px 38px rgba(39,53,70,.13)!important;
}
html[data-theme="light"] .service-filter{
  background:#fff!important;
  color:#59677a!important;
  border-color:rgba(29,46,66,.14)!important;
  box-shadow:0 3px 10px rgba(39,53,70,.04)!important;
}
html[data-theme="light"] .service-filter:hover,
html[data-theme="light"] .service-filter.active{
  background:#fbf3df!important;
  color:#172033!important;
  border-color:rgba(169,127,36,.38)!important;
}
html[data-theme="light"] .service-scope{background:#f7f9fc!important}
html[data-theme="light"] .service-exclusions{border-color:rgba(29,46,66,.10)!important}

/* E-Mail-Arbeitsansicht vollständig hell. Die bisherigen modernen Mailregeln
   verwendeten mehrfach !important mit dunklen Farben und werden hier gezielt
   mit den exakten Selektoren überschrieben. */
html[data-theme="light"] .mail-workspace-modern{
  background:#fff!important;
  border-color:rgba(29,46,66,.13)!important;
  box-shadow:0 18px 46px rgba(39,53,70,.12)!important;
}
html[data-theme="light"] .mail-list-pane-modern{
  background:#f7f9fc!important;
  border-color:rgba(29,46,66,.11)!important;
}
html[data-theme="light"] .mail-list-head-modern{
  background:#f7f9fc!important;
  border-color:rgba(29,46,66,.11)!important;
  box-shadow:0 1px 0 rgba(29,46,66,.09)!important;
}
html[data-theme="light"] .mail-list-title-row>div strong{color:#172033!important}
html[data-theme="light"] .mail-list-title-row>div span{color:#667085!important}
html[data-theme="light"] .mail-search-form input{
  background:#fff!important;
  color:#172033!important;
  border-color:rgba(29,46,66,.14)!important;
}
html[data-theme="light"] .mail-search-form button{color:#667085!important}
html[data-theme="light"] .mail-message-list{background:#f3f6f9!important}
html[data-theme="light"] .mail-message-item{
  background:#fff!important;
  border-color:transparent!important;
  box-shadow:0 1px 0 rgba(29,46,66,.06)!important;
}
html[data-theme="light"] .mail-message-item:hover{
  background:#f8fafc!important;
  border-color:rgba(29,46,66,.10)!important;
}
html[data-theme="light"] .mail-message-item.active{
  background:linear-gradient(135deg,#fbf3df,#fffaf0)!important;
  border-color:rgba(169,127,36,.24)!important;
  box-shadow:inset 3px 0 #c79f48!important;
}
html[data-theme="light"] .mail-message-item.unread:not(.active){background:#eef5fd!important}
html[data-theme="light"] .mail-message-top strong,
html[data-theme="light"] .mail-message-copy b{color:#253247!important}
html[data-theme="light"] .mail-message-top time,
html[data-theme="light"] .mail-message-copy small{color:#748294!important}
html[data-theme="light"] .mail-list-star,
html[data-theme="light"] .mail-list-attachment{background:#eef2f6!important}
html[data-theme="light"] .mail-folder-icon{
  background:#eef2f6!important;
  color:#667085!important;
  box-shadow:none!important;
}
html[data-theme="light"] .mail-folder-item:hover .mail-folder-icon{background:#e4eaf0!important;color:#344054!important}
html[data-theme="light"] .mail-folder-item.active .mail-folder-icon{background:#f1dfb3!important;color:#7b5714!important}
html[data-theme="light"] .mail-account-online{border-color:#fff!important}

html[data-theme="light"] .mail-reader-pane-modern,
html[data-theme="light"] .mail-reader-modern{background:#fff!important}
html[data-theme="light"] .mail-reader-header-modern h2{color:#172033!important}
html[data-theme="light"] .mail-reader-address strong{color:#344054!important}
html[data-theme="light"] .mail-reader-address span{color:#667085!important}
html[data-theme="light"] .mail-reader-header-modern time{
  background:#f2f4f7!important;
  color:#667085!important;
}
html[data-theme="light"] .mail-reader-actions-professional{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(29,46,66,.10)!important;
}
html[data-theme="light"] .mail-action-primary{
  background:#fbf3df!important;
  border-color:rgba(169,127,36,.25)!important;
  color:#6f4e0f!important;
}
html[data-theme="light"] .mail-action-secondary,
html[data-theme="light"] .mail-actions-secondary button{
  background:#f8fafc!important;
  color:#475467!important;
  border-color:rgba(29,46,66,.13)!important;
}
html[data-theme="light"] .mail-organization-panel-v2{
  background:#f8fafc!important;
  border-color:rgba(29,46,66,.11)!important;
}
html[data-theme="light"] .mail-organization-copy strong{color:#253247!important}
html[data-theme="light"] .mail-organization-copy span:not(.mail-organization-icon){color:#667085!important}
html[data-theme="light"] .mail-organization-icon{background:#f3ead5!important;color:#a87d21!important}
html[data-theme="light"] .mail-metadata-field>span{color:#667085!important}
html[data-theme="light"] .mail-organization-panel-v2 .mail-metadata-control select,
html[data-theme="light"] .mail-organization-panel-v2 .mail-metadata-control input{
  background:#fff!important;
  color:#172033!important;
  border-color:rgba(29,46,66,.15)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .mail-metadata-control>svg{color:#667085!important}
html[data-theme="light"] .mail-convert-heading strong{color:#344054!important}
html[data-theme="light"] .mail-convert-panel-compact{background:#f8fafc!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .mail-body-card{background:#fff!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .mail-body-card .mail-body-text{color:#344054!important}

/* Weitere hart codierte dunkle Eingabe- und Detailflächen werden ebenfalls
   an den hellen Modus angepasst. */
html[data-theme="light"] .business-tab,
html[data-theme="light"] .project-tab,
html[data-theme="light"] .settings-tab,
html[data-theme="light"] .doc-mode{background:#fff!important;color:#667085!important}
html[data-theme="light"] .business-tab.active,
html[data-theme="light"] .business-tab:hover,
html[data-theme="light"] .project-tab.active,
html[data-theme="light"] .project-tab:hover,
html[data-theme="light"] .settings-tab.active,
html[data-theme="light"] .settings-tab:hover,
html[data-theme="light"] .doc-mode.active,
html[data-theme="light"] .doc-mode:hover{background:#fbf3df!important;color:#172033!important}
html[data-theme="light"] .permission-option,
html[data-theme="light"] .project-access-options label,
html[data-theme="light"] .tax-mode-toggle{background:#f8fafc!important;color:#344054!important;border-color:rgba(29,46,66,.12)!important}
html[data-theme="light"] .custom-select-search-wrap{background:#fff!important;border-color:rgba(29,46,66,.11)!important}
html[data-theme="light"] .custom-select-search{background:#f8fafc!important;color:#172033!important;border-color:rgba(29,46,66,.14)!important}
html[data-theme="light"] .invoice-summary-grand,
html[data-theme="light"] .invoice-summary-payable,
html[data-theme="light"] .invoice-total-discount-result{background:#f2f5f8!important;color:#172033!important}
html[data-theme="light"] .document-action-dialog{background:#fff!important;color:#172033!important}
html[data-theme="light"] .document-action-dialog textarea,
html[data-theme="light"] .document-action-dialog input{background:#f8fafc!important;color:#172033!important;border-color:rgba(29,46,66,.15)!important}

@media(max-width:820px){
  .mail-organization-panel-v2{grid-template-columns:1fr!important;grid-template-areas:"copy" "fields" "action"!important}
  .mail-metadata-save{justify-self:stretch!important;width:100%!important}
}

/* ========================================================================== */
/* Version 0.17.7: Support-Board im hellen Modus und kompakte Nachverfolgung   */
/* ========================================================================== */

/* Das Support-Board soll im hellen Modus nicht wie ein dunkler Fremdkörper
   wirken. Leere Spalten bleiben übersichtlich und nehmen nicht unnötig die
   gesamte Bildschirmhöhe ein. */
.support-board{align-items:start!important}
.support-column{min-height:340px!important}
html[data-theme="light"] .support-column{
  background:linear-gradient(180deg,#f8fafc 0%,#f3f6f9 100%)!important;
  border-color:rgba(29,46,66,.12)!important;
  box-shadow:0 10px 28px rgba(30,45,65,.05)!important;
  color:#172033!important;
}
html[data-theme="light"] .support-column>header strong{color:#253247!important}
html[data-theme="light"] .support-column>header span{color:#8491a3!important}
html[data-theme="light"] .support-card{
  background:#fff!important;
  border-color:rgba(29,46,66,.12)!important;
  box-shadow:0 7px 18px rgba(30,45,65,.05)!important;
  color:#172033!important;
}
html[data-theme="light"] .support-card>strong{color:#253247!important}
html[data-theme="light"] .support-card p,
html[data-theme="light"] .support-card>small,
html[data-theme="light"] .support-meta{color:#667085!important}
html[data-theme="light"] .column-empty{
  background:rgba(255,255,255,.48)!important;
  color:#98a2b3!important;
  border-color:rgba(29,46,66,.14)!important;
}
html[data-theme="light"] .support-board{
  scrollbar-color:#c8a24e #eef2f6!important;
}

/* Die Organisation einer E-Mail wird auf breiten Ansichten in einer einzigen
   ruhigen Zeile dargestellt. Dadurch bleibt der eigentliche Nachrichteninhalt
   sichtbar und der Speichern-Button dominiert die Ansicht nicht mehr. */
.mail-organization-panel-v2{
  margin:10px 0!important;
  padding:10px 12px!important;
  gap:10px 12px!important;
}
.mail-organization-copy strong{font-size:11.5px!important}
.mail-organization-copy span:not(.mail-organization-icon){font-size:8.5px!important}
.mail-organization-icon{
  flex-basis:30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
}
.mail-organization-icon svg{width:14px!important;height:14px!important}
.mail-metadata-save{
  min-width:92px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}
.mail-organization-panel-v2 .mail-metadata-control select,
.mail-organization-panel-v2 .mail-metadata-control input{
  height:34px!important;
  min-height:34px!important;
  padding:5px 9px 5px 31px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
.mail-metadata-control>svg{left:9px!important;width:13px!important;height:13px!important}
.mail-metadata-field{gap:4px!important}
.mail-metadata-field>span{font-size:8px!important}

@media(min-width:1180px){
  .mail-organization-panel-v2{
    grid-template-columns:minmax(180px,.72fr) minmax(330px,1.45fr) auto!important;
    grid-template-areas:"copy fields action"!important;
    align-items:end!important;
  }
  .mail-organization-copy{align-self:center!important}
  .mail-organization-fields{
    grid-template-columns:minmax(150px,1fr) minmax(170px,1fr)!important;
    gap:9px!important;
  }
  .mail-metadata-save{align-self:end!important}
}

@media(max-width:1179px){
  .mail-organization-panel-v2{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy action" "fields fields"!important;
  }
}

@media(max-width:820px){
  .support-column{min-height:280px!important}
  .mail-organization-panel-v2{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "fields" "action"!important;
  }
  .mail-organization-fields{grid-template-columns:1fr!important}
  .mail-metadata-save{justify-self:stretch!important;width:100%!important}
}

/* ========================================================================== */
/* Version 0.17.8: Terminliste, stabile Mail-Nachverfolgung und Lesestatus     */
/* ========================================================================== */

/* Der Verbindungsstatus sitzt dezent am Konto-Avatar statt frei zwischen
   Kontoname und Werkzeugleiste. */
.mail-account-avatar-with-status{position:relative!important;overflow:visible!important}
.mail-account-avatar-with-status .mail-account-online{
  position:absolute!important;
  right:-2px!important;
  bottom:-2px!important;
  width:8px!important;
  height:8px!important;
  margin:0!important;
  align-self:auto!important;
  border:2px solid #0b1929!important;
  box-shadow:0 0 0 2px rgba(88,201,140,.10)!important;
  opacity:.88!important;
}
html[data-theme="light"] .mail-account-avatar-with-status .mail-account-online{border-color:#fff!important}

/* Die Nachverfolgung richtet sich nach der tatsächlichen Breite des
   Nachrichtenlesers. So bleibt die Schaltfläche sichtbar, auch wenn das
   Gesamtfenster breit, die Lesespalte selbst aber schmal ist. */
.mail-organization-panel-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy action" "fields fields"!important;
  align-items:center!important;
  gap:10px 12px!important;
  overflow:visible!important;
}
.mail-organization-copy{
  grid-area:copy!important;
  align-items:center!important;
  min-width:0!important;
}
.mail-organization-icon{
  flex:0 0 30px!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
.mail-organization-icon svg{display:block!important;margin:0!important;transform:none!important}
.mail-organization-fields{
  grid-area:fields!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  gap:9px!important;
}
.mail-metadata-save{
  grid-area:action!important;
  justify-self:end!important;
  align-self:center!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  min-width:96px!important;
  max-width:118px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.mail-metadata-save span{display:inline!important}
@media(max-width:680px){
  .mail-organization-panel-v2{grid-template-columns:1fr!important;grid-template-areas:"copy" "fields" "action"!important}
  .mail-organization-fields{grid-template-columns:1fr!important}
  .mail-metadata-save{justify-self:stretch!important;max-width:none!important;width:100%!important}
}

/* Kalender und chronologische Terminübersicht bilden eine gemeinsame Seite. */
.appointment-agenda{
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
  background:rgba(255,255,255,.012);
}
.appointment-agenda-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px 14px;
}
.appointment-agenda-header>div{display:grid;gap:3px;min-width:0}
.appointment-agenda-header .eyebrow{margin:0}
.appointment-agenda-header h3{margin:0;color:var(--text);font-size:18px}
.appointment-agenda-header span{color:var(--muted);font-size:10px}
.appointment-agenda-list{display:grid;border-top:1px solid var(--line)}
.appointment-agenda-row{
  display:grid;
  grid-template-columns:58px minmax(220px,1fr) 120px auto 28px;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  padding:12px 18px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:background .16s ease;
}
.appointment-agenda-row:last-child{border-bottom:0}
.appointment-agenda-row:hover{background:rgba(199,166,90,.065)}
.appointment-agenda-row.past{opacity:.68}
.appointment-agenda-date{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  align-content:center;
  border:1px solid rgba(199,166,90,.25);
  border-radius:11px;
  background:rgba(199,166,90,.09);
  color:var(--gold);
}
.appointment-agenda-date strong{font-size:15px;line-height:1}
.appointment-agenda-date small{margin-top:3px;font-size:8px;text-transform:uppercase;font-weight:800}
.appointment-agenda-main{display:grid;gap:4px;min-width:0}
.appointment-agenda-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.appointment-agenda-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.appointment-agenda-time{color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}
.appointment-agenda-open{display:grid;place-items:center;color:var(--muted)}
.appointment-agenda-open svg{width:15px;height:15px}
.appointment-agenda-empty{display:grid;justify-items:center;gap:7px;padding:34px 20px;color:var(--muted);text-align:center}
.appointment-agenda-empty svg{width:28px;height:28px;color:var(--gold)}
.appointment-agenda-empty strong{color:var(--text);font-size:13px}
.appointment-agenda-empty span{font-size:10px}
html[data-theme="light"] .appointment-agenda{background:#f8fafc!important}
html[data-theme="light"] .appointment-agenda-row{background:#fff!important;border-color:rgba(29,46,66,.09)!important}
html[data-theme="light"] .appointment-agenda-row:hover{background:#fbf6e9!important}
html[data-theme="light"] .appointment-agenda-date{background:#fbf3df!important;color:#8a6419!important}
@media(max-width:900px){
  .appointment-agenda-row{grid-template-columns:50px minmax(0,1fr) auto;padding:11px 12px;gap:10px}
  .appointment-agenda-time{grid-column:2}
  .appointment-agenda-row>.badge{grid-column:3;grid-row:1}
  .appointment-agenda-open{display:none}
}
@media(max-width:620px){
  .appointment-agenda-header{align-items:stretch;flex-direction:column}
  .appointment-agenda-header .btn{width:100%}
  .appointment-agenda-row{grid-template-columns:44px minmax(0,1fr)}
  .appointment-agenda-row>.badge{grid-column:2;grid-row:auto;justify-self:start}
  .appointment-agenda-time{grid-column:2}
}

/* ========================================================================== */
/* Version 0.17.9: Kalender und Terminliste nebeneinander, kompakte Aktion     */
/* ========================================================================== */

/* Die Terminseite nutzt die verfügbare Breite: Kalender links, Liste rechts. */
.appointments-schedule-layout{
  display:grid;
  grid-template-columns:minmax(720px,1.7fr) minmax(320px,.68fr);
  align-items:start;
  gap:16px;
  min-width:0;
}
.appointments-schedule-layout>.appointments-calendar,
.appointments-schedule-layout>.appointment-agenda{min-width:0}
.appointments-schedule-layout>.appointment-agenda{
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:var(--panel);
  box-shadow:0 12px 32px rgba(0,0,0,.10);
}
.appointments-schedule-layout .appointment-agenda-header{padding:16px 16px 13px}
.appointments-schedule-layout .appointment-agenda-list{
  max-height:760px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
}
.appointments-schedule-layout .appointment-agenda-row{
  grid-template-columns:46px minmax(0,1fr) 20px;
  gap:11px;
  padding:11px 13px;
}
.appointments-schedule-layout .appointment-agenda-main{gap:3px}
.appointments-schedule-layout .appointment-agenda-main>strong{font-size:11.5px}
.appointments-schedule-layout .appointment-agenda-main>small{font-size:8.5px}
.appointment-agenda-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
}
.appointments-schedule-layout .appointment-agenda-time{font-size:9px}
.appointments-schedule-layout .appointment-agenda-meta .badge{font-size:7.5px;padding:3px 6px}
html[data-theme="light"] .appointments-schedule-layout>.appointment-agenda{background:#fff!important}

/* Der Speichern-Button ist eine kleine Aktion und kein dominanter Kasten. */
.mail-metadata-save{
  min-width:78px!important;
  max-width:94px!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  gap:5px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1!important;
}
.mail-metadata-save svg{width:12px!important;height:12px!important;flex:0 0 12px!important}
.mail-metadata-save span{line-height:1!important}

@media(max-width:1260px){
  .appointments-schedule-layout{grid-template-columns:1fr}
  .appointments-schedule-layout .appointment-agenda-list{max-height:520px}
}
@media(max-width:680px){
  .mail-metadata-save{max-width:none!important;width:100%!important;height:34px!important}
}

/* Verschlüsselte Datensicherung */
.backup-password-backdrop{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:20px;background:rgba(3,10,19,.78);backdrop-filter:blur(8px)}
.backup-password-backdrop[hidden]{display:none!important}
.backup-password-dialog{width:min(500px,calc(100vw - 32px));padding:26px;border:1px solid rgba(199,166,90,.34);border-radius:20px;background:#0c1b2d;color:#eef3f8;box-shadow:0 30px 90px rgba(0,0,0,.52)}
.backup-password-eyebrow{margin:0 0 8px;color:#c7a65a;font-size:10px;font-weight:850;letter-spacing:.15em}
.backup-password-dialog h2{margin:0 0 10px;font-size:22px}
.backup-password-text{margin:0 0 18px;color:#9eacbc;font-size:12px;line-height:1.6}
.backup-password-dialog form{display:grid;gap:14px}
.backup-password-dialog label{display:grid;gap:7px;color:#dce5ee;font-size:11px;font-weight:760}
.backup-password-dialog input[type="password"],.backup-password-dialog input[type="text"]{width:100%;min-height:46px;padding:11px 13px;border:1px solid #30455d;border-radius:11px;background:#081625;color:#f3f6fa;outline:0}
.backup-password-dialog input:focus{border-color:#c7a65a;box-shadow:0 0 0 3px rgba(199,166,90,.12)}
.backup-password-show{display:flex!important;align-items:center;gap:9px!important;color:#9eacbc!important;font-weight:650!important}
.backup-password-show input{width:16px;height:16px;accent-color:#c7a65a}
.backup-password-message{min-height:18px;margin:0;color:#ff9b9b;font-size:10px;line-height:1.45}
.backup-password-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.backup-security-panel{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:18px 0;padding:15px;border:1px solid rgba(199,166,90,.25);border-radius:14px;background:rgba(199,166,90,.08)}
.backup-security-panel svg{width:24px;height:24px;fill:none;stroke:#c7a65a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.backup-security-panel strong{display:block;margin-bottom:4px}.backup-security-panel small{display:block;color:var(--muted);line-height:1.55}
.backup-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
html[data-theme="light"] .backup-password-dialog{background:#fff;color:#172033}
html[data-theme="light"] .backup-password-text,html[data-theme="light"] .backup-password-show{color:#66758a!important}
html[data-theme="light"] .backup-password-dialog label{color:#27364a}
html[data-theme="light"] .backup-password-dialog input[type="password"],html[data-theme="light"] .backup-password-dialog input[type="text"]{background:#f8fafc;color:#172033;border-color:rgba(29,46,66,.16)}
html[data-theme="light"] .backup-security-panel{background:#fffaf0;border-color:#ead8a8}

/* ========================================================================== */
/* Version 0.18.1: kompakte Projektdokument-Aktionsleiste                    */
/* ========================================================================== */
.document-card-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.document-card-main-actions,
.document-card-utility-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
}
.document-card-main-actions>.btn{
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.document-card-main-actions>.btn .icon-svg{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  margin:0 5px 0 0!important;
}
.document-open-action,
.document-version-action,
.document-evidence-action{
  min-width:0!important;
}
.document-card-utility-actions{
  padding-left:7px!important;
  border-left:1px solid var(--line)!important;
}
.document-card-utility-actions .small-action{
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
}
.document-card-utility-actions .small-action svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
}
@media(max-width:1550px){
  .document-card-actions{
    flex-direction:row!important;
    align-items:center!important;
  }
  .document-card-utility-actions{
    padding-left:7px!important;
    border-left:1px solid var(--line)!important;
  }
}
@media(max-width:1180px){
  .document-card{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
  }
  .document-card-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .document-card-main-actions,
  .document-card-utility-actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:680px){
  .document-card-main-actions{
    flex-wrap:wrap!important;
  }
  .document-card-utility-actions{
    width:100%!important;
    padding-left:0!important;
    padding-top:7px!important;
    border-left:0!important;
    border-top:1px solid var(--line)!important;
  }
}

/* ========================================================================== */
/* Version 0.18.2: noch kompaktere Dokumentkarten-Aktionsleiste              */
/* ========================================================================== */
.document-card{
  min-height:0!important;
  padding:12px 14px!important;
  gap:16px!important;
}
.document-card-actions{
  align-self:center!important;
  gap:5px!important;
}
.document-card-main-actions,
.document-card-utility-actions{
  gap:5px!important;
}
.document-card-main-actions>.btn{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  gap:5px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.document-card-main-actions>.btn .icon-svg{
  display:block!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  margin:0!important;
  transform:none!important;
}
.document-open-action,
.document-version-action,
.document-evidence-action{
  min-width:0!important;
}
.document-card-utility-actions{
  padding-left:6px!important;
  margin-left:1px!important;
}
.document-card-utility-actions .small-action{
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.document-card-utility-actions .small-action svg{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
}
@media(max-width:1180px){
  .document-card{
    padding:12px 14px!important;
  }
}
@media(max-width:680px){
  .document-card-main-actions>.btn{
    height:34px!important;
    min-height:34px!important;
    font-size:10px!important;
  }
}


/* Version 0.18.3: robuste Dateiauswahl und Tastatureingabe bei Wiederherstellung */
.backup-password-dialog,.backup-password-dialog *{-webkit-app-region:no-drag}
.backup-password-dialog input[type="password"],.backup-password-dialog input[type="text"]{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;caret-color:currentColor}
.backup-password-dialog input:disabled{opacity:1!important}


/* ========================================================================== */
/* Version 0.18.5: kompakte Rechnungsweiterführung und ruhiger Aktionsbutton  */
/* ========================================================================== */
.document-card-main-actions>.invoice-conversion-action{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  gap:5px!important;
  border:1px solid rgba(199,166,90,.42)!important;
  border-radius:8px!important;
  background:rgba(199,166,90,.09)!important;
  color:var(--gold)!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.document-card-main-actions>.invoice-conversion-action:hover{
  border-color:rgba(199,166,90,.68)!important;
  background:rgba(199,166,90,.16)!important;
  transform:none!important;
}
.document-card-main-actions>.invoice-conversion-action .icon-svg,
.document-card-main-actions>.invoice-conversion-action svg{
  display:block!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  margin:0!important;
  transform:none!important;
}
.document-card-main-actions>.invoice-conversion-action span{
  display:inline!important;
  margin:0!important;
  line-height:1!important;
}
.document-card-main-actions>.invoice-conversion-open{
  border-color:rgba(85,197,138,.32)!important;
  background:rgba(85,197,138,.08)!important;
  color:var(--success)!important;
}
html[data-theme="light"] .document-card-main-actions>.invoice-conversion-action{
  border-color:rgba(168,125,33,.34)!important;
  background:#fff8e8!important;
  color:#9a6d0b!important;
}
html[data-theme="light"] .document-card-main-actions>.invoice-conversion-open{
  border-color:rgba(27,139,86,.25)!important;
  background:#f1faf5!important;
  color:#137348!important;
}

/* ========================================================================== */
/* Version 0.18.7: kompakte Anhangsleiste im E-Mail-Composer                  */
/* ========================================================================== */
.mail-compose-form>.mail-compose-attachments{display:none!important}
.mail-compose-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.mail-compose-footer-left{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.mail-attach-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 0 auto;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(199,166,90,.28);
  border-radius:9px;
  background:rgba(199,166,90,.08);
  color:#d9b75f;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
}
.mail-attach-button:hover{
  border-color:rgba(199,166,90,.5);
  background:rgba(199,166,90,.14);
}
.mail-attach-button svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px;
  stroke-width:2!important;
}
.mail-compose-footer-attachments{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.mail-compose-footer-attachments:empty{display:none}
.mail-compose-footer-attachments .mail-compose-attachment{
  display:grid!important;
  grid-template-columns:16px minmax(70px,1fr) 20px!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:235px!important;
  min-height:34px!important;
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:9px!important;
  background:#0d2034!important;
  box-shadow:none!important;
}
.mail-compose-footer-attachments .mail-compose-attachment>svg{
  width:14px!important;
  height:14px!important;
  color:var(--gold)!important;
}
.mail-compose-footer-attachments .mail-compose-attachment strong{
  display:block!important;
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eef3f8;
  font-size:10px!important;
  line-height:1.2;
}
.mail-compose-footer-attachments .mail-compose-attachment small{
  display:block!important;
  margin-top:1px;
  color:#7f90a4!important;
  font-size:8.5px!important;
  line-height:1.1;
}
.mail-compose-footer-attachments .mail-compose-attachment button{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#7f90a4!important;
}
.mail-compose-footer-attachments .mail-compose-attachment button:hover{
  background:rgba(235,107,117,.1)!important;
  color:var(--danger)!important;
}
.mail-compose-footer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.mail-compose-footer-actions .btn{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
}
html[data-theme="light"] .mail-compose-footer{
  border-top-color:rgba(29,46,66,.11)!important;
}
html[data-theme="light"] .mail-attach-button{
  border-color:rgba(168,125,33,.28);
  background:#fff8e8;
  color:#936807;
}
html[data-theme="light"] .mail-attach-button:hover{
  border-color:rgba(168,125,33,.5);
  background:#fff3d3;
}
html[data-theme="light"] .mail-compose-footer-attachments .mail-compose-attachment{
  border-color:rgba(29,46,66,.13)!important;
  background:#f7f9fc!important;
}
html[data-theme="light"] .mail-compose-footer-attachments .mail-compose-attachment strong{color:#172033!important}
html[data-theme="light"] .mail-compose-footer-attachments .mail-compose-attachment small{color:#6d7b8d!important}
@media(max-width:900px){
  .mail-compose-footer{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .mail-compose-footer-actions{justify-content:flex-end}
}
@media(max-width:620px){
  .mail-compose-footer-left{align-items:stretch;flex-direction:column}
  .mail-attach-button{align-self:flex-start}
  .mail-compose-footer-attachments{display:grid;grid-template-columns:1fr;width:100%}
  .mail-compose-footer-attachments .mail-compose-attachment{max-width:none!important;width:100%!important}
  .mail-compose-footer-actions{display:grid;grid-template-columns:1fr}
  .mail-compose-footer-actions .btn{width:100%!important}
}
.mail-compose-form footer.mail-compose-footer .mail-compose-footer-actions .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1!important;
}
.mail-compose-form footer.mail-compose-footer .mail-compose-footer-actions .btn svg{
  width:14px!important;
  height:14px!important;
}

/* ========================================================================== */
/* Version 0.18.8: stabile Aktionsleiste und korrekt ausgerichtetes Mehr-Menü */
/* ========================================================================== */
.mail-reader-actions-professional{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:8px 10px!important;
  overflow:visible!important;
}
.mail-reader-actions-professional .mail-actions-primary{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.mail-reader-actions-professional button,
.mail-reader-actions-professional .mail-more-actions summary{
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.mail-reader-actions-professional button svg,
.mail-reader-actions-professional .mail-more-actions summary svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
.mail-more-actions{
  position:relative!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  z-index:30!important;
}
.mail-more-actions>summary{
  box-sizing:border-box!important;
}
.mail-more-menu{
  left:auto!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  width:max-content!important;
  min-width:218px!important;
  max-width:min(280px,calc(100vw - 40px))!important;
  padding:6px!important;
  overflow:hidden!important;
  z-index:80!important;
}
.mail-more-menu button{
  min-height:34px!important;
  height:auto!important;
  width:100%!important;
  padding:8px 10px!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
}
.mail-more-menu button span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  .mail-reader-actions-professional{
    grid-template-columns:1fr!important;
  }
  .mail-more-actions{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
  }
  .mail-more-menu{
    left:0!important;
    right:auto!important;
  }
}

/* ========================================================================== */
/* Version 0.18.9: Drei-Punkte-Schnellaktionen je E-Mail                     */
/* ========================================================================== */
.mail-message-item{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  outline:none!important;
}
.mail-message-item:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(215,181,95,.72)!important;
}
.mail-message-side{
  align-self:start;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:5px;
  min-width:29px;
}
.mail-message-side .mail-message-icons{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding-top:2px;
}
.mail-list-more-button{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8294a7!important;
  opacity:.68;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;
}
.mail-list-more-button svg{
  width:16px!important;
  height:16px!important;
  stroke-width:2!important;
}
.mail-message-item:hover .mail-list-more-button,
.mail-message-item.active .mail-list-more-button,
.mail-list-more-button:focus-visible{
  opacity:1;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.055)!important;
  color:#d7b55f!important;
}
.mail-list-context-menu{
  position:fixed;
  z-index:10020;
  width:246px;
  max-width:calc(100vw - 24px);
  max-height:min(560px,calc(100vh - 24px));
  overflow:auto;
  padding:7px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:#0b1d30;
  color:#d9e2eb;
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  animation:mailListMenuIn .12s ease-out;
}
@keyframes mailListMenuIn{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:none}
}
.mail-list-context-menu-inner{
  display:grid;
  gap:2px;
}
.mail-list-context-menu button,
.mail-list-context-move>summary{
  width:100%;
  min-height:35px;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:11px;
  font-weight:730;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}
.mail-list-context-menu button:hover,
.mail-list-context-menu button:focus-visible,
.mail-list-context-move>summary:hover,
.mail-list-context-move[open]>summary{
  outline:none;
  background:rgba(255,255,255,.065);
  color:#fff;
}
.mail-list-context-menu button svg,
.mail-list-context-move>summary svg{
  width:15px!important;
  height:15px!important;
  color:#91a5b9;
  stroke-width:2!important;
}
.mail-list-context-menu button:hover svg,
.mail-list-context-move>summary:hover svg,
.mail-list-context-move[open]>summary svg{
  color:#d9b75f;
}
.mail-list-context-menu button.danger{
  color:#f3a3aa;
}
.mail-list-context-menu button.danger svg{
  color:#e97983;
}
.mail-list-context-menu button.danger:hover{
  background:rgba(229,91,103,.11);
  color:#ffc4c9;
}
.mail-list-context-menu hr{
  width:100%;
  height:1px;
  margin:4px 0;
  border:0;
  background:rgba(255,255,255,.08);
}
.mail-list-context-move{
  position:relative;
}
.mail-list-context-move>summary{
  list-style:none;
  grid-template-columns:19px minmax(0,1fr) 15px;
}
.mail-list-context-move>summary::-webkit-details-marker{display:none}
.mail-list-context-move>summary svg:last-child{
  width:12px!important;
  height:12px!important;
  justify-self:end;
  transition:transform .15s ease;
}
.mail-list-context-move[open]>summary svg:last-child{transform:rotate(180deg)}
.mail-list-context-move>div{
  display:grid;
  gap:2px;
  margin:2px 0 4px 20px;
  padding:4px 0 4px 7px;
  border-left:1px solid rgba(199,166,90,.26);
}
.mail-list-context-move>div button{
  min-height:31px;
  padding:5px 8px;
  font-size:10px;
}
html[data-theme="light"] .mail-list-more-button{
  color:#718095!important;
}
html[data-theme="light"] .mail-message-item:hover .mail-list-more-button,
html[data-theme="light"] .mail-message-item.active .mail-list-more-button,
html[data-theme="light"] .mail-list-more-button:focus-visible{
  border-color:rgba(29,46,66,.12)!important;
  background:#edf2f7!important;
  color:#9a6d0b!important;
}
html[data-theme="light"] .mail-list-context-menu{
  border-color:rgba(29,46,66,.13);
  background:#fff;
  color:#253249;
  box-shadow:0 20px 55px rgba(26,38,52,.18);
}
html[data-theme="light"] .mail-list-context-menu button:hover,
html[data-theme="light"] .mail-list-context-menu button:focus-visible,
html[data-theme="light"] .mail-list-context-move>summary:hover,
html[data-theme="light"] .mail-list-context-move[open]>summary{
  background:#f2f5f8;
  color:#101a2c;
}
html[data-theme="light"] .mail-list-context-menu button svg,
html[data-theme="light"] .mail-list-context-move>summary svg{
  color:#6f8094;
}
html[data-theme="light"] .mail-list-context-menu button:hover svg,
html[data-theme="light"] .mail-list-context-move>summary:hover svg,
html[data-theme="light"] .mail-list-context-move[open]>summary svg{
  color:#a87815;
}
html[data-theme="light"] .mail-list-context-menu hr{
  background:rgba(29,46,66,.1);
}
html[data-theme="light"] .mail-list-context-menu button.danger{
  color:#b7444d;
}
html[data-theme="light"] .mail-list-context-menu button.danger:hover{
  background:#fff0f1;
  color:#a62f39;
}
@media(max-width:680px){
  .mail-list-context-menu{width:min(246px,calc(100vw - 24px))}
  .mail-message-side .mail-message-icons{display:none!important}
}

/* ========================================================================== */
/* Version 0.19.0: Mehrere Postfächer und kompakte Mitarbeiterrechte          */
/* ========================================================================== */

/* Mitarbeiter-Untertabs ruhiger, flacher und mit sauber ausgerichteten Badges. */
.employee-tabs{
  min-height:48px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  padding:5px 14px 0!important;
  background:rgba(7,18,31,.56)!important;
  border-bottom:1px solid var(--line)!important;
}
.employee-tab{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px 13px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:9px 9px 0 0!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
.employee-tab:hover{background:rgba(255,255,255,.035)!important;color:#eef4fb!important}
.employee-tab.active{
  background:rgba(199,166,90,.075)!important;
  color:#fff!important;
  border-bottom-color:var(--gold)!important;
}
.employee-tab span{
  min-width:19px!important;
  height:19px!important;
  margin:0!important;
  padding:0 5px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  color:inherit!important;
  font-size:8.5px!important;
  line-height:1!important;
}
.employee-tab-panel{padding:18px!important}
.rights-section{
  margin-bottom:12px!important;
  padding:15px!important;
  border-radius:13px!important;
  background:rgba(8,21,36,.48)!important;
}
.rights-heading{margin-bottom:11px!important}
.permission-grid{gap:8px!important}
.permission-option{
  min-height:46px!important;
  padding:9px 11px!important;
  border-radius:9px!important;
  background:#0a192a!important;
  font-size:10.5px!important;
}
.permission-check{width:21px!important;height:21px!important;flex:0 0 21px!important}

html[data-theme="light"] .employee-tabs{
  background:#f7f9fb!important;
  border-bottom-color:rgba(29,46,66,.13)!important;
}
html[data-theme="light"] .employee-tab{color:#68758a!important}
html[data-theme="light"] .employee-tab:hover{background:#eef2f6!important;color:#172033!important}
html[data-theme="light"] .employee-tab.active{
  background:#fff8e8!important;
  color:#172033!important;
  border-bottom-color:#b8861f!important;
}
html[data-theme="light"] .employee-tab span{background:#e9eef4!important;color:#5c697d!important}
html[data-theme="light"] .employee-tab.active span{background:#f1dfad!important;color:#7e5908!important}
html[data-theme="light"] .rights-section{
  background:#f7f9fb!important;
  border-color:rgba(29,46,66,.12)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .rights-heading strong{color:#253247!important}
html[data-theme="light"] .rights-heading span{color:#7b8798!important}
html[data-theme="light"] .permission-option{
  background:#fff!important;
  color:#344054!important;
  border-color:rgba(29,46,66,.13)!important;
}
html[data-theme="light"] .permission-option:hover{background:#fbfcfd!important;border-color:rgba(181,135,35,.34)!important}
html[data-theme="light"] .permission-option:has(input:checked){background:#fff9e9!important;border-color:rgba(181,135,35,.46)!important}

/* Postfachauswahl im E-Mail-Modul. */
.mail-account-heading{flex:1 1 auto!important;min-width:0!important}
.mail-account-copy{min-width:0;flex:0 1 auto}
.mail-account-copy strong,.mail-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-account-switch{
  width:min(390px,36vw);
  min-width:220px;
  margin-left:12px;
  display:grid;
  gap:3px;
  color:var(--muted);
  font-size:8px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mail-account-switch select{
  width:100%;
  height:38px;
  padding:7px 34px 7px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0a192a;
  color:#e8eff6;
  font-size:10.5px;
  font-weight:700;
}
html[data-theme="light"] .mail-account-switch select{background:#fff!important;color:#253247!important;border-color:rgba(29,46,66,.14)!important}

/* Verwaltung mehrerer Postfächer in den Einstellungen. */
.mail-account-settings-shell{display:grid;gap:15px}
.mail-account-manager,.mail-account-form{
  padding:17px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(8,21,36,.48);
}
.mail-account-manager .panel-header,.mail-account-form>.panel-header{margin-bottom:13px}
.mail-account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}
.mail-account-card{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto 16px;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#0a192a;
  color:#dce5ef;
  text-align:left;
  cursor:pointer;
}
.mail-account-card:hover{border-color:rgba(199,166,90,.35);background:#0c1d30}
.mail-account-card.active{border-color:rgba(199,166,90,.55);background:rgba(199,166,90,.09);box-shadow:inset 3px 0 var(--gold)}
.mail-account-card-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(199,166,90,.16);color:var(--gold);font-size:11px;font-weight:900}
.mail-account-card strong,.mail-account-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-account-card strong{font-size:11px}.mail-account-card small{margin-top:3px;color:var(--muted);font-size:9px}
.mail-account-card>b{padding:4px 7px;border-radius:999px;background:rgba(85,197,138,.12);color:#7fd3a5;font-size:8px}
.mail-account-card>svg{width:14px;height:14px;color:#7d8da0}
.mail-account-empty{min-height:82px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--line);border-radius:11px;color:var(--muted)}
.mail-account-empty>svg{width:25px;height:25px;color:var(--gold)}.mail-account-empty strong,.mail-account-empty span{display:block}.mail-account-empty strong{color:var(--text);font-size:11px}.mail-account-empty span{margin-top:3px;font-size:9px}
.btn.compact{min-height:36px!important;padding:8px 12px!important;font-size:10px!important}.btn.compact svg{width:14px!important;height:14px!important}

html[data-theme="light"] .mail-account-manager,html[data-theme="light"] .mail-account-form{background:#fff!important;border-color:rgba(29,46,66,.12)!important}
html[data-theme="light"] .mail-account-card{background:#f8fafc!important;color:#344054!important;border-color:rgba(29,46,66,.12)!important}
html[data-theme="light"] .mail-account-card:hover{background:#f3f6f9!important}
html[data-theme="light"] .mail-account-card.active{background:#fff8e8!important;border-color:rgba(181,135,35,.42)!important}
html[data-theme="light"] .mail-account-card-avatar{background:#f3ead5!important;color:#9b7015!important}
html[data-theme="light"] .mail-account-card>b{background:#eaf8f0!important;color:#27784f!important}
html[data-theme="light"] .mail-account-empty{border-color:rgba(29,46,66,.15)!important}

/* Absenderauswahl beim Verfassen. */
.mail-compose-from select{font-weight:720}
.in-app-notification-copy small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}

@media(max-width:980px){
  .mail-account-switch{width:min(320px,42vw);min-width:180px}
}
@media(max-width:720px){
  .mail-page-toolbar-modern{align-items:flex-start!important}
  .mail-account-heading{align-items:flex-start!important;flex-wrap:wrap!important}
  .mail-account-switch{width:100%;min-width:0;margin:6px 0 0 56px}
  .mail-account-cards{grid-template-columns:1fr}
  .employee-tab-panel{padding:13px!important}
}

/* v0.19.1 – professionelle E-Mail-Signatur */
.mail-signature-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.mail-signature-tools small{color:var(--muted);font-size:9px;line-height:1.4}.mail-signature-tools .btn{flex:0 0 auto}@media(max-width:760px){.mail-signature-tools{align-items:flex-start;flex-direction:column}}

/* v0.19.2 – Zahlungsfristen, Mahnlauf und Versandhistorie */
.invoice-due-copy{font-weight:700}.invoice-due-copy.red{color:#d95f62}.invoice-due-copy.yellow{color:#d8a63b}.invoice-due-copy.green{color:#48b985}.invoice-due-copy.blue{color:#5f9dde}.invoice-due-copy.gray{color:var(--muted)}
.invoice-dispatch-cell{display:grid;gap:4px;min-width:190px}.invoice-dispatch-cell>span{display:block;font-size:12px;line-height:1.35;color:var(--text)}.invoice-dispatch-cell .compact-history{justify-self:start;padding:0;font-size:11px}
.small-action.dunning-action{width:auto;min-width:34px;padding:0 8px;gap:5px;border-color:rgba(216,166,59,.45);color:#d8a63b}.small-action.dunning-action .action-label{font-size:10px;font-weight:800}
.finance-open-line>div:first-child{display:grid;gap:2px}
.invoice-history-dialog{display:grid;gap:18px}.invoice-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.invoice-history-summary>div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);display:grid;gap:4px}.invoice-history-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.invoice-history-summary strong{font-size:15px}
.invoice-history-list{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.invoice-history-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line);background:var(--panel)}.invoice-history-list article:last-child{border-bottom:0}.invoice-history-list article p{margin:3px 0;color:var(--text)}.invoice-history-list article small{display:block;color:var(--muted);line-height:1.45}.history-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.history-dot.sent{background:rgba(72,185,133,.13);color:#48b985}.history-dot.created{background:rgba(216,166,59,.13);color:#d8a63b}.history-dot svg{width:17px;height:17px}
@media(max-width:900px){.invoice-history-summary{grid-template-columns:1fr}.invoice-history-list article{grid-template-columns:34px minmax(0,1fr)}.invoice-history-list article>.small-action{grid-column:2;justify-self:start}}


/* v0.19.5 – sichtbarer Rechnungsversand */
/* v0.19.6 – rekonstruierte Projektzeiten Fenster und Rollladen Müller */
.document-email-button:not([hidden]){display:inline-flex;align-items:center;gap:8px}.document-email-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.actions .small-action.invoice-mail-action{flex:0 0 auto!important;width:auto!important;min-width:72px!important;max-width:none!important;padding:0 10px!important;gap:6px!important;border-color:rgba(95,157,222,.45)!important;color:#77afe6!important}.actions .small-action.invoice-mail-action .invoice-mail-label{position:static!important;display:inline!important;min-width:0!important;height:auto!important;padding:0!important;background:transparent!important;color:inherit!important;font-size:10px!important;font-weight:800!important}
.finance-open-actions{display:grid!important;justify-items:end!important;gap:5px!important}.compact-invoice-mail{min-height:32px!important;height:32px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10px!important}.compact-invoice-mail svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important}
@media(max-width:900px){.actions .small-action.invoice-mail-action{min-width:34px!important;width:34px!important;padding:0!important}.actions .small-action.invoice-mail-action .invoice-mail-label{display:none!important}.document-email-button span{display:none}}

.integration-test-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.integration-test-result{min-height:20px;font-size:13px;color:#aeb9c8}.integration-test-result.pending{color:#d6c184}.integration-test-result.success{color:#8fdda8}.integration-test-result.error{color:#ff9a9a}

/* v0.19.11: Geoapify-Vorschläge als Portal außerhalb des scrollbaren Dialogs */
.address-suggestions-portal{position:fixed!important;z-index:10050!important;right:auto!important;margin:0;box-sizing:border-box}
.address-suggestion.active{background:rgba(199,166,90,.18);outline:1px solid rgba(199,166,90,.38)}
html[data-theme="light"] .address-suggestion.active{background:rgba(199,166,90,.16)}

/* Schutz vor versehentlichem Schließen von Bearbeitungsfenstern */
@keyframes modalProtectedPulse {
  0%, 100% { transform: translateY(0) scale(1); }
  45% { transform: translateY(0) scale(1.006); }
}
.modal.modal-protected-pulse {
  animation: modalProtectedPulse .28s ease-out;
}

/* v0.19.15 – Stornoantrag, Freigabe und verknüpfter Stornobeleg */
.document-action-request-info{display:grid;gap:8px;margin:0 0 16px;padding:13px;border:1px solid rgba(199,166,90,.24);border-radius:12px;background:rgba(255,255,255,.035)}
.document-action-request-info[hidden]{display:none!important}
.document-action-request-info>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:start}
.document-action-request-info span{color:#8fa0b2;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.document-action-request-info strong{color:#edf3f8;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.document-action-dialog footer .btn.danger.ghost{border-color:rgba(220,80,80,.42);color:#ffaaaa}
.pending-cancellation-action{border-color:rgba(226,177,52,.45)!important;background:rgba(226,177,52,.12)!important;color:#e3bd5e!important}
.cancellation-request-panel{margin-bottom:18px;border-color:rgba(226,177,52,.28)!important}
.cancellation-request-list{display:grid;gap:9px}
.cancellation-request-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:13px 14px;border:1px solid rgba(226,177,52,.2);border-radius:12px;background:rgba(226,177,52,.055);color:inherit;cursor:pointer}
.cancellation-request-row:hover{border-color:rgba(226,177,52,.48);background:rgba(226,177,52,.1)}
.cancellation-request-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(226,177,52,.14);color:#e3bd5e}
.cancellation-request-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
.cancellation-request-row strong{font-size:12px}.cancellation-request-row small{color:var(--muted);font-size:10px}.cancellation-request-row em{color:#b9c4cf;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cancellation-request-row>b{color:#e3bd5e;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){.document-action-request-info>div{grid-template-columns:1fr;gap:2px}.cancellation-request-row{grid-template-columns:36px minmax(0,1fr)}.cancellation-request-row>b{grid-column:2}}
html[data-theme="light"] .document-action-request-info{background:#f8fafc;border-color:rgba(145,105,20,.2)}
html[data-theme="light"] .document-action-request-info strong{color:#172033}
html[data-theme="light"] .cancellation-request-row{background:#fffbef;border-color:rgba(145,105,20,.18)}
html[data-theme="light"] .cancellation-request-row em{color:#59677a}
.cancellation-request-banner{border-color:rgba(226,177,52,.34)!important;background:rgba(226,177,52,.08)!important}
.cancellation-request-banner>svg,.cancellation-request-banner .icon-svg{color:#e3bd5e!important}
.history-dot.warning{background:rgba(226,177,52,.15);color:#e3bd5e}

/* Workflow-Zentrale, automatische Status und projektbezogene Aufgaben */
.nav-count{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--gold,#c79a2b);color:#141414;font-size:12px;font-weight:800;line-height:1}
.approvals-page,.task-project-page{display:flex;flex-direction:column;gap:20px}
.approval-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-sm)}
.approval-hero h2{margin:3px 0 7px;font-size:28px}.approval-hero p:last-child{margin:0;color:var(--muted)}
.approval-total{width:92px;height:92px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(201,155,44,.2),rgba(201,155,44,.06));border:1px solid rgba(201,155,44,.35);font-size:34px;font-weight:800}.approval-total small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.approval-group{border:1px solid var(--border);border-radius:20px;background:var(--panel);overflow:hidden}.approval-group>header{padding:18px 22px;border-bottom:1px solid var(--border)}.approval-group>header h3{margin:0 0 3px}.approval-group>header span{font-size:13px;color:var(--muted)}
.approval-list{display:flex;flex-direction:column}.approval-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.approval-card:last-child{border-bottom:0}.approval-card-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(201,155,44,.1);color:var(--gold)}.approval-card-icon svg{width:21px;height:21px}.approval-card-copy{min-width:0}.approval-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.approval-card-copy p{margin:5px 0;color:var(--text)}.approval-card-copy small{color:var(--muted)}.approval-card-copy blockquote{margin:8px 0 0;padding-left:11px;border-left:2px solid rgba(201,155,44,.45);color:var(--muted);font-size:13px}.approval-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.task-project-groups{display:flex;flex-direction:column;gap:18px}.task-project-group{border:1px solid var(--border);border-radius:20px;background:var(--panel);overflow:hidden}.task-project-group>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--border)}.task-project-group>header>div:first-child{display:flex;align-items:center;gap:13px}.task-project-icon{width:39px;height:39px;border-radius:12px;background:rgba(201,155,44,.1);color:var(--gold);display:flex;align-items:center;justify-content:center}.task-project-icon svg{width:20px;height:20px}.task-project-group h3{margin:0;font-size:17px}.task-project-group p{margin:3px 0 0;color:var(--muted);font-size:13px}.task-project-summary{display:flex;gap:8px}.task-project-summary span{padding:6px 9px;border-radius:9px;background:var(--surface,var(--panel-2));font-size:12px;color:var(--muted)}.task-project-summary b{color:var(--text)}.task-project-summary .danger{background:rgba(196,65,65,.09);color:#d66969}
.document-workflow-field{display:flex;flex-direction:column;gap:7px}.document-workflow-field>span{font-size:13px;font-weight:700}.document-workflow-value{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.document-workflow-value strong{white-space:nowrap}.document-workflow-value small{color:var(--muted);text-align:right;line-height:1.35}
.mail-convert-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mail-convert-heading span{font-size:12px;color:var(--muted)}.mail-convert-bar{display:grid!important;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.mail-convert-action.lead,.mail-convert-action.support{min-width:0}
@media(max-width:1100px){.approval-card{grid-template-columns:42px minmax(0,1fr)}.approval-card-actions{grid-column:2;justify-content:flex-start}.mail-convert-bar{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:720px){.approval-hero{align-items:flex-start}.approval-total{width:70px;height:70px;font-size:27px}.approval-card{grid-template-columns:1fr}.approval-card-icon{display:none}.approval-card-actions{grid-column:1}.task-project-group>header{align-items:flex-start;flex-direction:column}.mail-convert-bar{grid-template-columns:1fr}.document-workflow-value{align-items:flex-start;flex-direction:column}.document-workflow-value small{text-align:left}}

/* v0.19.17 – kompakte E-Mail-Übernahme und direkte Erstellung */
.mail-convert-panel-v2{
  display:grid!important;
  grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin-top:16px!important;
  padding:14px!important;
  border:1px solid rgba(199,166,90,.18)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(15,33,53,.96),rgba(9,24,40,.96))!important;
  overflow:hidden!important;
}
.mail-convert-heading-v2{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:4px 6px!important;
}
.mail-convert-heading-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(199,166,90,.12)!important;
  color:#d8b45b!important;
}
.mail-convert-heading-icon svg{width:19px!important;height:19px!important;stroke-width:2!important}
.mail-convert-heading-v2>div{min-width:0!important}
.mail-convert-heading-v2>div>strong,.mail-convert-heading-v2>div>span{display:block!important}
.mail-convert-heading-v2>div>strong{font-size:14px!important;line-height:1.25!important;color:#f3f6f9!important}
.mail-convert-heading-v2>div>span{margin-top:4px!important;font-size:11px!important;line-height:1.4!important;color:#8ea0b4!important}
.mail-convert-actions-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  min-width:0!important;
}
.mail-convert-action-v2{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:11px!important;
  background:#0d2237!important;
  color:#eaf0f6!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
  overflow:hidden!important;
}
.mail-convert-action-v2:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(199,166,90,.38)!important;
  background:rgba(199,166,90,.09)!important;
}
.mail-convert-action-v2>svg{
  width:18px!important;
  height:18px!important;
  padding:7px!important;
  box-sizing:content-box!important;
  border-radius:9px!important;
  color:#d6b15a!important;
  background:rgba(199,166,90,.10)!important;
  stroke-width:2!important;
}
.mail-convert-action-v2.support>svg{color:#82afe8!important;background:rgba(100,158,226,.10)!important}
.mail-convert-action-v2.task>svg{color:#74d3a2!important;background:rgba(103,201,152,.09)!important}
.mail-convert-action-v2.appointment>svg{color:#a1a9e8!important;background:rgba(141,150,220,.10)!important}
.mail-convert-action-v2>span{display:block!important;min-width:0!important}
.mail-convert-action-v2 strong,.mail-convert-action-v2 small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mail-convert-action-v2 strong{font-size:11.5px!important;line-height:1.25!important;white-space:nowrap!important;color:#edf2f7!important}
.mail-convert-action-v2 small{margin-top:3px!important;font-size:9.5px!important;line-height:1.3!important;white-space:nowrap!important;color:#8395a9!important}
.mail-convert-action-v2.secondary{background:rgba(13,34,55,.68)!important}
@media(max-width:1150px){
  .mail-convert-panel-v2{grid-template-columns:1fr!important}
  .mail-convert-heading-v2{padding-bottom:2px!important}
}
@media(max-width:680px){
  .mail-convert-actions-v2{grid-template-columns:1fr!important}
  .mail-convert-action-v2 strong,.mail-convert-action-v2 small{white-space:normal!important}
}
html[data-theme="light"] .mail-convert-panel-v2{
  background:#f8fafc!important;
  border-color:rgba(29,46,66,.12)!important;
  box-shadow:0 8px 24px rgba(22,34,49,.05)!important;
}
html[data-theme="light"] .mail-convert-heading-icon{background:#fff4da!important;color:#a77712!important}
html[data-theme="light"] .mail-convert-heading-v2>div>strong{color:#253248!important}
html[data-theme="light"] .mail-convert-heading-v2>div>span{color:#738196!important}
html[data-theme="light"] .mail-convert-action-v2{
  background:#fff!important;
  border-color:rgba(29,46,66,.12)!important;
  color:#344054!important;
  box-shadow:0 3px 10px rgba(25,40,58,.035)!important;
}
html[data-theme="light"] .mail-convert-action-v2:hover{background:#fffaf0!important;border-color:rgba(181,135,35,.35)!important}
html[data-theme="light"] .mail-convert-action-v2 strong{color:#344054!important}
html[data-theme="light"] .mail-convert-action-v2 small{color:#7a8799!important}
html[data-theme="light"] .mail-convert-action-v2.secondary{background:#fbfcfd!important}

/* v0.19.18 – kontrastreiche Herkunftskarte für aus E-Mails übernommene Datensätze */
.mail-source-record{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:0!important;
  padding:13px 15px!important;
  border-color:rgba(199,166,90,.30)!important;
  background:linear-gradient(145deg,rgba(199,166,90,.085),rgba(255,255,255,.025))!important;
  box-shadow:none!important;
}
.mail-source-record>svg{
  width:20px!important;
  height:20px!important;
  padding:9px!important;
  box-sizing:content-box!important;
  border-radius:11px!important;
  color:#d9b65e!important;
  background:rgba(199,166,90,.12)!important;
}
.mail-source-record>span{min-width:0!important}
.mail-source-record small{
  color:#c7a65a!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.mail-source-record strong{
  margin-top:4px!important;
  color:var(--text)!important;
  font-size:13px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mail-source-record em{
  margin-top:3px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-theme="light"] .mail-source-record{
  background:linear-gradient(145deg,#fffaf0,#fffdf8)!important;
  border-color:rgba(164,117,20,.25)!important;
  box-shadow:0 6px 18px rgba(47,57,70,.045)!important;
}
html[data-theme="light"] .mail-source-record>svg{
  color:#a77712!important;
  background:#fff0c8!important;
}
html[data-theme="light"] .mail-source-record small{color:#9b7119!important}
html[data-theme="light"] .mail-source-record strong{color:#253247!important}
html[data-theme="light"] .mail-source-record em{color:#667085!important}
@media(max-width:680px){
  .mail-source-record{grid-template-columns:36px minmax(0,1fr)!important;padding:11px 12px!important}
  .mail-source-record>svg{width:18px!important;height:18px!important;padding:7px!important}
  .mail-source-record strong,.mail-source-record em{white-space:normal!important}
}

/* v0.19.19 – Herkunftskarte vollständig innerhalb des Rahmens halten */
.mail-source-record{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  height:auto!important;
  min-height:92px!important;
  padding:14px 17px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  position:relative!important;
  align-self:stretch!important;
}
.mail-source-record>svg{
  display:block!important;
  position:static!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  padding:11px!important;
  box-sizing:border-box!important;
  margin:0!important;
  align-self:center!important;
}
.mail-source-record>span{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
}
.mail-source-record small,
.mail-source-record strong,
.mail-source-record em{
  position:static!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mail-source-record small{margin-top:0!important;line-height:1.2!important}
.mail-source-record strong{margin-top:2px!important;line-height:1.28!important}
.mail-source-record em{margin-top:1px!important;line-height:1.25!important}
@media(max-width:680px){
  .mail-source-record{min-height:84px!important;padding:12px 13px!important;gap:11px!important}
  .mail-source-record>svg{flex-basis:40px!important;width:40px!important;height:40px!important;padding:10px!important}
}


/* Version 1.0.1: globale ERP-Suche und offene Aufgabenübersicht */
.global-search{position:relative;width:360px;z-index:120}.global-search .searchbox{width:100%}.global-search-hint{flex:0 0 auto;font-size:9px!important;color:#718198!important;white-space:nowrap}.global-search-results{position:absolute;top:calc(100% + 8px);right:0;width:min(620px,calc(100vw - 40px));max-height:min(68vh,620px);overflow:auto;border:1px solid rgba(199,166,90,.23);border-radius:16px;background:#071522;box-shadow:0 24px 70px rgba(0,0,0,.42);padding:8px;z-index:600}.global-search-results[hidden]{display:none!important}.global-search-group+ .global-search-group{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}.global-search-group>header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 6px;color:#8392a5;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.global-search-group>header b{min-width:22px;height:20px;display:grid;place-items:center;border-radius:999px;background:rgba(199,166,90,.11);color:#d8b65e;font-size:9px}.global-search-result{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.global-search-result:hover,.global-search-result.active{border-color:rgba(199,166,90,.2);background:rgba(199,166,90,.085)}.global-search-result-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(199,166,90,.09);color:#d3ad53}.global-search-result-icon svg{width:18px;height:18px}.global-search-result-copy{min-width:0}.global-search-result-copy strong,.global-search-result-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result-copy strong{font-size:12px}.global-search-result-copy small{margin-top:3px;color:#8493a6;font-size:9.5px}.global-search-result>.badge{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-open{color:#66778d}.global-search-open svg{width:15px;height:15px}.global-search-empty{display:grid;place-items:center;text-align:center;padding:30px 18px;color:#7e8ea2}.global-search-empty svg{width:25px;height:25px;margin-bottom:10px;color:#d0aa52}.global-search-empty strong{font-size:13px;color:var(--text)}.global-search-empty span{margin-top:5px;font-size:10px;line-height:1.5}.toolbar-help{font-size:10px;color:var(--muted)}
html[data-theme="light"] .global-search-results{background:#fff;border-color:rgba(29,46,66,.14);box-shadow:0 24px 70px rgba(29,46,66,.18)}html[data-theme="light"] .global-search-group+ .global-search-group{border-top-color:rgba(29,46,66,.09)}html[data-theme="light"] .global-search-result:hover,html[data-theme="light"] .global-search-result.active{background:rgba(185,148,69,.09);border-color:rgba(185,148,69,.22)}html[data-theme="light"] .global-search-result-copy small{color:#667085}html[data-theme="light"] .global-search-result-icon{background:rgba(185,148,69,.1)}html[data-theme="light"] .global-search-hint{color:#7a8797!important}
@media(max-width:900px){.global-search{width:min(360px,48vw)}.global-search-hint{display:none}}@media(max-width:620px){.global-search{width:100%}.global-search-results{position:fixed;left:12px;right:12px;top:78px;width:auto;max-height:calc(100vh - 96px)}.global-search-result{grid-template-columns:36px minmax(0,1fr) 18px}.global-search-result>.badge{display:none}.toolbar-help{display:block;width:100%;margin-top:4px}}


/* v1.0.1 – Projektcode und Projektdateien */
.project-files-panel .panel-header{align-items:center}.project-files-note{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:13px 15px;border:1px solid rgba(199,166,90,.18);border-radius:12px;background:rgba(199,166,90,.055)}.project-files-note>svg{width:20px;height:20px;flex:0 0 20px;color:var(--gold)}.project-files-note strong,.project-files-note span{display:block}.project-files-note strong{font-size:11px}.project-files-note span{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.55}.project-files-list{display:grid;gap:9px}.project-file-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.project-file-card:hover{border-color:rgba(199,166,90,.25);background:rgba(199,166,90,.035)}.project-file-card.missing{border-style:dashed;opacity:.75}.project-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(199,166,90,.09);color:var(--gold)}.project-file-icon svg{width:21px;height:21px}.project-file-copy{min-width:0}.project-file-copy strong,.project-file-copy small,.project-file-copy span,.project-file-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-file-copy strong{font-size:12px}.project-file-copy small{margin-top:4px;color:var(--muted);font-size:9.5px}.project-file-copy span{margin-top:3px;color:#708198;font-size:8px}.project-file-copy em{margin-top:4px;color:var(--danger);font-size:9px;font-style:normal}.project-file-actions{display:flex;align-items:center;gap:6px}.project-file-actions .small-action:disabled{opacity:.35;cursor:not-allowed}.project-tab span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(199,166,90,.11);font-size:8px}.project-tab.active span{background:rgba(199,166,90,.2)}html[data-theme="light"] .project-file-card{background:#fff}html[data-theme="light"] .project-file-card:hover{background:rgba(185,148,69,.055)}html[data-theme="light"] .project-files-note{background:rgba(185,148,69,.055)}@media(max-width:720px){.project-file-card{grid-template-columns:40px minmax(0,1fr)}.project-file-actions{grid-column:1/-1;justify-content:flex-end}.project-files-panel .panel-header{align-items:stretch}.project-files-panel .panel-header .btn{width:100%}}


/* v0.7.1 – Mitarbeiterzugänge und Passwortwiederherstellung */
.auth-inline-button{margin:2px auto 0;text-align:center}
.auth-form-note{margin:0 0 4px;line-height:1.55}
.employee-login-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.employee-login-actions .btn{white-space:nowrap}
.btn.ghost.danger{border-color:rgba(222,95,95,.42);color:#f2a6a6}
.btn.ghost.danger:hover{background:rgba(222,95,95,.1);border-color:rgba(222,95,95,.7)}
@media(max-width:760px){.employee-login-actions{width:100%;justify-content:flex-start}.employee-login-actions .btn{flex:1 1 210px}}

/* v0.7.2 · E-Mail direkt im rechten Bereich bearbeiten */
#mailModule .mail-reader-pane-modern.is-composing{
  overflow:hidden!important;
  padding:0!important;
}
#mailModule .mail-compose-inline{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  background:#091827;
}
#mailModule .mail-compose-inline-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(199,166,90,.08),rgba(9,24,39,.98));
}
#mailModule .mail-compose-inline-header .eyebrow{margin:0;color:var(--gold);font-size:10px;letter-spacing:.14em}
#mailModule .mail-compose-inline-header h2{margin:4px 0 3px;font-size:24px;line-height:1.25;color:#f4f7fb}
#mailModule .mail-compose-inline-header span{display:block;color:#8798aa;font-size:11px;line-height:1.45}
#mailModule .mail-compose-inline-header .icon-button{flex:0 0 auto}
#mailModule .mail-compose-form-inline{
  height:100%;
  min-height:0;
  align-content:start;
  overflow-y:auto!important;
  padding:20px 24px 0!important;
  background:#091827!important;
  scrollbar-gutter:stable;
}
#mailModule .mail-compose-form-inline .mail-compose-body textarea{
  min-height:300px!important;
  height:clamp(300px,38vh,500px);
  resize:vertical;
}
#mailModule .mail-compose-form-inline .mail-compose-footer{
  position:sticky;
  bottom:0;
  z-index:3;
  margin:4px -24px 0;
  padding:14px 24px 18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(9,24,39,.92),#091827 22%);
  box-shadow:0 -12px 28px rgba(3,10,18,.2);
}
#mailModule .mail-compose-form-inline .mail-compose-footer-actions{flex-wrap:nowrap}
#mailModule .mail-compose-form-inline .mail-compose-footer-actions .btn{white-space:nowrap}

.mail-draft-decision-backdrop{
  position:fixed;
  inset:0;
  z-index:1800;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,15,.76);
  backdrop-filter:blur(7px);
}
.mail-draft-decision{
  width:min(560px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:18px;
  padding:24px;
  border:1px solid rgba(199,166,90,.34);
  border-radius:20px;
  background:#0b1b2c;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.mail-draft-decision-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(199,166,90,.14);
  color:var(--gold);
}
.mail-draft-decision-icon svg{width:24px;height:24px}
.mail-draft-decision .eyebrow{margin:0;color:var(--gold);font-size:10px;letter-spacing:.14em}
.mail-draft-decision h2{margin:5px 0 8px;font-size:23px;color:#f5f8fb}
.mail-draft-decision p{margin:0;color:#94a3b5;font-size:13px;line-height:1.55}
.mail-draft-decision-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:4px;
}
.mail-draft-decision-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.mail-draft-decision-actions .btn svg{width:15px;height:15px}
.mail-draft-decision-actions .btn.danger{
  border-color:rgba(235,107,117,.35);
  background:rgba(235,107,117,.1);
  color:#ffb2b9;
}
.mail-draft-decision-actions .btn.danger:hover{background:rgba(235,107,117,.18)}

html[data-theme="light"] #mailModule .mail-compose-inline,
html[data-theme="light"] #mailModule .mail-compose-form-inline{background:#fff!important;color:#172033}
html[data-theme="light"] #mailModule .mail-compose-inline-header{
  border-color:rgba(29,46,66,.12);
  background:linear-gradient(180deg,rgba(190,151,55,.08),#fff);
}
html[data-theme="light"] #mailModule .mail-compose-inline-header h2{color:#172033}
html[data-theme="light"] #mailModule .mail-compose-inline-header span{color:#6d7b8d}
html[data-theme="light"] #mailModule .mail-compose-form-inline .mail-compose-footer{
  border-color:rgba(29,46,66,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),#fff 22%);
  box-shadow:0 -12px 28px rgba(43,56,73,.08);
}
html[data-theme="light"] .mail-draft-decision{background:#fff;border-color:rgba(190,151,55,.35);box-shadow:0 30px 90px rgba(43,56,73,.24)}
html[data-theme="light"] .mail-draft-decision h2{color:#172033}
html[data-theme="light"] .mail-draft-decision p{color:#647386}
html[data-theme="light"] .mail-draft-decision-icon{background:rgba(190,151,55,.12)}

@media(max-width:1180px){
  #mailModule .mail-compose-form-inline .mail-compose-body textarea{height:380px}
}
@media(max-width:760px){
  #mailModule .mail-compose-inline{min-height:650px}
  #mailModule .mail-compose-inline-header{padding:18px}
  #mailModule .mail-compose-form-inline{padding:16px 18px 0!important}
  #mailModule .mail-compose-form-inline .mail-compose-footer{margin-left:-18px;margin-right:-18px;padding:14px 18px 18px!important}
  #mailModule .mail-compose-form-inline .mail-compose-footer-actions{width:100%;display:grid;grid-template-columns:1fr}
  .mail-draft-decision{grid-template-columns:44px minmax(0,1fr);padding:20px}
  .mail-draft-decision-icon{width:44px;height:44px;border-radius:13px}
  .mail-draft-decision-actions{display:grid;grid-template-columns:1fr}
  .mail-draft-decision-actions .btn{width:100%}
}

/* v0.7.3 · kompaktere Drei-Spalten-Ansicht im E-Mail-Modul */
#mailModule .mail-page-toolbar-modern{
  min-height:54px!important;
  padding:2px 4px 5px!important;
}
#mailModule .mail-account-avatar{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:15px!important;
}
#mailModule .mail-account-heading{gap:9px!important}
#mailModule .mail-account-heading strong{font-size:15px!important}
#mailModule .mail-account-heading small{margin-top:2px!important;font-size:10.5px!important}
#mailModule .mail-account-online{width:9px!important;height:9px!important;margin:0 0 3px -17px!important}
#mailModule .mail-icon-button{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
}
#mailModule .mail-icon-button svg{width:16px!important;height:16px!important}

#mailModule .mail-workspace-modern{
  grid-template-columns:158px minmax(320px,370px) minmax(0,1fr)!important;
  border-radius:13px!important;
}
#mailModule .mail-folder-pane-modern{padding:9px 7px!important}
#mailModule .mail-compose-sidebar,
#mailModule .mail-compose-main{
  height:40px!important;
  min-height:40px!important;
  margin:0 0 8px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  gap:7px!important;
  font-size:12px!important;
}
#mailModule .mail-compose-sidebar>svg,
#mailModule .mail-compose-main>svg{width:14px!important;height:14px!important}
#mailModule .mail-folder-caption{
  padding:4px 8px 5px!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
}
#mailModule .mail-folder-list{gap:1px!important}
#mailModule .mail-folder-item{
  grid-template-columns:25px minmax(0,1fr) auto!important;
  min-height:37px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  gap:6px!important;
}
#mailModule .mail-folder-icon{
  width:23px!important;
  height:23px!important;
  border-radius:7px!important;
}
#mailModule .mail-folder-icon svg{width:13px!important;height:13px!important}
#mailModule .mail-folder-item>span:nth-child(2){font-size:11px!important}
#mailModule .mail-folder-item b{
  min-width:18px!important;
  padding:2px 5px!important;
  font-size:8px!important;
}
#mailModule .mail-folder-item small{font-size:8px!important}
#mailModule .mail-settings-link{
  min-height:35px!important;
  margin-top:8px!important;
  padding:7px!important;
  gap:6px!important;
}
#mailModule .mail-settings-link span{font-size:9.5px!important}
#mailModule .mail-settings-link svg{width:13px!important;height:13px!important}
#mailModule .mail-smart-folder{
  min-height:35px!important;
  padding:0 7px!important;
  gap:6px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
#mailModule .mail-smart-folder svg{width:13px!important;height:13px!important;flex:0 0 13px!important}

#mailModule .mail-list-head-modern{
  gap:8px!important;
  padding:11px 12px!important;
}
#mailModule .mail-list-title-row>div strong{font-size:16px!important}
#mailModule .mail-list-title-row>div span{margin-top:1px!important;font-size:9.5px!important}
#mailModule .mail-unread-summary{padding:3px 6px!important;font-size:8px!important}
#mailModule .mail-search-form input{
  height:36px!important;
  min-height:36px!important;
  padding:6px 34px 6px 10px!important;
  border-radius:9px!important;
  font-size:11.5px!important;
}
#mailModule .mail-search-form button{
  top:3px!important;
  right:3px!important;
  width:30px!important;
  height:30px!important;
}
#mailModule .mail-search-form button svg{width:14px!important;height:14px!important}
#mailModule .mail-list-controls{gap:7px!important}
#mailModule .mail-filter-chips{gap:4px!important}
#mailModule .mail-filter-chips button{
  min-height:27px!important;
  padding:4px 8px!important;
  font-size:9.5px!important;
}
#mailModule .mail-sort-control{gap:5px!important;font-size:9px!important}
#mailModule .mail-sort-control select{
  height:29px!important;
  min-height:29px!important;
  min-width:116px!important;
  padding:3px 25px 3px 8px!important;
  border-radius:7px!important;
  font-size:9.5px!important;
}
#mailModule .mail-message-list{padding:0!important}
#mailModule .mail-message-item{
  min-height:70px!important;
  padding:9px 10px!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  gap:8px!important;
}
#mailModule .mail-sender-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
#mailModule .mail-message-copy{gap:2px!important}
#mailModule .mail-message-top{gap:6px!important}
#mailModule .mail-message-top strong{font-size:12px!important}
#mailModule .mail-message-top time{font-size:8.5px!important}
#mailModule .mail-message-copy b{font-size:11px!important;line-height:1.25!important}
#mailModule .mail-message-copy small{font-size:9px!important}
#mailModule .mail-message-icons{gap:3px!important;min-height:17px!important}
#mailModule .mail-list-star,
#mailModule .mail-list-attachment{width:18px!important;height:18px!important;border-radius:6px!important}
#mailModule .mail-list-star svg,
#mailModule .mail-list-attachment svg{width:11px!important;height:11px!important}

#mailModule .mail-compose-inline-header{
  gap:14px!important;
  padding:13px 17px 11px!important;
}
#mailModule .mail-compose-inline-header .eyebrow{
  font-size:8px!important;
  letter-spacing:.12em!important;
}
#mailModule .mail-compose-inline-header h2{
  margin:2px 0!important;
  font-size:19px!important;
  line-height:1.2!important;
}
#mailModule .mail-compose-inline-header span{font-size:9.5px!important;line-height:1.35!important}
#mailModule .mail-compose-inline-header .icon-button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
}
#mailModule .mail-compose-inline-header .icon-button svg{width:14px!important;height:14px!important}
#mailModule .mail-compose-form-inline{
  gap:8px!important;
  padding:12px 17px 0!important;
}
#mailModule .mail-compose-form-inline label{
  gap:4px!important;
  font-size:9.5px!important;
}
#mailModule .mail-compose-form-inline input,
#mailModule .mail-compose-form-inline select,
#mailModule .mail-compose-form-inline textarea{
  font-size:12px!important;
  border-radius:8px!important;
}
#mailModule .mail-compose-form-inline input,
#mailModule .mail-compose-form-inline select{
  height:38px!important;
  min-height:38px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
#mailModule .mail-compose-secondary{gap:9px!important}
#mailModule .mail-compose-options{
  grid-template-columns:minmax(145px,190px) minmax(240px,1fr)!important;
  gap:9px!important;
}
#mailModule .mail-compose-options select{min-height:38px!important}
#mailModule .mail-compose-check{
  grid-template-columns:18px 1fr!important;
  gap:1px 7px!important;
  min-height:38px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
}
#mailModule .mail-compose-check input{
  width:15px!important;
  height:15px!important;
}
#mailModule .mail-compose-check span{font-size:10.5px!important}
#mailModule .mail-compose-check small{font-size:8.5px!important;line-height:1.25!important}
#mailModule .mail-compose-form-inline .mail-compose-body textarea{
  min-height:220px!important;
  height:clamp(220px,31vh,380px)!important;
  padding:10px 11px!important;
  line-height:1.5!important;
}
#mailModule .mail-compose-form-inline .mail-compose-footer{
  margin:2px -17px 0!important;
  padding:9px 17px 11px!important;
  gap:9px!important;
}
#mailModule .mail-attach-button{
  min-height:31px!important;
  height:31px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}
#mailModule .mail-compose-footer-actions{gap:6px!important}
#mailModule .mail-compose-form footer.mail-compose-footer .mail-compose-footer-actions .btn{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}
#mailModule .mail-compose-form footer.mail-compose-footer .mail-compose-footer-actions .btn svg{
  width:12px!important;
  height:12px!important;
}
#mailModule .mail-compose-footer-attachments .mail-compose-attachment{
  min-height:31px!important;
  padding:4px 6px!important;
}
#mailModule .mail-message-list::-webkit-scrollbar,
#mailModule .mail-reader-modern::-webkit-scrollbar,
#mailModule .mail-compose-form-inline::-webkit-scrollbar{width:6px!important;height:6px!important}

@media(max-width:1450px){
  #mailModule .mail-workspace-modern{
    grid-template-columns:148px minmax(300px,340px) minmax(0,1fr)!important;
  }
}
@media(max-width:1180px){
  #mailModule .mail-workspace-modern{grid-template-columns:154px minmax(320px,1fr)!important}
  #mailModule .mail-compose-options{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  #mailModule .mail-compose-inline-header{padding:12px 14px 10px!important}
  #mailModule .mail-compose-form-inline{padding:11px 14px 0!important}
  #mailModule .mail-compose-form-inline .mail-compose-footer{margin-left:-14px!important;margin-right:-14px!important;padding:9px 14px 12px!important}
}

/* v0.7.3 · schmalere globale Modulnavigation */
.app-shell{grid-template-columns:230px minmax(0,1fr)}
.sidebar .brand{padding-left:16px;padding-right:14px;gap:10px}
.sidebar .nav{padding:14px 9px}
.sidebar .nav-group{padding:12px 9px 6px}
.sidebar .nav-item{padding:10px 9px;gap:9px;font-size:12.5px}
.sidebar .nav-item span,.sidebar .nav-item .nav-icon-wrap{width:22px;height:22px;flex-basis:22px}
.sidebar .nav-icon-wrap svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px}
.sidebar .sidebar-footer{padding:12px 10px;gap:8px}
@media(max-width:1250px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)}
  .sidebar .brand{padding-left:12px;padding-right:10px}
  .sidebar .nav{padding-left:7px;padding-right:7px}
  .sidebar .nav-item{padding-left:8px;padding-right:8px;font-size:12px}
}

/* v0.7.4 · Outlook-ähnliche Befehlsleiste im E-Mail-Lesebereich */
#mailModule .mail-reader-modern{
  --mail-reader-inline-padding:28px;
  padding:0 var(--mail-reader-inline-padding) 42px!important;
  scroll-padding-top:58px!important;
}
#mailModule .mail-command-bar{
  position:sticky!important;
  top:0!important;
  z-index:45!important;
  width:auto!important;
  min-height:52px!important;
  margin:0 calc(var(--mail-reader-inline-padding) * -1) 18px!important;
  padding:9px var(--mail-reader-inline-padding)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:rgba(8,22,36,.96)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(18px)!important;
}
#mailModule .mail-command-bar .mail-actions-primary{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}
#mailModule .mail-command-bar button,
#mailModule .mail-command-bar .mail-command-menu>summary{
  box-sizing:border-box!important;
  min-height:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:8px!important;
  background:#0d2033!important;
  color:#c5d0dc!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  user-select:none!important;
}
#mailModule .mail-command-bar button:hover,
#mailModule .mail-command-bar .mail-command-menu>summary:hover,
#mailModule .mail-command-bar .mail-command-menu[open]>summary{
  border-color:rgba(199,166,90,.34)!important;
  background:rgba(199,166,90,.105)!important;
  color:#fff!important;
}
#mailModule .mail-command-bar button.is-flagged{
  border-color:rgba(199,166,90,.38)!important;
  background:rgba(199,166,90,.13)!important;
  color:#f1d588!important;
}
#mailModule .mail-command-bar button>svg,
#mailModule .mail-command-bar .mail-command-menu>summary>svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  stroke-width:1.95!important;
}
#mailModule .mail-command-bar .mail-command-menu>summary>svg:last-child{
  width:11px!important;
  height:11px!important;
  flex-basis:11px!important;
  opacity:.72!important;
}
#mailModule .mail-command-separator{
  width:1px!important;
  height:24px!important;
  margin:0 2px!important;
  background:rgba(255,255,255,.09)!important;
}
#mailModule .mail-command-menu{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:60!important;
}
#mailModule .mail-command-menu>summary{
  list-style:none!important;
}
#mailModule .mail-command-menu>summary::-webkit-details-marker{display:none!important}
#mailModule .mail-command-flyout{
  position:absolute!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  z-index:120!important;
  width:320px!important;
  max-width:min(380px,calc(100vw - 34px))!important;
  padding:12px!important;
  border:1px solid rgba(199,166,90,.22)!important;
  border-radius:12px!important;
  background:#0a1a2a!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34)!important;
}
#mailModule .mail-erp-menu .mail-command-flyout{
  left:auto!important;
  right:0!important;
  width:350px!important;
}
#mailModule .mail-command-flyout-heading{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 11px!important;
  padding:0 1px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
#mailModule .mail-command-flyout-icon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  border-radius:9px!important;
  background:rgba(199,166,90,.12)!important;
  color:#dfbb62!important;
}
#mailModule .mail-command-flyout-icon svg{width:15px!important;height:15px!important}
#mailModule .mail-command-flyout-heading strong,
#mailModule .mail-command-flyout-heading small{display:block!important}
#mailModule .mail-command-flyout-heading strong{font-size:11px!important;color:#edf2f7!important}
#mailModule .mail-command-flyout-heading small{margin-top:3px!important;font-size:8.5px!important;line-height:1.35!important;color:#8293a6!important}
#mailModule .mail-command-field{
  display:grid!important;
  gap:4px!important;
  margin-top:8px!important;
}
#mailModule .mail-command-field>span{
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#8192a5!important;
}
#mailModule .mail-command-control{
  position:relative!important;
}
#mailModule .mail-command-control>svg{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:13px!important;
  height:13px!important;
  transform:translateY(-50%)!important;
  color:#d3ad52!important;
  pointer-events:none!important;
}
#mailModule .mail-command-control select,
#mailModule .mail-command-control input{
  width:100%!important;
  height:35px!important;
  min-height:35px!important;
  padding:5px 9px 5px 31px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:#071522!important;
  color:#edf2f7!important;
  font:inherit!important;
  font-size:10px!important;
}
#mailModule .mail-command-flyout-footer{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:11px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
#mailModule .mail-command-flyout-footer .btn{
  min-height:32px!important;
  height:32px!important;
}
#mailModule .mail-command-action-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
#mailModule .mail-command-bar .mail-command-action{
  width:100%!important;
  height:auto!important;
  min-height:54px!important;
  justify-content:flex-start!important;
  padding:8px 9px!important;
  text-align:left!important;
  white-space:normal!important;
}
#mailModule .mail-command-action>svg{
  width:30px!important;
  height:30px!important;
  padding:7px!important;
  box-sizing:border-box!important;
  flex:0 0 30px!important;
  border-radius:8px!important;
  background:rgba(199,166,90,.10)!important;
  color:#dfbb62!important;
}
#mailModule .mail-command-action.support>svg{background:rgba(91,151,221,.11)!important;color:#86b4e8!important}
#mailModule .mail-command-action.task>svg{background:rgba(85,188,139,.11)!important;color:#83d7ab!important}
#mailModule .mail-command-action.appointment>svg{background:rgba(128,137,216,.11)!important;color:#a7afe9!important}
#mailModule .mail-command-action>span{min-width:0!important}
#mailModule .mail-command-action strong,
#mailModule .mail-command-action small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mailModule .mail-command-action strong{font-size:9.5px!important;line-height:1.25!important;color:#eaf0f6!important}
#mailModule .mail-command-action small{margin-top:3px!important;font-size:7.8px!important;line-height:1.3!important;color:#8192a5!important}
#mailModule .mail-command-bar .mail-more-actions{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
}
#mailModule .mail-command-bar .mail-more-menu{
  top:calc(100% + 7px)!important;
  right:0!important;
  left:auto!important;
}
#mailModule .mail-reader-header-modern{
  padding-top:2px!important;
}
#mailModule .mail-reader-header-modern h2{
  margin-bottom:13px!important;
}
#mailModule .mail-body-card{
  margin-top:18px!important;
}
html[data-theme="light"] #mailModule .mail-command-bar{
  border-bottom-color:rgba(29,46,66,.11)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 20px rgba(34,49,68,.055)!important;
}
html[data-theme="light"] #mailModule .mail-command-bar button,
html[data-theme="light"] #mailModule .mail-command-bar .mail-command-menu>summary{
  border-color:rgba(29,46,66,.13)!important;
  background:#f8fafc!important;
  color:#475467!important;
}
html[data-theme="light"] #mailModule .mail-command-bar button:hover,
html[data-theme="light"] #mailModule .mail-command-bar .mail-command-menu>summary:hover,
html[data-theme="light"] #mailModule .mail-command-bar .mail-command-menu[open]>summary{
  border-color:rgba(181,135,35,.30)!important;
  background:#fff7e6!important;
  color:#172033!important;
}
html[data-theme="light"] #mailModule .mail-command-bar button.is-flagged{
  background:#fff4d8!important;
  color:#9a6d08!important;
}
html[data-theme="light"] #mailModule .mail-command-separator{background:rgba(29,46,66,.12)!important}
html[data-theme="light"] #mailModule .mail-command-flyout{
  border-color:rgba(29,46,66,.14)!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(29,46,66,.19)!important;
}
html[data-theme="light"] #mailModule .mail-command-flyout-heading{border-bottom-color:rgba(29,46,66,.09)!important}
html[data-theme="light"] #mailModule .mail-command-flyout-heading strong{color:#253248!important}
html[data-theme="light"] #mailModule .mail-command-flyout-heading small,
html[data-theme="light"] #mailModule .mail-command-field>span{color:#6d7b8e!important}
html[data-theme="light"] #mailModule .mail-command-control select,
html[data-theme="light"] #mailModule .mail-command-control input{
  border-color:rgba(29,46,66,.14)!important;
  background:#f8fafc!important;
  color:#172033!important;
}
html[data-theme="light"] #mailModule .mail-command-flyout-footer{border-top-color:rgba(29,46,66,.09)!important}
html[data-theme="light"] #mailModule .mail-command-action strong{color:#344054!important}
html[data-theme="light"] #mailModule .mail-command-action small{color:#738196!important}
@media(max-width:1550px){
  #mailModule .mail-reader-modern{--mail-reader-inline-padding:24px}
  #mailModule .mail-command-bar button,
  #mailModule .mail-command-bar .mail-command-menu>summary{padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:1280px){
  #mailModule .mail-reader-modern{--mail-reader-inline-padding:20px}
  #mailModule .mail-command-bar{grid-template-columns:1fr!important}
  #mailModule .mail-command-bar .mail-more-actions{grid-column:1!important;grid-row:2!important;justify-self:start!important}
  #mailModule .mail-command-bar .mail-more-menu{left:0!important;right:auto!important}
}
@media(max-width:760px){
  #mailModule .mail-reader-modern{--mail-reader-inline-padding:14px}
  #mailModule .mail-command-bar{position:relative!important;margin-bottom:12px!important}
  #mailModule .mail-command-separator{display:none!important}
  #mailModule .mail-command-flyout,
  #mailModule .mail-erp-menu .mail-command-flyout{position:fixed!important;left:12px!important;right:12px!important;top:92px!important;width:auto!important;max-width:none!important}
  #mailModule .mail-command-action-list{grid-template-columns:1fr!important}
}
#mailModule .mail-command-bar .mail-more-menu button{
  width:100%!important;
  height:auto!important;
  min-height:32px!important;
  justify-content:flex-start!important;
  padding:8px 9px!important;
  border-color:transparent!important;
  background:transparent!important;
  text-align:left!important;
}
#mailModule .mail-command-bar .mail-more-menu button:hover{
  border-color:rgba(199,166,90,.22)!important;
  background:rgba(199,166,90,.09)!important;
}
#mailModule .mail-command-bar .mail-command-flyout-footer .btn.primary{
  border-color:rgba(199,166,90,.42)!important;
  background:linear-gradient(135deg,#d8b65e,#b78b2e)!important;
  color:#101927!important;
}
html[data-theme="light"] #mailModule .mail-command-bar .mail-more-menu button{
  background:transparent!important;
  color:#475467!important;
}
html[data-theme="light"] #mailModule .mail-command-bar .mail-more-menu button:hover{
  background:#fff7e6!important;
  color:#172033!important;
}

/* v0.7.5 · zweistufiges Outlook-Ribbon im E-Mail-Lesebereich */
#mailModule .mail-reader-ribbon{
  position:sticky!important;
  top:0!important;
  z-index:55!important;
  margin:0 calc(var(--mail-reader-inline-padding) * -1) 18px!important;
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:rgba(8,22,36,.965)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(18px)!important;
}
#mailModule .mail-ribbon-tabs{
  height:39px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
  padding:0 var(--mail-reader-inline-padding)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#mailModule .mail-ribbon-tabs::-webkit-scrollbar{display:none!important}
#mailModule .mail-ribbon-tab{
  position:relative!important;
  height:39px!important;
  min-height:39px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8797aa!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#mailModule .mail-ribbon-tab::after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:-1px!important;
  height:2px!important;
  border-radius:2px 2px 0 0!important;
  background:transparent!important;
}
#mailModule .mail-ribbon-tab:hover{color:#e9eef4!important;background:rgba(255,255,255,.025)!important}
#mailModule .mail-ribbon-tab.active{color:#f1f4f8!important}
#mailModule .mail-ribbon-tab.active::after{background:linear-gradient(90deg,#e1be62,#b78b2e)!important}
#mailModule .mail-ribbon-tab svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  stroke-width:1.9!important;
}
#mailModule .mail-ribbon-panel{
  min-height:72px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:9px var(--mail-reader-inline-padding) 10px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:thin!important;
}
#mailModule .mail-ribbon-group{
  min-width:max-content!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding-right:12px!important;
  border-right:1px solid rgba(255,255,255,.075)!important;
}
#mailModule .mail-ribbon-group:last-child{padding-right:0!important;border-right:0!important}
#mailModule .mail-ribbon-group-label{
  display:block!important;
  padding-left:2px!important;
  color:#75869a!important;
  font-size:7.5px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
#mailModule .mail-ribbon-command-row,
#mailModule .mail-ribbon-command-grid{
  display:flex!important;
  align-items:stretch!important;
  gap:6px!important;
}
#mailModule .mail-ribbon-command{
  min-width:0!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:9px!important;
  background:#0d2033!important;
  color:#c5d0dc!important;
  text-align:left!important;
  font:inherit!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease!important;
}
#mailModule .mail-ribbon-command:hover{
  border-color:rgba(199,166,90,.33)!important;
  background:rgba(199,166,90,.095)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
#mailModule .mail-ribbon-command.compact{
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
}
#mailModule .mail-ribbon-command.primary{
  border-color:rgba(199,166,90,.30)!important;
  background:rgba(199,166,90,.13)!important;
  color:#f1dfad!important;
}
#mailModule .mail-ribbon-command.active{
  border-color:rgba(199,166,90,.38)!important;
  background:rgba(199,166,90,.15)!important;
  color:#f0d17a!important;
}
#mailModule .mail-ribbon-command.danger:hover{
  border-color:rgba(225,95,95,.38)!important;
  background:rgba(225,95,95,.11)!important;
  color:#ffb4b4!important;
}
#mailModule .mail-ribbon-command>svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  color:#d6b359!important;
  stroke-width:1.9!important;
}
#mailModule .mail-ribbon-command.support>svg{color:#83b2e8!important}
#mailModule .mail-ribbon-command.task>svg{color:#78d0a3!important}
#mailModule .mail-ribbon-command.appointment>svg{color:#a5ade9!important}
#mailModule .mail-ribbon-command>span{min-width:0!important}
#mailModule .mail-ribbon-command strong,
#mailModule .mail-ribbon-command small{display:block!important}
#mailModule .mail-ribbon-command strong{
  color:inherit!important;
  font-size:9.5px!important;
  font-weight:780!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#mailModule .mail-ribbon-command small{
  max-width:190px!important;
  margin-top:2px!important;
  overflow:hidden!important;
  color:#8091a4!important;
  font-size:7.8px!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#mailModule .mail-ribbon-panel-erp .mail-ribbon-command{min-width:185px!important}
#mailModule .mail-ribbon-panel-followup{align-items:flex-end!important}
#mailModule .mail-ribbon-followup-group{flex:1 1 auto!important;min-width:460px!important}
#mailModule .mail-ribbon-side-group{flex:0 0 auto!important}
#mailModule .mail-ribbon-inline-fields{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(165px,.8fr) auto!important;
  align-items:end!important;
  gap:7px!important;
}
#mailModule .mail-ribbon-field{
  display:grid!important;
  gap:4px!important;
}
#mailModule .mail-ribbon-field>span{
  color:#7d8ea1!important;
  font-size:7.5px!important;
  font-weight:820!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#mailModule .mail-ribbon-field>div{position:relative!important}
#mailModule .mail-ribbon-field svg{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  width:13px!important;
  height:13px!important;
  transform:translateY(-50%)!important;
  color:#d4ae51!important;
  pointer-events:none!important;
}
#mailModule .mail-ribbon-field select,
#mailModule .mail-ribbon-field input{
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  padding:4px 9px 4px 29px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:#071522!important;
  color:#e8eef5!important;
  font:inherit!important;
  font-size:9.5px!important;
}
#mailModule .mail-ribbon-apply{
  min-height:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 11px!important;
  border:1px solid rgba(199,166,90,.42)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#d8b65e,#b78b2e)!important;
  color:#101927!important;
  font:inherit!important;
  font-size:9.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#mailModule .mail-ribbon-apply svg{width:13px!important;height:13px!important}
#mailModule .mail-reader-ribbon + .mail-reader-header-modern{padding-top:1px!important}

html[data-theme="light"] #mailModule .mail-reader-ribbon{
  border-bottom-color:rgba(29,46,66,.11)!important;
  background:rgba(255,255,255,.975)!important;
  box-shadow:0 10px 24px rgba(34,49,68,.06)!important;
}
html[data-theme="light"] #mailModule .mail-ribbon-tabs{border-bottom-color:rgba(29,46,66,.09)!important}
html[data-theme="light"] #mailModule .mail-ribbon-tab{color:#66758a!important}
html[data-theme="light"] #mailModule .mail-ribbon-tab:hover{background:#f8fafc!important;color:#253248!important}
html[data-theme="light"] #mailModule .mail-ribbon-tab.active{color:#172033!important}
html[data-theme="light"] #mailModule .mail-ribbon-group{border-right-color:rgba(29,46,66,.10)!important}
html[data-theme="light"] #mailModule .mail-ribbon-group-label,
html[data-theme="light"] #mailModule .mail-ribbon-field>span{color:#758399!important}
html[data-theme="light"] #mailModule .mail-ribbon-command{
  border-color:rgba(29,46,66,.13)!important;
  background:#f8fafc!important;
  color:#475467!important;
}
html[data-theme="light"] #mailModule .mail-ribbon-command:hover{
  border-color:rgba(181,135,35,.30)!important;
  background:#fff7e6!important;
  color:#172033!important;
}
html[data-theme="light"] #mailModule .mail-ribbon-command.primary,
html[data-theme="light"] #mailModule .mail-ribbon-command.active{
  border-color:rgba(181,135,35,.27)!important;
  background:#fff5dd!important;
  color:#7d5908!important;
}
html[data-theme="light"] #mailModule .mail-ribbon-command small{color:#738196!important}
html[data-theme="light"] #mailModule .mail-ribbon-field select,
html[data-theme="light"] #mailModule .mail-ribbon-field input{
  border-color:rgba(29,46,66,.14)!important;
  background:#f8fafc!important;
  color:#172033!important;
}

@media(max-width:1350px){
  #mailModule .mail-ribbon-panel{padding-top:8px!important;padding-bottom:9px!important}
  #mailModule .mail-ribbon-command small{display:none!important}
  #mailModule .mail-ribbon-panel-erp .mail-ribbon-command{min-width:auto!important}
  #mailModule .mail-ribbon-followup-group{min-width:410px!important}
}
@media(max-width:980px){
  #mailModule .mail-reader-ribbon{position:relative!important}
  #mailModule .mail-ribbon-panel{min-height:auto!important}
  #mailModule .mail-ribbon-followup-group{min-width:520px!important}
}
@media(max-width:760px){
  #mailModule .mail-ribbon-tabs{padding-left:14px!important;padding-right:14px!important}
  #mailModule .mail-ribbon-panel{padding-left:14px!important;padding-right:14px!important}
  #mailModule .mail-ribbon-tab{padding-left:9px!important;padding-right:9px!important}
  #mailModule .mail-ribbon-inline-fields{grid-template-columns:190px 165px auto!important}
}

/* v0.7.7 – geschützte Personalaktendokumente */
.employee-file-fields>.employee-file-title-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.employee-file-fields>.employee-file-title-line>input{min-width:0}
.employee-file-protection{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid rgba(199,166,90,.28);border-radius:999px;background:rgba(199,166,90,.1);color:var(--gold);font-size:9px;font-weight:800;white-space:nowrap}
.employee-file-protection svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.employee-documents-head .btn{display:inline-flex;align-items:center;gap:7px}
.employee-documents-head .btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9}
.employee-file-actions{align-items:center;flex-wrap:nowrap}
.employee-file-actions .small-action{width:34px;height:34px;min-width:34px}
.employee-document-row{grid-template-columns:48px minmax(0,1fr) auto}
html[data-theme="light"] .employee-file-protection{background:#fff8e8;border-color:#ead29c;color:#9a6c0d}
@media(max-width:760px){.employee-file-fields>.employee-file-title-line{grid-template-columns:1fr}.employee-file-protection{justify-self:start}.employee-file-actions{grid-column:2}}
.employee-file-protection.legacy{border-color:rgba(202,138,4,.32);background:rgba(202,138,4,.1);color:#b7791f}

/* v0.7.9 – strukturierte E-Rechnung im Dokumentversand */
.document-einvoice-send-choice{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);align-items:center;gap:16px;padding:14px 15px;border:1px solid #dbe3eb;border-radius:13px;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)}
.document-einvoice-send-choice .invoice-option-toggle{margin:0;min-width:0}
.document-einvoice-format{display:grid;gap:5px;min-width:0}
.document-einvoice-format>span{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#647387}
.document-einvoice-format select{width:100%;min-height:38px;padding:8px 34px 8px 11px;border:1px solid #cfd8e2;border-radius:9px;background:#fff;color:#1e3047;font:600 10px/1.3 inherit}
.document-einvoice-format select:disabled{opacity:.5;cursor:not-allowed}
.document-einvoice-format small{font-size:8.4px;line-height:1.45;color:#788697}
body.dark .document-einvoice-send-choice{border-color:#3c4958;background:linear-gradient(135deg,#202b38 0%,#18222e 100%)}
body.dark .document-einvoice-format>span,body.dark .document-einvoice-format small{color:#9caabd}
body.dark .document-einvoice-format select{border-color:#435164;background:#111b27;color:#e8edf3}
@media(max-width:900px){.document-einvoice-send-choice{grid-template-columns:1fr}}

/* ========================================================================== 
   Version 0.8.1 · Einheitliches UI-System, Arbeits-Tabs und kompakte Skalierung
   ========================================================================== */
:root{
  --sidebar-width:230px;
  --topbar-height:74px;
  --workspace-tabs-height:42px;
  --radius-xs:7px;
  --radius-sm:9px;
  --radius-md:12px;
  --radius-lg:15px;
  --control-height:38px;
  --control-height-compact:34px;
  --page-pad-x:22px;
  --page-pad-y:18px;
}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important}
.brand{height:var(--topbar-height)!important;padding:0 16px!important}
.brand-logo-app{width:36px!important;height:36px!important}
.brand strong{font-size:15px!important}.brand span{font-size:9px!important}
.nav{padding:12px 9px!important}.nav-group{padding:11px 9px 5px!important;font-size:9px!important}
.nav-item{min-height:38px;padding:8px 9px!important;margin:1px 0!important;border-radius:9px!important;font-size:12px!important;gap:9px!important}
.sidebar-footer{padding:11px 10px!important}.user-avatar{width:34px!important;height:34px!important;border-radius:9px!important}
.workspace{position:relative;min-height:0}
.topbar{height:var(--topbar-height)!important;min-height:var(--topbar-height);padding:0 var(--page-pad-x)!important}
.topbar h1{font-size:22px!important;margin-top:2px!important}.topbar .eyebrow{font-size:9px!important}
.topbar-actions{gap:9px!important}.searchbox{height:38px!important;width:min(360px,30vw)!important;border-radius:10px!important}.searchbox input{font-size:12px!important}
.icon-button{width:36px!important;height:36px!important;border-radius:10px!important}.btn{min-height:var(--control-height);padding:8px 13px!important;border-radius:10px!important;font-size:12px!important}
.quick-add-button{min-height:40px!important}
.content{padding:var(--page-pad-y) var(--page-pad-x) 28px!important}

.workspace-tabbar{
  position:relative;z-index:45;height:var(--workspace-tabs-height);min-height:var(--workspace-tabs-height);display:flex;align-items:stretch;
  border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 4px 14px rgba(0,0,0,.08)
}
.workspace-tab-scroll{display:flex;align-items:end;gap:3px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;padding:5px 7px 0;scrollbar-width:thin}
.workspace-tab{height:36px;min-width:120px;max-width:255px;display:flex;align-items:center;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;color:var(--muted);background:transparent;transition:.15s ease}
.workspace-tab:hover{background:rgba(255,255,255,.035);color:var(--text)}
.workspace-tab.active{background:var(--panel-2);color:var(--text);border-color:var(--line);box-shadow:inset 0 2px 0 var(--gold)}
.workspace-tab-main{border:0;background:transparent;color:inherit;min-width:0;flex:1;height:100%;display:flex;align-items:center;gap:7px;padding:0 8px 0 10px;text-align:left}
.workspace-tab-icon{width:15px;height:15px;display:grid;place-items:center;flex:0 0 auto;color:var(--gold)}.workspace-tab-icon svg{width:15px;height:15px}
.workspace-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}
.workspace-tab-dirty{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto;box-shadow:0 0 0 2px rgba(199,166,90,.12)}
.workspace-tab-close{width:27px;height:100%;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);opacity:.7}.workspace-tab-close svg{width:13px;height:13px}.workspace-tab-close:hover{color:var(--danger);opacity:1}
.workspace-tab-pin{width:22px;text-align:center;color:var(--gold);font-size:7px;opacity:.75}
.workspace-tab-overflow{width:39px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center}.workspace-tab-overflow:hover{color:var(--text);background:rgba(255,255,255,.035)}.workspace-tab-overflow svg{width:17px;height:17px}
.workspace-tab-context-menu{position:fixed;z-index:120;width:240px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);box-shadow:var(--shadow)}
.workspace-tab-context-menu button{width:100%;min-height:36px;border:0;border-radius:7px;background:transparent;color:var(--text);display:flex;align-items:center;gap:9px;padding:7px 9px;text-align:left;font-size:11px}.workspace-tab-context-menu button:hover{background:rgba(199,166,90,.11)}.workspace-tab-context-menu svg{width:15px;height:15px;color:var(--gold)}

/* Datensätze werden als vollwertiger Arbeitsbereich unter der Tableiste geöffnet. */
body.record-workspace-active .modal-backdrop{
  position:fixed!important;left:var(--sidebar-width)!important;right:0!important;top:calc(var(--topbar-height) + var(--workspace-tabs-height))!important;bottom:0!important;inset-block:auto 0!important;
  display:block!important;padding:0!important;background:var(--bg)!important;backdrop-filter:none!important;z-index:38!important
}
body.record-workspace-active .modal-backdrop>.modal{
  width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--panel)!important
}
body.record-workspace-active .modal-header{min-height:58px!important;padding:10px 18px!important;background:var(--panel)!important;border-bottom:1px solid var(--line)!important}
body.record-workspace-active .modal-header h2{font-size:18px!important;margin:2px 0 0!important}
body.record-workspace-active .modal-header .eyebrow{font-size:9px!important}
body.record-workspace-active .modal-body{padding:16px 18px!important;gap:12px!important;overflow:auto!important}
body.record-workspace-active .modal-footer{min-height:58px!important;padding:9px 18px!important;gap:8px!important;background:var(--panel)!important}
body.record-workspace-active .document-modal .modal-body{padding:0!important;overflow:hidden!important}
body.record-workspace-active .document-workbench{height:100%!important;min-height:0!important}
body.record-workspace-active .document-workspace-overlay .document-modal{border-radius:0!important}
.document-workspace-dock{display:none!important}

/* Einheitliche kompakte Controls */
input,select,textarea{border-radius:9px!important;padding:9px 11px!important;font-size:12px!important}
input,select{min-height:var(--control-height)!important}textarea{min-height:82px!important;line-height:1.5!important}
label{gap:6px!important;font-size:11.5px!important}.help{font-size:9.5px!important}.section-label{font-size:9px!important}
.custom-select-trigger,.editable-combo-trigger{min-height:var(--control-height)!important;border-radius:9px!important;font-size:12px!important}
.modal-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modal-body .full{grid-column:1/-1!important}

/* Seiten, Karten, Listen und Tabellen */
.grid,.list-page{gap:12px!important}.panel,.stat-card,.template-card,.placeholder,.table-wrap{border-radius:var(--radius-md)!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important}
.panel{padding:15px!important}.stat-card{padding:15px!important}.stat-value{font-size:24px!important;margin:12px 0 5px!important}
.page-toolbar{gap:10px!important}.page-toolbar-left{gap:8px!important}.filter-select{min-width:150px!important}
th,td{padding:10px 12px!important;font-size:11px!important}th{font-size:9px!important}.cell-title{font-size:11.5px!important}.cell-sub{font-size:9.5px!important;margin-top:2px!important}
tbody tr.double-click-open,[data-customer-row],[data-project-row],[data-open-employee],[data-open-project]{cursor:default}
tbody tr.double-click-open:hover,[data-customer-row]:hover,[data-project-row]:hover,[data-open-employee]:hover,[data-open-project]:hover{background:rgba(199,166,90,.055)!important}
.small-action{width:29px!important;height:29px!important;border-radius:7px!important}
.empty-state{padding:38px 20px!important}.empty-state strong{font-size:14px!important}
.badge{padding:4px 7px!important;font-size:9px!important}

/* Kompaktere Mailansicht, ohne die 3-Spalten-Logik zu verändern. */
#mailModule .mail-workspace-modern{height:calc(100vh - 154px)!important;min-height:620px!important;grid-template-columns:190px minmax(330px,410px) minmax(500px,1fr)!important;border-radius:12px!important}
#mailModule .mail-account-header{min-height:62px!important;padding:10px 13px!important}
#mailModule .mail-compose-sidebar,#mailModule .mail-compose-main{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;border-radius:9px!important}
#mailModule .mail-sidebar{padding:10px!important}.mail-sidebar-section-title{font-size:9px!important;margin:14px 7px 7px!important}
#mailModule .mail-folder-item{min-height:39px!important;padding:7px 9px!important;border-radius:9px!important;font-size:11.5px!important}
#mailModule .mail-list-header{padding:14px 14px 10px!important}.mail-list-header h2{font-size:19px!important}.mail-list-search{height:39px!important}
#mailModule .mail-filter-chip{min-height:30px!important;padding:6px 10px!important;font-size:10px!important}
#mailModule .mail-list-item{min-height:78px!important;padding:10px 11px!important}.mail-list-item strong{font-size:12px!important}.mail-list-item p,.mail-list-item small{font-size:9.5px!important}
#mailModule .mail-reader-modern{padding:0 18px 18px!important}.mail-reader-header-modern h2{font-size:25px!important}.mail-body-text{font-size:14px!important;line-height:1.6!important}
#mailModule .mail-ribbon-tabs{min-height:38px!important}.mail-ribbon-tab{min-height:38px!important;font-size:11px!important}.mail-ribbon-actions{padding:8px 0!important;gap:6px!important}.mail-ribbon-button{min-height:34px!important;padding:7px 10px!important;font-size:10.5px!important}
#mailModule .mail-compose-pane label{font-size:10.5px!important}.mail-compose-pane input,.mail-compose-pane select{min-height:36px!important}.mail-compose-pane textarea{min-height:180px!important}

/* Finanzmodul 0.8.1 */
.bank-statements-shell.redesigned{display:grid;gap:12px}
.bank-statements-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--panel-2),var(--panel));box-shadow:0 8px 22px rgba(0,0,0,.09)}
.bank-statements-title h2{font-size:19px;margin:4px 0 4px}.bank-statements-title>p:last-child{margin:0;color:var(--muted);font-size:10.5px}.bank-statements-actions{display:flex;gap:8px;flex-wrap:wrap}
.bank-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bank-summary-grid article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.bank-summary-grid article>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(199,166,90,.1);color:var(--gold)}.bank-summary-grid svg{width:17px;height:17px}.bank-summary-grid small,.bank-summary-grid strong,.bank-summary-grid em{display:block}.bank-summary-grid small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.bank-summary-grid strong{font-size:16px;margin:2px 0}.bank-summary-grid em{font-size:9px;color:var(--muted);font-style:normal}.bank-summary-grid article.warning{border-color:rgba(240,184,90,.35)}.bank-summary-grid article.success{border-color:rgba(85,197,138,.28)}
.bank-account-strip.redesigned{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}.bank-account-card.redesigned{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:13px 14px;border-radius:12px}.bank-account-copy small,.bank-account-copy strong,.bank-account-copy span,.bank-account-balance small,.bank-account-balance b,.bank-account-balance span{display:block}.bank-account-copy strong{font-size:12px;margin:2px 0}.bank-account-copy span,.bank-account-balance span{font-size:9px;color:var(--muted)}.bank-account-balance{text-align:right}.bank-account-balance b{font-size:14px;margin:2px 0}
.bank-transactions-panel{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.bank-transactions-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line)}.bank-filter-tabs{display:flex;gap:4px;min-width:0;overflow:auto}.bank-filter-tabs button{min-height:31px;display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.bank-filter-tabs button b{min-width:18px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.055);font-size:8px}.bank-filter-tabs button.active{color:var(--text);background:rgba(199,166,90,.12);border-color:rgba(199,166,90,.22)}.bank-table-count{font-size:9px;color:var(--muted);white-space:nowrap}.bank-transactions-table{max-height:calc(100vh - 390px)!important}.bank-transactions-table table{min-width:1020px!important}.bank-transactions-table .amount-column{text-align:right}.bank-amount{text-align:right;font-weight:800;font-size:11.5px}.bank-status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.bank-status-dot.success{background:var(--success)}.bank-assignment-result{display:flex!important;align-items:center;gap:7px!important}.bank-assignment-result>div{min-width:0;flex:1}.bank-assignment-result strong,.bank-assignment-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-assignment-control{grid-template-columns:minmax(185px,1fr) 32px!important}.bank-assignment-control select{min-width:185px!important;height:32px!important;min-height:32px!important;font-size:9px!important}.bank-assignment-control .small-action{width:32px!important;height:32px!important}.bank-import-empty{min-height:250px;display:grid;grid-template-columns:auto minmax(280px,560px) auto;align-items:center;justify-content:center;gap:18px;padding:34px}.bank-import-empty-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(199,166,90,.12);color:var(--gold)}.bank-import-empty-icon svg{width:25px;height:25px}.bank-import-empty h3{font-size:18px;margin:5px 0}.bank-import-empty p:not(.eyebrow){color:var(--muted);font-size:10.5px;line-height:1.6}.bank-format-badges{display:flex;gap:6px}.bank-format-badges span{padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.045);color:var(--muted);font-size:8px;font-weight:800}.bank-filter-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted)}.bank-filter-empty svg{width:26px;height:26px;color:var(--gold)}.bank-filter-empty strong{color:var(--text);font-size:13px}.bank-filter-empty span{font-size:10px}

/* Hinweise und Fehlermeldungen werden kleiner und blockieren den Inhalt nicht. */
.toast-host{right:16px!important;bottom:16px!important}.toast{min-width:260px!important;max-width:420px!important;padding:10px 12px!important;border-radius:9px!important;font-size:10.5px!important}
.form-message,.inline-alert,.settings-alert{font-size:10.5px!important;line-height:1.45!important}

html[data-theme="light"] .workspace-tabbar{background:#f7f9fc;border-color:#dfe5ec}.workspace-tab-context-menu{background:var(--panel-2)}
html[data-theme="light"] .workspace-tab.active{background:#fff}.workspace-tab:hover{background:rgba(23,32,51,.035)}
html[data-theme="light"] body.record-workspace-active .modal-backdrop{background:#edf1f5!important}
html[data-theme="light"] body.record-workspace-active .modal-backdrop>.modal,html[data-theme="light"] body.record-workspace-active .modal-header,html[data-theme="light"] body.record-workspace-active .modal-footer{background:#fff!important}

@media(max-width:1250px){
  :root{--sidebar-width:210px;--page-pad-x:16px}
  .bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mailModule .mail-workspace-modern{grid-template-columns:180px minmax(310px,390px) minmax(440px,1fr)!important}
}

/* v0.9.3 – Postfachsteuerung platzsparend in der Kopfzeile */
.page-title-area{display:flex;align-items:center;gap:18px;min-width:0}
.page-title-copy{flex:0 0 auto}
.page-header-supplement[hidden]{display:none!important}
.page-header-supplement{min-width:0;display:flex;align-items:center}
.mail-header-account{min-width:0;display:flex;align-items:center;gap:8px}
.mail-header-avatar{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,#d8b55c,#b98b2f);color:#122033;font-size:10.5px;font-weight:900}
.mail-header-avatar i{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid var(--panel);border-radius:50%;background:#55b97b}
.mail-header-account-copy{min-width:0;max-width:165px}
.mail-header-account-copy strong,.mail-header-account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-header-account-copy strong{font-size:10.5px;line-height:1.2;color:var(--text)}
.mail-header-account-copy small{margin-top:2px;font-size:8.5px;line-height:1.2;color:var(--muted)}
.mail-header-switch{margin:0!important}
.mail-header-switch select{width:clamp(190px,22vw,320px);height:34px!important;min-height:34px!important;padding:5px 30px 5px 10px!important;border-radius:9px!important;font-size:9.5px!important;font-weight:700}
.mail-header-refresh{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}
.mail-header-refresh:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold)}
.mail-header-refresh svg{width:14px;height:14px}
#mailModule .mail-page-modern{grid-template-rows:minmax(0,1fr)!important;gap:0!important}
#mailModule .mail-workspace-modern{height:100%!important;min-height:0!important}
#mailModule .mail-reader-header-modern{padding:14px 0 12px!important}
#mailModule .mail-reader-header-modern h2{margin-bottom:9px!important;font-size:18px!important;line-height:1.25!important}
#mailModule .mail-reader-avatar{width:38px!important;height:38px!important;font-size:11px!important}
#mailModule .mail-reader-address strong{font-size:11px!important;line-height:1.35!important}
#mailModule .mail-reader-address span,#mailModule .mail-reader-header-modern>time{font-size:8.8px!important;line-height:1.35!important}
#mailModule .mail-body-card{margin-top:12px!important;padding:17px 19px!important;border-radius:11px!important}
#mailModule .mail-body-card .mail-body-text{font-size:12px!important;line-height:1.55!important;overflow-wrap:anywhere!important;word-break:break-word!important}

@media(max-width:1500px){
  .page-title-area{gap:11px}.mail-header-account-copy{display:none}.mail-header-switch select{width:210px}
}
@media(max-width:1120px){
  .mail-header-avatar{display:none}.mail-header-switch select{width:180px}
}
@media(max-width:900px){.page-header-supplement{display:none!important}}
@media(max-width:980px){
  :root{--sidebar-width:0px}
  body.record-workspace-active .modal-backdrop{left:0!important}
  .bank-statements-topbar{align-items:flex-start;flex-direction:column}.bank-summary-grid{grid-template-columns:1fr 1fr}.bank-import-empty{grid-template-columns:1fr;text-align:center}.bank-import-empty-icon{margin:auto}.bank-format-badges{justify-content:center}
}


/* v0.8.1 – kompakte E-Rechnungsprüfung im Dokumentarbeitsbereich */
.document-einvoice-validation{display:grid;grid-template-columns:32px minmax(0,1fr) 30px;gap:10px;align-items:start;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(225,95,95,.3);border-radius:10px;background:rgba(225,95,95,.075);color:var(--text)}
.document-einvoice-validation[hidden]{display:none!important}.document-einvoice-validation-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(225,95,95,.12);color:var(--danger)}.document-einvoice-validation-icon svg{width:16px;height:16px}.document-einvoice-validation strong{font-size:11.5px}.document-einvoice-validation p{margin:3px 0 5px;color:var(--muted);font-size:9.5px}.document-einvoice-validation ul{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;padding:0;list-style:none}.document-einvoice-validation li{position:relative;padding-left:10px;color:var(--muted);font-size:9.5px}.document-einvoice-validation li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--danger)}

/* v0.8.2 – Datensatz-Tabs und kompakte Bankumsätze */
.bank-transactions-table .bank-transaction-row td:nth-child(2){white-space:nowrap}
.bank-booking-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  vertical-align:middle!important;
  margin-right:9px!important;
  border-radius:9px!important;
  background:rgba(199,166,90,.10)!important;
  color:var(--gold)!important;
  overflow:hidden!important;
}
.bank-booking-icon.incoming{background:rgba(85,197,138,.11)!important;color:var(--success)!important}
.bank-booking-icon.outgoing{background:rgba(240,153,161,.10)!important;color:var(--danger)!important}
.bank-booking-icon svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  display:block!important;
  stroke-width:2!important;
}
.bank-booking-copy{
  display:inline-block!important;
  width:calc(100% - 44px)!important;
  max-width:calc(100% - 44px)!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.bank-booking-copy strong,.bank-booking-copy small,.bank-booking-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bank-booking-copy strong{font-size:10.5px!important;color:var(--text)}
.bank-booking-copy small{margin-top:2px;font-size:9px!important;color:var(--muted)}
.bank-booking-copy em{margin-top:2px;font-size:8.5px!important;color:var(--muted);font-style:normal}
.bank-transactions-table tbody tr{height:auto!important;min-height:54px!important}
.bank-transactions-table tbody td{height:auto!important;min-height:54px!important;vertical-align:middle!important}
.workspace-tabbar[hidden]{display:none!important}


/* v0.8.3 – fehlerfreie Zeichencodierung und sauber ausgerichtete Kontoauszugstabelle */
.bank-transactions-table{position:relative!important;max-height:calc(100vh - 382px)!important;background:var(--panel)!important}
.bank-ledger-table{width:100%!important;min-width:1080px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.bank-ledger-table .bank-col-date{width:112px}.bank-ledger-table .bank-col-booking{width:30%}.bank-ledger-table .bank-col-account{width:190px}.bank-ledger-table .bank-col-amount{width:130px}.bank-ledger-table .bank-col-processing{width:31%}.bank-ledger-table .bank-col-actions{width:78px}
.bank-ledger-table thead th{position:sticky!important;top:0!important;z-index:3!important;height:42px!important;padding:9px 12px!important;background:var(--panel-2)!important;border-bottom:1px solid var(--line)!important;color:var(--muted)!important;font-size:9px!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.bank-ledger-table tbody tr{height:66px!important;transition:background .16s ease!important}.bank-ledger-table tbody tr:hover{background:rgba(199,166,90,.045)!important}.bank-ledger-table tbody td{height:66px!important;min-height:66px!important;padding:9px 12px!important;border-bottom:1px solid var(--line)!important;vertical-align:middle!important;overflow:hidden!important}
.bank-ledger-table tbody tr:last-child td{border-bottom:0!important}
.bank-date-cell,.bank-account-cell,.bank-amount-cell{display:grid!important;gap:3px!important;min-width:0!important}.bank-date-cell strong,.bank-account-cell strong{font-size:10.5px!important;line-height:1.25!important;color:var(--text)!important}.bank-date-cell span,.bank-account-cell span,.bank-amount-cell span{font-size:8.8px!important;line-height:1.3!important;color:var(--muted)!important}
.bank-booking-cell{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important}.bank-booking-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;border-radius:9px!important}.bank-booking-icon svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.bank-booking-copy{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;vertical-align:initial!important}.bank-booking-copy strong{font-size:10.8px!important;line-height:1.25!important}.bank-booking-copy small{font-size:9px!important;line-height:1.25!important}.bank-booking-copy em{font-size:8.4px!important;line-height:1.2!important}
.bank-account-cell strong,.bank-account-cell span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bank-amount-cell{text-align:right!important}.bank-amount-cell strong{font-size:11.5px!important;line-height:1.15!important;white-space:nowrap!important}.bank-processing-column{overflow:visible!important}.bank-assignment-result{display:grid!important;grid-template-columns:8px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0!important}.bank-assignment-result>div{min-width:0!important}.bank-assignment-result strong{font-size:10px!important}.bank-assignment-result small{font-size:8.8px!important}.bank-assignment-result .badge{justify-self:end!important;white-space:nowrap!important}
.bank-assignment-control{display:grid!important;grid-template-columns:minmax(180px,1fr) 32px!important;gap:7px!important;align-items:center!important;min-width:0!important}.bank-assignment-control select,.bank-assignment-control .custom-select-trigger{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;border-radius:8px!important;font-size:9.2px!important}.bank-assignment-control .small-action{width:32px!important;height:32px!important}.bank-assignment-control .bank-suggestion-note{grid-column:1/-1!important;margin-top:-2px!important;color:var(--gold)!important;font-size:8.3px!important}.bank-row-actions{display:table-cell!important;text-align:center!important;white-space:nowrap!important}.bank-row-actions .small-action{margin:0 2px!important}.bank-actions-heading{text-align:center!important}
@media(max-width:1280px){.bank-ledger-table{min-width:1020px!important}.bank-ledger-table .bank-col-account{width:160px}.bank-ledger-table .bank-col-processing{width:29%}}

/* v0.8.4 – einheitliche Datensatzlisten, Kunden- und Projektansichten */
.entity-list-page{min-width:0!important;gap:10px!important}
.project-phase-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.project-phase-card{min-width:0;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.project-phase-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.project-phase-card.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--panel));box-shadow:inset 0 2px 0 color-mix(in srgb,var(--gold) 75%,transparent)}
.project-phase-card span{min-width:0;font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-phase-card strong{grid-row:1/3;grid-column:2;font-size:22px;color:var(--gold);line-height:1}
.project-phase-card small{min-width:0;color:var(--muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-list-toolbar{
  min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:8px 10px;border:1px solid var(--line);border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 94%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));
  box-shadow:0 7px 20px rgba(0,0,0,.06)
}
.entity-list-toolbar-main,.entity-list-toolbar-actions{display:flex;align-items:center;gap:9px;min-width:0}
.entity-list-toolbar-actions{justify-content:flex-end}
.entity-list-filter{display:grid!important;grid-template-columns:18px minmax(150px,210px);align-items:center;gap:7px!important;margin:0!important;padding-left:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}
.entity-list-filter-icon{width:18px;height:18px;display:grid;place-items:center;color:var(--gold)}
.entity-list-filter-icon svg{width:15px;height:15px}
.entity-list-filter>.filter-select{width:100%!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:5px 30px 5px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10.5px!important;font-weight:700!important;color:var(--text)!important}
.entity-list-filter>.filter-select:focus{outline:0!important}
.entity-list-filter>.filter-custom-select{min-width:150px!important;width:100%!important}
.entity-list-filter .custom-select-trigger{min-height:34px!important;height:34px!important;padding:5px 30px 5px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:10.5px!important}
.entity-list-count{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;color:var(--muted);font-size:9.5px;font-weight:700}
.entity-list-count strong{color:var(--text);font-size:12px}
.entity-list-open-hint{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:9px}
.entity-list-open-hint svg{width:13px;height:13px;color:var(--gold)}
.entity-list-toolbar .btn svg{width:14px;height:14px}
.entity-table-wrap{position:relative;min-width:0;max-height:calc(100vh - 218px);overflow:auto!important;scrollbar-gutter:stable;border-radius:12px!important;background:var(--panel)!important}
.entity-table{width:100%;min-width:760px;table-layout:fixed;border-collapse:separate!important;border-spacing:0!important}
.entity-table thead th{position:sticky;top:0;z-index:4;height:39px;padding:8px 12px!important;border-bottom:1px solid var(--line);background:var(--panel-2)!important;color:var(--muted)!important;font-size:8.7px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;white-space:nowrap}
.entity-table tbody tr{height:59px;outline:0;transition:background .14s ease,box-shadow .14s ease}
.entity-table tbody tr[hidden]{display:none!important}
.entity-table tbody td{height:59px;padding:8px 12px!important;border-bottom:1px solid var(--line);vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis}
.entity-table tbody tr:last-child td{border-bottom:0}
.entity-table tbody td:first-child{border-left:3px solid transparent;padding-left:9px!important}
.entity-table tbody tr:hover{background:rgba(199,166,90,.047)!important}
.entity-table tbody tr:hover td:first-child{border-left-color:var(--gold)}
.entity-table tbody tr:focus-visible{outline:2px solid color-mix(in srgb,var(--gold) 75%,transparent);outline-offset:-2px;background:rgba(199,166,90,.065)!important}
.entity-table-row{cursor:default}
.entity-primary-cell{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.entity-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:rgba(199,166,90,.12);color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.02em}
.entity-avatar svg{width:17px;height:17px}
.entity-avatar.project-avatar{background:rgba(95,157,222,.10);color:#77afe6}
.entity-primary-copy{display:block;min-width:0}
.entity-primary-copy .cell-title,.entity-primary-copy .cell-sub,.entity-contact-primary{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entity-table .cell-title{font-size:10.8px!important;line-height:1.25!important;font-weight:780!important}
.entity-table .cell-sub{font-size:8.8px!important;line-height:1.3!important;margin-top:3px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entity-contact-primary{font-size:10px;font-weight:650;color:var(--text)}
.entity-number-value{display:block;font-size:13px;font-weight:820;color:var(--text);line-height:1.1}
.entity-progress-cell{display:grid;grid-template-columns:minmax(80px,1fr) 35px;align-items:center;gap:8px;min-width:0}
.entity-progress-cell .progress{height:6px!important;margin:0!important;background:rgba(255,255,255,.055)}
.entity-progress-cell strong{font-size:9px;color:var(--muted);text-align:right;white-space:nowrap}
.entity-cell-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.entity-table .deadline{font-size:9.5px!important;font-weight:750}
.entity-table .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.entity-table-customers{min-width:780px}.entity-table-customers th:nth-child(1){width:34%}.entity-table-customers th:nth-child(2){width:31%}.entity-table-customers th:nth-child(3){width:17%}.entity-table-customers th:nth-child(4){width:18%}
.entity-table-projects{min-width:900px}.entity-table-projects th:nth-child(1){width:31%}.entity-table-projects th:nth-child(2){width:21%}.entity-table-projects th:nth-child(3){width:16%}.entity-table-projects th:nth-child(4){width:19%}.entity-table-projects th:nth-child(5){width:13%}
.entity-table-leads{min-width:930px}.entity-table-leads th:nth-child(1){width:30%}.entity-table-leads th:nth-child(2){width:19%}.entity-table-leads th:nth-child(3){width:19%}.entity-table-leads th:nth-child(4){width:17%}.entity-table-leads th:nth-child(5){width:15%}
.entity-table-tasks{min-width:850px}.entity-table-tasks th:nth-child(1){width:32%}.entity-table-tasks th:nth-child(2){width:23%}.entity-table-tasks th:nth-child(3){width:13%}.entity-table-tasks th:nth-child(4){width:16%}.entity-table-tasks th:nth-child(5){width:16%}
.entity-table-appointments{min-width:820px}.entity-table-appointments th:nth-child(1){width:31%}.entity-table-appointments th:nth-child(2){width:25%}.entity-table-appointments th:nth-child(3){width:15%}.entity-table-appointments th:nth-child(4){width:14%}.entity-table-appointments th:nth-child(5){width:15%}
.entity-table-sprints{min-width:880px}.entity-table-sprints th:nth-child(1){width:23%}.entity-table-sprints th:nth-child(2){width:21%}.entity-table-sprints th:nth-child(3){width:18%}.entity-table-sprints th:nth-child(4){width:14%}.entity-table-sprints th:nth-child(5){width:24%}

/* Projekt- und Kundenakten nutzen denselben kompakten Maßstab wie die Listen. */
.customer-center,.project-center{min-width:0!important}
.customer-hero,.project-hero{align-items:flex-start!important;padding:15px 17px!important;gap:16px!important}
.customer-hero h2,.project-hero h2{margin:3px 0 6px!important;font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em}
.customer-hero .muted,.project-hero .muted{font-size:10px!important;line-height:1.45!important}
.customer-hero-actions,.project-hero-actions{gap:7px!important}
.customer-hero-actions .btn,.project-hero-actions .btn{min-height:34px!important;padding:7px 10px!important;font-size:10px!important}
.project-back{margin-bottom:8px!important;font-size:9.5px!important}
.project-tabs{position:sticky!important;top:0!important;z-index:8!important;margin:9px 0 11px!important;padding:4px!important;gap:3px!important;border-radius:11px!important;box-shadow:0 5px 16px rgba(0,0,0,.06)}
.project-tab{min-height:32px!important;padding:6px 10px!important;border-radius:8px!important;font-size:9.5px!important}
.project-tab-content{padding-bottom:20px!important}

.entity-kanban-card{cursor:default;outline:0;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.entity-kanban-card:hover{transform:translateY(-1px);border-color:rgba(199,166,90,.38);background:color-mix(in srgb,var(--panel-2) 96%,var(--gold) 4%)}
.entity-kanban-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.entity-kanban-card>strong{display:block;margin-top:9px;font-size:11.5px}
.entity-card-open{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:8px;white-space:nowrap}.entity-card-open svg{width:11px;height:11px;color:var(--gold)}

html[data-theme="light"] .entity-list-toolbar{background:linear-gradient(180deg,#fff,#f8fafc)}
html[data-theme="light"] .entity-list-filter{background:#fff}
html[data-theme="light"] .entity-table-wrap,html[data-theme="light"] .entity-table thead th{background:#fff!important}
html[data-theme="light"] .entity-table thead th{background:#f6f8fb!important}
html[data-theme="light"] .entity-progress-cell .progress{background:#e7ebf0}

@media(max-width:1180px){
  .entity-list-open-hint{display:none}
  .entity-table-wrap{max-height:calc(100vh - 210px)}
}
@media(max-width:760px){
  .project-phase-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entity-list-toolbar{align-items:stretch;flex-direction:column}
  .entity-list-toolbar-main,.entity-list-toolbar-actions{width:100%;justify-content:space-between}
  .entity-list-toolbar-actions .btn{width:100%;justify-content:center}
  .entity-list-filter{flex:1;grid-template-columns:18px minmax(0,1fr)}
  .customer-hero,.project-hero{padding:13px!important}
}

/* Auch die übrigen Modul-Tabellen erhalten dieselbe ruhige Grundgestaltung. */
.standard-data-table-wrap{min-width:0;overflow:auto!important;scrollbar-gutter:stable}
.standard-data-table:not(.entity-table){width:100%;border-collapse:separate!important;border-spacing:0!important}
.standard-data-table:not(.entity-table) thead th{position:sticky;top:0;z-index:3;background:var(--panel-2)!important;border-bottom:1px solid var(--line)!important;color:var(--muted)!important;font-size:8.7px!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap}
.standard-data-table:not(.entity-table) tbody td{border-bottom:1px solid var(--line);vertical-align:middle!important}
.standard-data-table:not(.entity-table) tbody tr:last-child td{border-bottom:0}
.standard-data-table:not(.entity-table) tbody tr{transition:background .14s ease}
.standard-data-table:not(.entity-table) tbody tr:hover{background:rgba(199,166,90,.04)}
.standard-data-table:not(.entity-table) tbody tr.standard-data-row-openable td:first-child{border-left:3px solid transparent;padding-left:9px!important}
.standard-data-table:not(.entity-table) tbody tr.standard-data-row-openable:hover td:first-child{border-left-color:var(--gold)}
.standard-actions-heading{width:1%;text-align:right!important}
.standard-data-table .actions{white-space:nowrap;align-items:center!important}
html[data-theme="light"] .standard-data-table:not(.entity-table) thead th{background:#f6f8fb!important}

/* v0.8.5 – Freigaben und Mitarbeiter-Self-Service */
.user-avatar.has-image{padding:0;overflow:hidden;background:var(--panel-2)}
.user-avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}

.approvals-page-v2{gap:14px}
.approval-commandbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-sm)}
.approval-commandbar h2{margin:2px 0 4px;font-size:22px;line-height:1.15}.approval-commandbar p:last-child{margin:0;color:var(--muted);font-size:12px}
.approval-commandbar-status{min-width:112px;display:flex;flex-direction:column;align-items:flex-end}.approval-commandbar-status span{font-size:28px;font-weight:800;line-height:1;color:var(--text)}.approval-commandbar-status small{margin-top:4px;color:var(--muted);font-size:11px}
.approval-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.approval-summary-grid article{display:flex;align-items:center;gap:12px;min-height:82px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.approval-summary-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px}.approval-summary-icon svg{width:19px;height:19px}.approval-summary-icon.gold{color:var(--gold);background:rgba(199,166,90,.12)}.approval-summary-icon.red{color:var(--danger);background:rgba(225,80,80,.1)}.approval-summary-icon.blue{color:#5e8fd8;background:rgba(94,143,216,.1)}.approval-summary-icon.green{color:var(--success);background:rgba(72,176,125,.1)}
.approval-summary-grid article div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:end;min-width:0}.approval-summary-grid small{grid-column:1/3;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.approval-summary-grid strong{font-size:22px;line-height:1.1}.approval-summary-grid em{font-style:normal;color:var(--muted);font-size:11px;padding-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approval-worklist{padding:0;overflow:hidden}.approval-worklist-head{height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid var(--border)}
.approval-filter-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto}.approval-filter-tabs button{height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.approval-filter-tabs button b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:var(--panel-2);font-size:10px}.approval-filter-tabs button:hover{background:var(--panel-2);color:var(--text)}.approval-filter-tabs button.active{border-color:rgba(199,166,90,.35);background:rgba(199,166,90,.1);color:var(--text)}.approval-filter-tabs button.active b{background:rgba(199,166,90,.18);color:var(--gold)}
.approval-result-count{color:var(--muted);font-size:11px;white-space:nowrap}
.approval-table-head,.approval-table-row{display:grid;grid-template-columns:minmax(300px,1.7fr) minmax(150px,.75fr) 110px 90px minmax(250px,auto);gap:14px;align-items:center}
.approval-table-head{min-height:38px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.approval-table-row{min-height:82px;padding:12px 16px;border-bottom:1px solid var(--border)}.approval-table-row:last-child{border-bottom:0}.approval-table-row:hover{background:rgba(199,166,90,.035)}
.approval-main-cell{display:flex;align-items:flex-start;gap:11px;min-width:0}.approval-row-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:rgba(199,166,90,.1);color:var(--gold)}.approval-row-icon svg{width:18px;height:18px}.approval-row-icon.cancellation{color:var(--danger);background:rgba(225,80,80,.09)}.approval-row-icon.vacation{color:#5e8fd8;background:rgba(94,143,216,.1)}.approval-row-icon.sickness{color:var(--success);background:rgba(72,176,125,.1)}
.approval-main-cell>div,.approval-requester,.approval-date{min-width:0;display:flex;flex-direction:column;gap:3px}.approval-main-cell strong,.approval-requester strong,.approval-date strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-main-cell small,.approval-requester small,.approval-date small{color:var(--muted);font-size:10px}.approval-main-cell p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.approval-row-actions .btn.compact{min-height:32px;padding:0 10px;font-size:10px}
.approval-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.approval-empty>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(72,176,125,.1);color:var(--success)}.approval-empty svg{width:24px;height:24px}.approval-empty strong{margin-top:13px;font-size:15px}.approval-empty p{margin:5px 0 0;color:var(--muted);font-size:12px}

.self-service-page{display:flex;flex-direction:column;gap:14px;max-width:1420px;margin:0 auto}
.self-service-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-sm)}
.self-service-avatar{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#d9b45a,#aa7515);color:#0d1729;font-size:23px;font-weight:900;box-shadow:0 10px 25px rgba(181,132,31,.18)}.self-service-avatar img{width:100%;height:100%;display:block;object-fit:cover}.self-service-identity{min-width:0}.self-service-identity h2{margin:1px 0 3px;font-size:23px}.self-service-identity>p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.self-service-identity>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.self-service-identity>div span{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted);font-size:10px}.self-service-profile-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.self-service-profile-actions small{color:var(--muted);font-size:9px}
.self-service-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.self-service-kpis article{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:8px;min-height:74px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.self-service-kpis small{grid-column:1/3;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.self-service-kpis strong{font-size:21px}.self-service-kpis span{color:var(--muted);font-size:10px;padding-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.self-service-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--panel);width:max-content;max-width:100%;overflow-x:auto}.self-service-tabs button{height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.self-service-tabs button:hover{background:var(--panel-2);color:var(--text)}.self-service-tabs button.active{background:rgba(199,166,90,.13);color:var(--text);box-shadow:inset 0 0 0 1px rgba(199,166,90,.28)}
.self-service-content>.panel,.self-service-two-column>.panel,.self-service-overview-grid>.panel{border-radius:16px}
.self-service-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}.self-service-quick-card,.self-service-balance-card,.self-service-activity{padding:17px}.self-service-activity{grid-column:1/3}.self-service-overview-grid header h3,.self-service-section-head h3{margin:0 0 3px;font-size:14px}.self-service-overview-grid header p,.self-service-section-head p{margin:0;color:var(--muted);font-size:10px}
.self-service-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.self-service-quick-actions button{min-height:78px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);text-align:left}.self-service-quick-actions button:hover{border-color:rgba(199,166,90,.45);transform:translateY(-1px)}.self-service-quick-actions svg{width:21px;height:21px;color:var(--gold);flex:0 0 auto}.self-service-quick-actions span{display:flex;flex-direction:column;gap:3px;min-width:0}.self-service-quick-actions strong{font-size:11px}.self-service-quick-actions small{color:var(--muted);font-size:9px;line-height:1.35}
.self-service-balance{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.self-service-balance div{padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2)}.self-service-balance span{display:block;color:var(--muted);font-size:9px}.self-service-balance strong{display:block;margin-top:3px;font-size:16px}.self-service-balance .remaining{border-color:rgba(72,176,125,.28);background:rgba(72,176,125,.07)}
.self-service-activity-list{display:flex;flex-direction:column;margin-top:11px}.self-service-activity-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;padding:7px 4px;border-bottom:1px solid var(--border)}.self-service-activity-list article:last-child{border-bottom:0}.self-service-activity-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(199,166,90,.1);color:var(--gold)}.self-service-activity-icon svg{width:16px;height:16px}.self-service-activity-list article>div{display:flex;flex-direction:column;gap:2px}.self-service-activity-list strong{font-size:11px}.self-service-activity-list small{color:var(--muted);font-size:9px}
.self-service-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:12px}.self-service-form-card,.self-service-history-card{padding:18px}.self-service-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.self-service-remaining-pill{padding:7px 10px;border-radius:9px;background:rgba(72,176,125,.09);color:var(--success);font-size:10px;font-weight:800;white-space:nowrap}
.self-service-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.self-service-form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.self-service-form-grid label.full{grid-column:1/3}.self-service-form-grid input,.self-service-form-grid select,.self-service-form-grid textarea{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);font-size:11px}.self-service-form-grid textarea{resize:vertical;line-height:1.45}.self-service-form-grid input:disabled{opacity:.65}
.self-service-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:13px;border-top:1px solid var(--border)}.self-service-form-footer span{color:var(--muted);font-size:9px;line-height:1.4}.self-service-form-footer .btn{flex:0 0 auto}
.self-service-history-list{display:flex;flex-direction:column}.self-service-history-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.self-service-history-list article:last-child{border-bottom:0}.self-service-history-list article>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.self-service-history-list strong{font-size:11px}.self-service-history-list small{color:var(--muted);font-size:9px}.self-service-history-list p{margin:2px 0 0;color:var(--muted);font-size:9px}.self-service-history-list article>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.self-service-history-list .text-button{font-size:9px}.self-service-empty-inline{min-height:120px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:10px}
.self-service-upload-box{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:13px;padding:11px;border:1px dashed var(--border);border-radius:12px;background:var(--panel-2)}.self-service-upload-box>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(199,166,90,.1);color:var(--gold)}.self-service-upload-box>span svg{width:17px;height:17px}.self-service-upload-box>div{display:flex;flex-direction:column;gap:2px;min-width:0}.self-service-upload-box strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-service-upload-box small{color:var(--muted);font-size:9px}.self-service-upload-box.has-file{border-style:solid;border-color:rgba(72,176,125,.35)}.self-service-upload-box.has-file>span{background:rgba(72,176,125,.1);color:var(--success)}

@media(max-width:1280px){.approval-table-head,.approval-table-row{grid-template-columns:minmax(260px,1.5fr) 145px 95px minmax(235px,auto)}.approval-table-head span:nth-child(4),.approval-table-row>div:nth-child(4){display:none}.self-service-two-column{grid-template-columns:1fr}.self-service-overview-grid{grid-template-columns:1fr}.self-service-activity{grid-column:1}.self-service-quick-actions{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:980px){.approval-summary-grid,.self-service-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-table-head{display:none}.approval-table-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.approval-table-row>.approval-requester,.approval-table-row>.approval-date,.approval-table-row>div:nth-child(4){display:none}.approval-row-actions{grid-column:1/3;justify-content:flex-start}.self-service-profile-card{grid-template-columns:auto 1fr}.self-service-profile-actions{grid-column:1/3;align-items:flex-start}.self-service-quick-actions{grid-template-columns:1fr}}
@media(max-width:640px){.approval-commandbar{align-items:flex-start}.approval-commandbar-status{min-width:auto}.approval-summary-grid,.self-service-kpis{grid-template-columns:1fr}.approval-worklist-head{align-items:flex-start;height:auto;padding:10px;flex-direction:column}.approval-table-row{padding:12px}.self-service-profile-card{grid-template-columns:1fr}.self-service-avatar{width:68px;height:68px}.self-service-profile-actions{grid-column:1}.self-service-form-grid{grid-template-columns:1fr}.self-service-form-grid label.full{grid-column:1}.self-service-form-footer{align-items:flex-start;flex-direction:column}.self-service-upload-box{grid-template-columns:34px 1fr}.self-service-upload-box .btn{grid-column:1/3;width:100%}}


/* v0.8.6 – korrigierte Freigaben, Mitarbeiterbereich und modussichere Finanzkarten */
.approvals-page-v3,
.self-service-page-v2{
  width:100%;
  max-width:none;
  margin:0;
  gap:12px;
}
.approval-page-head,
.self-service-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:82px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--panel);
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.approval-page-head h2,
.self-service-head h2{
  margin:2px 0 4px;
  font-size:22px;
  line-height:1.15;
}
.approval-page-head p:last-child,
.self-service-head p:last-child{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.approval-open-count{
  min-width:112px;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
  padding-left:18px;
  border-left:1px solid var(--line);
}
.approval-open-count strong{font-size:28px;line-height:1}
.approval-open-count span{color:var(--muted);font-size:11px;white-space:nowrap}

.approval-controlbar{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
}
.approval-filter-tabs{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  overflow-x:auto;
}
.approval-filter-tabs button{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}
.approval-filter-tabs button:hover{background:var(--panel-2);color:var(--text)}
.approval-filter-tabs button.active{
  background:rgba(199,166,90,.12);
  color:var(--text);
  border-color:rgba(199,166,90,.25);
}
.approval-filter-tabs button b{
  min-width:20px;
  padding:2px 6px;
  border-radius:999px;
  background:var(--panel-3);
  color:inherit;
  font-size:10px;
  text-align:center;
}
.approval-compact-summary{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
.approval-compact-summary>span{
  height:32px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--muted);
  background:var(--panel-2);
}
.approval-compact-summary svg{width:14px;height:14px}
.approval-compact-summary b{font-size:11px;color:var(--text)}
.approval-compact-summary small{font-size:10px}
.approval-compact-summary .has-items{border-color:rgba(199,166,90,.3);color:var(--gold)}
.approval-worklist{
  padding:0;
  overflow:hidden;
  border-radius:14px;
}
.approval-table-head,
.approval-table-row{
  grid-template-columns:minmax(300px,1.7fr) minmax(150px,.65fr) 105px 80px minmax(255px,auto);
}
.approval-table-head{
  min-height:40px;
  padding:0 15px;
  background:var(--panel-2);
}
.approval-table-head span{font-size:10px}
.approval-table-row{
  min-height:68px;
  padding:10px 15px;
}
.approval-row-icon{
  width:36px;
  height:36px;
  border-radius:10px;
}
.approval-row-icon svg{width:18px;height:18px}
.approval-main-cell strong,
.approval-requester strong,
.approval-date strong{font-size:12px}
.approval-main-cell small,
.approval-requester small,
.approval-date small,
.approval-main-cell p{font-size:10px}
.approval-row-actions .btn{min-height:32px;padding:6px 10px;font-size:10px}
.approval-empty-compact{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:left;
  padding:28px;
}
.approval-empty-compact>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:rgba(72,176,125,.1);
  color:var(--success);
}
.approval-empty-compact>span svg{width:20px;height:20px}
.approval-empty-compact strong{margin:0;font-size:14px}
.approval-empty-compact p{margin:4px 0 0;font-size:11px}

.self-service-head{min-height:94px}
.self-service-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
.self-service-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:16px;
  font-size:19px;
  box-shadow:0 7px 18px rgba(181,132,31,.15);
}
.self-service-identity h2{font-size:20px}
.self-service-identity>p:not(.eyebrow){font-size:11px}
.self-service-identity>div{margin-top:7px;gap:6px}
.self-service-identity>div span{
  padding:4px 7px;
  font-size:10px;
  border-radius:7px;
}
.self-service-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.self-service-head-actions small{
  max-width:155px;
  color:var(--muted);
  font-size:9px;
  line-height:1.35;
}
.self-service-head-actions .btn{min-height:34px;padding:7px 10px;font-size:10px}

.self-service-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:50px;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
}
.self-service-tabs{
  width:auto;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.self-service-tabs button{
  height:34px;
  padding:0 12px;
  font-size:11px;
}
.self-service-summary-inline{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
.self-service-summary-inline>span{
  min-width:92px;
  height:36px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  column-gap:8px;
  padding:5px 9px;
  border-left:1px solid var(--line);
}
.self-service-summary-inline small{
  color:var(--muted);
  font-size:9px;
  line-height:1.15;
}
.self-service-summary-inline strong{font-size:13px;white-space:nowrap}

.self-service-content{min-height:0}
.self-service-overview-grid-v2{
  grid-template-columns:minmax(360px,.85fr) minmax(360px,.7fr);
  gap:12px;
}
.self-service-overview-grid-v2 .self-service-activity{
  grid-column:1/3;
}
.self-service-quick-card,
.self-service-balance-card,
.self-service-activity,
.self-service-form-card,
.self-service-history-card{
  padding:15px;
  border-radius:14px!important;
}
.self-service-section-head{
  margin-bottom:12px;
}
.self-service-overview-grid header h3,
.self-service-section-head h3{
  font-size:14px;
}
.self-service-overview-grid header p,
.self-service-section-head p{
  font-size:10.5px;
  line-height:1.45;
}
.self-service-quick-actions{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:10px;
}
.self-service-quick-actions button{
  min-height:50px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border-radius:9px;
  background:transparent;
}
.self-service-quick-actions button:hover{
  background:var(--panel-2);
  transform:none;
}
.self-service-quick-actions button>svg{
  width:18px;
  height:18px;
}
.self-service-quick-actions button>i{
  display:grid;
  place-items:center;
  color:var(--muted);
}
.self-service-quick-actions button>i svg{width:14px;height:14px}
.self-service-quick-actions strong{font-size:11.5px}
.self-service-quick-actions small{font-size:10px}
.self-service-balance{
  gap:7px;
  margin-top:10px;
}
.self-service-balance div{
  min-height:58px;
  padding:9px 10px;
  border-radius:9px;
}
.self-service-balance span{font-size:9.5px}
.self-service-balance strong{font-size:16px}
.self-service-activity-list{margin-top:4px}
.self-service-activity-list article{
  min-height:48px;
  grid-template-columns:30px minmax(0,1fr) auto;
  padding:6px 2px;
}
.self-service-activity-icon{width:28px;height:28px}
.self-service-activity-icon svg{width:14px;height:14px}
.self-service-activity-list strong{font-size:11px}
.self-service-activity-list small{font-size:9.5px}

.self-service-two-column{
  grid-template-columns:minmax(420px,1fr) minmax(380px,.9fr);
  gap:12px;
}
.self-service-profile-form{
  max-width:1040px;
}
.self-service-form-grid{
  gap:10px 12px;
}
.self-service-form-grid label{
  gap:5px;
  font-size:11px;
}
.self-service-form-grid input,
.self-service-form-grid select,
.self-service-form-grid textarea{
  min-height:38px;
  padding:7px 10px;
  border-radius:9px;
  font-size:11.5px;
}
.self-service-form-grid textarea{min-height:82px}
.self-service-form-footer{
  margin-top:13px;
  padding-top:12px;
}
.self-service-form-footer span{font-size:10px}
.self-service-history-list article{padding:9px 0}
.self-service-history-list strong{font-size:11.5px}
.self-service-history-list small,
.self-service-history-list p{font-size:9.5px}
.self-service-empty-inline{
  min-height:110px;
  font-size:10.5px;
}
.self-service-upload-box{
  margin-top:11px;
  padding:9px 10px;
}
.self-service-upload-box strong{font-size:10.5px}
.self-service-upload-box small{font-size:9.5px}

/* Finanzbereich folgt dem aktiven Modus statt eines fest eingebauten Dark-Blocks. */
.bank-import-card,
.bank-live-card,
.bank-assignment-info{
  background:var(--panel)!important;
  color:var(--text);
  border-color:var(--line)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
.bank-format-row,
.bank-live-status,
.bank-finapi-details{
  background:var(--panel-2)!important;
  border-color:var(--line)!important;
}
.bank-import-footer,
.bank-live-configured,
.bank-finapi-details .bank-credentials-form{
  border-color:var(--line)!important;
}
.bank-card-heading h2,
.bank-import-footer strong,
.bank-live-configured strong,
.bank-assignment-info strong,
.bank-finapi-details>summary{
  color:var(--text)!important;
}
.bank-card-heading p:not(.eyebrow),
.bank-format-row>small,
.bank-import-footer span,
.bank-live-configured span,
.bank-live-status small,
.bank-assignment-info span,
.bank-balance-missing{
  color:var(--muted)!important;
}
.bank-format-row>span{
  color:var(--gold)!important;
  background:rgba(199,166,90,.11)!important;
}
html[data-theme="light"] .bank-import-card,
html[data-theme="light"] .bank-live-card,
html[data-theme="light"] .bank-assignment-info{
  background:#fff!important;
  box-shadow:0 8px 22px rgba(35,48,65,.07)!important;
}
html[data-theme="light"] .bank-card-icon{
  background:#f7efdc;
  color:var(--gold);
}
html[data-theme="light"] .bank-card-icon.live{
  background:#edf4fd;
  color:var(--info);
}

@media(max-width:1180px){
  .approval-compact-summary{display:none}
  .approval-table-head,.approval-table-row{grid-template-columns:minmax(260px,1.5fr) 140px 95px minmax(235px,auto)}
  .approval-table-head span:nth-child(4),.approval-table-row>div:nth-child(4){display:none}
  .self-service-toolbar{align-items:flex-start;flex-direction:column}
  .self-service-summary-inline{width:100%;justify-content:space-between}
  .self-service-summary-inline>span{flex:1}
  .self-service-two-column{grid-template-columns:1fr}
}
@media(max-width:860px){
  .approval-page-head,.self-service-head{align-items:flex-start}
  .approval-controlbar{align-items:flex-start;flex-direction:column}
  .approval-table-head{display:none}
  .approval-table-row{grid-template-columns:minmax(0,1fr) auto}
  .approval-table-row>.approval-requester,.approval-table-row>.approval-date,.approval-table-row>div:nth-child(4){display:none}
  .approval-row-actions{grid-column:1/3;justify-content:flex-start}
  .self-service-head{align-items:flex-start}
  .self-service-head-actions{align-items:flex-end;flex-direction:column}
  .self-service-overview-grid-v2{grid-template-columns:1fr}
  .self-service-overview-grid-v2 .self-service-activity{grid-column:1}
  .self-service-summary-inline{overflow-x:auto;justify-content:flex-start}
  .self-service-summary-inline>span{min-width:105px;flex:0 0 auto}
}
@media(max-width:620px){
  .approval-page-head,.self-service-head{flex-direction:column}
  .approval-open-count{padding:0;border:0}
  .self-service-person{align-items:flex-start}
  .self-service-head-actions{align-items:flex-start}
  .self-service-toolbar{padding:5px}
  .self-service-summary-inline{display:none}
  .self-service-form-grid{grid-template-columns:1fr}
  .self-service-form-grid label.full{grid-column:1}
}


/* ========================================================================== 
   Version 0.8.7 · Arbeitsbereich-Geometrie und Dokumenteditor korrigiert
   ========================================================================== */
:root{
  --topbar-height:62px;
  --workspace-tabs-height:40px;
  --record-workspace-top:102px;
  --record-workspace-left:230px;
}
#appShell .workspace{
  display:grid!important;
  grid-template-rows:var(--topbar-height) auto minmax(0,1fr)!important;
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
}
#appShell .topbar{
  grid-row:1!important;
  position:relative!important;
  z-index:62!important;
  height:var(--topbar-height)!important;
  min-height:var(--topbar-height)!important;
  max-height:var(--topbar-height)!important;
  padding:0 18px!important;
  overflow:visible!important;
}
#appShell .topbar h1{font-size:19px!important;line-height:1.1!important;margin:2px 0 0!important}
#appShell .topbar .eyebrow{font-size:8px!important;line-height:1!important}
#appShell .topbar-actions{gap:7px!important;min-width:0!important}
#appShell .global-search{width:min(330px,31vw)!important;min-width:210px!important}
#appShell .searchbox{
  width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;
  padding:0 10px!important;border-radius:9px!important
}
#appShell .searchbox input{height:34px!important;min-height:34px!important;padding:0!important;font-size:11px!important}
#appShell .global-search-hint{font-size:8px!important}
#appShell .theme-toggle-button{width:36px!important;height:36px!important;min-width:36px!important}
#appShell .quick-add-button{
  width:auto!important;min-width:148px!important;height:38px!important;min-height:38px!important;max-height:38px!important;
  padding:0 13px!important;font-size:11.5px!important;border-radius:10px!important
}
#workspaceTabBar{
  grid-row:2!important;
  position:relative!important;
  z-index:63!important;
  height:var(--workspace-tabs-height)!important;
  min-height:var(--workspace-tabs-height)!important;
  max-height:var(--workspace-tabs-height)!important;
  flex:0 0 var(--workspace-tabs-height)!important;
  overflow:hidden!important
}
#workspaceTabBar .workspace-tab-scroll{height:100%!important;padding:4px 6px 0!important;align-items:end!important}
#workspaceTabBar .workspace-tab{height:35px!important;min-width:108px!important;max-width:235px!important;border-radius:9px 9px 0 0!important}
#workspaceTabBar .workspace-tab-main{padding:0 7px 0 9px!important;gap:6px!important}
#workspaceTabBar .workspace-tab-title{font-size:10px!important}
#workspaceTabBar .workspace-tab-close{width:25px!important}
#workspaceTabBar .workspace-tab-overflow{width:36px!important}
#content{grid-row:3!important;min-height:0!important;overflow:auto!important}
body.record-workspace-active #content{visibility:hidden!important;pointer-events:none!important}

/* Das Datensatzfenster beginnt exakt unter Kopf- und Tableiste. */
body.record-workspace-active #modalBackdrop.modal-backdrop{
  position:fixed!important;
  inset:var(--record-workspace-top) 0 0 var(--record-workspace-left)!important;
  top:var(--record-workspace-top)!important;
  right:0!important;
  bottom:0!important;
  left:var(--record-workspace-left)!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  z-index:55!important;
  background:var(--bg)!important;
  backdrop-filter:none!important;
  overflow:hidden!important
}
body.record-workspace-active #modalBackdrop>.modal{
  display:grid!important;
  grid-template-rows:52px minmax(0,1fr) 54px!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
}
body.record-workspace-active #modalBackdrop .modal-header{
  min-height:52px!important;height:52px!important;max-height:52px!important;
  padding:7px 15px!important;position:relative!important;z-index:2!important
}
body.record-workspace-active #modalBackdrop .modal-header h2{font-size:16px!important;line-height:1.15!important}
body.record-workspace-active #modalBackdrop .modal-header .eyebrow{font-size:8px!important}
body.record-workspace-active #modalBackdrop .modal-window-actions .icon-button{width:32px!important;height:32px!important}
body.record-workspace-active #modalBackdrop #modalForm.modal-body{
  min-height:0!important;height:auto!important;padding:12px 15px!important;overflow:auto!important
}
body.record-workspace-active #modalBackdrop .modal-footer{
  min-height:54px!important;height:54px!important;max-height:54px!important;padding:7px 15px!important;position:relative!important;z-index:2!important
}
body.record-workspace-active #modalBackdrop .modal-footer .btn{min-height:36px!important;padding:7px 12px!important;font-size:10.5px!important}

/* Dokumente verwenden im Tab einen stabilen zweigeteilten Arbeitsbereich. */
body.record-workspace-active #modalBackdrop.document-workspace-overlay #modalForm.modal-body{
  display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;overflow:hidden!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-mode-switch{
  flex:0 0 44px!important;height:44px!important;min-height:44px!important;padding:5px 12px!important;gap:5px!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .doc-mode{
  min-height:32px!important;height:32px!important;padding:5px 10px!important;font-size:10px!important;border-radius:8px!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-einvoice-validation:not([hidden]),
body.record-workspace-active #modalBackdrop.document-workspace-overlay .cancelled-document-banner{
  flex:0 0 auto!important;margin:7px 12px 0!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workbench{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;
  grid-template-columns:minmax(500px,46%) minmax(0,54%)!important;
  overflow:hidden!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-form-pane{
  min-width:0!important;max-width:none!important;width:auto!important;margin:0!important;
  padding:13px!important;overflow:auto!important;border-right:1px solid #cfd7df!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane{
  min-width:0!important;width:auto!important;min-height:0!important;height:100%!important;
  padding:28px 18px 32px!important;overflow:auto!important;background:#dfe5ea!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .official-document-preview{
  flex:0 0 auto!important;display:block!important;visibility:visible!important;opacity:1!important;
  margin:0 auto!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-toolbar{
  position:sticky!important;top:0!important;z-index:4!important
}
html[data-theme="light"] body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane{background:#dfe5ea!important}
html[data-theme="dark"] body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane,
body.dark.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane{background:#3b4754!important}

@media(max-width:1350px){
  #appShell .global-search{width:min(270px,27vw)!important}
  #appShell .quick-add-button{min-width:132px!important}
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workbench{grid-template-columns:minmax(450px,48%) minmax(0,52%)!important}
}
@media(max-width:1120px){
  #appShell .global-search-hint{display:none!important}
  #appShell .global-search{width:220px!important;min-width:180px!important}
  #appShell .quick-add-button{min-width:118px!important;padding-inline:10px!important}
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workbench{grid-template-columns:1fr!important;overflow:auto!important}
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-form-pane{max-height:none!important;border-right:0!important;border-bottom:1px solid #cfd7df!important}
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane{min-height:620px!important;height:auto!important}
}


/* Version 0.8.8 · Dokumentvorschau und gespeicherte Belegdaten */
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-pane{scrollbar-gutter:stable both-edges}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-toolbar{left:auto!important;right:12px!important;display:flex!important;align-items:center!important;gap:4px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-toolbar .preview-zoom{min-width:30px!important;width:30px!important;height:30px!important;padding:0!important;border-radius:7px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-preview-toolbar .preview-fit{font-size:15px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay #previewZoomLabel{min-width:42px!important;text-align:center!important;font-variant-numeric:tabular-nums!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .official-document-preview{max-width:none!important}


/* Version 0.8.9 · Vorschau-Modus und kompakte Unternehmensdaten */
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-workbench{
  grid-template-columns:minmax(0,1fr)!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-pane{
  width:100%!important;
  min-width:0!important;
  padding:52px clamp(22px,4vw,64px) 28px!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:auto!important;
  scrollbar-gutter:auto!important;
  background:#e6ebef!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-toolbar{
  position:sticky!important;
  top:8px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  margin:0 auto!important;
  padding:4px 6px!important;
  gap:3px!important;
  border-radius:10px!important;
  box-shadow:0 7px 18px rgba(30,43,57,.14)!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-toolbar .preview-zoom{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  font-size:16px!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only #previewZoomLabel{
  display:block!important;
  min-width:44px!important;
  font-size:12px!important;
  font-weight:750!important;
  text-align:center!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only [data-preview-zoom]{display:inline-grid!important;place-items:center!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .official-document-preview{
  flex:0 0 auto!important;
  margin:0 auto!important;
  max-width:none!important;
  transform:none!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .modal-footer{
  min-height:48px!important;
  height:48px!important;
  max-height:48px!important;
  padding:6px 14px!important;
  gap:7px!important;
  box-shadow:0 -5px 16px rgba(31,45,61,.07)!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .modal-footer .btn{
  min-height:34px!important;
  height:34px!important;
  min-width:108px!important;
  padding:5px 11px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
html[data-theme="dark"] body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-pane,
body.dark.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-pane{background:#3d4854!important}

.company-settings-form{
  max-width:1120px!important;
  padding:18px!important;
}
.company-settings-form>.panel-header{
  margin:-18px -18px 14px!important;
  padding:15px 18px!important;
}
.company-settings-form>.panel-header h2{font-size:18px!important;margin:0 0 3px!important}
.company-settings-form>.panel-header p{font-size:10.5px!important;margin:0!important}
.company-settings-form .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 18px!important;
  margin-bottom:14px!important;
}
.company-settings-form label{font-size:10.5px!important;gap:5px!important}
.company-settings-form input,.company-settings-form select{
  min-height:40px!important;
  height:40px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.company-settings-form textarea{min-height:76px!important;padding:9px 11px!important;font-size:11px!important}
.company-settings-form .tax-mode-settings{padding:13px!important;border-radius:12px!important}
.company-settings-form>.btn[type="submit"]{position:sticky;bottom:10px;z-index:4;min-height:38px!important;padding:8px 14px!important;box-shadow:0 9px 24px rgba(0,0,0,.14)}
@media(max-width:900px){.company-settings-form .form-grid{grid-template-columns:1fr!important}}

/* Version 0.9.0 · Dokument-Steuerung im Kopf und konsistente Arbeitslisten */
.document-command-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:6px 10px;
  border-bottom:1px solid var(--line);
  background:var(--panel);
}
.document-command-bar .document-mode-switch{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin:0;
  padding:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.document-command-bar .document-mode-switch::-webkit-scrollbar{display:none}
.document-command-bar .document-preview-toolbar{
  position:static;
  inset:auto;
  transform:none;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
  padding:3px 5px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface,var(--panel-2));
  box-shadow:none;
  color:var(--text);
}
.document-command-bar .document-preview-toolbar .preview-zoom{
  display:inline-grid;
  place-items:center;
  width:29px;
  min-width:29px;
  height:29px;
  padding:0;
  border:0;
  border-radius:7px;
  background:var(--soft,rgba(127,145,166,.12));
  color:var(--text);
  font-size:16px;
  line-height:1;
}
.document-command-bar .document-preview-toolbar .preview-zoom:hover{background:var(--soft-strong,rgba(127,145,166,.2))}
.document-command-bar #previewZoomLabel{
  min-width:42px;
  text-align:center;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.document-modal.document-form-only .document-command-bar .document-preview-toolbar{
  visibility:hidden;
  pointer-events:none;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-command-bar{
  flex:0 0 44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:5px 12px!important;
  position:relative!important;
  z-index:5!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-command-bar .document-mode-switch{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-command-bar .document-preview-toolbar{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  width:auto!important;
  margin:0!important;
  padding:3px 5px!important;
  box-shadow:none!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-pane{
  padding:18px clamp(18px,3vw,48px) 26px!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-modal.document-preview-only .document-preview-toolbar{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:auto!important;
  margin:0!important;
  padding:3px 5px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .document-command-bar,
body.dark .document-command-bar{background:var(--panel)}
html[data-theme="dark"] .document-command-bar .document-preview-toolbar,
body.dark .document-command-bar .document-preview-toolbar{background:var(--surface)}

/* Die Tabellen dieser Betriebsbereiche öffnen Datensätze vollständig per Doppelklick. */
.business-page .entity-table-row,
.employee-page .employee-row,
.support-card[data-open-record-type]{cursor:default}
.business-page .entity-table-row:hover,
.employee-page .employee-row:hover,
.support-card[data-open-record-type]:hover{background:var(--soft)}
.support-card[data-open-record-type]{outline:none}
.support-card[data-open-record-type]:focus-visible,
.business-page .entity-table-row:focus-visible,
.employee-page .employee-row:focus-visible{box-shadow:inset 0 0 0 2px rgba(184,137,35,.45)}

@media(max-width:900px){
  .document-command-bar{align-items:stretch;overflow-x:auto}
  .document-command-bar .document-mode-switch{flex:1 0 max-content}
  .document-command-bar .document-preview-toolbar{position:sticky;right:0}
}


/* Version 0.9.1 · vollständige Datensatz-Arbeitsbereiche und Doppelklick-Bedienung */
.record-summary-hero,
.implementation-card[data-open-record-type],
.backlog-row[data-open-record-type],
.sprint-card[data-open-record-type],
.service-card[data-open-record-type],
.customer-mini-line[data-open-record-type]{
  cursor:default;
  outline:none;
}
.record-summary-hero{position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.record-summary-hero:hover,
.implementation-card[data-open-record-type]:hover,
.backlog-row[data-open-record-type]:hover,
.sprint-card[data-open-record-type]:hover,
.service-card[data-open-record-type]:hover,
.customer-mini-line[data-open-record-type]:hover{
  border-color:rgba(184,137,35,.34)!important;
  box-shadow:0 9px 24px rgba(31,45,61,.09)!important;
}
.record-summary-hero:focus-visible,
.implementation-card[data-open-record-type]:focus-visible,
.backlog-row[data-open-record-type]:focus-visible,
.sprint-card[data-open-record-type]:focus-visible,
.service-card[data-open-record-type]:focus-visible,
.customer-mini-line[data-open-record-type]:focus-visible{
  box-shadow:0 0 0 3px rgba(184,137,35,.2),0 9px 24px rgba(31,45,61,.09)!important;
}
.record-summary-hint,.record-card-hint{
  display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:720;line-height:1.2
}
.record-summary-hint{margin-top:8px}
.record-summary-hint svg,.record-card-hint svg{width:13px;height:13px;stroke-width:1.8}
.service-card-footer .record-card-hint{margin-left:auto}
.implementation-card .record-card-hint,.sprint-card .record-card-hint{margin-top:auto;padding-top:8px}
.entity-table-row[data-open-record-type],
.entity-table-row[data-customer-row],
.entity-table-row[data-project-row],
.entity-table-row[data-open-project]{cursor:default}
.entity-table-row[data-open-record-type]:hover td,
.entity-table-row[data-open-project]:hover td{background:var(--soft)}
.entity-table-row .actions[data-prevent-record-open]{white-space:nowrap;min-width:max-content}
.entity-table-row .actions[data-prevent-record-open] .small-action{width:31px;height:31px;min-width:31px}
.document-list .table-wrap,.customer-tab-content .table-wrap,.project-tab-content .table-wrap{border-radius:var(--radius-md);overflow:auto}
.document-list table,.customer-tab-content table,.project-tab-content table{min-width:760px}
.document-list tbody tr,.customer-tab-content tbody tr,.project-tab-content tbody tr{height:54px}
.document-list .actions,.customer-tab-content .actions,.project-tab-content .actions{padding-inline:8px}
.customer-hero-actions[data-prevent-record-open],.project-hero-actions[data-prevent-record-open]{position:relative;z-index:2}

/* Unternehmensdaten und lange Formulare erhalten eine ruhige, begrenzte Arbeitsbreite. */
.settings-page .settings-form,.company-settings-form{width:min(100%,1120px);margin-inline:auto}
.company-settings-form .form-grid{align-items:start}
.company-settings-form .tax-mode-settings{grid-column:1/-1}
.company-settings-form label>span:first-child,.company-settings-form>label>span:first-child{font-weight:750}

@media(max-width:1100px){
  .record-summary-hero{align-items:flex-start!important}
  .record-summary-hint{display:none}
  .entity-table-row .actions[data-prevent-record-open]{position:sticky;right:0;background:var(--panel)}
}

/* v0.9.2 – native Webseitenanfragen und kompakte Integrationskonfiguration */
.website-intake-config{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.integration-config-loading,.integration-config-error{display:flex;align-items:center;gap:9px;min-height:38px;color:var(--muted);font-size:10px}.integration-config-loading svg,.integration-config-error svg{width:17px;height:17px;flex:0 0 auto}.integration-config-error{color:var(--danger)}
.website-intake-config-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.website-intake-config-grid label{display:grid;gap:5px;min-width:0}.website-intake-config-grid label>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.integration-copy-field{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px;align-items:center}.integration-copy-field input{min-width:0;height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text);font:inherit;font-size:10px}.integration-copy-field .small-action{width:36px;height:36px}
.website-intake-config-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;color:var(--muted);font-size:9px}.website-intake-config-footer .btn{min-height:32px}
html[data-theme="light"] .integration-settings-card{border-color:var(--line);background:var(--panel)}
html[data-theme="light"] .integration-test-result{color:var(--muted)}html[data-theme="light"] .integration-test-result.pending{color:#8d6c21}html[data-theme="light"] .integration-test-result.success{color:#21855b}html[data-theme="light"] .integration-test-result.error{color:#b74444}
@media(max-width:900px){.website-intake-config-grid{grid-template-columns:1fr}.website-intake-config-footer{align-items:flex-start;flex-direction:column}}

/* v0.9.2 – optionale externe Bankanbindung nicht als unfertige Kernfunktion darstellen */
.bank-live-card.bank-live-optional{align-self:stretch;background:var(--surface);border:1px solid var(--border);box-shadow:none}
.bank-live-card.bank-live-optional .bank-card-heading{align-items:flex-start}
.bank-live-card.bank-live-optional .bank-card-heading p:not(.eyebrow){max-width:62ch}
.bank-live-card.bank-live-optional .bank-live-status{background:var(--surface-soft);border-color:var(--border);color:var(--text)}
.bank-live-card.bank-live-optional .toolbar-actions{margin-top:auto;justify-content:flex-start}

/* v0.9.3 - Responsive Navigation und mobile Oberflaechenkorrekturen */
.mobile-nav-button,.mobile-nav-backdrop{display:none}
.mobile-nav-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

@media(max-width:980px){
  #appShell{grid-template-columns:0 minmax(0,1fr)!important}
  #appShell .workspace{grid-column:2}
  #appShell .workspace,#appShell .topbar,#content{width:100%!important;min-width:0!important}
  #appShell .sidebar{
    position:fixed;inset:0 auto 0 0;z-index:92;width:min(310px,86vw);min-width:0;
    transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 48px rgba(0,0,0,.34)
  }
  #appShell.mobile-nav-open .sidebar{transform:translateX(0)}
  #appShell .mobile-nav-button{display:grid;flex:0 0 36px}
  #appShell .mobile-nav-backdrop{
    position:fixed;inset:0;z-index:91;width:100%;height:100%;padding:0;border:0;
    background:rgba(2,8,16,.62);backdrop-filter:blur(3px);cursor:default
  }
  #appShell.mobile-nav-open .mobile-nav-backdrop{display:block}
  body.record-workspace-active #modalBackdrop.modal-backdrop{left:0!important}
}

@media(max-width:760px){
  #appShell .topbar{gap:9px!important;padding-inline:12px!important}
  #appShell .topbar-actions{width:auto!important;min-width:0!important;flex:1 1 auto!important}
  #appShell .global-search{width:auto!important;min-width:0!important;flex:1 1 auto!important}
  #appShell .quick-add-button{width:38px!important;min-width:38px!important;padding:0!important}
  #appShell .quick-add-button .quick-add-chevron{display:none!important}
  #content{padding-inline:14px!important}
  .dashboard-toolbar{align-items:flex-start;flex-direction:column}
  .dashboard-toolbar .btn{width:100%}
}

@media(max-width:620px){
  .stats-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-grid>.panel,.stats-grid>.stat-card{min-width:0!important}
  .toast-host{left:12px!important;right:12px!important}.toast{width:100%!important;min-width:0!important;max-width:none!important}
  .modal-body{grid-template-columns:minmax(0,1fr)!important}
}

@media(prefers-reduced-motion:reduce){
  #appShell .sidebar{transition:none}
}

/* v0.9.3 – Aktionsschaltflächen und Arbeitsbereich-Tabs bleiben kompakt und einzeilig. */
.btn{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  max-width:100%;
  line-height:1.2!important;
  white-space:nowrap!important;
}
/* `hidden` muss auch gegen die spaetere globale Button-Darstellung gewinnen.
   Andernfalls erscheinen Aktionen des zuvor geoeffneten Datensatztyps erneut. */
.btn[hidden],.icon-button[hidden]{display:none!important}
.btn>svg,.btn>.icon-svg{
  flex:0 0 auto!important;
  margin:0!important;
}

:root{--workspace-tabs-height:36px}
#workspaceTabBar .workspace-tab-scroll{
  gap:4px!important;
  padding:3px 6px 0!important;
}
#workspaceTabBar .workspace-tab{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:250px!important;
  height:32px!important;
  border-radius:8px 8px 0 0!important;
}
#workspaceTabBar .workspace-tab-main{
  flex:0 1 auto!important;
  width:auto!important;
  padding:0 6px 0 9px!important;
  gap:6px!important;
}
#workspaceTabBar .workspace-tab-icon,
#workspaceTabBar .workspace-tab-icon svg{
  width:14px!important;
  height:14px!important;
}
#workspaceTabBar .workspace-tab-title{
  min-width:0!important;
  max-width:190px!important;
  font-size:10.5px!important;
  line-height:1!important;
}
#workspaceTabBar .workspace-tab-close{
  flex:0 0 24px!important;
  width:24px!important;
}
#workspaceTabBar .workspace-tab-close svg{
  width:12px!important;
  height:12px!important;
}
#workspaceTabBar .workspace-tab-overflow{width:34px!important}

@media(max-width:620px){
  #workspaceTabBar .workspace-tab{max-width:190px!important}
  #workspaceTabBar .workspace-tab-title{max-width:132px!important}
}


/* v0.9.3 – Berechtigungs- und Datenarchitektur */

/* Eigenständige Marketing-Module */
.marketing-module{display:grid;gap:14px;min-height:calc(100vh - var(--workspace-tabs-height) - 116px)}
.marketing-commandbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.marketing-tabs{display:flex;gap:3px;min-width:0;overflow:auto}.marketing-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap}.marketing-tab:hover{color:var(--text);background:rgba(255,255,255,.04)}.marketing-tab.active{color:var(--text);background:rgba(199,166,90,.14);box-shadow:inset 0 -2px var(--gold)}
.marketing-command-actions{display:flex;align-items:center;gap:12px}.connection-pill{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.connection-pill i,.connection-state>i{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px rgba(240,184,90,.1)}.connection-pill.connected i,.connection-state.connected>i{background:var(--success);box-shadow:0 0 0 4px rgba(85,197,138,.1)}
.marketing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.marketing-metrics article{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--panel),var(--panel-2))}.marketing-metrics article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}.marketing-metrics span{font-size:11px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.marketing-metrics strong{grid-row:1/3;grid-column:2;font-size:27px;line-height:1}.marketing-metrics small{font-size:11px;color:var(--muted)}
.marketing-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-height:0}.marketing-workspace.with-composer{grid-template-columns:minmax(420px,1fr) minmax(360px,470px)}.marketing-board,.marketing-composer{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.marketing-board>header,.marketing-composer form>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.marketing-board h2,.marketing-composer h2{font-size:18px;margin:4px 0 0}
.marketing-list{display:grid}.marketing-list-item{display:grid;grid-template-columns:50px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:14px 17px;border-bottom:1px solid var(--line);cursor:pointer;transition:.18s background}.marketing-list-item:last-child{border-bottom:0}.marketing-list-item:hover{background:rgba(255,255,255,.035)}.marketing-date-tile{width:48px;height:48px;display:grid;place-content:center;text-align:center;border-radius:12px;background:rgba(199,166,90,.12);border:1px solid rgba(199,166,90,.2)}.marketing-date-tile strong{font-size:17px;line-height:1}.marketing-date-tile span{font-size:9px;text-transform:uppercase;color:var(--gold);font-weight:800;margin-top:4px}
.marketing-item-main{min-width:0}.marketing-item-heading{display:flex;align-items:center;gap:8px;min-width:0}.marketing-item-heading>strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marketing-item-main p{font-size:12px;color:#c7d0dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 5px}.marketing-item-main small{font-size:10.5px;color:var(--muted)}.marketing-platforms{display:flex;gap:4px}.platform-badge{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:9px;font-weight:900}.platform-badge.instagram{background:linear-gradient(135deg,#7d39c8,#d83e78,#f0a438)}.platform-badge.facebook{background:#1877f2;font-size:14px}.status-pill{margin-left:auto;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;background:rgba(150,163,181,.12);color:var(--muted);white-space:nowrap}.status-pill.success{background:rgba(85,197,138,.12);color:var(--success)}.status-pill.warning{background:rgba(240,184,90,.12);color:var(--warning)}.status-pill.danger{background:rgba(235,107,117,.12);color:var(--danger)}
.marketing-empty{min-height:340px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.marketing-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(199,166,90,.13);color:var(--gold);font-size:24px}.marketing-empty h3{margin:16px 0 6px;font-size:17px}.marketing-empty p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}
.marketing-composer{overflow:auto;max-height:calc(100vh - var(--workspace-tabs-height) - 242px)}.marketing-composer form{display:grid}.marketing-composer form>label,.marketing-composer .field-row,.marketing-composer fieldset,.marketing-composer .recipient-preview{margin:14px 18px 0}.marketing-composer textarea{min-height:145px}.marketing-composer footer{display:flex;align-items:center;gap:8px;padding:16px 18px;margin-top:16px;border-top:1px solid var(--line)}.marketing-composer footer .spacer{flex:1}.marketing-composer .field-row,.integration-form .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-help{color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}.platform-choice{display:flex;gap:12px;border:0;padding:0}.platform-choice legend{font-size:13px;font-weight:600;margin-bottom:8px}.platform-choice label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font-size:11px}.platform-choice input{width:auto;margin:0;accent-color:var(--gold)}.recipient-preview{padding:11px 13px;border:1px solid rgba(199,166,90,.2);border-radius:10px;background:rgba(199,166,90,.07);font-size:11px;color:var(--muted)}
.integration-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:14px}.integration-intro,.integration-form{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:28px}.integration-intro{background:radial-gradient(circle at 90% 10%,rgba(104,69,184,.2),transparent 38%),linear-gradient(145deg,var(--panel),var(--panel-2))}.integration-intro.newsletter{background:radial-gradient(circle at 90% 10%,rgba(199,166,90,.2),transparent 38%),linear-gradient(145deg,var(--panel),var(--panel-2))}.integration-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#6550d8,#e6437b);color:#fff;font-size:29px;font-weight:800;margin-bottom:22px}.integration-intro.newsletter .integration-logo{background:linear-gradient(135deg,#9c7729,#dfbd6d);color:#081524}.integration-intro h2{font-size:24px;margin:8px 0 12px}.integration-intro p,.integration-intro li{color:#b8c4d2;font-size:12px;line-height:1.7}.integration-intro ul{display:grid;gap:8px;padding-left:18px;margin-top:22px}.integration-form{display:grid;gap:15px;align-content:start}.connection-state{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);margin-bottom:4px}.connection-state>i{flex:0 0 8px}.connection-state div{display:grid;gap:3px}.connection-state strong{font-size:12px}.connection-state span{font-size:10.5px;color:var(--muted)}.integration-actions{display:flex;justify-content:flex-end;gap:9px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.audience-grid>article,.marketing-info-panel{display:flex;gap:14px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.audience-icon{flex:0 0 45px;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:rgba(199,166,90,.13);color:var(--gold);font-weight:900}.audience-grid h3{margin:2px 0 5px;font-size:15px}.audience-grid p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 12px}.marketing-info-panel{grid-column:1/-1;display:block}.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-gallery>article{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.template-gallery>article>h3{font-size:14px;margin:14px 2px 5px}.template-gallery>article>p{font-size:11px;color:var(--muted);margin:0 2px 4px}.template-preview{aspect-ratio:1.3;display:grid;align-content:start;gap:9px;padding:22px;border-radius:11px;background:#f7f3eb;color:#1a2432}.template-preview>span{font-size:18px;font-weight:800}.template-preview>i{height:6px;width:80%;border-radius:3px;background:#d8dce3}.template-preview>i:nth-of-type(2){width:60%}.template-preview .btn{margin-top:auto;color:#172233;border-color:#cbd0d8}.template-preview.offer{background:#111d30;color:#fff}.template-preview.update{background:linear-gradient(145deg,#f4e5bd,#d7b458)}
@media(max-width:1250px){.marketing-workspace.with-composer{grid-template-columns:minmax(360px,1fr) minmax(340px,420px)}.marketing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-layout{grid-template-columns:1fr}.audience-grid,.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.marketing-commandbar{align-items:stretch;flex-direction:column}.marketing-command-actions{justify-content:space-between}.marketing-workspace.with-composer{grid-template-columns:1fr}.marketing-composer{max-height:none}.marketing-metrics,.audience-grid,.template-gallery{grid-template-columns:1fr}.marketing-list-item{grid-template-columns:46px minmax(0,1fr)}.marketing-list-item>.icon-button{display:none}.marketing-composer .field-row,.integration-form .field-row{grid-template-columns:1fr}}

/* v0.9.4 - kompakte Marketingnavigation, Meldungen und stabile Dokumentaktionen */
.marketing-module{
  align-content:start!important;
  grid-auto-rows:max-content!important;
}
.marketing-commandbar{
  align-self:start!important;
  min-height:50px!important;
  height:auto!important;
  padding:5px 7px!important;
  gap:10px!important;
  border-radius:11px!important;
}
.marketing-tabs{gap:3px!important}
.marketing-tab{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
}
.marketing-command-actions{gap:7px!important}
.marketing-commandbar .btn{
  min-height:36px!important;
  height:36px!important;
  padding:7px 12px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
.connection-pill{font-size:10px!important;white-space:nowrap!important}

.toast-host{
  top:auto!important;
  left:auto!important;
  right:14px!important;
  bottom:14px!important;
  width:min(300px,calc(100vw - 28px))!important;
  gap:6px!important;
}
.toast{
  width:100%!important;
  min-width:0!important;
  max-width:300px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
  overflow-wrap:anywhere!important;
}

body.record-workspace-active #modalBackdrop.document-workspace-overlay .modal-footer{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-height:58px!important;
  height:58px!important;
  max-height:58px!important;
  padding:8px 14px!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .modal-footer .btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:112px!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  padding:7px 12px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .modal-footer .btn svg{flex:0 0 15px!important;width:15px!important;height:15px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .modal-footer .spacer{flex:1 1 20px!important;min-width:20px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay #documentApprovalButton{min-width:142px!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay #emailDocumentButton{min-width:170px!important}

/* Kompakte, einheitliche Aktionsleisten in allen Datensatz- und Dokumentfenstern. */
body.record-workspace-active #modalBackdrop .modal-footer{
  flex-wrap:nowrap!important;
  gap:6px!important;
  padding:7px 12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.record-workspace-active #modalBackdrop .modal-footer .btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:190px!important;
  min-height:34px!important;
  height:34px!important;
  max-height:34px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.record-workspace-active #modalBackdrop .modal-footer .btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.record-workspace-active #modalBackdrop .modal-footer #documentApprovalButton{min-width:0!important;max-width:155px!important}
body.record-workspace-active #modalBackdrop .modal-footer #emailDocumentButton{min-width:0!important;max-width:175px!important}
body.record-workspace-active #modalBackdrop .modal-footer #saveModalButton,
body.record-workspace-active #modalBackdrop .modal-footer #cancelModalButton{min-width:88px!important}

/* Der Dokumentversand ist ein eigenstaendiger Dialog und darf keine
   Geometrie oder Aktionen des darunterliegenden Dokument-Tabs erben. */
#modalBackdrop.document-send-overlay,
body.record-workspace-active #modalBackdrop.document-send-overlay.modal-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  padding:clamp(12px,2.2vh,24px)!important;
  display:grid!important;
  place-items:center!important;
  z-index:75!important;
  overflow:hidden!important;
  background:rgba(4,12,22,.64)!important;
  backdrop-filter:blur(7px)!important;
}
#modalBackdrop.document-send-overlay>.document-send-modal,
body.record-workspace-active #modalBackdrop.document-send-overlay>.document-send-modal{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:min(920px,calc(100vw - 24px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
}
#modalBackdrop.document-send-overlay .modal-header,
body.record-workspace-active #modalBackdrop.document-send-overlay .modal-header{
  min-height:64px!important;
  height:auto!important;
  max-height:none!important;
  padding:13px 18px!important;
  position:relative!important;
  z-index:2!important;
}
#modalBackdrop.document-send-overlay .modal-header h2,
body.record-workspace-active #modalBackdrop.document-send-overlay .modal-header h2{
  margin:3px 0 0!important;
  font-size:18px!important;
  line-height:1.2!important;
}
#modalBackdrop.document-send-overlay .modal-window-actions,
#modalBackdrop.document-send-overlay #closeModalButton{position:relative!important;z-index:3!important}
#modalBackdrop.document-send-overlay #modalForm.modal-body,
body.record-workspace-active #modalBackdrop.document-send-overlay #modalForm.modal-body{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:18px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
#modalBackdrop.document-send-overlay .document-send-dialog{width:100%!important;min-width:0!important}
#modalBackdrop.document-send-overlay :is(#cancelDocumentButton,#deleteModalButton,#exportEInvoiceButton,#emailDocumentButton,#documentApprovalButton,#minimizeDocumentButton){
  display:none!important;
}
#modalBackdrop.document-send-overlay .modal-footer,
body.record-workspace-active #modalBackdrop.document-send-overlay .modal-footer{
  min-height:60px!important;
  height:auto!important;
  max-height:none!important;
  padding:10px 16px!important;
  gap:8px!important;
  overflow:visible!important;
}
#modalBackdrop.document-send-overlay .modal-footer .btn,
body.record-workspace-active #modalBackdrop.document-send-overlay .modal-footer .btn{
  width:auto!important;
  min-width:110px!important;
  max-width:none!important;
  min-height:38px!important;
  height:38px!important;
  padding:8px 14px!important;
  font-size:11px!important;
}
@media(max-width:700px){
  #modalBackdrop.document-send-overlay,
  body.record-workspace-active #modalBackdrop.document-send-overlay.modal-backdrop{padding:8px!important}
  #modalBackdrop.document-send-overlay>.document-send-modal,
  body.record-workspace-active #modalBackdrop.document-send-overlay>.document-send-modal{width:100%!important;height:auto!important;max-height:calc(100dvh - 16px)!important;border-radius:13px!important}
  #modalBackdrop.document-send-overlay .form-grid{grid-template-columns:1fr!important}
}

@media(max-width:850px){
  .marketing-commandbar{gap:7px!important;padding:7px!important}
  .toast-host{right:10px!important;bottom:10px!important;width:min(280px,calc(100vw - 20px))!important}
  .toast{max-width:280px!important}
}

/* Die Posteingangswerkzeuge bleiben in einer flachen Kopfzeile. */
#mailModule .mail-list-head-modern{
  gap:6px!important;
  padding:8px 10px!important;
}
#mailModule .mail-list-title-row>div strong{font-size:14px!important;line-height:1.15!important}
#mailModule .mail-list-title-row>div span{font-size:9px!important;line-height:1.2!important}
#mailModule .mail-search-form input{
  height:32px!important;
  min-height:32px!important;
  padding-block:5px!important;
}
#mailModule .mail-search-form button{top:2px!important;right:2px!important;width:28px!important;height:28px!important}
#mailModule .mail-list-controls{
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-width:0!important;
}
#mailModule .mail-filter-chips{
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
}
#mailModule .mail-filter-chips button{
  min-height:26px!important;
  padding:4px 7px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
#mailModule .mail-sort-control{flex:0 1 132px!important;min-width:108px!important}
#mailModule .mail-sort-control>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
#mailModule .mail-sort-control select{
  width:100%!important;
  min-width:0!important;
  height:27px!important;
  min-height:27px!important;
  font-size:9px!important;
}
@media(max-width:560px){
  #mailModule .mail-list-controls{align-items:stretch!important;flex-direction:column!important}
  #mailModule .mail-sort-control{flex-basis:auto!important;width:100%!important}
}

/* v0.9.5 - Veneron Kampagnen- und Social-Designsystem */
.veneron-brand-lock{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;
  margin:0 0 12px;padding:9px 11px;border:1px solid rgba(199,166,90,.28);border-radius:11px;
  background:linear-gradient(135deg,rgba(199,166,90,.11),rgba(19,40,64,.26));
}
.veneron-brand-lock img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#050b12}
.veneron-brand-lock strong,.veneron-brand-lock span{display:block}.veneron-brand-lock strong{font-size:10.5px;color:var(--text)}
.veneron-brand-lock span{margin-top:2px;color:var(--muted);font-size:8.5px;line-height:1.35}
.veneron-brand-lock b{padding:4px 7px;border-radius:999px;background:rgba(199,166,90,.15);color:var(--gold-2);font-size:7px;letter-spacing:.08em}
.personal-note-fields{display:grid;gap:9px;padding:12px;border:1px solid rgba(199,166,90,.22);border-radius:12px;background:rgba(199,166,90,.045)}
.personal-note-fields .section-label{margin:0;color:var(--gold-2)}

.veneron-template-library,.social-series-library{display:grid;gap:14px;align-content:start}
.veneron-template-library>header,.social-series-library>header{
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;
  border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,var(--panel),rgba(18,40,64,.92));
}
.veneron-template-library>header h2,.social-series-library>header h2{margin:3px 0 5px;font-size:19px}
.veneron-template-library>header p,.social-series-library>header p{margin:0;max-width:720px;color:var(--muted);font-size:10.5px;line-height:1.5}
.veneron-template-library>header>span,.social-series-library>header>span{display:flex;align-items:center;gap:7px;color:var(--gold-2);font-size:9px;font-weight:800;white-space:nowrap}
.veneron-template-library>header>span img,.social-series-library>header>span img{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#050b12}
.template-gallery.veneron-templates{grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}
.template-gallery.veneron-templates>article{padding:10px;border-radius:14px;background:var(--panel);transition:transform .18s ease,border-color .18s ease}
.template-gallery.veneron-templates>article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--template-accent),transparent 55%)}
.veneron-template-card .template-preview{position:relative;display:grid;grid-template-rows:auto 105px minmax(120px,1fr) auto;gap:0;aspect-ratio:auto;min-height:330px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#071522;color:#fff}
.veneron-template-card .template-preview>header{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:10px 11px;border-bottom:2px solid var(--template-accent);background:#06101c}
.veneron-template-card .template-preview>header img{width:27px;height:27px;object-fit:contain;border-radius:50%}
.veneron-template-card .template-preview>header span strong,.veneron-template-card .template-preview>header span small{display:block}
.veneron-template-card .template-preview>header span strong{font-size:8.5px;letter-spacing:.14em}.veneron-template-card .template-preview>header span small{color:var(--template-accent);font-size:5px;letter-spacing:.2em}
.veneron-template-card .template-preview>header b{color:#8293a7;font-size:6.5px;letter-spacing:.12em;text-transform:uppercase}
.template-tech-art{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 30%,color-mix(in srgb,var(--template-accent),transparent 68%),transparent 34%),linear-gradient(140deg,#0b1a2c,#142a42)}
.template-tech-art i{position:absolute;width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--template-accent),transparent);transform:rotate(-28deg)}.template-tech-art i:nth-child(1){top:28px;left:-8px}.template-tech-art i:nth-child(2){top:58px;left:45px}.template-tech-art em{position:absolute;right:17px;bottom:-17px;color:var(--template-accent);font-size:90px;font-style:normal;font-weight:900;opacity:.2}
.veneron-template-card .template-preview>main{display:grid;align-content:start;gap:8px;padding:15px;background:#fff;color:#15263b}.veneron-template-card .template-preview>main small{color:var(--template-accent);font-size:6.5px;font-weight:900;letter-spacing:.13em}.veneron-template-card .template-preview>main strong{font-size:12px;line-height:1.25}.veneron-template-card .template-preview>main span{display:block;width:92%;height:4px;border-radius:3px;background:#dbe1e8}.veneron-template-card .template-preview>main span:last-child{width:65%}
.veneron-template-card .template-preview>footer{padding:10px!important;border:0!important;background:#f3f6f8!important}.veneron-template-card .template-preview>footer .btn{width:100%;min-height:32px!important;height:32px!important;font-size:8.5px!important}
.veneron-template-card>h3{margin:10px 2px 4px!important;font-size:13px!important}.veneron-template-card>p{min-height:30px;font-size:9.5px!important;line-height:1.45!important}

.newsletter-preview-card{border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:#e9eef3!important;box-shadow:0 16px 46px rgba(0,0,0,.28)}
.newsletter-brand-header{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px!important;border-bottom:2px solid var(--campaign-color);background:#071522!important;letter-spacing:normal!important}
.newsletter-brand{display:flex;align-items:center;gap:8px}.newsletter-brand>img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:#030910}.newsletter-brand>span strong,.newsletter-brand>span small{display:block}.newsletter-brand>span strong{font-size:11px!important;letter-spacing:.16em}.newsletter-brand>span small{margin-top:2px;color:var(--campaign-color);font-size:6px;letter-spacing:.25em}.newsletter-brand-header>em{color:#7d8ea2;font-size:6.5px;font-style:normal;letter-spacing:.12em;text-align:right}
.newsletter-tech-visual{position:relative;height:132px;overflow:hidden;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--campaign-color),transparent 70%),transparent 33%),linear-gradient(135deg,#0b1929,#18334f)}.newsletter-tech-visual i{position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--campaign-color),transparent);transform:rotate(-22deg)}.newsletter-tech-visual i:nth-child(1){top:35px;left:-7%}.newsletter-tech-visual i:nth-child(2){top:72px;left:20%}.newsletter-tech-visual i:nth-child(3){top:105px;left:48%}.newsletter-tech-visual b{position:absolute;right:30px;bottom:-29px;color:var(--campaign-color);font-size:145px;line-height:1;font-weight:950;opacity:.14}
.newsletter-hero-image{position:relative;height:190px;overflow:hidden}.newsletter-hero-image>img{width:100%;height:100%;object-fit:cover}.newsletter-hero-image>span{position:absolute;right:14px;bottom:-18px;color:#fff;font-size:96px;font-weight:900;opacity:.18}
.newsletter-preview-card>main{padding:25px 27px!important}.newsletter-kicker{display:block;margin-bottom:8px;color:var(--campaign-color);font-size:7px;font-weight:900;letter-spacing:.16em}.newsletter-preview-card h3{color:#102138;font-size:22px!important;line-height:1.2!important}.newsletter-preview-card main p{color:#405064!important;font-size:9.5px!important;line-height:1.7!important}.newsletter-preview-cta{margin-top:16px!important;padding:10px 15px!important;border-radius:8px!important;background:var(--campaign-color)!important;color:#07111f!important}
.newsletter-personal-note{display:grid;grid-template-columns:43px 1fr;gap:11px;align-items:start;margin-top:24px;padding:13px;border:1px solid #dde4eb;border-left:3px solid var(--campaign-color);border-radius:9px;background:#f6f8fa}.newsletter-personal-note>img{width:41px;height:41px;object-fit:contain;border-radius:50%;background:#06101b}.newsletter-personal-note em,.newsletter-personal-note strong,.newsletter-personal-note small{display:block}.newsletter-personal-note em{color:#435266;font-size:8.5px;line-height:1.5}.newsletter-personal-note strong{margin-top:7px;color:#14263d;font-size:8.5px}.newsletter-personal-note small{margin-top:2px;color:#7b8796;font-size:7px}.newsletter-preview-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px!important;background:#071522!important;color:#8394a8!important}.newsletter-preview-card>footer strong{color:#fff;font-size:7px;letter-spacing:.12em}.newsletter-preview-card>footer span{font-size:6.5px}
.newsletter-preview-card.mobile .newsletter-brand-header>em{display:none}.newsletter-preview-card.mobile>main{padding:20px!important}.newsletter-preview-card.mobile h3{font-size:18px!important}

.social-series-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px}.social-series-grid>article{display:grid;grid-template-columns:42% 58%;min-height:230px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:.18s transform}.social-series-grid>article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--series-accent),transparent 55%)}
.social-series-cover{position:relative;display:grid;align-content:start;gap:8px;padding:16px;overflow:hidden;background:radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--series-accent),transparent 62%),transparent 35%),linear-gradient(150deg,#071522,#15324f);color:#fff}.social-series-cover>img{width:38px;height:38px;object-fit:contain;border-radius:50%}.social-series-cover small{margin-top:13px;color:var(--series-accent);font-size:7px;font-weight:900;letter-spacing:.16em}.social-series-cover strong{font-size:17px;line-height:1.08}.social-series-cover span{color:#9eb0c3;font-size:8.5px;line-height:1.35}.social-series-cover i{position:absolute;right:-28px;bottom:-28px;width:100px;height:100px;border:1px solid var(--series-accent);border-radius:50%;opacity:.28}
.social-series-copy{display:grid;align-content:start;gap:8px;padding:16px}.social-series-copy h3{margin:0;font-size:13px}.social-series-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.social-series-copy>div{display:flex;gap:5px;flex-wrap:wrap}.social-series-copy>div span{padding:3px 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:7px}.social-series-copy .btn{align-self:end;margin-top:7px;min-height:32px!important;height:32px!important;padding:6px 9px!important;font-size:8px!important}
.preview-avatar{overflow:hidden;background:#050b12!important}.preview-avatar img{width:100%;height:100%;object-fit:contain}.preview-media{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 25%,rgba(199,166,90,.25),transparent 34%),linear-gradient(145deg,#091827,#18334e)!important}.social-series-placeholder{display:grid;align-content:center;justify-items:start;gap:10px;width:100%;height:100%;padding:28px;color:#fff;text-align:left}.social-series-placeholder small{color:#e0bd67;font-size:8px;font-weight:900;letter-spacing:.16em}.social-series-placeholder strong{max-width:260px;font-size:24px;line-height:1.08}.social-series-placeholder i{width:64px;height:3px;border-radius:2px;background:#c7a65a}.social-brand-watermark{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(4,11,18,.8);color:#fff;backdrop-filter:blur(6px)}.social-brand-watermark img{width:18px!important;height:18px!important;object-fit:contain!important}.social-brand-watermark b{font-size:7px;letter-spacing:.13em}

@media(max-width:1350px){.template-gallery.veneron-templates,.social-series-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:850px){.template-gallery.veneron-templates,.social-series-grid{grid-template-columns:1fr}.veneron-template-library>header,.social-series-library>header{align-items:flex-start;flex-direction:column}.social-series-grid>article{grid-template-columns:150px 1fr}.veneron-brand-lock{grid-template-columns:38px 1fr}.veneron-brand-lock b{display:none}}
@media(max-width:520px){.social-series-grid>article{grid-template-columns:1fr}.social-series-cover{min-height:210px}.newsletter-brand-header>em{display:none}}

/* Kompakter Dokumentstatus und klar abgeschlossene Freigabe */
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-field{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-field>span{
  color:#66758a!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:40px!important;
  height:40px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  background:#f6f8fa!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#e9edf2!important;
  color:#344255!important;
  font-size:9.5px!important;
  line-height:1!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value strong:before{
  content:"";width:6px;height:6px;border-radius:50%;background:#8a98a9
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value small{
  min-width:0!important;
  overflow:hidden!important;
  color:#718095!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Versendet"] strong,
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Freigegeben"] strong,
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Unterzeichnet"] strong{
  background:#e7f3ec!important;color:#276243!important
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Versendet"] strong:before,
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Freigegeben"] strong:before,
body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value[data-document-status="Unterzeichnet"] strong:before{background:#3b9a68!important}
body.record-workspace-active #modalBackdrop.document-workspace-overlay #documentApprovalButton.approval-complete,
body.record-workspace-active #modalBackdrop.document-workspace-overlay #documentApprovalButton.approval-complete:disabled{
  opacity:1!important;
  color:#738093!important;
  border-color:#cbd3dc!important;
  background:#e4e8ed!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}
body.record-workspace-active #modalBackdrop.document-workspace-overlay #documentApprovalButton.approval-complete svg{color:#8793a2!important}
@media(max-width:680px){
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-field{grid-template-columns:1fr!important}
  body.record-workspace-active #modalBackdrop.document-workspace-overlay .document-workflow-value small{white-space:normal!important}
}

/* Professionelle Erstellung, Kalender und Vorschau */
.professional-composer{max-height:calc(100vh - var(--workspace-tabs-height) - 185px)}.marketing-workspace.with-composer:has(.professional-composer){grid-template-columns:minmax(360px,.8fr) minmax(500px,1.2fr)}
.creation-assistant{margin:14px 18px 2px;padding:14px;border:1px solid rgba(199,166,90,.25);border-radius:12px;background:linear-gradient(135deg,rgba(199,166,90,.1),rgba(111,168,255,.05))}.creation-assistant .field-row,.creation-assistant>label{margin-top:12px}.assistant-heading{display:flex;align-items:center;gap:10px}.assistant-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(199,166,90,.18);color:var(--gold)}.assistant-heading>div{display:grid;gap:2px}.assistant-heading strong{font-size:12px}.assistant-heading small{font-size:10px;color:var(--muted);font-weight:500}.assistant-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.assistant-actions .btn{padding:8px 10px;font-size:10px}
.content-quality{display:flex;align-items:center;gap:14px;margin:14px 18px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.quality-score{--score:0;position:relative;width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--gold) calc(var(--score)*1%),rgba(255,255,255,.08) 0)}.quality-score:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel-2)}.quality-score>*{position:relative;z-index:1}.quality-score strong{font-size:14px}.quality-score span{font-size:7px;color:var(--muted);text-transform:uppercase}.content-quality>div:last-child strong{font-size:12px}.content-quality p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.preview-tabs{display:flex;gap:4px;padding:9px;border-bottom:1px solid var(--line)}.preview-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 10px;font-size:10px;font-weight:750}.preview-tabs button.active{background:rgba(199,166,90,.14);color:var(--gold-2)}.social-live-preview,.newsletter-live-preview{margin:14px 18px 0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#07111f}.social-preview-card{width:min(360px,calc(100% - 24px));margin:12px auto 18px;border-radius:12px;overflow:hidden;background:#fff;color:#172033}.social-preview-card>header{display:flex;gap:9px;align-items:center;padding:11px}.preview-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#c7a65a;color:#101722;font-size:10px;font-weight:900}.social-preview-card header div{display:grid}.social-preview-card header strong{font-size:11px}.social-preview-card header small{font-size:8px;color:#6f7886}.preview-media{aspect-ratio:1;background:linear-gradient(135deg,#e7ebf0,#cbd3dd);display:grid;place-items:center;color:#718096;font-size:11px}.preview-media img{width:100%;height:100%;object-fit:cover}.social-preview-card.facebook .preview-media{aspect-ratio:1.5}.social-preview-card>p{white-space:pre-wrap;font-size:10px;line-height:1.45;padding:11px;margin:0}
.content-calendar{padding:14px}.content-calendar>header{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:12px}.content-calendar>header strong{font-size:12px}.content-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;overflow:auto}.calendar-day{min-height:260px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.calendar-day.today{border-color:rgba(199,166,90,.45)}.calendar-day>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.calendar-day>div span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.calendar-day>div strong{font-size:18px}.calendar-day>p{font-size:9px;color:var(--muted);text-align:center;margin-top:38px}.calendar-day>button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:5px;text-align:left;border:1px solid rgba(199,166,90,.2);border-radius:8px;background:rgba(199,166,90,.08);color:var(--text);padding:7px;margin-bottom:6px}.calendar-day>button>span:nth-child(2){font-size:9px;overflow:hidden;text-overflow:ellipsis}.calendar-day>button small{grid-column:2;font-size:8px;color:var(--muted)}.calendar-day .platform-badge{width:17px;height:17px;font-size:7px}
.idea-studio>header{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:14px}.idea-studio h2{margin:6px 0}.idea-studio header p:last-child{color:var(--muted);font-size:11px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.idea-grid article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.idea-grid article>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(199,166,90,.13);color:var(--gold)}.idea-grid h3{font-size:14px;margin:14px 0 6px}.idea-grid p{min-height:48px;font-size:10.5px;line-height:1.55;color:var(--muted)}.idea-grid .btn{font-size:10px}.analytics-page{display:grid;gap:14px}
.newsletter-preview-card{width:min(620px,calc(100% - 24px));margin:12px auto 18px;border-radius:10px;background:#eef1f5;color:#172033;overflow:hidden;transition:.2s width}.newsletter-preview-card.mobile{width:min(340px,calc(100% - 24px))}.newsletter-preheader{padding:7px 18px;text-align:center;color:#777;font-size:8px}.newsletter-preview-card>header{padding:17px 22px;background:#101b2d;color:#fff;letter-spacing:.08em;font-size:11px}.newsletter-preview-card>img{display:block;width:100%;max-height:210px;object-fit:cover}.newsletter-preview-card>main{padding:24px;background:#fff}.newsletter-preview-card h3{font-size:20px;margin:0 0 12px}.newsletter-preview-card main p{font-size:10px;line-height:1.65;color:#455163}.newsletter-preview-card main span{display:inline-block;margin-top:12px;padding:9px 14px;border-radius:7px;background:var(--campaign-color);font-size:9px;font-weight:800}.newsletter-preview-card>footer{padding:14px 22px!important;margin:0!important;border:0!important;background:#f7f8fa!important;color:#7a8290;font-size:8px}
@media(max-width:1450px){.marketing-workspace.with-composer:has(.professional-composer){grid-template-columns:minmax(310px,.7fr) minmax(430px,1.3fr)}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.marketing-workspace.with-composer:has(.professional-composer){grid-template-columns:1fr}.idea-grid{grid-template-columns:1fr}.content-calendar-grid{grid-template-columns:repeat(7,135px)}}

/* Einstellungen: ruhige Navigation links statt einer ueberbreiten Tab-Leiste */
.settings-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.settings-sidebar{position:sticky;top:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 12px 34px rgba(0,0,0,.08)}
.settings-sidebar-head{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(199,166,90,.12),transparent)}
.settings-sidebar-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(199,166,90,.17);color:var(--gold)}
.settings-sidebar-head>span svg{width:17px;height:17px}.settings-sidebar-head>div{display:grid;gap:2px}.settings-sidebar-head strong{font-size:12.5px}.settings-sidebar-head small{font-size:9px;color:var(--muted)}
.settings-page .settings-tabs{display:grid!important;gap:0!important;overflow:visible!important;margin:0!important;padding:9px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.settings-nav-group{display:grid;gap:3px;padding:7px 0}.settings-nav-group+.settings-nav-group{border-top:1px solid var(--line)}
.settings-nav-group>span{padding:5px 10px 4px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.settings-page .settings-tab{display:grid!important;grid-template-columns:29px minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:7px 9px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--muted)!important;text-align:left!important;box-shadow:none!important}
.settings-page .settings-tab:hover{border-color:var(--line)!important;background:var(--panel-2)!important;color:var(--text)!important}
.settings-page .settings-tab.active{border-color:rgba(199,166,90,.28)!important;background:linear-gradient(90deg,rgba(199,166,90,.18),rgba(199,166,90,.06))!important;color:var(--text)!important}
.settings-tab-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--panel-2);color:var(--muted)}.settings-tab-icon svg{width:14px;height:14px}.settings-tab.active .settings-tab-icon{background:rgba(199,166,90,.19);color:var(--gold)}
.settings-tab-copy{display:grid;min-width:0;gap:2px}.settings-tab-copy strong{overflow:hidden;font-size:10.5px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.settings-tab-copy small{overflow:hidden;color:var(--muted);font-size:8px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.settings-tab-chevron{display:grid;place-items:center;color:var(--muted);opacity:.4}.settings-tab-chevron svg{width:12px;height:12px}.settings-tab.active .settings-tab-chevron{color:var(--gold);opacity:1}
.settings-content{min-width:0}.settings-content>.panel,.settings-content>.settings-form,.settings-page .settings-form,.settings-page .company-settings-form{width:100%!important;max-width:none!important;margin:0!important}

/* Newsletter: Versandpostfach und Versandweg klar sichtbar */
.newsletter-delivery-page{display:grid;gap:14px}.newsletter-mailbox-card,.newsletter-delivery-panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 12px 34px rgba(0,0,0,.07)}
.newsletter-mailbox-card{overflow:hidden}.newsletter-mailbox-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(199,166,90,.1),rgba(63,119,180,.04))}.newsletter-mailbox-card h2{margin:4px 0 0;font-size:18px}
.newsletter-mailbox-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(221,165,62,.3);border-radius:999px;background:rgba(221,165,62,.1);color:#d9a33f;font-size:9px;font-weight:800}.newsletter-mailbox-status i{width:7px;height:7px;border-radius:50%;background:#e0aa42;box-shadow:0 0 0 4px rgba(224,170,66,.12)}.newsletter-mailbox-card.connected .newsletter-mailbox-status{border-color:rgba(64,166,113,.28);background:rgba(64,166,113,.1);color:#53b881}.newsletter-mailbox-card.connected .newsletter-mailbox-status i{background:#48ad78;box-shadow:0 0 0 4px rgba(72,173,120,.12)}
.newsletter-mailbox-main{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:15px;padding:22px 20px}.newsletter-mailbox-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:rgba(199,166,90,.15);color:var(--gold)}.newsletter-mailbox-icon svg{width:23px;height:23px}.newsletter-mailbox-main>div{display:grid;gap:4px}.newsletter-mailbox-main small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.09em}.newsletter-mailbox-main h3{margin:0;font-size:14px}.newsletter-mailbox-main p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.newsletter-mailbox-main .btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.newsletter-mailbox-main .btn svg{width:14px;height:14px}
.newsletter-delivery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.newsletter-delivery-panel{padding:20px}.newsletter-delivery-panel h3{margin:5px 0 16px;font-size:14px}.newsletter-delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.newsletter-delivery-steps>div{display:flex;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}.newsletter-delivery-steps>div>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:rgba(199,166,90,.17);color:var(--gold);font-size:9px;font-weight:900}.newsletter-delivery-steps div div{display:grid;gap:4px}.newsletter-delivery-steps strong{font-size:10px}.newsletter-delivery-steps small{color:var(--muted);font-size:8.5px;line-height:1.4}.newsletter-rule-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.newsletter-rule-list li{display:flex;align-items:center;gap:8px;color:var(--text);font-size:9.5px}.newsletter-rule-list svg{width:15px;height:15px;color:var(--gold)}.newsletter-delivery-note{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5}
html[data-theme="light"] .settings-sidebar,html[data-theme="light"] .newsletter-mailbox-card,html[data-theme="light"] .newsletter-delivery-panel{box-shadow:0 10px 28px rgba(30,43,60,.07)}
@media(max-width:1120px){.settings-layout{grid-template-columns:205px minmax(0,1fr)}.settings-tab-copy small{display:none}.newsletter-delivery-grid{grid-template-columns:1fr}.newsletter-delivery-steps{grid-template-columns:1fr}}
@media(max-width:720px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-page .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.settings-nav-group{display:contents}.settings-nav-group>span{display:none}.settings-tab-copy small{display:none}.newsletter-mailbox-main{grid-template-columns:43px 1fr}.newsletter-mailbox-icon{width:43px;height:43px}.newsletter-mailbox-main .btn{grid-column:1/-1;justify-content:center;width:100%}.newsletter-mailbox-card>header{align-items:flex-start;flex-direction:column}}

/* Zahlungsbedingungen: einzelne Mahnstufen als Registerkarten */
.payment-settings-form{overflow:hidden;padding:0!important}.payment-settings-form>.panel-header{padding:20px 22px 16px;margin:0!important}
.payment-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 22px 16px;border-bottom:1px solid var(--line)}
.payment-category-tab{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--muted);text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}
.payment-category-tab:hover{border-color:rgba(199,166,90,.32);color:var(--text)}.payment-category-tab.active{border-color:rgba(199,166,90,.42);background:linear-gradient(135deg,rgba(199,166,90,.18),rgba(199,166,90,.06));color:var(--text);box-shadow:inset 0 -2px 0 var(--gold)}
.payment-category-tab>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(199,166,90,.11);color:var(--gold)}.payment-category-tab>span svg{width:16px;height:16px}.payment-category-tab>div{display:grid;min-width:0;gap:3px}.payment-category-tab strong{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.payment-category-tab small{overflow:hidden;color:var(--muted);font-size:8px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.payment-category-panel{display:none;padding:22px}.payment-category-panel.active{display:block}.payment-category-panel>header{margin-bottom:18px}.payment-category-panel>header h3{margin:5px 0 4px;font-size:15px}.payment-category-panel>header>p:last-child{margin:0;color:var(--muted);font-size:10px}.payment-category-panel .form-grid{align-items:start}.payment-category-panel textarea{min-height:150px}
.payment-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-top:1px solid var(--line);background:var(--panel-2)}.payment-settings-footer>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.payment-settings-footer>span svg{width:14px;height:14px;color:var(--gold)}
@media(max-width:1080px){.payment-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.payment-category-tabs{grid-template-columns:1fr}.payment-category-tab small{display:none}.payment-settings-footer{align-items:stretch;flex-direction:column}.payment-settings-footer .btn{width:100%}}

/* Social Media: Erstellung als eigene Arbeitsansicht ohne Kalender */
.social-composer-workspace{display:grid;justify-items:center;min-width:0}.social-composer-workspace>.marketing-composer{width:min(100%,1080px);max-height:calc(100vh - var(--workspace-tabs-height) - 160px);box-shadow:0 16px 42px rgba(0,0,0,.09)}
.social-composer-workspace>.professional-composer form{grid-template-columns:1fr}.social-composer-workspace>.professional-composer form>*{min-width:0;grid-column:1}.social-composer-workspace>.professional-composer .social-live-preview{width:min(100% - 36px,720px);justify-self:center}
@media(max-width:850px){.social-composer-workspace>.marketing-composer{max-height:none}}

/* Newsletter: Erstellung als eigene Arbeitsansicht ohne Kampagnenliste */
.newsletter-composer-workspace{display:grid;justify-items:center;min-width:0}.newsletter-composer-workspace>.marketing-composer{width:min(100%,1080px);max-height:calc(100vh - var(--workspace-tabs-height) - 160px);box-shadow:0 16px 42px rgba(0,0,0,.09)}
.newsletter-composer-workspace>.professional-composer form{grid-template-columns:1fr}.newsletter-composer-workspace>.professional-composer form>*{min-width:0;grid-column:1}.newsletter-composer-workspace>.professional-composer .newsletter-live-preview{width:min(100% - 36px,760px);justify-self:center}
@media(max-width:850px){.newsletter-composer-workspace>.marketing-composer{max-height:none}}