[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eee;color:#171717}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 14px;font-weight:700}input,select,textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:8px;background:#fff2cc;margin-top:4px}textarea{min-height:70px}.primary{background:#171717;color:#fff}.danger{background:#f4cccc;color:#900}.auth{min-height:100vh;display:grid;place-items:center;background:#222}.authbox{width:min(420px,92%);background:#fff;padding:25px;border-radius:18px}.authbox label{display:block;margin:12px 0}.authbox button{width:100%;margin-top:10px}.authbox h1{text-align:center}.authbox p{text-align:center}header{background:#171717;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}header small{display:block}nav{display:flex;gap:7px;overflow:auto;padding:10px;position:sticky;top:0;background:#eee;z-index:10}nav button{white-space:nowrap;background:#fff}nav button.active{background:#171717;color:#fff}main{max-width:1250px;margin:auto;padding:0 10px}.page{display:none}.page.active{display:block}.panel,.cards>div{background:#fff;border-radius:14px;padding:14px;margin-bottom:13px;box-shadow:0 2px 9px #0001}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards span{display:block;color:#666;font-size:12px}.cards b{font-size:25px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.space{margin-top:18px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.scroll,.preview{overflow:auto}.edit{width:100%;min-width:900px;border-collapse:collapse}.edit th,.edit td{border:1px solid #ddd;padding:5px}.edit th,.docitems th{background:#292929;color:#fff}.edit input,.edit select{margin:0;background:#fff;padding:7px}.item{border:1px solid #ddd;border-radius:9px;padding:11px;margin:8px 0}.item.overdue{background:#fce5cd}.item small{display:block;color:#555;margin:4px 0}.item .buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.logo{max-width:240px;max-height:100px;margin:10px 0}.a4{width:210mm;min-height:297mm;background:#fff;margin:auto;padding:15mm 16mm;position:relative}.dochead{background:#171717;color:#fff;text-align:center;margin:-15mm -16mm 10mm;padding:8mm}.dochead img{max-height:18mm;max-width:80mm}.dochead h1{margin:0}.doctop{display:grid;grid-template-columns:1fr 70mm;gap:10mm}.doctop table,.docitems,.sum{border-collapse:collapse;width:100%;font-size:10px}.doctop th,.doctop td,.docitems th,.docitems td,.sum th,.sum td{border:1px solid #ddd;padding:6px}.customer{border:1px solid #ddd;min-height:25mm;padding:8px;white-space:pre-line}.sum{width:85mm;margin:6mm 0 0 auto}.sum th{text-align:right;background:#f4f4f4}.sum .total td{background:#d9ead3;font-weight:bold;font-size:14px}.notes{margin-top:7mm;background:#f4f4f4;padding:8px;font-size:9px}.a4 footer{position:absolute;bottom:8mm;left:16mm;right:16mm;text-align:center;border-top:1px solid #999;padding-top:3mm;font-size:8px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.twocol,.grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:500px){.cards{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}}@media print{@page{size:A4 portrait;margin:0}body{background:#fff}header,nav,.panel:not(.printpanel),.actions{display:none!important}.page{display:none!important}.page.printing{display:block!important}main{padding:0}.a4{width:210mm;height:297mm;min-height:297mm;margin:0;overflow:hidden}}
.bankbox{margin-top:7mm;border:1px solid #d8d8d8;background:#fafafa;padding:8px;font-size:9px;line-height:1.5}
.bankbox strong{display:block;margin-bottom:3px}

.accepted{background:#d9ead3!important;border-color:#6aa84f!important}
.small{font-size:12px;color:#666}

.toast{
  position:fixed;right:18px;bottom:18px;z-index:9999;
  max-width:min(420px,calc(100vw - 36px));padding:13px 16px;
  border-radius:10px;background:#171717;color:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.28);font-weight:700
}
.toast.error{background:#990000}
.toast.success{background:#38761d}
button:disabled{opacity:.55;cursor:not-allowed}

/* V4.1.4: kompakte einseitige Mahnschreiben und bessere mobile Bedienung */
.a4.reminder-doc{padding-bottom:22mm}
.a4.reminder-doc .dochead{margin-bottom:6mm;padding-top:5mm;padding-bottom:5mm}
.a4.reminder-doc .doctop{gap:6mm}
.a4.reminder-doc h3{margin:5mm 0 3mm}
.a4.reminder-doc .customer{min-height:16mm;padding:6px}
.a4.reminder-doc .docitems th,.a4.reminder-doc .docitems td{padding:4px}
.a4.reminder-doc .sum{margin-top:3mm}
.a4.reminder-doc .sum th,.a4.reminder-doc .sum td{padding:4px}
.a4.reminder-doc .notes{margin-top:4mm;padding:6px;font-size:8px;line-height:1.25}
.a4.reminder-doc .bankbox{margin-top:4mm;padding:6px;font-size:8px}
.a4.reminder-doc footer{bottom:6mm}
@media(max-width:800px){
  header{position:sticky;top:0;z-index:20;padding:9px 10px}
  header small{font-size:11px}
  main{padding:0 6px}
  .panel{padding:10px;border-radius:11px}
  nav{top:58px;padding:7px 6px}
  nav button,.actions button,.item .buttons button{min-height:44px}
  input,select,textarea{min-height:44px;font-size:16px}
  .preview{max-width:100%;-webkit-overflow-scrolling:touch}
  .a4{transform-origin:top left}
  .item .buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .item .buttons button{width:100%}
}
@media(max-width:500px){
  header b{font-size:14px}
  nav{top:54px}
  .actions{display:grid;grid-template-columns:1fr 1fr}
  .actions button{width:100%}
  .item .buttons{grid-template-columns:1fr}
}
@media print{
  .a4.reminder-doc{height:297mm!important;min-height:297mm!important;overflow:hidden!important;break-after:avoid-page!important;page-break-after:avoid!important}
  .a4.reminder-doc footer{position:absolute!important;bottom:6mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
}

/* V4.2 Mobile Edition: echte PDF-Dateien, Android-Teilen und GiroCode */
.bankgrid{display:grid;grid-template-columns:minmax(0,1fr) 40mm;gap:8mm;align-items:center;min-height:36mm}
.girocode{text-align:center;width:40mm;justify-self:center;align-self:center}
.girocode img{display:block;width:32mm;height:32mm;margin:0 auto 1mm;object-fit:contain}
.girocode small{font-size:7px;color:#555}
.check{display:flex;align-items:center;gap:9px;padding:10px 0}
.check input{width:22px;height:22px;margin:0;flex:0 0 auto}
.pdf-render-host{position:fixed;left:-10000px;top:0;width:210mm;background:#fff;z-index:-1;pointer-events:none}
.pdf-render-host .a4{width:210mm!important;min-height:296mm!important;height:296mm!important;max-height:296mm!important;margin:0!important;box-shadow:none!important;overflow:hidden!important;break-after:avoid-page!important;page-break-after:avoid!important}
@media(max-width:800px){
  .bankgrid{grid-template-columns:minmax(0,1fr) 36mm;gap:4mm}
  .girocode{width:36mm}
  .girocode img{width:30mm;height:30mm}
  .actions button{min-height:48px}
}


/* V4.2.2: zweistufiges Android-Teilen, damit die Nutzerfreigabe erhalten bleibt */
.share-dialog{border:0;border-radius:16px;padding:0;max-width:min(520px,calc(100vw - 24px));box-shadow:0 20px 60px rgba(0,0,0,.35)}
.share-dialog::backdrop{background:rgba(0,0,0,.55)}
.share-dialog-card{padding:22px;background:#fff;color:#111}
.share-dialog-card h2{margin:0 0 10px}
.share-dialog-card p{margin:0 0 18px;line-height:1.45}
.share-dialog-actions{display:grid;grid-template-columns:1fr;gap:10px}
.share-dialog-actions button{min-height:48px;font-size:16px}
@media(min-width:560px){.share-dialog-actions{grid-template-columns:1fr 1fr}.share-dialog-actions button:last-child{grid-column:1/-1}}

/* V4.3.1: Einseitige PDF-Ausgabe ohne leere Folgeseite */
.pdf-render-host{height:296mm!important;max-height:296mm!important;overflow:hidden!important}
.pdf-render-host footer,.pdf-render-host .bankgrid{break-inside:avoid!important;page-break-inside:avoid!important}

/* V5.0 Professional: Auftragsverwaltung und Benachrichtigungen */
.header-actions{display:flex;align-items:center;gap:10px}.bell{position:relative}.bell span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#ddd;color:#111;font-size:12px}.bell.has-news span{background:#c00;color:#fff}
.notification-panel{position:fixed;right:14px;top:78px;width:min(420px,calc(100vw - 28px));max-height:75vh;overflow:auto;background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 40px #0005;z-index:100}.notification-item{padding:12px;border:1px solid #ddd;border-radius:10px;margin:8px 0;cursor:pointer}.notification-item small{display:block;margin-top:5px}.notification-item.unread{border-left:6px solid #c00;background:#fff7f7}.dashboard-cards .highlight{background:#fff2cc}.dashboard-cards .success-card{background:#d9ead3}.compact-actions{margin-bottom:14px}.compact-actions button{min-width:100px}.order-filter{display:flex;flex-wrap:wrap}.item.accepted{background:#fff8e1!important}
@media(max-width:800px){.notification-panel{top:70px}.header-actions{gap:6px}.header-actions button{padding:9px}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V5.2.0 Dokumente: Risikoaufklärung Hochdruckreinigung */
.risk-dialog{border:0;border-radius:16px;padding:0;width:min(850px,calc(100vw - 20px));max-height:92vh}.risk-dialog::backdrop{background:#0009}.risk-dialog-card{padding:18px;overflow:auto;max-height:92vh}.template-textarea{min-height:260px;line-height:1.45}.legal-hint{background:#fff2cc;padding:10px;border-radius:8px}.risk-doc .dochead{margin-bottom:7mm}.risk-doc .dochead small{font-size:13px}.risk-meta{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-bottom:5mm}.risk-meta div{border:1px solid #ddd;padding:7px}.risk-meta strong,.risk-meta span{display:block}.risk-box{border:1px solid #ddd;padding:8px;white-space:pre-line;font-size:10px;line-height:1.4}.risk-text{white-space:pre-line;font-size:10px;line-height:1.45}.risk-doc h3{margin:5mm 0 2mm}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12mm;margin-top:12mm;font-size:9px}.signature-line{border-bottom:1px solid #222;height:16mm}.signature-grid small{display:block;margin-top:2mm}.legal-note{margin-top:8mm;background:#f4f4f4;padding:7px;font-size:8px;line-height:1.35}.item .buttons button:first-child{background:#fff2cc}
@media(max-width:800px){.risk-dialog-card .grid{grid-template-columns:1fr}.risk-dialog-card .actions{grid-template-columns:1fr}.risk-dialog-card .actions button{width:100%}}

.acceptance-dialog{border:0;border-radius:16px;padding:0;width:min(1120px,calc(100vw - 18px));max-height:96vh}.acceptance-dialog::backdrop{background:#000a}.acceptance-dialog-card{padding:16px;max-height:96vh;overflow:auto;background:#eee}.acceptance-preview{overflow:auto;background:#bbb;padding:12px;border-radius:10px}.acceptance-preview .a4{margin:auto;transform-origin:top center}.acceptance-doc .dochead{margin-bottom:6mm}.acceptance-doc .dochead small{font-size:13px}.acceptance-meta{display:grid;grid-template-columns:1fr 1fr;gap:7mm;margin-bottom:5mm}.acceptance-meta>div{border:1px solid #ddd;padding:7px}.acceptance-meta strong,.acceptance-meta span{display:block}.acceptance-person,.acceptance-checks{width:100%;border-collapse:collapse;font-size:9px}.acceptance-person th,.acceptance-person td,.acceptance-checks th,.acceptance-checks td{border:1px solid #ddd;padding:6px}.acceptance-person th,.acceptance-checks th{background:#f1f1f1;text-align:left}.acceptance-checks td{width:18%;font-weight:bold;text-align:center}.acceptance-items{font-size:8px}.acceptance-total{margin-top:3mm}.acceptance-risk{font-size:8.5px;line-height:1.35;border:1px solid #ddd;padding:7px;max-height:57mm;overflow:hidden}.acceptance-signature{border:1px solid #ddd;min-height:30mm;padding:7px;display:flex;align-items:center;justify-content:center;flex-direction:column}.acceptance-signature img{max-width:85mm;max-height:27mm;object-fit:contain}.acceptance-tech{font-size:6.5px;color:#666;overflow-wrap:anywhere}.acceptance-doc h3{margin:4mm 0 2mm}.acceptance-doc footer{margin-top:4mm}.item .buttons button:nth-child(2){background:#e8f2ff}
@media(max-width:700px){.acceptance-dialog-card{padding:8px}.acceptance-preview{padding:4px}.acceptance-preview .a4{transform:scale(.43);margin-bottom:-168mm}.acceptance-dialog .actions{position:sticky;bottom:0;background:#eee;padding:8px 0}}

.workflow-dialog{border:0;padding:0;background:transparent;max-width:min(980px,96vw);width:100%}.workflow-dialog::backdrop{background:#0008}.workflow-card{background:#fff;border-radius:18px;padding:20px;max-height:92vh;overflow:auto}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px}.photo-card{border:1px solid #ddd;border-radius:12px;padding:9px;background:#fafafa}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.photo-card small{display:block;margin:6px 0}.signature-canvas{width:100%;height:180px;border:2px dashed #aaa;border-radius:10px;touch-action:none;background:#fff}.completion-doc .acceptance-signature img{max-height:100px}.appointment-day{margin:12px 0}.appointment-day>h3{background:#eee;padding:10px;border-radius:10px}.appointment-order-tag{font-weight:700}.workflow-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e7f2ff;font-size:.82rem;margin-left:5px}@media(max-width:700px){.photo-gallery{grid-template-columns:1fr 1fr}.workflow-card{padding:14px}.signature-canvas{height:150px}}

.tax-card{background:#e8eefb!important}.tax-card small{display:block;margin-top:4px;color:#555;font-size:.78rem}.setting-value{display:block;font-size:1.35rem;margin-top:10px}.reserve-table td,.reserve-table th{white-space:nowrap}.reserve-table td:nth-child(4),.reserve-table td:nth-child(5),.reserve-table td:nth-child(6){text-align:right}@media(max-width:700px){.reserve-table{min-width:760px}}

/* V5.6.2: Benachrichtigungen dauerhaft löschen */
.notification-item{display:flex;align-items:flex-start;gap:10px;cursor:default}.notification-content{flex:1;min-width:0;cursor:pointer}.notification-delete{flex:0 0 auto;padding:7px 9px;min-height:36px;background:#f7dddd;color:#8b0000}.notification-delete:hover{background:#efc3c3}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.notification-actions .danger{background:#a40000;color:#fff}.notification-actions .danger:hover{background:#7f0000}@media(max-width:520px){.notification-actions{grid-template-columns:1fr}}

/* V5.6.3: Einheit lfm (laufender Meter) */

/* V5.6.5 – Leistungsreihenfolge */
.service-order-buttons{display:flex;gap:.35rem;align-items:center;justify-content:center;white-space:nowrap}
.service-order-buttons button{min-width:2.5rem;padding:.55rem .7rem}
.service-order-buttons button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:700px){.service-order-buttons{flex-wrap:wrap}.service-order-buttons button{min-width:2.8rem}}

/* V6.2 Betriebs-Cockpit */
.theme-toggle{font-size:1.15rem;min-width:44px}.profit-card{background:#dff4e7!important}.year-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.year-overview{display:grid;gap:7px}.year-row{display:grid;grid-template-columns:38px 1fr 92px;gap:8px;align-items:center}.year-row>div{height:10px;background:#e4e7eb;border-radius:99px;overflow:hidden}.year-row i{display:block;height:100%;background:#2f6db2;border-radius:99px}.year-row b{text-align:right}.year-total{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:9px;margin-top:3px}.review-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-buttons button{min-height:50px}.work-report-doc h3{margin:6mm 0 2mm}
.photo-card img{cursor:zoom-in}.photo-card img:active{transform:scale(.99)}
:root[data-theme="dark"]{color-scheme:dark;--dark-bg:#11151b;--dark-panel:#1b222c;--dark-input:#252e3a;--dark-border:#384656;--dark-text:#eef3f8} :root[data-theme="dark"] body{background:var(--dark-bg);color:var(--dark-text)}:root[data-theme="dark"] header,:root[data-theme="dark"] nav,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .workflow-card,:root[data-theme="dark"] .notification-panel,:root[data-theme="dark"] .share-dialog-card,:root[data-theme="dark"] .risk-dialog-card{background:var(--dark-panel);color:var(--dark-text)}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:var(--dark-input);color:var(--dark-text);border-color:var(--dark-border)}:root[data-theme="dark"] .item,:root[data-theme="dark"] .photo-card,:root[data-theme="dark"] .notification-item{background:#202833;color:var(--dark-text);border-color:var(--dark-border)}:root[data-theme="dark"] .cards>div{background:#222b36;color:var(--dark-text)}:root[data-theme="dark"] .dashboard-cards .highlight{background:#554619}:root[data-theme="dark"] .dashboard-cards .success-card,:root[data-theme="dark"] .profit-card{background:#1e4930!important}:root[data-theme="dark"] .tax-card{background:#243751!important}:root[data-theme="dark"] .small,:root[data-theme="dark"] small{color:#b9c3cd}:root[data-theme="dark"] .a4,:root[data-theme="dark"] .preview .a4{background:white;color:#111}:root[data-theme="dark"] .notification-item.unread{background:#452326}:root[data-theme="dark"] .acceptance-dialog-card{background:#161b22}:root[data-theme="dark"] .acceptance-preview{background:#30363d}
@media(max-width:600px){.review-buttons{grid-template-columns:1fr}.year-row{grid-template-columns:34px 1fr 82px}.dashboard-cards{grid-template-columns:1fr 1fr}}

/* V6.2.1 – Dark-Mode Navigation: lesbare Beschriftungen */
:root[data-theme="dark"] nav button{
  background:#f7f7f7;
  color:#171717;
  border:1px solid #d7d7d7;
}
:root[data-theme="dark"] nav button:hover{
  background:#e8edf3;
  color:#111;
}
:root[data-theme="dark"] nav button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

/* V6.3 Betrieb & Datensicherung */
.file-button{display:inline-flex;align-items:center;padding:.8rem 1rem;border-radius:.7rem;background:var(--button-bg,#eee);font-weight:700;cursor:pointer}.receipt-gallery{display:grid;gap:.75rem;margin-top:1rem}.receipt-card{display:grid;grid-template-columns:80px 1fr auto;gap:.8rem;align-items:center;padding:.75rem;border:1px solid var(--line,#ddd);border-radius:.8rem}.receipt-card img{width:80px;height:70px;object-fit:cover;border-radius:.5rem;cursor:pointer}.receipt-card small,.history-row span,.file-summary span{display:block}.wide-card{max-width:1050px}.history-summary,.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.history-summary>div,.document-grid>div{padding:1rem;border:1px solid var(--line,#ddd);border-radius:.8rem;background:var(--panel-soft,rgba(127,127,127,.08))}.history-summary span,.document-grid span{display:block;color:var(--muted,#666);margin-bottom:.25rem}.history-summary b{font-size:1.35rem}.history-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem;border-bottom:1px solid var(--line,#ddd)}.file-summary{padding:1rem;border-radius:.8rem;background:var(--panel-soft,rgba(127,127,127,.08));margin-bottom:1rem}.mini-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.mini-gallery img{width:100%;height:110px;object-fit:cover;border-radius:.6rem;cursor:pointer}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:16px}
.media-card{border:1px solid var(--line,#ddd);border-radius:12px;overflow:hidden;background:var(--panel-soft,#fafafa);display:flex;flex-direction:column}
.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:pointer}
.media-card .media-card-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.media-card input{font-size:.82rem;padding:6px 8px}
.media-card .media-card-actions{display:flex;justify-content:space-between;align-items:center;gap:6px}
.media-card small{color:var(--muted,#666)}
.media-card button{font-size:.8rem;padding:6px 9px}
.media-empty{padding:22px;text-align:center;color:var(--muted,#666);border:1px dashed var(--line,#ccc);border-radius:12px;margin-top:14px}
.media-pick-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.media-pick-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.svc-row-head,.ba-row-head{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
:root[data-theme="dark"] .file-button{background:#1a1d22;color:#f4f4f4;border:1px solid #353a42}
:root[data-theme="dark"] .media-empty{border-color:#353a42;color:#b9c3cd}
:root[data-theme="dark"] .media-card small{color:#b9c3cd}@media(max-width:650px){.receipt-card{grid-template-columns:64px 1fr}.receipt-card img{width:64px;height:60px}.receipt-card button{grid-column:1/-1}.history-row{display:block}.wide-card{width:96vw}}

/* V6.3.2 – WF.Service Design & Logo */
.auth{background:#050505;color:#fff;padding:24px}
.authbox{width:min(430px,94vw);background:#090909;color:#fff;padding:34px 26px 28px;border:1px solid #3b3b3b;border-radius:18px;box-shadow:0 24px 70px #000a}
.login-logo{display:block;width:min(330px,90%);height:auto;margin:0 auto 16px}
.authbox p{color:#e7e7e7;line-height:1.35;margin:0 auto 22px;max-width:330px}
.authbox label{color:#fff;margin:13px 0}
.authbox input{background:linear-gradient(135deg,#272727,#151515);color:#fff;border:1px solid #484848;box-shadow:inset 0 1px 0 #ffffff10}
.authbox input:focus{outline:2px solid #fff;outline-offset:1px}
.authbox .primary{background:#fff;color:#111;border:1px solid #fff}
.authbox #resetPassword{background:#242424;color:#fff;border:1px solid #303030}
.authbox button:hover{filter:brightness(.92)}

header{background:#050505;border-bottom:1px solid #2f2f2f;min-height:66px}
header .brand{display:flex;align-items:center;gap:14px}
header .brand img{width:150px;max-height:42px;object-fit:contain}
header .brand small{color:#bbb;max-width:280px}
header button{background:#202020;color:#fff;border:1px solid #333}

:root[data-theme="dark"] body{background:#070707;color:#f4f4f4}
:root[data-theme="dark"] nav{background:#090909;border-bottom:1px solid #282828}
:root[data-theme="dark"] nav button{background:#151515;color:#f4f4f4;border:1px solid #2b2b2b}
:root[data-theme="dark"] nav button.active{background:#f5f5f5;color:#111}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .cards>div{background:#111;border:1px solid #292929;box-shadow:0 8px 30px #0005}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#1b1b1b;color:#fff;border-color:#3b3b3b}
:root[data-theme="dark"] .item{border-color:#343434;background:#131313}

/* Professional clean document header with real logo */
.dochead{background:#fff;color:#111;text-align:left;margin:0 0 8mm;padding:0 0 5mm;border-bottom:1.5px solid #222;display:flex;align-items:flex-end;justify-content:space-between;gap:12mm}
.dochead img{display:block!important;max-height:24mm;max-width:92mm;object-fit:contain}
.dochead strong{font-size:20px;letter-spacing:.04em;text-transform:uppercase}
.docitems th{background:#111;color:#fff}
.sum .total td,.sum .total th{background:#ececec;color:#111}
.a4{color:#111}
@media(max-width:600px){header .brand small{display:none}header .brand img{width:125px}.authbox{padding:28px 20px}.dochead img{max-width:75mm}}


/* V6.3.3 – großes, festes WF.Service-Dokumentlogo */
.dochead{min-height:36mm;align-items:center;padding-bottom:6mm;margin-bottom:8mm}
.dochead img#offerLogo,.dochead img#invoiceLogo{width:108mm;max-width:108mm;max-height:32mm;height:auto;object-fit:contain;object-position:left center;flex:0 0 auto}
.dochead strong{margin-left:auto;font-size:22px;letter-spacing:.08em;white-space:nowrap}
@media(max-width:800px){.dochead img#offerLogo,.dochead img#invoiceLogo{width:96mm;max-width:96mm}.dochead strong{font-size:19px}}

/* =====================================================================
   V6.3.4 CORPORATE DESIGN ENTERPRISE — Phasen 1 bis 5
   Login, Navigation, Dashboard, Dokumente und mobile Bedienung
   ===================================================================== */
:root{
  --wf-black:#050505;--wf-ink:#111214;--wf-charcoal:#191b1f;--wf-panel:#ffffff;
  --wf-soft:#f4f5f7;--wf-line:#e1e4e8;--wf-muted:#68707b;--wf-radius:16px;
  --wf-shadow:0 12px 34px rgba(20,24,32,.08);--wf-green:#18794e;--wf-red:#b42318;
}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f2f3f5;line-height:1.45}
button{transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}
button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}
input,select,textarea{background:#fff;border:1px solid #d7dbe0;border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:#20242a;box-shadow:0 0 0 3px rgba(17,18,20,.1)}

/* Phase 1: Premium Login und App-Grundlayout */
.auth{background:radial-gradient(circle at 50% 18%,#232323 0,#0b0b0b 42%,#000 100%);padding:24px}
.authbox{width:min(460px,94vw);background:rgba(8,8,8,.96);border:1px solid #343434;border-radius:22px;padding:38px 32px;box-shadow:0 35px 100px rgba(0,0,0,.7)}
.login-logo{width:min(360px,94%);margin-bottom:20px}.authbox p{font-size:.93rem;color:#b8b8b8;letter-spacing:.015em}
.authbox label{font-weight:700;font-size:.88rem}.authbox input{min-height:50px;border-radius:12px;background:#171717;border-color:#363636}
.authbox .primary{min-height:50px;border-radius:12px;font-size:1rem}.authbox #resetPassword{min-height:46px;border-radius:12px}
header{height:76px;padding:13px 22px;background:#050505;border-bottom:1px solid #252525;position:sticky;top:0;z-index:40}
header .brand img{width:172px;max-height:48px}.header-actions button{min-height:42px;border-radius:10px}
nav{background:#0b0b0c;border-bottom:1px solid #252525;padding:9px 18px;gap:8px;top:76px;z-index:35}
nav button{background:transparent;color:#d6d6d6;border:1px solid transparent;padding:10px 14px;border-radius:10px}
nav button:hover{background:#191919;border-color:#2b2b2b}nav button.active{background:#fff;color:#111;border-color:#fff;box-shadow:0 5px 18px #0004}
main{max-width:1460px;padding:22px 22px 40px}.page{animation:wfFade .22s ease}@keyframes wfFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.panel,.cards>div{border:1px solid var(--wf-line);border-radius:var(--wf-radius);box-shadow:var(--wf-shadow);padding:20px;margin-bottom:18px}
.panel h1,.panel h2{letter-spacing:-.025em}.panel h2{margin-top:0}.head{min-height:44px}
.primary{background:#0c0d0f;color:#fff}.danger{background:#fff1f0;color:var(--wf-red);border:1px solid #ffd3cf}

/* Desktop-SaaS-Navigation: kompakte Sidebar */
@media(min-width:1180px){
  #shell{min-height:100vh;padding-left:218px}
  header{margin-left:-218px;padding-left:22px}
  nav{position:fixed;left:0;top:76px;bottom:0;width:218px;display:flex;flex-direction:column;overflow:auto;padding:22px 14px;background:#080809;border-right:1px solid #252525;border-bottom:0}
  nav button{width:100%;text-align:left;min-height:44px;padding:11px 14px}
  main{margin:0 auto;max-width:1500px}
}

/* Phase 2 + 4: Dashboard 2.0 */
.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0b0b0c,#24262a);color:#fff;border-color:#2f3237;padding:28px 30px}
.hero-panel h1{font-size:clamp(1.65rem,3vw,2.35rem);margin:.2rem 0}.hero-panel p{margin:0;color:#c8ccd1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#aeb5be}
.sync-chip{white-space:nowrap;padding:9px 13px;border-radius:999px;background:#ffffff13;border:1px solid #ffffff25;color:#fff;font-size:.84rem;font-weight:700}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dashboard-cards>div{position:relative;overflow:hidden;min-height:124px;padding:19px;background:#fff!important;border:1px solid var(--wf-line)}
.dashboard-cards>div:after{content:"";position:absolute;right:-25px;bottom:-38px;width:92px;height:92px;border-radius:50%;background:#11111108}
.dashboard-cards span{font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#737b86}
.dashboard-cards b{display:block;margin-top:12px;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.04em}
.dashboard-cards .highlight{border-left:5px solid #d49b00}.dashboard-cards .success-card,.dashboard-cards .profit-card{border-left:5px solid var(--wf-green)}
.dashboard-cards .tax-card{border-left:5px solid #3768b3}.twocol{gap:18px}
.year-row>div{height:12px}.year-row i{background:linear-gradient(90deg,#111,#555)}

/* Phase 2: Formulare und Listen */
.grid{gap:14px}.grid label{font-size:.82rem;font-weight:750;color:#4a515b}.grid input,.grid select,.grid textarea{font-weight:500;color:#15171a}
.actions{gap:10px}.actions button{min-height:42px;border:1px solid #d9dde2;background:#fff}.actions .primary{border-color:#0c0d0f;background:#0c0d0f}.actions .danger{background:#fff1f0;border-color:#ffd3cf}
.edit{border:1px solid #dfe2e6;border-radius:12px;overflow:hidden}.edit th{background:#15171a;padding:10px 8px}.edit td{padding:7px;background:#fff}
.item{border:1px solid var(--wf-line);border-radius:14px;padding:15px;background:#fff;box-shadow:0 4px 15px rgba(20,24,32,.045)}
.item:hover{border-color:#c6cbd1}.item .buttons button{border:1px solid #dde0e4;background:#f8f9fa}

/* Phase 3: Corporate-Design-Dokumente */
.preview{padding:18px;background:#dfe2e6;border-radius:14px}.a4{box-shadow:0 18px 50px rgba(0,0,0,.16);padding:15mm 16mm 20mm;color:#151515}
.dochead{min-height:39mm;margin:0 0 9mm;padding:0 0 6mm;border-bottom:2px solid #111;align-items:center}
.dochead img#offerLogo,.dochead img#invoiceLogo{width:112mm;max-width:112mm;max-height:34mm}
.dochead strong{font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:#111}
.doctop{grid-template-columns:1fr 72mm;gap:12mm;align-items:start}.doctop>div{font-size:10px;line-height:1.65}.doctop>div strong{font-weight:800}
.doctop table{border:0}.doctop th,.doctop td{border:0;border-bottom:1px solid #e4e4e4;padding:4px 3px}.doctop th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.doctop td{text-align:right;font-weight:700}
.a4 h3{margin:7mm 0 3mm;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#555}.customer{border:0;border-left:3px solid #111;background:#f6f6f6;padding:9px 12px;min-height:23mm}
.docitems{margin-top:8mm}.docitems th{background:#111!important;color:#fff;padding:8px 6px;text-transform:uppercase;letter-spacing:.03em;font-size:7.5px}.docitems td{padding:7px 6px;border-color:#e2e2e2}
.sum{width:88mm;margin-top:7mm}.sum th,.sum td{padding:6px 8px;border-color:#ddd}.sum th{background:#f7f7f7}.sum .total th,.sum .total td{background:#111!important;color:#fff!important;font-size:14px;border-color:#111}
.notes,.bankbox{border:0;border-left:3px solid #111;background:#f5f5f5;padding:10px 12px}.a4 footer{border-top:1px solid #bbb;color:#555;letter-spacing:.025em}

/* Phase 5: Mobile Feinschliff */
@media(max-width:1179px){.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
  header{height:66px;padding:9px 12px}header .brand img{width:135px}nav{top:66px;padding:8px 7px}
  main{padding:12px 8px 28px}.panel,.cards>div{padding:14px;border-radius:13px;margin-bottom:12px}.hero-panel{padding:20px;align-items:flex-start;flex-direction:column}.sync-chip{white-space:normal}
  .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-cards>div{min-height:105px;padding:14px}.twocol{grid-template-columns:1fr;gap:0}
  .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions button{width:100%;min-height:48px}
  .preview{padding:8px}.dochead img#offerLogo,.dochead img#invoiceLogo{width:96mm;max-width:96mm}.dochead strong{font-size:20px}
}
@media(max-width:520px){
  header .brand small{display:none}.header-actions{gap:4px}.header-actions button{padding:8px 9px}.dashboard-cards{grid-template-columns:1fr 1fr}.dashboard-cards b{font-size:1.45rem}
  .actions{grid-template-columns:1fr}.hero-panel h1{font-size:1.55rem}.authbox{padding:30px 20px}
}

/* Durchgängiger Dark Mode */
:root[data-theme="dark"] body{background:#08090a;color:#f3f4f6}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .cards>div,:root[data-theme="dark"] .item{background:#111317!important;border-color:#292d33;color:#f3f4f6}
:root[data-theme="dark"] .grid label{color:#c8cdd4}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#191c21;border-color:#343941;color:#fff}
:root[data-theme="dark"] .actions button,:root[data-theme="dark"] .item .buttons button{background:#1a1d22;color:#f4f4f4;border-color:#353a42}:root[data-theme="dark"] .actions .primary{background:#fff;color:#111;border-color:#fff}
:root[data-theme="dark"] .dashboard-cards span{color:#a9b0ba}:root[data-theme="dark"] .preview{background:#22262c}


/* V7.0 First Business Release */
.dashboard-cards .today-card{border-left:4px solid #2563eb}
.dashboard-cards .month-card{border-left:4px solid #7c3aed}
.dashboard-cards .maintenance-card{border-left:4px solid #d97706}
.dashboard-cards .maintenance-card b{font-variant-numeric:tabular-nums}

/* V7.1 Wirtschaftlichkeit & Kontrolle */
.finance-cards{margin-bottom:18px}.category-summary{display:grid;gap:10px}.category-summary>div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.profit-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.profit-preview b{font-size:1.45rem}.profit-preview small{width:100%;opacity:.72}.manual-value{font-style:italic}@media(max-width:720px){.finance-cards{grid-template-columns:1fr 1fr}.profit-preview{align-items:flex-start;flex-direction:column}.profit-preview small{width:auto}}

/* V7.2 Auftragsmanagement */
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.checklist-grid .check{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff)}.checklist-grid input{width:20px;height:20px}.order-timeline{margin:18px 0;padding:14px;border:1px solid var(--line,#ddd);border-radius:12px}.timeline-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line,#ddd)}.timeline-row:last-child{border-bottom:0}@media(max-width:700px){.checklist-grid{grid-template-columns:1fr}.timeline-row{align-items:flex-start;flex-direction:column;gap:3px}}

/* Android / Capacitor: Aussparungen, Status- und Navigationsleiste berücksichtigen */
.capacitor-native body {
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
}

/* WF.Service V8.0.1 Android/Offline */
.offline-banner{position:fixed;z-index:9999;left:0;right:0;top:0;padding:.65rem 1rem;text-align:center;background:#9a6700;color:#fff;font-weight:700;box-shadow:0 2px 12px #0005}.is-offline body{padding-top:42px}.native-photo-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.native-photo-actions small{flex-basis:100%}.capacitor-native .native-photo-actions{display:flex}.capacitor-native input[capture]{display:none}.signature-canvas{touch-action:none;background:#fff;border:2px solid #aaa;border-radius:12px;max-width:100%;height:auto}.capacitor-native button{min-height:46px}.capacitor-native header{padding-top:max(10px,env(safe-area-inset-top))}.capacitor-native nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}

/* WF.Service V8.1 – Unternehmenszentrale */
.main-nav button{display:flex;align-items:center;gap:.55rem}.main-nav button span{width:1.35rem;text-align:center}.main-nav button em{margin-left:auto;min-width:1.35rem;padding:.1rem .4rem;border-radius:999px;background:var(--accent,#171717);color:#fff;font-style:normal;font-size:.72rem}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#171717,#353535);color:#fff}.dashboard-welcome h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,3.2rem)}.dashboard-welcome p{margin:0;color:#d4d4d4}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.quick-actions button{padding:1rem;border-radius:16px;font-weight:800;background:#fff;border:1px solid var(--border,#ddd);box-shadow:0 8px 20px rgba(0,0,0,.05)}.dashboard-primary-cards{grid-template-columns:repeat(5,1fr)}.dashboard-primary-cards>div{min-height:132px}.dashboard-primary-cards small{display:block;margin-top:.45rem;opacity:.72}.dashboard-section-title{display:flex;justify-content:space-between;align-items:end;margin:2rem 0 .8rem}.dashboard-section-title h2{margin:.2rem 0}.dashboard-more summary{cursor:pointer;font-weight:900;font-size:1.05rem}.dashboard-more[open] summary{margin-bottom:1rem}.module-badge{align-self:flex-start;padding:.5rem .8rem;border:1px solid currentColor;border-radius:999px;font-size:.8rem;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.module-grid article>b{font-size:2rem}.module-grid article h2{margin:.7rem 0 .25rem}.module-grid article p{min-height:48px}.empty-module{text-align:center;padding:clamp(2rem,8vw,6rem)}.empty-icon{font-size:4rem}.empty-module h2{margin-bottom:.4rem}.empty-module p{max-width:700px;margin:.5rem auto 1.5rem}.empty-module code{padding:.15rem .35rem;border-radius:5px;background:rgba(127,127,127,.15)}
@media(max-width:1100px){.dashboard-primary-cards{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-primary-cards{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr}.main-nav button{min-width:max-content}}
@media(max-width:430px){.dashboard-primary-cards{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}}

/* V8.1.1 – Dark-Mode-Kontraste und Dashboard-Korrekturen */
:root[data-theme="dark"] .quick-actions button{
  background:#15171b;
  color:#f7f7f7;
  border-color:#343840;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}
:root[data-theme="dark"] .quick-actions button:hover,
:root[data-theme="dark"] .quick-actions button:focus-visible{
  background:#20242a;
  border-color:#555c67;
}
:root[data-theme="dark"] .dashboard-primary-cards>div,
:root[data-theme="dark"] .dashboard-cards>div{
  background:#111317!important;
  color:#f5f7fa!important;
  border-color:#30343b;
}
:root[data-theme="dark"] .dashboard-primary-cards span,
:root[data-theme="dark"] .dashboard-cards span{
  color:#c2c8d0!important;
}
:root[data-theme="dark"] .dashboard-primary-cards b,
:root[data-theme="dark"] .dashboard-cards b{
  color:#fff!important;
}
:root[data-theme="dark"] .dashboard-primary-cards small,
:root[data-theme="dark"] .dashboard-cards small{
  color:#aeb5bf!important;
  opacity:1;
}

/* V8.2 Sprint 1 – Website-Vorschau im Adminbereich */
.module-badge.ready{background:#e7f7ed;color:#14633b;border-color:#b9e3c9}
.website-preview-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(135deg,#101113,#24272b);color:#fff;border-color:#30343a}
.website-preview-panel h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:.35rem 0}.website-preview-panel p{color:#c5c9ce;max-width:720px}
.website-preview-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:850;white-space:nowrap}
:root[data-theme="dark"] .module-badge.ready{background:#173b28;color:#bfe8cf;border-color:#285c3d}
@media(max-width:720px){.website-preview-panel{align-items:stretch;flex-direction:column}.website-preview-button{width:100%}}

/* V8.2 Sprint 2 – Angebotsanfragen im Adminbereich */
.request-admin-list{display:grid;gap:16px}.request-admin-card{padding:20px;border:1px solid var(--line,#ddd);border-left:5px solid #222;border-radius:16px;background:var(--surface,#fff)}.request-admin-card.new{border-left-color:#2563eb}.request-admin-card.processing{border-left-color:#d97706}.request-admin-card.done{border-left-color:#15803d}.request-admin-card.rejected{border-left-color:#b91c1c;opacity:.82}.request-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.request-admin-head h3{margin:.25rem 0;font-size:1.35rem}.request-admin-head small{opacity:.7}.request-number{font-size:.78rem;font-weight:900;letter-spacing:.08em}.request-status{padding:.35rem .7rem;border-radius:999px;background:rgba(127,127,127,.14);font-size:.78rem;font-weight:900;white-space:nowrap}.request-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.request-admin-grid>div{padding:12px;border-radius:12px;background:var(--surface-2,#f5f5f5)}.request-admin-grid b,.request-description>b{display:block;margin-bottom:5px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.request-admin-grid span{overflow-wrap:anywhere}.request-description{padding:14px;border:1px solid var(--line,#ddd);border-radius:12px}.request-description p{margin:0;white-space:pre-wrap}.request-images{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:10px;margin-top:14px}.request-images img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line,#ddd)}.request-admin-actions{margin-top:16px}.compact-empty{padding:2rem}.compact-empty .empty-icon{font-size:2.5rem}:root[data-theme="dark"] .request-admin-card{background:#111317;border-color:#30343b}:root[data-theme="dark"] .request-admin-grid>div{background:#191c21}:root[data-theme="dark"] .request-description{border-color:#343941}@media(max-width:700px){.request-admin-grid{grid-template-columns:1fr}.request-images{grid-template-columns:repeat(2,1fr)}.request-admin-head{flex-direction:column}.request-admin-actions{grid-template-columns:1fr 1fr}}

/* V8.3 Impressum-Verwaltung */
.legal-warn{background:#fff3cd;border:1px solid #ead28a;color:#5c4708;padding:11px 13px;border-radius:10px;margin-top:10px;line-height:1.45}
:root[data-theme="dark"] .legal-warn{background:#3a2f08;border-color:#6b551a;color:#f4e6b5}
a.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;border:1px solid #d0d0d0;background:#f4f4f4;color:#171717;text-decoration:none;font-weight:600;font-size:14px}
a.button:hover{background:#e9e9e9}
:root[data-theme="dark"] a.button{background:#20242b;border-color:#343941;color:#e9ecef}