/* Shared Wertspur surfaces: white, blue, navy and champagne. The original site stays isolated. */
html[data-theme] body.wertspur {
  --ws-bg:#f5f7fa; --ws-surface:#fff; --ws-raised:#f0f4f8; --ws-ink:#142d48;
  --ws-muted:#5e6f82; --ws-line:#d9e1eb; --ws-blue:#3265a3; --ws-blue-soft:#eaf1f9;
  --ws-gold:#98733c; --ws-champagne:#f7f1e6; --ws-navy:#142d48; --ws-success:#28684e; --ws-success-bg:#eaf4ee;
  --ws-paper:#f5f7fa; --card:var(--ws-surface); --ink:var(--ws-ink); --ink-2:var(--ws-ink); --paper:var(--ws-bg);
  --line:var(--ws-line); --violet:var(--ws-blue); --violet-soft:var(--ws-blue-soft); --coral:var(--ws-blue); --coral-soft:var(--ws-blue-soft);
  --yellow:var(--ws-gold); --yellow-soft:var(--ws-champagne); --shadow:0 18px 50px #142d4812;
  background:var(--ws-bg); color:var(--ws-ink); color-scheme:light;
}
html[data-theme="dark"] body.wertspur {
  --ws-bg:#0c1624; --ws-surface:#142237; --ws-raised:#1b2c43; --ws-ink:#edf2f8;
  --ws-muted:#a9b9cc; --ws-line:#30435c; --ws-blue:#9bc1f2; --ws-blue-soft:#203b5c;
  --ws-gold:#dec397; --ws-champagne:#332e27; --ws-paper:#101d2f; --ws-success:#a0d7b9; --ws-success-bg:#17382f;
  --ws-navy:#0f2036; color-scheme:dark;
}
html[data-theme] body.wertspur .app-shell { --ink:var(--ws-ink); --coral:var(--ws-blue); --accent:var(--ws-blue); --portal-copy-size:14px; --portal-small-size:12px; --portal-label-size:13px; background:var(--ws-bg); color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.app-stage,.app-content,.admin-stage,.admin-content) { background:var(--ws-bg); color:var(--ws-ink) }
html[data-theme] body.wertspur .app-content { padding:36px 36px 72px; max-width:1650px; margin:0 auto }
html[data-theme] body.wertspur :is(.app-topbar,.admin-topbar) { background:var(--ws-surface); border-color:var(--ws-line); min-height:78px; gap:18px }
html[data-theme] body.wertspur :is(.app-sidebar,.admin-sidebar) { background:var(--ws-surface); color:var(--ws-ink); border-right:1px solid var(--ws-line); padding-top:30px }
.ws-wordmark { display:inline-flex; align-items:baseline; font:700 25px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.06em; white-space:nowrap }
.ws-wordmark>span:first-child { color:var(--ws-blue) }.ws-wordmark>span:last-child { color:var(--ws-gold) }
html[data-theme] body.wertspur .app-sidebar>.logo { margin:0 12px 30px; letter-spacing:normal }
html[data-theme] body.wertspur :is(.company-switch,.user-card,.plan-card) { background:var(--ws-raised); border:1px solid var(--ws-line); border-radius:6px; color:var(--ws-ink); box-shadow:none }
html[data-theme] body.wertspur :is(.company-switch>span,.user-card>span) { background:var(--ws-blue-soft); color:var(--ws-blue); border-radius:4px }
html[data-theme] body.wertspur :is(.company-switch small,.user-card small,.plan-card b) { color:var(--ws-muted) }
html[data-theme] body.wertspur .plan-card>span { color:var(--ws-gold); letter-spacing:.1em }
html[data-theme] body.wertspur .plan-card button { color:var(--ws-blue); background:transparent; border-color:var(--ws-line) }
html[data-theme] body.wertspur .plan-card progress { accent-color:var(--ws-blue) }
html[data-theme] body.wertspur .app-sidebar nav a { color:var(--ws-muted); border-radius:4px; min-height:45px; font-weight:500 }
html[data-theme] body.wertspur .app-sidebar nav a:hover { background:var(--ws-raised); color:var(--ws-ink) }
html[data-theme] body.wertspur .app-sidebar nav a.active { background:var(--ws-blue-soft); color:var(--ws-blue); box-shadow:inset 3px 0 var(--ws-gold); font-weight:650 }
html[data-theme] body.wertspur .app-sidebar nav :is(a,a:hover,a.active,.management-toggle,.management-toggle:hover) .nav-icon { color:inherit; background:transparent; border:0; border-radius:0; box-shadow:none }
html[data-theme] body.wertspur .admin-sidebar nav button { color:var(--ws-muted); background:transparent }
html[data-theme] body.wertspur .admin-sidebar nav button:hover { color:var(--ws-ink); background:var(--ws-raised) }
html[data-theme] body.wertspur .admin-sidebar nav button.active { color:var(--ws-blue); background:var(--ws-blue-soft); box-shadow:inset 3px 0 var(--ws-gold) }
html[data-theme] body.wertspur .admin-sidebar :is(.admin-identity small,.admin-environment>span,.admin-environment small,.admin-logout) { color:var(--ws-muted) }
html[data-theme] body.wertspur :is(.sidebar-logout,.sidebar-toggle) { color:var(--ws-muted); background:transparent; border-color:var(--ws-line) }
html[data-theme] body.wertspur .app-sidebar nav a.administration-link::after { color:var(--ws-muted) }
html[data-theme] body.wertspur .app-page-head h1 { font:400 clamp(28px,3vw,39px)/1.16 Georgia,'Times New Roman',serif; letter-spacing:-.035em; color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.app-page-head p,.app-page-head>div>span,.panel-head>div>span) { color:var(--ws-muted) }
html[data-theme] body.wertspur .app-page-head>div>span { color:var(--ws-gold); letter-spacing:.13em }
html[data-theme] body.wertspur :is(.panel,.kpi,.toolbar,.party-directory,.config-card,.advisor-card,.export-card,.output-panel,.incoming-overview article,.incoming-panel,.settings-section,.ws-workspace-card,.admin-panel,.admin-kpi,.party-insights>article) { background:var(--ws-surface); color:var(--ws-ink); border:1px solid var(--ws-line); border-radius:7px; box-shadow:0 3px 12px #142d4805 }
html[data-theme] body.wertspur :is(.panel-head,.toolbar,.invoice-table th,.received-table th,.party-directory-head) { background:var(--ws-surface); color:var(--ws-muted); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.invoice-table td,.invoice-table tbody tr,.received-table td,.party-row,.party-directory-row,.top-customers li,.config-card,.invoice-comments) { color:var(--ws-ink); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.invoice-table tbody tr:hover,.received-table tbody tr:hover,.party-row:hover) { background:var(--ws-raised) }
html[data-theme] body.wertspur :is(.kpi strong,.kpi b,.panel-head h3,.party-name b,.party-value b,.config-card h3,.export-card h3,.output-panel h3,.advisor-card h3) { color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.kpi span,.kpi small,.party-name small,.party-contact small,.party-value small,.invoice-table small,.received-table small,.top-customers small,.config-card p,.export-card p,.advisor-card p) { color:var(--ws-muted) }
html[data-theme] body.wertspur :is(.quick-action,.quick-action:hover,.office-invoice-upload,.outgoing-methods-intro,.outgoing-online-alternative,.outgoing-method-grid>button,.outgoing-method-grid.two-paths>button) { background:var(--ws-blue-soft); color:var(--ws-ink); border-color:var(--ws-line); box-shadow:none }
html[data-theme] body.wertspur :is(.quick-action b,.outgoing-online-alternative b,.outgoing-method-grid h3,.outgoing-method-grid strong) { color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.quick-action small,.outgoing-online-alternative small,.outgoing-method-grid p,.outgoing-method-grid small) { color:var(--ws-muted) }
html[data-theme] body.wertspur :is(.icon-tile,.kpi>i,.quick-action>span,.quick-action>i) { background:var(--ws-blue-soft); color:var(--ws-blue); border-radius:5px }
html[data-theme] body.wertspur :is(.icon-tile.yellow,.kpi.yellow>i) { background:var(--ws-champagne); color:var(--ws-gold) }
html[data-theme] body.wertspur :is(.button,.ws-btn) { border-radius:4px; min-height:42px; font-size:13px; font-weight:600; box-shadow:none; transition:background .15s,border-color .15s }
html[data-theme] body.wertspur :is(.button.dark,.button.coral,.button.upload-primary,.button.download-primary,.button.violet,.button.primary) { background:var(--ws-blue); color:#fff; border:1px solid var(--ws-blue); box-shadow:none }
html[data-theme="dark"] body.wertspur :is(.button.dark,.button.coral,.button.upload-primary,.button.download-primary,.button.violet,.button.primary,.ws .ws-btn:not(.ws-btn-outline)) { background:#92b9eb; border-color:#92b9eb; color:#10233c }
html[data-theme] body.wertspur :is(.button.outline,.button.light,.button.white,.row-menu,.row-open) { background:var(--ws-surface); color:var(--ws-blue); border:1px solid var(--ws-line) }
html[data-theme] body.wertspur :is(.button.outline:hover,.button.light:hover,.button.white:hover) { background:var(--ws-blue-soft); border-color:var(--ws-blue) }
html[data-theme] body.wertspur button:disabled { opacity:.48; cursor:not-allowed; box-shadow:none }
html[data-theme] body.wertspur :is(.filter-tabs button,.party-tabs button,.incoming-list-filter button,.party-filter-tabs button) { color:var(--ws-muted); background:transparent }
html[data-theme] body.wertspur :is(.filter-tabs button.active,.party-tabs button.active,.incoming-list-filter button.active,.party-filter-tabs button.active) { background:var(--ws-blue-soft); color:var(--ws-blue); border-color:var(--ws-blue) }
html[data-theme] body.wertspur :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea) { color:var(--ws-ink); background:var(--ws-surface); border:1px solid var(--ws-line); border-radius:4px; box-shadow:none; accent-color:var(--ws-blue) }
html[data-theme] body.wertspur :is(input,textarea)::placeholder { color:var(--ws-muted); opacity:.8 }
html[data-theme] body.wertspur :is(input[type=checkbox],input[type=radio]) { accent-color:#3265a3 }
html[data-theme] body.wertspur :is(input,select,textarea):focus { border-color:var(--ws-blue); outline:2px solid var(--ws-blue-soft); outline-offset:1px }
html[data-theme] body.wertspur :is(label,.form-label) { color:var(--ws-ink) }
html[data-theme] body.wertspur .global-search { background:transparent; border:0; border-bottom:1px solid var(--ws-line); box-shadow:none; min-width:200px; flex:1 }
html[data-theme] body.wertspur .global-search input { background:transparent; border:0; outline:0; color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.global-search button,.global-search-icon) { background:transparent; color:var(--ws-blue); border-color:var(--ws-line) }
html[data-theme] body.wertspur .theme-toggle { display:inline-flex; gap:7px; justify-content:center; align-items:center; flex:none; min-width:82px; min-height:38px; padding:6px 10px; border:1px solid var(--ws-line); border-radius:4px; background:var(--ws-surface); color:var(--ws-ink); font-size:12px; cursor:pointer }
html[data-theme] body.wertspur .theme-toggle i { font-size:18px; color:var(--ws-gold); background:none; font-style:normal }.wertspur .theme-toggle span { white-space:nowrap }
html[data-theme] body.wertspur :focus-visible { outline:2px solid var(--ws-gold); outline-offset:3px }
/* The same theme follows the user into document, account and administration dialogs. */
html[data-theme] body.wertspur :is(.modal,.auth-modal,.account-modal,.party-modal,.profile-modal,.online-invoice-modal,.detail-modal,.detail-modal.outgoing-detail,.incoming-detail,.outgoing-methods-modal,.outgoing-import-review,.export-modal,.admin-detail-modal,.settings-modal,.smart-word-modal,.excel-template-modal,.template-trainer-modal) { background:var(--ws-surface); color:var(--ws-ink); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.detail-backdrop,.incoming-workspace,.detail-layout,.modal>header,.modal>footer,.detail-modal>header,.detail-modal>footer,.outgoing-methods-modal>header,.outgoing-methods-modal>footer,.outgoing-import-review>header,.outgoing-import-review>footer,.account-modal>header,.profile-modal>header,.online-invoice-modal>header,.online-invoice-modal>footer) { background:var(--ws-surface); color:var(--ws-ink); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.modal-backdrop,.modal-overlay) { background:#061322a6; backdrop-filter:blur(3px) }
html[data-theme] body.wertspur :is(.invoice-actions.simplified,.action-step,.action-feedback,.invoice-document-card,.incoming-document-panel,.incoming-lines-panel,.incoming-form,.incoming-state-actions,.review-facts article,.review-lines,.review-missing,.detail-steps,.calculated-field,.total-grid,.form-section) { background:var(--ws-raised); color:var(--ws-ink); border-color:var(--ws-line); box-shadow:none }
html[data-theme] body.wertspur :is(.detail-modal h2,.detail-modal h3,.modal h2,.modal h3,.auth-modal h2,.account-modal h2,.party-modal h2,.profile-modal h2,.online-invoice-modal h2,.document-summary h3,.action-intro h3,.review-facts h3,.total-grid b,.calculated-field b) { color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.detail-modal p,.detail-modal small,.modal>p,.auth-modal>p,.account-modal p,.party-modal p,.profile-modal p,.online-invoice-modal p,.action-step small,.document-summary span,.detail-layout form>footer span,.review-facts p,.review-facts dt,.review-line-table th) { color:var(--ws-muted) }
html[data-theme] body.wertspur :is(.text-action,.text-button,.panel-head>a,.invoice-state-actions button,.modal-close) { color:var(--ws-blue) }
html[data-theme] body.wertspur .toast { background:var(--ws-surface); color:var(--ws-ink); border:1px solid var(--ws-line); box-shadow:var(--shadow) }
html[data-theme] body.wertspur .toast i { background:var(--ws-blue-soft); color:var(--ws-blue) }
/* Workflows */
.wertspur .ws-flow[hidden] { display:none!important }
.wertspur .ws-demo-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--ws-champagne); border:1px solid var(--ws-line); border-left:3px solid var(--ws-gold); border-radius:4px; padding:17px 22px; margin-bottom:28px }
.wertspur .ws-demo-banner p { margin:5px 0 0; color:var(--ws-muted) }.wertspur .ws-demo-banner .button { flex:none }
.wertspur .ws-workflow-nav { display:flex; gap:8px; border-bottom:1px solid var(--ws-line); margin-bottom:32px; overflow-x:auto }
.wertspur .ws-workflow-nav button { display:flex; gap:9px; align-items:center; white-space:nowrap; background:transparent; color:var(--ws-muted); border:0; border-bottom:3px solid transparent; padding:15px 16px; font-size:14px; cursor:pointer; min-height:56px }
.wertspur .ws-workflow-nav button>span { font-size:11px; color:var(--ws-gold); font-variant-numeric:tabular-nums }.wertspur .ws-workflow-nav button.active { color:var(--ws-blue); border-bottom-color:var(--ws-blue); font-weight:600 }.wertspur .ws-workflow-nav button>b { border-radius:4px; background:var(--ws-blue-soft); padding:2px 6px }
.wertspur .ws-flow-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 22px }.wertspur .ws-flow-heading h2 { margin:0 0 9px; font-size:23px; font-weight:500; letter-spacing:-.025em; color:var(--ws-ink) }.wertspur .ws-flow-heading p { margin:0; color:var(--ws-muted); max-width:730px }.wertspur .ws-flow-heading>.button { flex:none }
.wertspur .ws-connection-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start }.wertspur .ws-workspace-card { padding:28px; margin:0 0 24px }.wertspur .ws-workspace-card h2 { font-size:23px; letter-spacing:-.025em; font-weight:500; margin:0 0 12px; color:var(--ws-ink) }.wertspur .ws-workspace-card h3 { font-size:19px; margin:18px 0 12px; color:var(--ws-ink) }.wertspur .ws-workspace-card p { margin:10px 0 18px; color:var(--ws-muted); max-width:900px }.wertspur .ws-workspace-card small { display:block; color:var(--ws-muted) }
.wertspur .ws-card-top { display:flex; justify-content:space-between; align-items:center; gap:15px }.wertspur .ws-card-top .icon-tile { width:40px; height:40px; font-size:24px }
.wertspur .ws-badge { display:inline-flex; align-items:center; white-space:nowrap; width:fit-content; padding:5px 9px; background:var(--ws-raised); border:1px solid var(--ws-line); color:var(--ws-muted); border-radius:4px; font-size:11px; font-weight:500 }
.wertspur .ws-badge.gold { background:var(--ws-champagne); color:var(--ws-gold) }.wertspur .ws-badge.success { color:var(--ws-success); background:var(--ws-success-bg); border-color:transparent }
.wertspur .ws-address { margin:20px 0 18px; padding:14px 16px; background:var(--ws-raised); border-left:2px solid var(--ws-gold); font-size:16px; overflow-wrap:anywhere; font-weight:600 }.wertspur .ws-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:18px 0 }.wertspur .ws-actions .ws-hint { flex:1; min-width:220px }
.wertspur .ws-workspace-card .ws-hint { color:var(--ws-muted) }.wertspur .ws-workspace-card .ws-setup { border-top:1px solid var(--ws-line); padding-top:12px; margin:24px 0 0 }.wertspur .ws-workspace-card summary { color:var(--ws-blue); font-weight:500; font-size:14px; cursor:pointer; padding:8px 0 }
.wertspur .ws-workspace-card form { display:block }.wertspur .ws-workspace-card .ws-form fieldset { display:grid; grid-template-columns:1fr 1fr; gap:18px; border:0; padding:0; margin:22px 0 0; min-width:0 }.wertspur .ws-workspace-card fieldset:disabled { opacity:.6 }.wertspur .ws-workspace-card .full { grid-column:1/-1 }
.wertspur .ws-workspace-card label { gap:8px; line-height:1.5 }.wertspur .ws-workspace-card .ws-check { display:flex; flex-direction:row; align-items:flex-start; gap:11px; align-self:center; min-width:0 }.wertspur .ws-check input { width:17px!important; height:17px; flex:none; margin:2px 0!important }.wertspur .ws-check b { display:block; font-size:14px; font-weight:500 }.wertspur .ws-check small { margin-top:6px; font-weight:400 }.wertspur .ws-workspace-card .ws-inline-form { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px; background:var(--ws-raised); border-radius:4px; margin:22px 0 }
.wertspur .ws-notice { border-left:2px solid var(--ws-gold); padding:14px 18px; background:var(--ws-raised); margin:20px 0 }.wertspur .ws-notice b { font-size:14px; font-weight:500 }.wertspur .ws-notice p { margin:5px 0 0; font-size:13px }
.wertspur .ws-empty { padding:38px 20px; text-align:center; border:1px dashed var(--ws-line); border-radius:5px; margin-top:22px; background:var(--ws-bg) }.wertspur .ws-empty>span { display:inline-grid; width:45px; height:45px; place-items:center; color:var(--ws-blue); background:var(--ws-blue-soft); border-radius:5px }.wertspur .ws-empty svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5 }.wertspur .ws-empty h3 { margin:15px 0 10px }.wertspur .ws-empty p { max-width:520px; margin:0 auto 16px }
.wertspur .ws-scroll { margin-top:20px; overflow-x:auto; max-width:100% }.wertspur .ws-workspace-card table { min-width:610px; border-collapse:collapse; width:100%; font-size:14px }.wertspur .ws-workspace-card th { background:var(--ws-raised); color:var(--ws-muted); font-size:11px; letter-spacing:.04em; font-weight:600; padding:12px 14px; text-align:left; border-bottom:1px solid var(--ws-line) }.wertspur .ws-workspace-card td { padding:17px 14px; vertical-align:top; border-bottom:1px solid var(--ws-line); color:var(--ws-ink) }.wertspur .ws-workspace-card td small { margin-top:5px; max-width:340px; overflow-wrap:anywhere }.wertspur .ws-amount { white-space:nowrap; font-variant-numeric:tabular-nums }.wertspur .ws-link { padding:0; background:none; border:0; color:var(--ws-blue); text-decoration:none; font:inherit; cursor:pointer; text-align:left }.wertspur .ws-link:hover { text-decoration:underline }.wertspur td .ws-link { margin-top:7px; font-size:13px }
.wertspur .ws-bank-connect { display:grid; grid-template-columns:1fr 240px; gap:35px; border-top:3px solid var(--ws-gold)!important }.wertspur .ws-kicker { color:var(--ws-gold); font-size:11px; letter-spacing:.13em }.wertspur .ws-bank-connect h3 { margin-top:15px; font-size:25px; font-family:Georgia,serif; font-weight:400 }.wertspur .ws-bank-connect-actions { display:flex; flex-direction:column; gap:14px; align-items:stretch }.wertspur .ws-bank-connect-actions .ws-badge { align-self:flex-start }.wertspur .ws-bank-connect-actions small { line-height:1.6 }
.wertspur .ws-mini-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:0; margin:24px 0 30px; list-style:none }.wertspur .ws-mini-steps li { border-left:2px solid var(--ws-gold); padding-left:15px }.wertspur .ws-mini-steps b { display:block; font-size:14px; font-weight:500; margin-bottom:6px }.wertspur .ws-mini-steps span { color:var(--ws-muted); font-size:12px }
.wertspur .ws-account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; margin:24px 0 }.wertspur .ws-account-grid article { background:var(--ws-navy); color:#fff; padding:23px; border-radius:5px; border:1px solid var(--ws-line) }.wertspur .ws-account-grid span { display:block; color:#b9c9dc; font-size:12px }.wertspur .ws-account-grid strong { display:block; font-size:29px; font-weight:400; margin:14px 0; font-variant-numeric:tabular-nums }.wertspur .ws-account-grid small { color:#d4be9b }
.wertspur .ws-delivery-options { display:grid; grid-template-columns:repeat(3,1fr); gap:16px }.wertspur .ws-choice { display:flex!important; flex-direction:row!important; gap:10px!important; align-items:flex-start; background:var(--ws-raised); border:1px solid var(--ws-line); border-radius:5px; padding:20px; cursor:pointer }.wertspur .ws-choice:has(:checked) { border-color:var(--ws-blue); background:var(--ws-blue-soft) }.wertspur .ws-choice input { width:16px; flex:none; margin:2px 0 0 }.wertspur .ws-choice b { font-size:15px; display:block; margin-bottom:9px }.wertspur .ws-choice small { font-weight:400; line-height:1.6 }.wertspur .ws-next-number { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:24px }.wertspur .ws-next-number strong { font-size:25px; color:var(--ws-blue); padding:15px; background:var(--ws-blue-soft); border-radius:4px; white-space:nowrap }.wertspur .ws-message { white-space:pre-line; min-width:220px }.wertspur .ws-consent { border:2px solid var(--ws-gold)!important }
/* Public website, including its sample dashboard, uses the same theme. */
html[data-theme] body.wertspur :is(.ws,.ws-header) { background:var(--ws-surface); color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.ws-process,.ws-pricing,.ws-preview,.ws-email-example) { background:var(--ws-paper); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.ws-metrics,.ws-plans article,.ws-doc,.ws-skip) { background:var(--ws-surface); border-color:var(--ws-line); color:var(--ws-ink) }
html[data-theme] body.wertspur :is(.ws-cta,.ws .ws-btn-outline:hover) { background:var(--ws-blue-soft); border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.ws-bank,.ws-topline,.ws-preview-top) { background:var(--ws-navy); color:#edf3fa }
html[data-theme] body.wertspur :is(.ws-preview-table>div,.ws-preview-bottom,.ws-steps li,.ws-tabs,.ws-sample) { border-color:var(--ws-line) }
html[data-theme] body.wertspur :is(.ws-proof,.ws-audience,.ws-formatbar span,.ws-tabs button,.ws-price>span,.ws-footer small,.ws-preview-table small,.ws-metrics span,.ws-metrics small,.ws-sample,.ws-preview-bottom,.ws-mail-grid>article>small) { color:var(--ws-muted) }
html[data-theme] body.wertspur :is(.ws-preview-table .ws-paid,.ws-verified) { color:var(--ws-success) }
html[data-theme] body.wertspur .ws-verified { background:var(--ws-success-bg); border-color:var(--ws-line) }
html[data-theme] body.wertspur .ws-verified small { color:var(--ws-success) }
html[data-theme] body.wertspur .ws .ws-btn-outline { background:transparent; color:var(--ws-ink); border-color:var(--ws-line) }
html[data-theme] body.wertspur .ws .ws-text { color:var(--ws-ink) }
html[data-theme] body.wertspur .ws-header-actions { gap:16px }
.ws-dark-mark { display:none }
html[data-theme="dark"] .ws-brand img { display:block; position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden }
html[data-theme="dark"] .ws-dark-mark { display:inline-flex; font-size:27px }
html[data-theme="dark"] .ws-footer .ws-dark-mark { font-size:23px }
html[data-theme="dark"] body.wertspur .ws-header nav { background:var(--ws-surface); border-color:var(--ws-line) }
@media(max-width:1200px) { html[data-theme] body.wertspur .app-topbar { gap:10px; padding:0 20px }.wertspur .ws-workflow-nav { gap:0 }.wertspur .ws-workflow-nav button { padding:14px 12px }.wertspur .ws-connection-grid { gap:18px }.wertspur .ws-workspace-card { padding:22px }.wertspur .ws-bank-connect { grid-template-columns:1fr 210px; gap:22px }.wertspur .ws-delivery-options { gap:10px }.wertspur .ws-choice { padding:15px }.wertspur .ws-header nav { gap:18px } }
@media(max-width:1000px) { html[data-theme] body.wertspur .app-content { padding:26px 22px 60px }.wertspur .ws-connection-grid { grid-template-columns:1fr }.wertspur .ws-connection-card { margin-bottom:8px }.wertspur .ws-bank-connect { grid-template-columns:1fr }.wertspur .ws-bank-connect-actions { flex-direction:row; align-items:center; flex-wrap:wrap }.wertspur .ws-bank-connect-actions small { flex-basis:100% }.wertspur .ws-delivery-options { grid-template-columns:1fr }.wertspur .ws-flow-heading { align-items:flex-start }.wertspur .ws-flow-heading h2 { font-size:21px } }
@media(max-width:640px) { html[data-theme] body.wertspur .app-content { padding:22px 16px 50px }.wertspur .ws-workspace-card { padding:20px 17px }.wertspur .ws-demo-banner,.wertspur .ws-flow-heading,.wertspur .ws-next-number { flex-direction:column; align-items:flex-start; gap:15px }.wertspur .ws-mini-steps { grid-template-columns:1fr; gap:17px }.wertspur .ws-workspace-card .ws-form fieldset { grid-template-columns:1fr }.wertspur .ws-workspace-card .ws-inline-form { flex-direction:column; align-items:flex-start }.wertspur .ws-next-number strong { font-size:21px }.wertspur .ws-workflow-nav button { font-size:13px }.wertspur .ws-empty { padding:26px 14px }.wertspur .ws-header-actions>.theme-toggle { min-width:36px; padding:6px }.wertspur .ws-header-actions>.theme-toggle span { display:none }.wertspur .ws-header-actions { gap:10px!important }html[data-theme] body.wertspur .app-topbar { min-height:70px }.wertspur .app-topbar .theme-toggle { min-width:40px }.wertspur .app-topbar .theme-toggle span { display:none } }
@media(prefers-reduced-motion:reduce) { html[data-theme] body.wertspur * { scroll-behavior:auto!important; transition:none!important } }