/* SOURCE: styles/features/v0214/boot.css */
html.meistermappe-booting .app{visibility:hidden}
.v214-boot-screen{position:fixed;z-index:2140;inset:0;display:grid;place-items:center;background:#f4f6f7;color:#17212b;font-family:Arial,sans-serif}
.v214-boot-screen>div{display:grid;justify-items:center;gap:11px}
.v214-boot-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f47b20;color:#fff;font-size:28px;font-weight:900;box-shadow:0 10px 28px rgba(31,43,54,.16)}
.v214-boot-screen strong{font-size:18px}.v214-boot-screen small{color:#68737d}
.v214-boot-dots{display:flex;gap:5px}.v214-boot-dots i{width:7px;height:7px;border-radius:50%;background:#f47b20;animation:v214BootPulse 1s infinite alternate}.v214-boot-dots i:nth-child(2){animation-delay:.18s}.v214-boot-dots i:nth-child(3){animation-delay:.36s}
@keyframes v214BootPulse{to{opacity:.25;transform:translateY(-3px)}}
html:not(.meistermappe-booting) .v214-boot-screen{display:none}
/* SOURCE: styles/releases/v0194.css */
/* Holtikon Betriebs-App v0.19.4 */
.v194-stale-yellow{background:#fff7d6!important;box-shadow:inset 5px 0 #e4ad23}
.v194-stale-yellow:hover{background:#fff0b8!important}
.v194-stale-red{background:#ffe1df!important;box-shadow:inset 5px 0 #c83b3b}
.v194-stale-red:hover{background:#ffd0cd!important}
.v194-case-result-note{padding:11px 14px;border-top:1px solid var(--line);background:#fafbfc;color:var(--muted);font-size:12px;text-align:center}
.v194-object-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;margin:0 0 12px;padding:10px;background:#fafbfc;border:1px solid var(--line);border-radius:11px}
.v194-object-tools input{width:100%;border:1px solid #dfe2e6;border-radius:9px;padding:9px 10px;background:#fff}
.v194-object-tools span{font-size:12px;color:var(--muted);white-space:nowrap}
.v194-case-meta{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:14px 0;background:#fafbfc;line-height:1.55;font-size:13px}
.v194-case-meta.v194-stale-yellow,.v194-case-meta.v194-stale-red{box-shadow:none}
.v194-legacy-notes{margin-top:9px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);white-space:pre-wrap}
.v194-kva-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));gap:10px;margin-bottom:14px}
.v194-kva-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow)}
.v194-kva-summary small{display:block;color:var(--muted);margin-bottom:5px}
.v194-kva-summary strong{font-size:24px}
#v194WorkflowSettings .table{min-width:900px}
.v12-top-nav [data-v12-page="time"]{display:inline-flex!important}
@media(max-width:800px){.v194-object-tools{grid-template-columns:1fr}.v194-kva-summary{grid-template-columns:1fr}.v194-object-tools span{white-space:normal}}
/* SOURCE: styles/releases/v0195.css */
/* Holtikon Betriebs-App v0.19.5 */
.v195-case-summary,
.v195-kva-summary{
display:grid;
grid-template-columns:repeat(3,minmax(180px,1fr));
gap:10px;
margin:0 0 12px;
}
.v195-case-summary button,
.v195-kva-summary>div{
min-width:0;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
padding:14px 16px;
text-align:left;
box-shadow:var(--shadow);
}
.v195-case-summary button{
color:var(--ink);
}
.v195-case-summary button:hover,
.v195-case-summary button.active{
border-color:var(--orange);
box-shadow:inset 0 3px var(--orange),var(--shadow);
}
.v195-case-summary small,
.v195-kva-summary small{
display:block;
color:var(--muted);
font-weight:700;
margin-bottom:5px;
}
.v195-case-summary strong,
.v195-kva-summary strong{
display:block;
font-size:27px;
line-height:1;
}
.v195-case-summary span,
.v195-kva-summary span{
display:block;
color:var(--muted);
font-size:12px;
margin-top:6px;
}
.v195-case-result-note{
padding:11px 14px;
border-top:1px solid var(--line);
color:var(--muted);
background:#fff;
}
.v195-case-result-note strong{color:var(--ink)}
.v195-open-task-count{
display:block;
margin-top:5px;
color:#995800;
font-size:11px;
font-weight:800;
}
.v195-kva-statusbar{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
padding:10px 12px;
margin-bottom:10px;
border:1px solid var(--line);
border-radius:12px;
background:#f8f9fb;
}
.v195-kva-statusbar>strong{margin-right:4px}
.v195-kva-statusbar .active{
color:#fff;
background:#20242a;
border-color:#20242a;
}
#page-settings.v195-settings-ready #v12SettingsShell,
#page-settings.v195-settings-ready .v12-settings-tabs,
#page-settings.v195-settings-ready .v12-settings-panels{
visibility:visible!important;
opacity:1!important;
}
#page-settings.v195-settings-ready #v12SettingsShell{display:block!important}
#page-settings.v195-settings-ready .v12-settings-tabs{display:flex!important}
#page-settings.v195-settings-fallback>.stationery-card,
#page-settings.v195-settings-fallback>.pricing-card,
#page-settings.v195-settings-fallback>.v11-worktime-card,
#page-settings.v195-settings-fallback>.v10-kva-settings,
#page-settings.v195-settings-fallback>.grid{
display:block!important;
visibility:visible!important;
opacity:1!important;
margin-bottom:16px;
}
@media(max-width:800px){
.v195-case-summary,.v195-kva-summary{grid-template-columns:1fr}
}
/* SOURCE: styles/releases/v0196.css */
.v196-case-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.v196-source-meta{margin:12px 0;padding:12px 14px;border:1px solid #d8e5ee;border-left:4px solid #3284b8;border-radius:10px;background:#f5faff;line-height:1.55}
.v196-source-meta small{color:var(--muted)}
.badge.v196-status.palette-orange .dot{background:#f59e0b}
.badge.v196-status.palette-purple .dot{background:#8b5cf6}
.badge.v196-status.palette-red .dot{background:#ef4444}
.badge.v196-status.palette-pink .dot{background:#ec4899}
.badge.v196-status.palette-teal .dot{background:#14b8a6}
.badge.v196-status.palette-yellow .dot{background:#eab308}
.badge.v196-status.palette-blue .dot{background:#3b82f6}
.badge.v196-status.palette-lime .dot{background:#84cc16}
.badge.v196-status.palette-green .dot{background:#22c55e}
.badge.v196-status.palette-neutral .dot{background:#64748b}
@media(max-width:1180px){.v196-case-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v196-case-summary{grid-template-columns:1fr}}
/* SOURCE: styles/releases/v0197.css */
/* Holtikon Betriebs-App v0.19.7 */
/* Tabellenkoepfe bleiben in allen scrollbaren Tabellen sichtbar. */
.table-wrap{max-height:72vh;overflow:auto}
.table thead th,.service-calc-table thead th,.doc-lines-wrap thead th,.dn-catalog-table thead th{position:sticky;top:64px;z-index:8;background:#f7f8fa;box-shadow:0 1px 0 var(--line)}
.table-wrap .table thead th,.service-calc-table thead th,.doc-lines-wrap thead th,.dn-catalog-table thead th{top:0}
.table-wrap table{border-collapse:separate;border-spacing:0}
.v197-case-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.v197-status-bg{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid transparent;border-radius:8px;font-weight:800;line-height:1.15;white-space:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.v197-tone-neutral{background:#e8edf2!important;color:#334155!important;border-color:#cbd5e1!important}
.v197-tone-purple{background:#ede3ff!important;color:#5b21b6!important;border-color:#c4b5fd!important}
.v197-tone-teal{background:#d6f5ef!important;color:#0f675b!important;border-color:#8bd8ca!important}
.v197-tone-yellow{background:#fff0b5!important;color:#775900!important;border-color:#e7c95e!important}
.v197-tone-orange{background:#ffe0bb!important;color:#8b3d00!important;border-color:#f2ae63!important}
.v197-tone-blue{background:#dbeafe!important;color:#174a8b!important;border-color:#93c5fd!important}
.v197-tone-lime{background:#e7f7c8!important;color:#426512!important;border-color:#b8da75!important}
.v197-tone-green{background:#d8f3df!important;color:#176232!important;border-color:#86d49b!important}
.v197-tone-red{background:#ffd9d7!important;color:#8f2020!important;border-color:#ee9792!important}
.v12-status-cell .v197-status-bg{width:100%;justify-content:center;text-align:center}
.v197-collapsible{border-color:#dfe3e8}
.v197-collapsible>.profile-section-head{cursor:pointer}
.v197-collapsible:not(.open)>:not(.profile-section-head){display:none!important}
.v197-collapse-toggle{order:-1;min-width:76px}
.v197-result-type{display:block;color:#8b5c15;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.v197-search-card{min-height:320px}
.v197-search-card .profile-head small{display:block;color:var(--muted);font-weight:700;margin-bottom:4px}
.v197-edit-tenant{margin-right:4px}
.v197-address-heading{padding:10px 12px;border-radius:9px;background:#f6f8fa;border:1px solid var(--line)}
.v197-address-heading strong,.v197-address-heading small{display:block}
.v197-address-heading small{color:var(--muted);margin-top:3px}
.v197-fixed-texts{border:1px solid #dfe3e8;border-radius:12px;background:#f8fafc;padding:12px;margin:10px 0}
.v197-fixed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px}
.v197-fixed-head strong,.v197-fixed-head small{display:block}
.v197-fixed-head small{color:var(--muted);margin-top:3px}
.v197-fixed-list{display:grid;gap:9px}
.v197-fixed-row{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(300px,1fr) auto;gap:8px;align-items:start}
.v197-fixed-row select,.v197-fixed-row textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}
.v197-fixed-post{background:#fffaf0}
.v197-kva-summary{grid-template-columns:repeat(4,minmax(150px,220px))}
@media(max-width:1180px){.v197-case-summary,.v197-kva-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v197-fixed-row{grid-template-columns:1fr}.v197-fixed-row .danger{justify-self:end}}
@media(max-width:680px){.v197-case-summary,.v197-kva-summary{grid-template-columns:1fr}.v197-fixed-head{flex-direction:column}.table-wrap{max-height:68vh}}
/* SOURCE: styles/features/v0201/core.css */
/* ZaPhi Manager v0.20.2 – workflow, planner and master-data refinements */
:root{--v20-status:#7c8794}
.badge.v20-status-solid{opacity:1!important;filter:none!important;background-image:none!important;color:#fff!important;box-shadow:none!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
/* SOURCE: styles/features/v0201/global-search.css */
/* Focused global search */
.topbar>.search{position:relative}
.v20-global-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:160;background:#fff;border:1px solid #d9dee4;border-radius:12px;box-shadow:0 16px 38px rgba(28,33,39,.18);overflow:hidden;max-height:360px;overflow-y:auto}
.v20-global-results[hidden]{display:none}
.v20-global-results button{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:10px 12px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:9px;align-items:center;text-align:left}
.v20-global-results button:hover,.v20-global-results button.active{background:#fff4eb}
.v20-global-results .kind{font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#7a4b27}
.v20-global-results .value{font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v20-global-suggestion-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.v20-global-suggestion-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.v20-global-empty{padding:12px;color:var(--muted);font-size:12px}
.v20-global-full-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 13px;border-bottom:1px solid var(--line)}
.v20-global-full-head strong{font-size:15px}
.v20-global-full-head span{color:var(--muted);font-size:11px}
.v20-global-full-list{max-height:62vh;overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:12px;margin-top:12px}
.v20-global-full-list>button{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:12px 14px;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}
.v20-global-full-list>button:last-child{border-bottom:0}
.v20-global-full-list>button:hover{background:#fff5ed}
.v20-global-full-list .kind{font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#7a4b27}
.v20-global-full-list strong,.v20-global-full-list small{display:block}
.v20-global-full-list strong{font-size:13px}
.v20-global-full-list small{color:var(--muted);font-size:10px;margin-top:3px}
.v20-global-full-list b{color:#a54b0b;font-size:10px;white-space:nowrap}
@media(max-width:620px){.v20-global-full-head{align-items:flex-start;flex-direction:column}.v20-global-full-list>button{grid-template-columns:72px minmax(0,1fr)}.v20-global-full-list b{display:none}}
/* SOURCE: styles/features/v0201/customers.css */
/* Compact customer list */
#customerList>.list-item{padding:9px 11px!important}
#customerList>.list-item h3{margin:0 0 2px;font-size:13px}
#customerList>.list-item p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.25}
.v20-customer-short{color:#4f5963!important}
.v20-discount-kv strong{color:#2c6d4a}
/* SOURCE: styles/features/v0201/planner.css */
/* Planner: flatter rows, lean cards, multi-resource identity */
#planner .planner-row{min-height:48px!important;height:48px!important}
#planner .day-cell{min-height:48px!important;height:48px!important}
#planner .employee-cell{min-height:48px!important;height:48px!important;padding:4px 7px!important;align-items:center!important;gap:5px!important}
#planner .employee-cell strong{font-size:11px;line-height:1.15}
#planner .employee-cell small{font-size:9px;line-height:1.1}
#planner .employee-cell .v11-model-label{display:none!important}
.v20-employee-order{display:flex;gap:1px;margin-left:auto;opacity:0;transition:opacity .15s}
.employee-cell:hover .v20-employee-order{opacity:1}
.v20-employee-order button{border:0;background:#edf0f2;border-radius:5px;width:18px;height:18px;padding:0;font-size:9px}
.appt.v20-appt{top:2px!important;height:44px!important;padding:4px 7px!important;gap:0!important;justify-content:center!important}
.appt.v20-appt .v20-appt-name{font-size:10px;font-weight:900;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appt.v20-appt .v20-appt-address,.appt.v20-appt .v20-appt-phone{font-size:8px;font-weight:700;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}
.appt.v20-appt.v20-series:after{content:'↻';position:absolute;right:4px;top:2px;font-size:9px;font-weight:900;opacity:.66}
.v20-resource-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}
.v20-resource-pick{display:flex;align-items:center;gap:7px;border:1px solid #dde2e7;border-radius:9px;padding:8px 9px;background:#fff;font-size:11px;font-weight:700}
.v20-resource-pick input{width:auto}
.v20-team-picks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.v20-team-picks button{border:1px solid #d8dde2;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}
.v20-team-picks button.active{color:#fff;border-color:transparent;background:var(--v20-team-color,#596774)}
.v20-time-grid{display:grid;grid-template-columns:1.25fr .8fr 1.25fr .8fr;gap:9px;align-items:end}
.v20-series-box{border:1px solid #e0e4e8;background:#fafbfc;border-radius:11px;padding:10px 11px}
.v20-series-controls{display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr;gap:8px;align-items:end;margin-top:8px}
.v20-series-scope{display:grid;gap:6px;border:1px solid #f0c9a8;background:#fff8f2;border-radius:10px;padding:9px 10px}
.v20-attachment-list{display:grid;gap:5px;margin-top:7px}
.v20-attachment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:7px 8px;border:1px solid #e3e6e9;border-radius:8px;background:#fff;font-size:10px}
.v20-appt-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v20-appt-preview .v20-preview-card{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafbfc;min-width:0}
.v20-appt-preview .full{grid-column:1/-1}
.v20-appt-preview small{display:block;color:var(--muted);font-size:9px;font-weight:800;margin-bottom:3px}
.v20-appt-preview strong,.v20-appt-preview p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v20-audit{max-height:180px;overflow:auto;border-top:1px solid var(--line);margin-top:8px;padding-top:7px}
.v20-audit div{font-size:10px;margin-bottom:5px}
.v20-audit time{display:block;color:var(--muted);font-size:9px}
/* SOURCE: styles/features/v0201/cases.css */
/* Cases: compact status dropdown, no unused columns/arrows */
.v20-case-filter{display:grid;grid-template-columns:minmax(280px,1fr) 235px 210px 44px;gap:9px;align-items:end}
.v20-status-select,.v20-inline-status{border:2px solid var(--v20-status)!important;border-radius:9px!important;font-weight:800!important}
.v20-status-select{background:#fff!important}
.v20-inline-status{max-width:205px;padding:5px 7px;font-size:10px;background:var(--v20-status)!important;color:#fff!important;opacity:1!important}
.v20-status-option{font-weight:800}
.v20-case-row td{vertical-align:top;padding-top:9px!important;padding-bottom:9px!important}
.v20-case-row .v20-case-short{max-width:320px;white-space:normal;line-height:1.25}
.v20-case-status-form{display:grid;gap:10px}
.v20-case-status-note{border:1px solid #eed1b7;background:#fff8f1;border-radius:10px;padding:9px 10px;font-size:11px}
.v20-inline-edit{border:0;background:transparent;color:#a54b0b;font-size:10px;font-weight:800;padding:3px 0;margin-top:5px}
/* SOURCE: styles/features/v0201/employees.css */
/* Employees and roles */
.v20-employee-table-wrap{overflow-x:auto}
.v20-employee-table{width:100%;border-collapse:collapse;table-layout:fixed}
.v20-employee-table th,.v20-employee-table td{padding:8px 7px;border-bottom:1px solid #e9ecef;text-align:left;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v20-employee-table th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.03em}
.v20-employee-table th:nth-child(1){width:24%}.v20-employee-table th:nth-child(2){width:19%}.v20-employee-table th:nth-child(3){width:11%}.v20-employee-table th:nth-child(4){width:17%}.v20-employee-table th:nth-child(5){width:9%}.v20-employee-table th:nth-child(6){width:15%}.v20-employee-table th:nth-child(7){width:90px}
.v20-role-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 7px;color:#fff;font-size:9px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.v20-employee-actions{display:flex;gap:3px;justify-content:flex-end}
.v20-employee-actions button{border:1px solid #dde2e6;background:#fff;border-radius:6px;padding:3px 5px;font-size:9px}
.v20-role-row{display:grid;grid-template-columns:minmax(150px,1fr) 40px;gap:6px;align-items:end}
.v20-new-role{display:none;grid-template-columns:minmax(150px,1fr) 70px auto;gap:7px;align-items:end;margin-top:7px;padding:8px;border:1px dashed #d3d9df;border-radius:9px}
.v20-new-role.show{display:grid}
.v20-team-settings{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.v20-team-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.v20-team-chip{display:flex;align-items:center;gap:6px;border:1px solid #dde2e6;border-radius:999px;padding:6px 9px;background:#fff;font-size:10px}
/* SOURCE: styles/features/v0201/responsive.css */
@media(max-width:900px){.v20-case-filter{grid-template-columns:1fr 1fr}.v20-time-grid,.v20-series-controls{grid-template-columns:1fr 1fr}.v20-employee-table{min-width:760px}}
@media(max-width:620px){.v20-case-filter,.v20-time-grid,.v20-series-controls,.v20-appt-preview{grid-template-columns:1fr}.v20-appt-preview .full{grid-column:auto}.v20-global-results button{grid-template-columns:68px minmax(0,1fr)}}
/* SOURCE: styles/design/tokens.css */
/*
* Zentrale Designwerte der Holtikon Betriebs-App.
* Farben, Schrift, Abstände, Rundungen und Schatten für die gesamte App
* werden hier geändert. Bereichsspezifische Maße bleiben in den jeweiligen
* Dateien unter styles/features/.
*/
:root {
--brand-primary: #f47b20;
--brand-primary-light: #ff9a4f;
--brand-surface: #fff4eb;
--brand-surface-strong: #fff0e4;
--color-text: #1c2127;
--color-text-muted: #6f7782;
--color-border: #e7e9ed;
--color-page: #f5f6f8;
--color-surface: #ffffff;
--color-danger: #c83b3b;
--color-success: #2f8f62;
--color-warning: #b77a18;
--font-app: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--font-size-base: 16px;
--radius-card: 16px;
--radius-control: 10px;
--radius-navigation: 9px;
--radius-search: 12px;
--radius-modal: 18px;
--radius-pill: 999px;
--focus-ring: rgba(244, 123, 32, 0.10);
--search-min-height: 44px;
--search-border: #cfd5dc;
--search-surface: #fffaf6;
--shadow-card: 0 8px 28px rgba(29, 33, 39, 0.08);
--shadow-modal: 0 24px 80px rgba(0, 0, 0, 0.25);
--page-padding-top: 18px;
--page-padding-x: 22px;
--page-padding-bottom: 32px;
--topbar-min-height: 64px;
--topbar-padding-y: 8px;
--topbar-padding-x: 18px;
--card-padding: 18px;
--table-padding-y: 12px;
--table-padding-x: 14px;
/* Rückwärtskompatible Namen für die bestehenden Funktionsmodule. */
--orange: var(--brand-primary);
--orange-2: var(--brand-primary-light);
--ink: var(--color-text);
--muted: var(--color-text-muted);
--line: var(--color-border);
--bg: var(--color-page);
--card: var(--color-surface);
--danger: var(--color-danger);
--ok: var(--color-success);
--warn: var(--color-warning);
--radius: var(--radius-card);
--shadow: var(--shadow-card);
--sidebar: 242px;
}
/* SOURCE: styles/design/foundation.css */
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit} button{cursor:pointer}
.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#20242a;color:white;padding:20px 14px;display:flex;flex-direction:column;gap:14px;z-index:30}
.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.logo{width:42px;height:42px;border-radius:12px;background:var(--orange);display:grid;place-items:center;font-weight:900;font-size:21px;box-shadow:inset 0 -8px 20px rgba(0,0,0,.08)}
.brand strong{display:block;font-size:18px}.brand small{color:#b9c0c8}
.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:0;background:transparent;color:#d6d9dd;padding:11px 12px;border-radius:10px;text-align:left;display:flex;gap:10px;align-items:center}.nav button:hover,.nav button.active{background:rgba(244,123,32,.16);color:#fff}.nav .ico{width:23px;text-align:center}
.sidebar-footer{margin-top:auto;color:#9ea5ad;font-size:12px;padding:8px}.sidebar-footer button{margin-top:8px;background:#343a42;color:#fff;border:0;border-radius:9px;padding:8px 10px;width:100%}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:rgba(245,246,248,.92);backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(0,0,0,.04)}
.menu-btn{display:none;border:0;background:#fff;border-radius:10px;padding:9px 11px;box-shadow:var(--shadow)}
.search{flex:1;max-width:680px;position:relative}.search input{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:12px 14px 12px 40px;outline:none}.top-actions{margin-left:auto;display:flex;gap:8px}.pill,.btn{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px}.btn.primary{background:var(--orange);color:white;border-color:var(--orange);font-weight:700}.btn.ghost{background:transparent}.btn.danger{color:#a32828}.btn.small{padding:7px 9px;font-size:13px}
.content{padding:22px;max-width:none;margin:0}.page{display:none}.page.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:5px 0 0;color:var(--muted)}
.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:18px}.metric .label{color:var(--muted);font-size:13px}.metric .num{font-size:30px;font-weight:800;margin-top:6px}.metric .sub{font-size:12px;color:var(--muted);margin-top:4px}.accent-line{border-top:4px solid var(--orange)}
.section-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.section-title h2{margin:0;font-size:18px}.section-title small{color:var(--muted)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7a828b;background:#fafbfc}.table tr.clickable:hover{background:#fff8f2}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#eef1f4;color:#59616a}.badge.orange{background:#fff0e4;color:#a95213}.badge.green{background:#e9f6ef;color:#24724e}.badge.red{background:#fdecec;color:#a32b2b}.badge.blue{background:#eaf2fb;color:#2c6295}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.split{display:grid;grid-template-columns:minmax(300px,38%) 1fr;gap:16px}.list-card{overflow:hidden}.list-item{padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}.list-item:hover,.list-item.active{background:#fff7f0}.list-item h3{font-size:15px;margin:0 0 4px}.list-item p{margin:0;color:var(--muted);font-size:13px}.detail{padding:18px}.detail h2{margin:0 0 4px}.muted{color:var(--muted)}.kvs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.kv{background:#fafbfc;border:1px solid var(--line);padding:11px;border-radius:10px}.kv small{color:var(--muted);display:block;margin-bottom:5px}.subcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini{border:1px solid var(--line);border-radius:12px;padding:12px}.mini h4{margin:0 0 8px}.mini p{margin:4px 0;font-size:13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.hr{height:1px;background:var(--line);margin:16px 0}
.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;padding:4px 0 18px 28px}.timeline-item:before{content:'';position:absolute;left:7px;top:8px;width:10px;height:10px;background:var(--orange);border-radius:50%}.timeline-item:after{content:'';position:absolute;left:11px;top:20px;bottom:0;width:2px;background:#eceef1}.timeline-item:last-child:after{display:none}.timeline-item strong{font-size:14px}.timeline-item small{display:block;color:var(--muted);margin-top:3px}
/* SOURCE: styles/features/customers.css */
/* Kunden-/Hausverwaltungsakte */
.customer-profile{display:flex;flex-direction:column;gap:16px}.profile-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.profile-head h2{margin:0 0 6px}.profile-address{color:var(--muted);line-height:1.45}.profile-section{border-top:1px solid var(--line);padding-top:16px}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.profile-section-head h3{margin:0}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.contact-card h4{margin:0 0 3px}.contact-card .role{font-size:12px;color:var(--muted);margin-bottom:8px}.contact-line{display:flex;gap:7px;align-items:flex-start;margin:5px 0;font-size:13px;word-break:break-word}.contact-line a{color:inherit;text-decoration:none}.contact-line a:hover{text-decoration:underline}.unassigned{background:#fff8ef;border:1px solid #f4d1ad;border-radius:12px;padding:12px}.unassigned h4{margin:0 0 8px}.phone-chips{display:flex;flex-wrap:wrap;gap:7px}.phone-chip{background:#fff;border:1px solid #efc99f;border-radius:999px;padding:6px 9px;font-size:12px}.billing-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.billing-tools input{min-width:230px;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.billing-scroll{max-height:760px;overflow:auto;padding:2px 4px 2px 0}.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-card{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:12px;padding:12px;min-height:118px}.billing-card .billing-label{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}.billing-card h4{margin:0 0 5px;font-size:14px}.billing-card p{margin:2px 0;font-size:13px;line-height:1.35}.billing-card .billing-actions{display:flex;gap:5px;margin-top:8px}.billing-card .billing-actions button{border:0;background:white;border-radius:7px;padding:5px 7px;font-size:11px}.address-suggestions{position:absolute;left:0;right:0;top:100%;margin-top:3px;background:#fff;border:1px solid #dfe2e6;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.14);z-index:140;overflow:hidden;display:none}.address-suggestions.show{display:block}.address-suggestion{padding:9px 10px;border-bottom:1px solid #eef0f2;cursor:pointer;font-size:13px}.address-suggestion:last-child{border-bottom:0}.address-suggestion:hover{background:#fff5ec}.address-suggestion strong{display:block}.address-suggestion small{color:var(--muted)}.field.address-street{position:relative}.demo-hint{font-size:11px;color:var(--muted);margin-top:4px}.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
/* SOURCE: styles/features/master-data.css */
/* Artikelstamm / Ordnerstruktur */
.master-tabs{display:flex;gap:8px;margin-bottom:14px}.master-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:700}.master-tabs button.active{background:#20242a;color:#fff;border-color:#20242a}.master-tabs span{font-weight:500;opacity:.75;margin-left:5px}
.master-workspace{display:grid;grid-template-columns:minmax(285px,330px) 1fr;gap:14px;align-items:start}.master-tree-card,.master-list-card{min-width:0;overflow:hidden}.master-search{padding:10px 12px;border-bottom:1px solid var(--line)}.master-search input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none}
.article-tree{max-height:68vh;overflow:auto;padding:8px}.tree-main{border:1px solid transparent;border-radius:10px;margin-bottom:4px}.tree-main.drag-over,.tree-sub.drag-over{background:#fff0e4;border-color:#f3b37e}.tree-main-head,.tree-sub{display:flex;align-items:center;gap:7px;border-radius:9px;padding:8px 8px;cursor:pointer;user-select:none}.tree-main-head:hover,.tree-sub:hover,.tree-main-head.active,.tree-sub.active{background:#fff5ec}.tree-main-head strong{font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-main-head .tree-code,.tree-sub .tree-code{font-size:11px;font-weight:800;color:#7b838d;min-width:29px}.tree-count{flex-shrink:0;font-size:11px;color:#858c95;background:#eef0f2;border-radius:999px;padding:3px 6px}.tree-actions{display:flex;gap:2px;flex-shrink:0}.tree-actions button{border:0;background:transparent;border-radius:6px;padding:3px 5px;color:#777}.tree-actions button:hover{background:#fff}.tree-children{padding-left:17px}.tree-sub{font-size:12px;margin:1px 0}.tree-sub .tree-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-folder{width:17px;text-align:center;color:#b86628}
.master-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--line)}.master-list-head h2{margin:0 0 3px;font-size:18px}.master-article-scroll{max-height:69vh}.master-table{min-width:980px}.master-table tbody tr{cursor:default}.master-table tbody tr.article-row.selected{background:#fff1e6}.master-table tbody tr.article-row.dragging{opacity:.45}.master-table td:nth-child(3){max-width:430px}.master-table td .article-name{font-weight:650}.master-table td .article-long{font-size:11px;color:var(--muted);margin-top:3px;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-more{padding:10px 14px;text-align:center;border-top:1px solid var(--line);display:none}.master-more.show{display:block}.master-more button{border:0;background:#fff3e8;color:#9c4d13;border-radius:9px;padding:8px 12px;font-weight:700}
.context-menu{position:fixed;z-index:500;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.18);padding:5px;min-width:190px;display:none}.context-menu.show{display:block}.context-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px}.context-menu button:hover{background:#fff3e8}
.drop-note{font-size:11px;color:var(--muted);padding:7px 10px;background:#fafbfc;border-top:1px solid var(--line)}
@media(max-width:1050px){.master-workspace{grid-template-columns:1fr}.article-tree{max-height:300px}.master-article-scroll{max-height:56vh}}
/* SOURCE: styles/features/planner.css */
/* Planner */
.planner-shell{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.planner-controls{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.planner-controls select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff}.planner-hint{padding:7px 12px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);background:#fafbfc}.planner-scroll{overflow:auto;max-height:72vh;scroll-behavior:smooth}.planner{--day-width:180px;--days:30;position:relative;width:max-content;min-width:100%}.planner-head,.planner-row{display:grid;grid-template-columns:180px repeat(var(--days),var(--day-width));width:max-content;min-width:100%}.planner-head{position:sticky;top:0;background:white;z-index:20;border-bottom:1px solid var(--line)}.planner-corner{position:sticky;left:0;z-index:25;background:#fff;padding:10px;border-right:1px solid var(--line);font-weight:800}.dayhead{position:relative;border-right:1px solid var(--line);background:#fff;min-width:0}.day-title{height:34px;padding:7px 9px 4px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:800;font-size:12px;border-bottom:1px solid #eef0f2}.day-title small{color:var(--muted);font-weight:600}.hours-strip{height:24px;position:relative;font-size:9px;color:#737b82;background:#fbfcfd}.hours-strip span{position:absolute;top:5px;transform:translateX(-50%);white-space:nowrap}.hours-strip span:first-child{transform:none}.hours-strip span:last-child{transform:translateX(-100%)}.planner-row{min-height:82px;border-bottom:1px solid var(--line)}.employee-cell{position:sticky;left:0;background:#fff;z-index:10;padding:12px;border-right:1px solid var(--line);display:flex;align-items:flex-start;gap:9px}.employee-mark{width:10px;height:42px;border-radius:8px}.employee-cell strong{display:block}.employee-cell small{color:var(--muted)}.day-cell{position:relative;border-right:1px solid var(--line);background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(9.0909% - 1px),#edf0f2 calc(9.0909% - 1px),#edf0f2 9.0909%);cursor:crosshair;min-height:82px}.day-cell.weekend{background-color:#fbfbfb}.dayhead.is-today,.day-cell.is-today{box-shadow:inset 0 0 0 2px rgba(244,123,32,.35)}.day-cell.drop-target{outline:2px solid var(--accent);outline-offset:-2px}.appt{position:absolute;top:9px;height:63px;border-radius:9px;padding:7px 12px;border:1px solid rgba(0,0,0,.10);overflow:hidden;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:grab;user-select:none;touch-action:none;z-index:4}.appt:active{cursor:grabbing}.appt strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding-right:4px}.appt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.appt .appt-actions{display:flex;gap:4px;margin-top:5px}.appt .appt-actions button{border:0;background:rgba(255,255,255,.78);border-radius:5px;padding:2px 5px;font-size:10px}.resize-handle{position:absolute;top:0;bottom:0;width:8px;z-index:8;cursor:ew-resize}.resize-handle.left{left:0}.resize-handle.right{right:0}.planner-pending{background:#fff3e9;border-bottom:1px solid #f4c49e;color:#8a4b18;padding:8px 12px;font-size:12px;font-weight:700}.planner-zoom-label{display:flex;gap:6px;align-items:center}
.swatch{width:12px;height:12px;border-radius:4px;display:inline-block;border:1px solid rgba(0,0,0,.12);vertical-align:-1px;margin-right:5px}
/* Shared date window selector. Appended to body so the scrollable toolbar cannot clip it. */
.planner-range-button{font-weight:700;max-width:100%;white-space:normal;text-align:left}
.planner-range-button::after{content:" ▾";color:var(--muted)}
.planner-date-picker{position:fixed;z-index:2400;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);box-shadow:var(--shadow-modal);max-height:calc(100dvh - 16px);overflow:auto;font-family:var(--font-app);font-size:14px}
.planner-picker-title,.planner-picker-month,.planner-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.planner-picker-month{margin:10px 0}
.planner-picker-weekdays,.planner-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.planner-picker-weekdays{color:var(--muted);font-size:12px;margin-bottom:4px}
.planner-picker-day{box-sizing:border-box;min-width:0;height:36px;border:1px solid transparent;border-radius:7px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;padding:0;touch-action:manipulation}
.planner-picker-day:hover,.planner-picker-day:focus-visible{background:var(--bg);border-color:var(--orange);outline:2px solid var(--orange);outline-offset:-2px}
.planner-date-picker .planner-picker-day.is-other-month:not(.is-selected){color:var(--muted)!important;opacity:.65}
.planner-date-picker .planner-picker-day[aria-current="date"]{border-color:var(--orange)!important}
.planner-picker-day.is-selected{background:var(--orange);color:#171d23;font-weight:800;opacity:1}
.planner-picker-input{display:grid;gap:4px;margin:12px 0 10px;font-size:12px;color:var(--muted)}
.planner-picker-input input{box-sizing:border-box;min-width:0;width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--card);color:var(--ink);font:inherit;font-size:16px}
@media(max-width:640px){.planner-controls>.planner-range-button{width:100%;order:2;font-size:12px}}
/* SOURCE: styles/design/forms.css */
/* Forms */
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(22,25,29,.42);z-index:100;align-items:center;justify-content:center;padding:18px}.modal-backdrop.show{display:flex}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:white;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.modal.wide{width:min(1180px,96vw)}.modal-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-body{padding:18px}.modal-foot{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#5f6670}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe2e6;border-radius:10px;padding:10px 11px;outline:none;background:#fff}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.1)}
.empty{padding:28px;text-align:center;color:var(--muted)}
.dropzone{border:2px dashed #d7dbe0;border-radius:14px;padding:32px;text-align:center;background:#fafbfc}.dropzone.drag{border-color:var(--orange);background:#fff7f0}.dropzone strong{display:block;margin-bottom:6px}.dropzone input{display:none}
.calc-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.totals{padding:18px}.total-row{display:flex;justify-content:space-between;padding:7px 0}.total-row.big{font-size:20px;font-weight:800;border-top:1px solid var(--line);margin-top:7px;padding-top:13px}
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module{padding:18px}.module h3{margin:0 0 7px}.module p{color:var(--muted);font-size:13px;min-height:38px}.module .state{margin-top:12px}
.toast{position:fixed;right:20px;bottom:20px;background:#20242a;color:white;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);z-index:200;opacity:0;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.grid.cards{grid-template-columns:repeat(2,1fr)}.split,.calc-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}}
/* SOURCE: styles/features/service-calculation.css */
/* Leistungs-Kalkulationseditor v0.6 */
.service-editor-section{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.service-editor-section h4{margin:0 0 10px}.service-add-article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,2fr) 120px auto;gap:9px;align-items:end}.service-add-article .field{min-width:0}.service-calc-table{border:1px solid var(--line);border-radius:12px;overflow:auto;margin-top:10px}.service-calc-table table{width:100%;min-width:820px;border-collapse:collapse}.service-calc-table th,.service-calc-table td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.service-calc-table th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#fafbfc}.service-calc-table input{width:92px;border:1px solid var(--line);border-radius:8px;padding:7px 8px}.service-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.service-summary .kv{margin:0}.service-summary .total{background:#fff4ea;border-color:#f3c49e}.service-summary strong{font-size:16px}.pricing-card{margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-grid input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px}.pricing-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.pricing-note{font-size:12px;color:var(--muted);line-height:1.45}.modal.wide .calc-breakdown{overflow-x:hidden}.modal.wide .calc-breakdown table{min-width:0;table-layout:fixed}.modal.wide .calc-breakdown th:nth-child(2),.modal.wide .calc-breakdown td:nth-child(2){width:38%;word-break:break-word}.modal.wide .service-detail-text{max-width:none}.service-toolbar{display:flex;gap:8px;justify-content:flex-end;margin:0 0 10px;flex-wrap:wrap}
@media(max-width:900px){.service-add-article{grid-template-columns:1fr 1fr}.service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:1fr}.modal.wide{width:min(96vw,1180px)}}
@media(max-width:620px){.service-add-article{grid-template-columns:1fr}.service-summary{grid-template-columns:1fr}.service-calc-table table{min-width:720px}}
@media(max-width:760px){:root{--sidebar:240px}.app{display:block}.sidebar{position:fixed;left:-260px;width:240px;transition:.2s;box-shadow:10px 0 35px rgba(0,0,0,.2)}.sidebar.open{left:0}.menu-btn{display:inline-block}.content{padding:14px}.topbar{padding:12px}.top-actions .pill{display:none}.grid.cards,.module-grid,.subcards,.kvs,.form-grid,.contact-grid,.billing-grid,.profile-stats,.commercial-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.page-head .toolbar{width:100%}.split{display:block}.list-card{margin-bottom:14px}.field.full{grid-column:auto}.profile-head{flex-direction:column}.billing-tools{width:100%}.billing-tools input{min-width:0;width:100%}}
/* SOURCE: styles/features/service-master.css */
/* Leistungsstamm v0.6 */
.source-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700;background:#eef1f4;color:#59616a}.source-pill.current{background:#e8f6ee;color:#26704d}.source-pill.new{background:#eaf2fb;color:#2c6295}.source-pill.old{background:#fff3e8;color:#9a571e}
.service-row.selected{background:#fff3e9}.service-row{cursor:default}.service-row td:nth-child(3){min-width:300px}.service-name{font-weight:700}.service-long{font-size:12px;color:var(--muted);margin-top:3px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.service-detail-box{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafbfc}.service-detail-box small{display:block;color:var(--muted);margin-bottom:4px}.service-detail-text{border:1px solid var(--line);border-radius:10px;padding:12px;line-height:1.45;white-space:pre-wrap;margin:10px 0}.calc-breakdown{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px}.calc-breakdown table{min-width:680px}.service-source-note{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.45}
@media(max-width:900px){.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* SOURCE: styles/features/rich-editor-velux.css */
/* v0.7 Rich-Text & VELUX */
.rich-editor-wrap{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.rich-toolbar{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--line);background:#f8f9fa}.rich-toolbar button{width:34px;height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font-weight:800;cursor:pointer}.rich-editor{min-height:145px;padding:11px 12px;outline:none;line-height:1.5}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa1a8}.velux-note{padding:10px 12px;border:1px solid #f2c79f;background:#fff7ef;border-radius:10px;font-size:12px;line-height:1.45}.modal.wide{width:min(97vw,1480px);max-width:1480px}.modal.wide .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.modal.wide .field.full{grid-column:1/-1}.modal.wide .service-editor-section{overflow:hidden}.modal.wide .service-calc-table table{min-width:1000px}
@media(max-width:900px){.modal.wide .form-grid{grid-template-columns:1fr 1fr}.modal.wide{width:97vw}}
@media(max-width:620px){.modal.wide .form-grid{grid-template-columns:1fr}}
/* SOURCE: styles/features/documents.css */
/* v0.8 Dokumente / Briefpapier */
.small-text{font-size:11px}.checkline{display:flex;align-items:center;gap:8px;margin:8px 0}.stationery-card{margin-bottom:16px}.stationery-tabs{display:flex;gap:7px;margin-bottom:12px}.stationery-tabs .active{background:#20242a;color:#fff;border-color:#20242a}.stationery-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);gap:18px;align-items:start}.stationery-controls{display:flex;flex-direction:column;gap:12px}.stationery-group{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fafbfc}.stationery-group h3{margin:0 0 10px;font-size:15px}.upload-button{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-weight:700;cursor:pointer;margin-right:6px}.upload-button input{display:none}.stationery-preview-wrap{position:sticky;top:84px}.preview-title{text-align:center;font-weight:700;margin-bottom:6px}.paper-preview,.document-paper{position:relative;background:#fff center top/100% 100% no-repeat;border:1px solid #dfe2e6;border-radius:10px;box-shadow:0 7px 24px rgba(0,0,0,.12);aspect-ratio:210/297;overflow:hidden;font-size:10px;color:#111}.paper-content{position:absolute;left:11.5%;right:8%;top:25%;bottom:12%;display:flex;flex-direction:column}.paper-sender{font-size:7px;margin-bottom:5px}.paper-recipient{min-height:54px;white-space:pre-line;line-height:1.25}.paper-contact{position:absolute;right:0;top:95px;text-align:right;font-size:8px;line-height:1.3}.paper-heading{font-size:16px;font-weight:800;margin:23px 0 8px}.paper-subject{margin:0 0 12px;line-height:1.35}.paper-intro{margin-bottom:12px;line-height:1.4}.paper-table{width:100%;border-collapse:collapse;font-size:8px}.paper-table th{background:#e9eaec;padding:4px;text-align:left}.paper-table td{padding:4px;border-bottom:1px solid #f0f0f0;vertical-align:top}.paper-table .num{text-align:right;white-space:nowrap}.paper-totals{margin-left:auto;width:45%;margin-top:10px;font-size:9px}.paper-totals div{display:flex;justify-content:space-between;padding:2px 0}.paper-totals .grand{font-weight:800;border-top:1px solid #aaa;margin-top:3px;padding-top:5px}.paper-footer{position:absolute;left:11.5%;right:8%;bottom:4.5%;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;font-size:6.5px;line-height:1.25;white-space:pre-line}.paper-footer.separator{border-top:1px solid #bbb;padding-top:5px}.paper-page-number{position:absolute;right:8%;bottom:10%;font-size:7px}.paper-logo-default{position:absolute;right:7%;top:4.5%;font-size:25px;font-weight:900;color:#c88300;letter-spacing:.02em}.paper-logo-img{position:absolute;right:5%;top:3.5%;max-width:35%;max-height:14%;object-fit:contain}.doc-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}.doc-list-card{overflow:hidden;max-height:78vh;overflow-y:auto}.doc-editor-card{min-width:0;padding:16px}.doc-list-row{padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.doc-list-row:hover,.doc-list-row.active{background:#fff5ec}.doc-list-row strong{display:block}.doc-list-row small{color:var(--muted)}.doc-editor-grid{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);gap:16px;align-items:start}.doc-form{display:flex;flex-direction:column;gap:10px}.doc-form .form-grid{grid-template-columns:1fr 1fr}.doc-lines-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:330px}.doc-lines-table{min-width:780px;width:100%;border-collapse:collapse}.doc-lines-table th,.doc-lines-table td{padding:7px;border-bottom:1px solid var(--line);vertical-align:top}.doc-lines-table th{font-size:11px;background:#fafbfc;text-align:left}.doc-lines-table input,.doc-lines-table textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:6px}.doc-lines-table textarea{min-height:58px;resize:vertical}.document-paper{width:min(100%,760px);margin:0 auto}.document-preview-sticky{position:sticky;top:84px}.doc-actions{display:flex;gap:8px;flex-wrap:wrap}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1200px){.stationery-layout,.doc-editor-grid{grid-template-columns:1fr}.stationery-preview-wrap,.document-preview-sticky{position:static}.doc-workspace{grid-template-columns:1fr}.doc-list-card{max-height:none}.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.stationery-layout,.doc-workspace,.doc-editor-grid{grid-template-columns:1fr}.paper-preview,.document-paper{font-size:8px}.module-grid{grid-template-columns:1fr}}
/* SOURCE: styles/features/document-workflow.css */
/* v0.9 accumulated workflow update */
.v09-settings-grid{grid-template-columns:1fr 1fr;margin:16px 0;gap:16px}.v09-setting-row{display:grid;grid-template-columns:minmax(0,1fr) 105px 100px auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eceff2}.v09-setting-row:last-child{border-bottom:0}.v09-setting-row input,.v09-setting-row select{width:100%;border:1px solid #d8dde3;border-radius:8px;padding:8px;background:#fff}.v09-setting-name{font-weight:700}.v09-snippet-row{padding:10px 0;border-bottom:1px solid #eceff2}.v09-snippet-row:last-child{border-bottom:0}.v09-snippet-row small{display:block;color:#7a828d;margin:3px 0 5px}.v09-snippet-row .snippet-text{white-space:pre-wrap;font-size:12px;line-height:1.35;max-height:56px;overflow:hidden}.v09-dn-integrated{margin-top:14px;padding-top:10px;border-top:2px solid #e6e9ed}.v09-dn-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#808791;padding:8px 10px 6px}.v09-dn-maker,.v09-dn-group{display:flex;gap:8px;align-items:center;width:100%;border:0;background:transparent;border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;font:inherit}.v09-dn-maker{font-weight:850}.v09-dn-group{padding-left:28px;font-size:12px}.v09-dn-maker:hover,.v09-dn-group:hover,.v09-dn-maker.active,.v09-dn-group.active{background:#fff0e4;color:#8f3e00}.v09-dn-count{margin-left:auto;font-size:11px;color:#747d87;font-weight:700}.v09-source-tag{display:inline-flex;padding:2px 7px;border-radius:999px;background:#eef2f6;font-size:10px;font-weight:800;color:#5f6873}.v09-source-tag.velux{background:#fff0e4;color:#9d4a0e}
.modal.wide{width:min(96vw,1680px);max-width:1680px}.v09-case-drop{border:2px dashed #cdd3da;border-radius:12px;padding:18px;text-align:center;background:#fafbfc;cursor:pointer}.v09-case-drop.drag{border-color:#f47b20;background:#fff5ec}.v09-case-import-status{font-size:12px;color:#69727c;margin-top:7px;white-space:pre-wrap}.v09-builder{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;height:min(77vh,860px);min-height:620px}.v09-builder-main{min-width:0;overflow:auto;padding-right:4px}.v09-builder-side{border-left:1px solid #e4e8ec;background:#fafbfc;border-radius:10px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.v09-builder-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.v09-builder-top .field{margin:0}.v09-builder-canvas{background:#fff;border:1px solid #dfe3e7;border-radius:12px;min-height:520px;padding:22px;box-shadow:0 3px 12px rgba(31,40,49,.06)}.v09-builder-canvas.drag-target{outline:2px dashed #f47b20;outline-offset:-7px}.v09-empty-sheet{display:flex;align-items:center;justify-content:center;min-height:260px;color:#9aa1aa;border:1px dashed #d8dde2;border-radius:10px;text-align:center;padding:20px}.v09-block{position:relative;border:1px solid transparent;border-radius:8px;padding:8px 38px 8px 8px;margin:4px 0;transition:.12s}.v09-block:hover{border-color:#e1e5e9;background:#fafbfc}.v09-block.dragover{border-color:#f47b20;background:#fff6ed}.v09-block .drag-handle{position:absolute;left:-14px;top:11px;color:#a0a7af;cursor:grab}.v09-block .block-remove{position:absolute;right:5px;top:5px;border:0;background:transparent;cursor:pointer;color:#9a5757;border-radius:6px;padding:4px 7px}.v09-block .block-remove:hover{background:#fee}.v09-block-heading input{border:0;border-bottom:2px solid #333;width:100%;font-weight:850;font-size:17px;padding:5px 2px;background:transparent}.v09-block-text textarea{width:100%;min-height:72px;border:1px solid #e2e6ea;border-radius:8px;padding:9px;resize:vertical}.v09-line-grid{display:grid;grid-template-columns:75px 70px minmax(0,1fr) 105px;gap:7px;align-items:start}.v09-line-grid input,.v09-line-grid textarea{width:100%;border:1px solid #dfe3e7;border-radius:7px;padding:7px;background:#fff}.v09-line-grid textarea{min-height:54px;resize:vertical}.v09-line-meta{font-size:10px;color:#77808b;margin-top:4px}.v09-palette-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e6ea;background:#fff}.v09-palette-tabs button{border:0;background:transparent;padding:11px 4px;font-size:11px;font-weight:750;cursor:pointer}.v09-palette-tabs button.active{color:#b65109;border-bottom:2px solid #f47b20;background:#fff8f2}.v09-palette-search{padding:10px;border-bottom:1px solid #e2e6ea;background:#fff}.v09-palette-search input{width:100%;border:1px solid #d8dde3;border-radius:8px;padding:9px}.v09-palette-list{overflow:auto;padding:8px;flex:1}.v09-palette-item{background:#fff;border:1px solid #e1e5e9;border-radius:9px;padding:9px 10px;margin-bottom:7px;cursor:grab}.v09-palette-item:hover{border-color:#f4a66e;background:#fffaf6}.v09-palette-item strong{display:block;font-size:12px}.v09-palette-item small{display:block;color:#767f89;font-size:10px;margin-top:2px}.v09-builder-summary{margin-top:12px;background:#fafbfc;border:1px solid #e1e5e9;border-radius:10px;padding:12px}.v09-summary-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 90px 100px 30px;gap:7px;align-items:center;margin:6px 0}.v09-summary-line input,.v09-summary-line select{width:100%;border:1px solid #d9dee3;border-radius:7px;padding:7px}.v09-summary-total{margin-left:auto;max-width:430px;margin-top:10px}.v09-summary-total>div{display:flex;justify-content:space-between;padding:4px 0}.v09-summary-total .grand{border-top:1px solid #999;margin-top:4px;padding-top:8px;font-weight:850;font-size:15px}.v09-wage-box{margin-top:8px;padding-top:8px;border-top:1px dashed #c7cdd3}.v09-doc-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.v09-doc-actions-grid button{min-height:54px;white-space:normal}.v09-doc-chain{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v09-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.v09-sign-card{border:1px solid #dfe3e7;border-radius:10px;padding:10px;background:#fff}.v09-sign-card canvas{width:100%;height:125px;border:1px dashed #bfc6ce;border-radius:8px;touch-action:none;background:#fff}.v09-sign-card input{width:100%;margin:6px 0;border:1px solid #d9dee3;border-radius:7px;padding:7px}.paper-section-row td{font-weight:850;font-size:10pt;background:#f5f5f5!important;padding-top:2.2mm!important;padding-bottom:2.2mm!important}.paper-text-row td{font-style:normal;line-height:1.35;padding:2mm!important}.paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-top:7mm}.paper-signature{border-top:.2mm solid #888;padding-top:1mm;font-size:7pt}.paper-signature img{display:block;max-width:55mm;max-height:22mm;margin-bottom:2mm}.paper-attachment-note{margin-top:3mm;font-size:8pt;color:#555}
@media(max-width:1100px){.v09-builder{grid-template-columns:1fr;height:auto}.v09-builder-side{border-left:0;border-top:1px solid #e4e8ec;min-height:420px}.v09-settings-grid{grid-template-columns:1fr}.v09-doc-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v09-line-grid{grid-template-columns:64px 60px 1fr}.v09-line-grid .v09-price-field{grid-column:3}.v09-summary-line{grid-template-columns:1fr 80px}.v09-summary-line>*:nth-child(n+3){grid-column:auto}.v09-sign-grid{grid-template-columns:1fr}}
/* SOURCE: styles/features/worktime.css */
/* v0.11 · Arbeitszeitmodelle */
.v11-worktime-card{margin:16px 0}.v11-worktime-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v11-worktime-model{border:1px solid #dde1e5;border-radius:12px;padding:13px;background:#fff;cursor:pointer;transition:.15s}.v11-worktime-model:hover{border-color:#d0932a;box-shadow:0 2px 9px rgba(0,0,0,.06)}.v11-worktime-model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v11-worktime-model h3{margin:0;font-size:14px}.v11-worktime-model p{margin:5px 0 0;color:#68717a;font-size:12px;line-height:1.35}.v11-worktime-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.v11-worktime-badge{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:#eef1f4;color:#5e6871;white-space:nowrap}.v11-worktime-badge.standard{background:#e8f6ef;color:#237254}.v11-worktime-badge.hours{background:#fff2df;color:#8a5413}.v11-worktime-editor-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.v11-worktime-table{margin-top:14px;background:#f5f5f5;border-radius:12px;padding:14px}.v11-worktime-row{display:grid;grid-template-columns:125px repeat(3,minmax(105px,1fr)) 110px;gap:10px;align-items:center;padding:6px 0}.v11-worktime-row.head{font-size:11px;font-weight:800;color:#606871;padding-top:0}.v11-worktime-row select{width:100%;border:1px solid #d8dde3;border-radius:8px;padding:8px;background:#fff}.v11-day-total{background:#eceff2;border-radius:8px;padding:9px 10px;text-align:center;font-size:12px;font-weight:700;color:#4e5861}.v11-week-total{display:flex;justify-content:flex-end;margin-top:8px}.v11-week-total strong{min-width:110px;background:#e7eaed;border-radius:8px;padding:10px;text-align:center}.v11-employee-picks{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.v11-employee-pick{border:1px solid #d8dde3;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px;cursor:pointer}.v11-employee-pick.active{background:#e9eef3;border-color:#aeb8c2;font-weight:800}.v11-season-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 2px;padding:10px 0;border-top:1px solid #e4e7ea}.v11-nonwork{position:absolute;top:0;bottom:0;background:rgba(120,128,137,.10);pointer-events:none;z-index:1}.v11-nonwork.full{left:0;right:0;background:rgba(120,128,137,.14)}.day-cell .appt{z-index:4}.employee-cell .v11-model-label{display:block;color:#8a5a1b;margin-top:3px;font-size:10px;font-weight:700}.v11-work-legend{font-size:10px;color:#6c747c}.v11-work-legend i{display:inline-block;width:14px;height:8px;border-radius:3px;background:rgba(120,128,137,.14);margin-right:4px;vertical-align:1px}
@media(max-width:900px){.v11-worktime-list{grid-template-columns:1fr}.v11-worktime-row{grid-template-columns:90px repeat(3,minmax(85px,1fr)) 92px;gap:6px}.v11-worktime-table{overflow:auto}.v11-worktime-row{min-width:620px}}
/* SOURCE: styles/features/v0203/core.css */
.v203-hidden{display:none!important}
#page-documents .page-head,#page-incoming .page-head{align-items:flex-start}
.v203-lock-note{display:grid;gap:5px;padding:13px 15px;border:1px solid #b7c6d8;border-left:4px solid #315b86;border-radius:10px;background:#f2f6fa;color:#18344f}
.v203-lock-note span{font-size:13px;line-height:1.45}.v203-lock-note code{font-size:10px;color:#61758a;overflow-wrap:anywhere}
.v203-draft-note{font-size:12px;color:#6a7480;align-self:center}
@media(max-width:900px){.v203-draft-note{display:none}}
/* SOURCE: styles/features/v0203/invoices.css */
#documentWorkspace[hidden],.v203-invoice-workspace[hidden]{display:none!important}.v203-invoice-workspace{display:grid;gap:14px;min-width:0}
.v203-invoice-kpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;position:sticky;top:58px;z-index:8;background:var(--page-bg,#f3f4f6);padding-bottom:2px}
.v203-invoice-kpis button{appearance:none;text-align:left;border:1px solid #d9dde3;border-radius:12px;background:#fff;padding:13px 15px;display:grid;gap:3px;box-shadow:0 2px 8px rgba(20,32,48,.05);font:inherit;color:inherit;min-width:0}
.v203-invoice-kpis button:hover{border-color:#bdc5cf;box-shadow:0 4px 13px rgba(20,32,48,.09)}.v203-invoice-kpis span{font-size:12px;color:#667180}.v203-invoice-kpis strong{font-size:21px;white-space:nowrap}.v203-invoice-kpis small{font-size:11px;color:#8a929d}
.v203-invoice-list{overflow:hidden}.v203-invoice-filters{display:flex;gap:9px;align-items:center;padding:12px;border-bottom:1px solid #e1e4e8;flex-wrap:wrap}.v203-invoice-filters .search{flex:1 1 320px}.v203-invoice-filters select{min-height:38px;border:1px solid #cfd4da;border-radius:8px;background:#fff;padding:0 34px 0 11px;font:inherit}
.v203-invoice-table{width:100%;border-collapse:collapse;font-size:13px}.v203-invoice-table th{font-size:11px;letter-spacing:.01em;color:#66717f;background:#fafbfc;text-align:left;padding:11px 12px;border-bottom:1px solid #dfe3e8;white-space:nowrap}.v203-invoice-table td{padding:11px 12px;border-bottom:1px solid #e5e7ea;vertical-align:middle}.v203-invoice-table tbody tr{cursor:pointer;background:#fff}.v203-invoice-table tbody tr:hover,.v203-invoice-table tbody tr:focus{background:#f7f9fb;outline:none}.v203-invoice-table td:nth-child(2){min-width:190px}.v203-invoice-table td:nth-child(3){min-width:180px}.v203-invoice-table td strong,.v203-invoice-table td small{display:block}.v203-invoice-table td small{color:#717b87;margin-top:3px}.v203-invoice-table .num{text-align:right;white-space:nowrap}.v203-invoice-table tfoot td{position:sticky;bottom:0;background:#fff;border-top:2px solid #cfd4da;border-bottom:0;box-shadow:0 -2px 8px rgba(20,32,48,.04)}
.v203-invoice-no{display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#465465}.v203-invoice-status{display:inline-flex!important;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px!important;font-weight:750;color:#1c3b5d;background:#d9e9fb;white-space:nowrap}.v203-invoice-status.paid{background:#d9f0df;color:#205b32}.v203-invoice-status.late{background:#f8d9d8;color:#842b27}.v203-invoice-status.draft{background:#e8e9ec;color:#4f5660}.v203-invoice-status.corrected{background:#eee2f7;color:#65417e}.v203-overdue{color:#aa2d27;font-weight:700}.v203-row-menu{width:30px;height:30px;border:1px solid #d6dae0;background:#fff;border-radius:8px;font-size:20px;line-height:1;cursor:pointer}.v203-row-menu:hover{background:#edf1f5}
.v203-invoice-detail{display:grid;gap:14px}.v203-invoice-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.v203-invoice-detail-head>div:first-child{display:grid;gap:5px}.v203-invoice-detail-head>div:first-child>strong{font-size:24px}.v203-invoice-detail-head small{color:#6e7884}.v203-invoice-preview{background:#e8ebef;border:1px solid #d2d7dd;border-radius:10px;padding:18px;max-height:62vh;overflow:auto}.v203-invoice-preview .v20-paper-page{margin:0 auto 18px;max-width:760px}.v203-audit{border:1px solid #dce1e6;border-radius:10px;padding:11px 13px}.v203-audit summary{font-weight:750;cursor:pointer}.v203-audit>div{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:4px 12px;border-top:1px solid #eceef0;padding:9px 0}.v203-audit>div:first-of-type{margin-top:9px}.v203-audit span,.v203-audit small{font-size:12px;color:#6f7985}.v203-audit small{grid-column:1/-1}
@media(max-width:1200px){.v203-invoice-kpis{grid-template-columns:repeat(2,1fr);position:static}.v203-invoice-table{min-width:1050px}}
@media(max-width:720px){.v203-invoice-kpis{grid-template-columns:1fr 1fr}.v203-invoice-kpis strong{font-size:17px}.v203-invoice-detail-head{display:grid}.v203-invoice-detail-head .toolbar{width:100%}}
/* SOURCE: styles/features/v0203/master-services.css */
#serviceMasterPane .master-tree-card{min-width:390px}
#serviceTree .tree-main,#serviceTree .tree-sub,#serviceTree .tree-main-head,#serviceTree .v17-subnode{all:unset}
.v203-service-tree-row{display:grid;grid-template-columns:28px 40px minmax(105px,1fr) 35px auto;gap:5px;align-items:center;min-height:42px;padding:4px 5px;border-bottom:1px solid #eceef1;cursor:pointer;border-radius:7px;color:#222}
.v203-service-tree-row:hover{background:#f2f4f6}.v203-service-tree-row.active{background:#e8edf3;box-shadow:inset 3px 0 #364f68}.v203-service-main-row{font-weight:700}.v203-service-children{margin-left:12px;border-left:1px solid #d9dde2;padding-left:4px}.v203-service-subtree{margin-left:15px;border-left:1px solid #e0e3e7;padding-left:4px}
.v203-tree-toggle,.v203-tree-actions button,.v203-square-action{display:inline-grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #cfd4da;border-radius:6px;background:#fff;color:#2e3945;font:inherit;line-height:1;cursor:pointer}.v203-tree-toggle{border-color:transparent;background:transparent}.v203-tree-actions{display:flex;align-items:center;gap:3px;white-space:nowrap}.v203-tree-actions .v19-order-button{font-size:9px}.v203-tree-actions button:hover,.v203-square-action:hover{border-color:#8995a3;background:#edf1f4}.v203-tree-actions button.danger:hover,.v203-square-action.danger:hover{border-color:#c77975;background:#fbeceb;color:#8c2f2a}
.v203-tree-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.16;overflow-wrap:anywhere;max-height:2.32em}.v203-tree-count{text-align:center;font-size:11px;color:#687381;background:#eef1f4;border-radius:999px;padding:3px 5px;min-width:26px}.v203-service-tree-row .tree-code{font-size:10px;color:#7a8490;overflow:hidden;text-overflow:ellipsis}
.v203-clickable-service{cursor:pointer}.v203-clickable-service:hover,.v203-clickable-service:focus{background:#f4f7f9;outline:none}.v203-clickable-service td:nth-child(3){min-width:260px}.v203-clickable-service .service-long{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v203-square-action{width:30px;height:30px}
@media(max-width:1150px){#serviceMasterPane .master-tree-card{min-width:330px}.v203-service-tree-row{grid-template-columns:25px 32px minmax(80px,1fr) 30px auto}.v203-tree-actions .v19-order-button{display:none}}
/* SOURCE: styles/features/v0203/incoming.css */
.v203-receipt-drop{width:100%;min-height:96px;border:2px dashed #aeb8c4;border-radius:13px;background:#f9fafb;padding:17px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;margin-bottom:13px;transition:.15s}.v203-receipt-drop:hover,.v203-receipt-drop.drag{border-color:#435e78;background:#f0f4f7}.v203-receipt-drop input{display:none}.v203-receipt-drop>span:nth-child(2){display:grid;gap:4px;flex:1}.v203-receipt-drop small{color:#6d7784}.v203-drop-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#e5ebf0;color:#38536d;font-size:25px;font-weight:800}
.v203-receipt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.v203-receipt-kpis>div{display:grid;gap:4px;background:#fff;border:1px solid #dce0e5;border-radius:11px;padding:12px 14px}.v203-receipt-kpis span{font-size:12px;color:#6f7985}.v203-receipt-kpis strong{font-size:20px}.v203-receipt-card{overflow:hidden}.v203-receipt-toolbar{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid #dfe3e8}.v203-receipt-toolbar .search{flex:1}.v203-receipt-toolbar select{min-height:38px;border:1px solid #cfd4da;border-radius:8px;background:#fff;padding:0 10px}
.v203-receipt-table td{cursor:pointer;vertical-align:middle}.v203-receipt-table tbody tr:hover,.v203-receipt-table tbody tr:focus{background:#f5f8fa;outline:none}.v203-receipt-table td strong,.v203-receipt-table td small{display:block}.v203-receipt-table td small{color:#727d89;margin-top:3px}.v203-receipt-table .num{text-align:right;white-space:nowrap}.v203-receipt-status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:750;background:#dceaf8;color:#244b70;white-space:nowrap}.v203-receipt-status.review{background:#f8e3c5;color:#7a4a0c}.v203-receipt-status.checked{background:#dcefe1;color:#275b35}.v203-receipt-status.working{background:#e8e2f3;color:#574276}
.v203-page-drop-overlay{display:none;position:fixed;inset:58px 0 0;z-index:1000;background:rgba(28,43,57,.82);backdrop-filter:blur(4px);align-items:center;justify-content:center;color:#fff}.v203-page-drop-overlay.show{display:flex}.v203-page-drop-overlay>div{display:grid;place-items:center;gap:8px;border:3px dashed rgba(255,255,255,.8);border-radius:20px;padding:60px 90px}.v203-page-drop-overlay span{font-size:55px}.v203-page-drop-overlay strong{font-size:24px}.v203-page-drop-overlay small{opacity:.8}
.v203-receipt-detail{display:grid;gap:14px}.v203-receipt-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v203-receipt-detail-head>div:first-child{display:grid;gap:5px}.v203-receipt-detail-head small{color:#6e7884}.v203-skonto-list{display:grid;gap:7px}.v203-skonto-list>div{display:flex;justify-content:space-between;gap:15px;border:1px solid #d8e1d2;background:#f4f8f2;border-radius:8px;padding:9px 11px}.v203-payment-result{display:grid;gap:4px;border:1px solid #bdd9c5;background:#eef8f0;border-radius:9px;padding:11px}.v203-text-excerpt{white-space:pre-wrap;max-height:220px;overflow:auto;background:#f4f5f6;border:1px solid #dfe2e5;border-radius:8px;padding:10px;font-size:11px}.v203-provider-list{display:grid;gap:9px;margin-bottom:12px}.v203-provider-list>div{display:grid;gap:3px;border:1px solid #dce1e6;border-radius:9px;padding:11px}.v203-provider-list span{font-size:13px;color:#697481}.v203-gmail-steps{line-height:1.45}.v203-gmail-steps ol{padding-left:21px}.v203-gmail-steps code{background:#eef1f4;padding:2px 5px;border-radius:4px}.notice.warning{border-color:#e1c18b;background:#fff8e9}
@media(max-width:900px){.v203-receipt-kpis{grid-template-columns:repeat(2,1fr)}.v203-receipt-table{min-width:900px}.v203-receipt-detail-head{display:grid}}
@media(max-width:600px){.v203-receipt-drop{align-items:flex-start}.v203-receipt-drop .btn{display:none}.v203-skonto-list>div{display:grid}.v203-page-drop-overlay>div{padding:40px}}
/* SOURCE: styles/features/v0204/incoming.css */
.v204-derived-note{display:block;margin-top:8px;color:#536374}
.v203-receipt-detail-head .btn.danger{white-space:nowrap}
.v204-provider-notice{margin-top:14px}
/* SOURCE: styles/features/v0204/accounting.css */
.v204-accounting-provider-card{border-color:#cbd7e1}
.v204-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.v204-provider-option{position:relative;display:flex;min-height:112px;padding:14px;border:1px solid #d5dce3;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.v204-provider-option:hover{border-color:#8299ad;background:#f8fafb}
.v204-provider-option.selected{border-color:#385c79;background:#eef4f8;box-shadow:0 0 0 1px #385c79}
.v204-provider-option input{position:absolute;top:12px;right:12px}
.v204-provider-option span{display:grid;align-content:start;gap:6px;padding-right:18px}
.v204-provider-option strong{font-size:14px;color:#1d2e3d}
.v204-provider-option small{font-size:12px;line-height:1.38;color:#667482}
.v204-provider-workflow{margin-top:16px}
.v204-provider-notice{border-color:#c5d5e1;background:#f2f7fa}
@media(max-width:1200px){.v204-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.v204-provider-grid{grid-template-columns:1fr}.v204-provider-option{min-height:auto}}
/* SOURCE: styles/features/v0210/accounting.css */
.v210-accounting-provider-card{border-color:#aebfcd}
.v210-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.v210-provider-option{position:relative;display:flex;min-height:122px;padding:14px;border:1px solid #d2dae2;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.v210-provider-option:hover{border-color:#7890a4;background:#f8fafb;transform:translateY(-1px)}
.v210-provider-option.selected{border-color:#315a78;background:#edf4f8;box-shadow:0 0 0 1px #315a78}
.v210-provider-option input{position:absolute;top:12px;right:12px}
.v210-provider-option span{display:grid;align-content:start;gap:7px;padding-right:20px}
.v210-provider-option strong{font-size:14px;color:#1c2d3b}
.v210-provider-option small{font-size:12px;line-height:1.42;color:#657481}
.v210-accounting-profile{margin-top:18px}
.v210-provider-specific{margin-top:16px;padding:16px;border:1px solid #d6dee5;border-radius:12px;background:#f8fafb}
.v210-provider-specific .section-title{padding:0 0 12px;border:0}
.v210-provider-specific h3{margin:0}
.v210-server-notice{border-color:#c5d5e1;background:#f2f7fa}
.v210-accounting-transfer-card{border-color:#d5dce2}
.v210-transfer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.v210-transfer-kpis>div{display:grid;gap:5px;padding:12px 14px;border:1px solid #d9e0e6;border-radius:10px;background:#f8fafb}
.v210-transfer-kpis span{font-size:11px;font-weight:750;color:#697986;text-transform:uppercase;letter-spacing:.03em}
.v210-transfer-kpis strong{font-size:17px;color:#1d2f3d}
.v210-transfer-table td{vertical-align:middle}
.v210-transfer-table td:first-child{min-width:260px}
.v210-transfer-table td:first-child small{display:block;margin-top:3px;color:#788590;font-size:11px}
.v210-transfer-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;color:#385c79;background:#eef4f8}
.v210-transfer-status.ready{color:#256247;background:#e9f6ef}
.v210-transfer-status.exported{color:#315f87;background:#edf5fb}
.v210-transfer-status.delivered{color:#285c42;background:#dff1e7}
.v210-transfer-status.outdated{color:#8a5a10;background:#fff3d7}
.v210-transfer-status.error{color:#8a3434;background:#fdecec}
.v210-transfer-status.cancelled{color:#6c747b;background:#eef0f2}
.v210-transfer-explanation{margin-top:14px}
.v210-document-transfer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;margin:12px 0;padding:11px 13px;border:1px solid #cbd8e2;border-radius:10px;background:#f4f8fa}
.v210-document-transfer>span:first-child{font-weight:800;color:#263b4b}
.v210-document-transfer small{grid-column:1/-1;color:#687783}
.v210-local-receipt-hint{margin:-3px 0 14px;padding:9px 12px;border:1px solid #d7dfe5;border-radius:9px;background:#f8fafb;color:#5d6b77;font-size:12px;line-height:1.4}
.v210-local-receipt-hint strong{color:#2a3d4c}
@media(max-width:1280px){.v210-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){.v210-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v210-transfer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v210-provider-grid{grid-template-columns:1fr}.v210-provider-option{min-height:auto}.v210-transfer-kpis{grid-template-columns:1fr 1fr}.v210-transfer-table td:first-child{min-width:210px}}
/* SOURCE: styles/features/v0211/release.css */
/* ZaPhi Manager v0.21.1 · gemeinsame Oberfläche der zwölf Nacharbeiten */
/* Status: heller Pastellgrund, farbiger Rand/Punkt und vollständig lesbare Schrift. */
.badge.v20-status-solid.v211-status-chip,
.v20-inline-status.v211-status-chip{
border:1px solid color-mix(in srgb,var(--v20-status) 48%,#d8dde2)!important;
border-radius:999px!important;
background:color-mix(in srgb,var(--v20-status) 11%,#fff)!important;
color:#111820!important;
text-shadow:none!important;
box-shadow:none!important;
opacity:1!important;
filter:none!important;
font-family:var(--font-app)!important;
}
.badge.v20-status-solid.v211-status-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 9px}
.v211-status-chip>i{display:block;width:9px;height:9px;flex:0 0 9px;border-radius:999px;background:var(--v20-status);box-shadow:0 0 0 2px color-mix(in srgb,var(--v20-status) 20%,#fff)}
.v20-inline-status.v211-status-chip{min-height:34px!important;padding:5px 8px!important;gap:7px;font-size:10px!important;font-weight:800!important}
.v20-inline-status.v211-status-chip:hover{background:color-mix(in srgb,var(--v20-status) 17%,#fff)!important}
.v20-inline-status.v211-status-chip>span{flex:1;min-width:0;color:#111820!important}
.v20-inline-status.v211-status-chip>b{color:#3c4651!important}
.v211-native-status-select{display:none!important}
.v211-form-status-trigger{width:100%;min-height:42px!important;border-width:1px!important;border-radius:999px!important;background:color-mix(in srgb,var(--v20-status) 11%,#fff)!important}
.v20-dashboard-status-cell{min-width:190px}
.v20-dashboard-case-table td:nth-child(1){max-width:none;min-width:190px}
.v20-dashboard-case-table td:nth-child(2){min-width:210px}
.v20-dashboard-case-table .v20-inline-status{max-width:210px!important}
.v203-invoice-status,.v203-receipt-status{--v211-status-color:#4f78ad;display:inline-flex!important;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--v211-status-color) 48%,#d8dde2)!important;border-radius:999px!important;background:color-mix(in srgb,var(--v211-status-color) 11%,#fff)!important;color:#111820!important}
.v203-invoice-status:before,.v203-receipt-status:before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:var(--v211-status-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--v211-status-color) 20%,#fff)}
.v203-invoice-status.paid,.v203-receipt-status.checked{--v211-status-color:#3f8c67}.v203-invoice-status.late{--v211-status-color:#b84a4a}.v203-invoice-status.draft{--v211-status-color:#7b8794}.v203-invoice-status.corrected,.v203-receipt-status.working{--v211-status-color:#7657a8}.v203-receipt-status.review{--v211-status-color:#d09a2d}
/* Vorgangstabelle: sichtbare Ziehgriffe mit dauerhaft gespeicherten Breiten. */
.v20-case-table{min-width:0!important}
.v211-resizable-heading{position:sticky!important;padding-right:18px!important}
.v211-column-resizer{position:absolute;z-index:4;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;touch-action:none}
.v211-column-resizer:after{content:'';position:absolute;top:20%;bottom:20%;left:4px;width:1px;background:#c8ced5;transition:.15s}
.v211-column-resizer:hover:after,.v211-resizing-column .v211-column-resizer:after{width:2px;background:#f47b20}
.v211-resizing-column,.v211-resizing-column *{cursor:col-resize!important;user-select:none!important}
.v211-case-column-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:8px;color:var(--color-text-muted,#6c7580);font-size:10px}
.v211-case-column-tools .btn{padding:5px 8px;font-size:10px}
/* ZaPhi Planer-Kennzeichnungen. */
.v211-marker-settings-button{white-space:nowrap}
.v211-marker-pick i{background:var(--v211-marker)!important}
.v211-marker-pick:has(input:checked){border-color:color-mix(in srgb,var(--v211-marker) 48%,#ccd2d8);background:color-mix(in srgb,var(--v211-marker) 9%,#fff)}
.appt.v20-appt:has(.v211-appt-markerbar){padding-top:17px!important}
.v20-appt-markerbar.v211-appt-markerbar{left:-1px!important;right:-1px!important;top:-1px!important;height:15px!important;border-radius:6px 6px 0 0;overflow:hidden;background:transparent}
.v211-appt-markerbar i{display:flex!important;align-items:center;justify-content:center;min-width:0;height:15px!important;background:var(--v211-marker)!important;color:var(--v211-marker-text)!important;font-style:normal;font-size:7px;font-weight:900;line-height:1;padding:0 3px;text-shadow:none}
.v211-appt-markerbar i span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appt.v20-appt.v20-appt-size-narrow:has(.v211-appt-markerbar){padding-top:9px!important}
.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar{height:7px!important}
.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar i{height:7px!important}
.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar span{display:none}
.v20-mobile-card:has(.v211-appt-markerbar){padding-top:30px}
.v20-mobile-card .v211-appt-markerbar{left:5px!important;height:18px!important}
.v20-mobile-card .v211-appt-markerbar i{height:18px!important;font-size:8px}
.v211-marker-badge{background:color-mix(in srgb,var(--v211-marker) 84%,#fff)!important;color:var(--v211-marker-text)!important}
.v20-participant-row{grid-template-columns:minmax(170px,1fr) auto 105px 105px auto!important}
.v211-remove-participant{align-self:center;white-space:nowrap}
.v211-marker-settings{display:grid;gap:12px}
.v211-marker-settings .notice span{display:block;margin-top:4px}
.v211-marker-settings-head,.v211-marker-setting-row{display:grid;grid-template-columns:62px minmax(190px,1fr) 80px 100px auto;gap:8px;align-items:center}
.v211-marker-settings-head{padding:0 4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
#v211MarkerSettingRows{display:grid;gap:7px}
.v211-marker-setting-row{border:1px solid var(--line);border-radius:10px;background:#fafbfc;padding:8px}
.v211-marker-setting-row input[type="color"]{width:54px;height:36px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}
.v211-marker-setting-row input[type="text"]{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}
.v211-marker-setting-row .checkline{margin:0;white-space:nowrap}
.v211-marker-settings-actions,.v211-opening-balance-actions{justify-content:flex-end;margin-top:4px}
/* Zeiterfassung: vier kompakte Kennzahlen und mobile Schnellmaske. */
.v14-time-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v14-time-kpis div{min-width:0}
.v14-time-kpis strong{overflow-wrap:anywhere}
.v211-carry-label{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25}
.v211-time-card-actions{justify-content:flex-end;gap:5px}
.v211-time-card-actions .btn{padding:6px 7px;font-size:10px}
.v211-opening-balance-form input{font-variant-numeric:tabular-nums}
.v211-optional-hint{color:var(--muted);font-size:10px;line-height:1.35}
/* Kostenvoranschläge: Rechnungslisten-Raster mit eigenen Statusfarben. */
.v211-offer-workspace[hidden]{display:none!important}
.v211-document-status{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--v211-document-status) 48%,#d8dde2);border-radius:999px;background:color-mix(in srgb,var(--v211-document-status) 11%,#fff);color:#111820;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.v211-document-status i{width:8px;height:8px;border-radius:999px;background:var(--v211-document-status);box-shadow:0 0 0 2px color-mix(in srgb,var(--v211-document-status) 20%,#fff)}
.v211-offer-table{min-width:980px}
.v211-offer-status-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid #dce1e6;border-radius:10px;background:#fafbfc;padding:10px}
.v211-offer-status-actions>strong{margin-right:4px}
.v211-offer-status-actions .btn.active{border-color:#758290;background:#e9edf1;font-weight:800}
/* Leistungsstammdaten: identische App-Schrift und sprachgerechtes Umbrechen. */
#serviceMasterPane,#serviceMasterPane button,#serviceMasterPane input,#serviceMasterPane select,#serviceMasterPane textarea,#serviceTree,.v203-service-tree-row,.v203-clickable-service,.service-name,.service-long,.service-detail-text{font-family:var(--font-app)!important}
.v203-tree-name,.v203-clickable-service .service-name,.v203-clickable-service .service-long,.service-detail-text{
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:auto;
-webkit-hyphens:auto;
hyphenate-character:'-';
}
.v203-tree-name{white-space:normal!important}
@media(max-width:760px){
.v211-marker-settings-button{order:4}
.v20-participant-row{grid-template-columns:1fr 1fr!important}
.v211-remove-participant{grid-column:1/-1;justify-self:start}
.v211-marker-settings-head{display:none}
.v211-marker-setting-row{grid-template-columns:54px 1fr auto}
.v211-marker-setting-row [data-marker-label]{grid-column:2/4}
.v211-marker-setting-row .checkline{grid-column:1/3}
.v211-time-entry-form{grid-template-columns:1fr 1fr!important;gap:9px!important}
.v211-time-entry-form .v211-time-employee,.v211-time-entry-form .v211-time-date,.v211-time-entry-form .v211-time-case,.v211-time-entry-form .v211-time-note,.v211-time-entry-form .field.full{grid-column:1/-1}
.v211-time-entry-form .field input,.v211-time-entry-form .field select,.v211-time-entry-form .field textarea{padding:9px 10px}
.v211-time-entry-form .v211-time-note textarea{min-height:62px}
}
@media(max-width:520px){
.v211-case-column-tools{align-items:flex-end;flex-direction:column}
.v14-time-kpis{grid-template-columns:1fr 1fr!important}
.v14-time-employee-head{display:grid!important}
.v211-time-card-actions{justify-content:flex-start}
.v211-marker-setting-row{grid-template-columns:50px 1fr}
.v211-marker-setting-row [data-marker-label]{grid-column:1/-1}
.v211-marker-setting-row [data-marker-icon]{grid-column:2}
.v211-marker-setting-row .checkline{grid-column:1/-1}
}
/* SOURCE: styles/features/v0212/release.css */
/* ZaPhi Manager v0.21.2 · Einsatzkarte, Firmenstatus, Dokumentprüfung und digitales Aufmaß. */
/* Drei Fristenkennzahlen mit schmalem Farbstreifen. */
.v212-case-summary{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr)) auto!important;align-items:stretch;gap:10px!important}
.v212-case-kpi{position:relative;overflow:hidden;border:1px solid var(--line,#d8dde2)!important;border-radius:12px!important;background:#fff!important;color:var(--text,#17212b)!important;text-align:left!important;padding:16px 15px 13px!important;box-shadow:0 2px 8px rgba(24,36,48,.06)!important}
.v212-case-kpi:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--v212-kpi)}
.v212-case-kpi.orange{--v212-kpi:#ee7b22}.v212-case-kpi.yellow{--v212-kpi:#e6b52d}.v212-case-kpi.red{--v212-kpi:#c94444}
.v212-case-kpi small,.v212-case-kpi strong,.v212-case-kpi span{display:block}.v212-case-kpi small{font-size:11px;font-weight:800}.v212-case-kpi strong{margin:5px 0 2px;font-size:25px}.v212-case-kpi span{color:var(--muted,#68737e);font-size:10px}
.v212-case-kpi.active{border-color:color-mix(in srgb,var(--v212-kpi) 55%,#ccd2d8)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--v212-kpi) 15%,transparent)!important}
.v212-all-cases{align-self:center;border:0;background:transparent;color:var(--muted,#66717c);padding:8px;text-decoration:underline;cursor:pointer}.v212-all-cases.active{color:#dd6d17;font-weight:800}
.v212-status-suffix{display:inline;margin-left:4px;font-size:11px;color:var(--muted,#66717c)}
/* ZaPhi Planer-Steuerung und Kennzeichnungsband. */
.v20-planner-time-range,.v20-planner-time-range *,.v20-planner-zoom,.v20-planner-zoom *,.planner-controls select,.planner-controls output{font-family:var(--font-app)!important}
.appt.v20-appt:has(.v211-appt-markerbar){padding-top:12px!important}
.v20-appt-markerbar.v211-appt-markerbar{height:11px!important}
.v211-appt-markerbar i{height:11px!important;align-items:flex-start!important;padding:1px 3px 0!important;font-family:var(--font-app)!important;font-size:8px!important;font-weight:400!important;line-height:9px!important}
.v20-appt-name{line-height:10px!important}.v20-appt-address,.v20-appt-phone{font-size:8px!important;line-height:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appt.v20-appt.v20-appt-size-narrow:has(.v211-appt-markerbar){padding-top:7px!important}.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar,.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar i{height:6px!important}.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar span{display:none!important}
.appt.v20-appt.v20-appt-size-medium .v20-appt-phone{display:none!important}.appt.v20-appt.v20-appt-size-wide .v20-appt-phone{display:block!important}
/* Gemeinsame Terminarten-/Kennzeichnungsverwaltung und Firmenstatus. */
.v212-planner-settings{display:grid;gap:18px}.v212-planner-settings>section{border:1px solid #dce1e5;border-radius:12px;overflow:hidden}.v212-planner-settings .section-title{padding:12px;background:#f7f8f9}.v212-planner-settings #v212CategoryRows,.v212-planner-settings #v211MarkerSettingRows{display:grid;gap:7px;padding:10px}
.v212-category-setting-row{display:grid;grid-template-columns:54px minmax(200px,1fr) 90px;gap:8px;align-items:center;border:1px solid #dce1e5;border-radius:9px;padding:8px;background:#fff}.v212-category-setting-row input[type=color]{width:48px;height:36px}.v212-category-setting-row input[data-category-name]{width:100%;padding:8px;border:1px solid #ccd3d9;border-radius:8px}
.v212-status-setting-row{display:grid;grid-template-columns:20px 50px minmax(180px,1.1fr) minmax(180px,1fr) 74px auto auto;gap:7px;align-items:center;border-bottom:1px solid #e1e5e8;padding:8px 2px}.v212-row-grip{color:#9aa3ab}.v212-status-setting-row input[type=color]{width:44px;height:34px;padding:2px}.v212-status-setting-row>input:not([type=color]){width:100%;min-width:0;border:1px solid #cdd3d8;border-radius:8px;padding:8px;font:inherit}.v212-row-actions{display:flex;gap:3px}.v212-system-status{color:#47715f;font-weight:800}.v212-status-save{margin-top:8px}.v212-status-suffix{display:inline-flex;vertical-align:middle}
/* E-Mail- und Modul-Einstellungen. */
.v212-email-settings,.v212-module-settings{display:grid;gap:12px}.v212-email-settings .notice span,.v212-module-settings .notice span{display:block;margin-top:4px}.v212-inline-fields{display:grid;grid-template-columns:90px 1fr;gap:6px}.v212-secret-note{border-left:3px solid #d99a2b;background:#fff8e8;padding:9px 11px;color:#5f5134;font-size:10px}.v212-module-employees{display:flex;gap:8px;flex-wrap:wrap;border:1px solid #dce1e5;border-radius:9px;padding:10px}.v212-module-employees>strong{width:100%}.v212-email-compose .checkline{align-self:center}.v212-link-status{grid-column:1/-1;color:#5f6973;font-size:10px}.v212-email-actions{justify-content:flex-end;margin-top:14px}
/* Getrennte und verschiebbare Briefpapierlogos. */
.v212-logo-layout-controls{display:grid;gap:10px}.v212-logo-layout-controls fieldset{display:grid;gap:6px;border:1px solid #d8dde1;border-radius:9px;padding:9px}.v212-logo-layout-controls legend{font-weight:800;padding:0 5px}.v212-logo-layout-controls label{display:grid;grid-template-columns:80px 1fr;align-items:center;font-size:10px}.v212-logo-layout-controls input[type=range]{width:100%}
.v212-paper-logo{position:absolute;z-index:5}.v212-paper-logo .paper-logo-img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.v212-logo-resize{display:none}.v212-follow-heading{position:absolute;left:11.5%;right:8.1%;z-index:4;transform:translateY(-100%);display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #777;padding-bottom:1.5%;font-size:9px}.v212-follow-heading span{color:#6d747b}
#stationeryPreview .v212-draggable-logo{outline:1px dashed rgba(238,123,34,.75);cursor:move;touch-action:none}#stationeryPreview .v212-logo-resize{display:block;position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border:2px solid #fff;border-radius:3px;background:#ed7a22;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:nwse-resize}.v212-paper-logo-default{z-index:4}
.v212-preview-toolbar{position:sticky;z-index:12;top:-16px;align-items:center;background:#fff;border-bottom:1px solid #d8dde1;padding:10px 0}.v212-preview-check{display:grid;margin-right:auto}.v212-preview-check small{color:#68727c}.v212-finalized-stamp{border:1px solid #77a58b;border-radius:999px;background:#edf7f1;color:#315f46;padding:7px 10px;font-weight:800}.v212-document-locked{display:grid;gap:3px;margin-bottom:12px}.v212-document-locked span{font-size:10px}.v212-document-locked+*{opacity:.94}
/* Digitales Aufmaß. */
.v212-measurement-modal{width:min(1480px,calc(100vw - 18px))!important;max-width:none!important;height:min(94vh,980px)!important}.v212-measurement-modal .modal-body{height:calc(100% - 62px);overflow:hidden;padding:0!important}.v212-measure-hub{display:grid;gap:14px}.v212-measure-hub .notice span{display:block;margin-top:4px}.v212-measure-hub section{display:grid;gap:6px}.v212-existing-measurement{display:flex;justify-content:space-between;border:1px solid #d9dee3;border-radius:9px;background:#fff;padding:10px;text-align:left;cursor:pointer}
.v212-measure-editor{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#e6e9eb}.v212-measure-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid #cdd3d8;background:#fff;padding:9px 11px}.v212-device-note{margin-left:auto;color:#6b747c;font-size:9px}.v212-measure-workspace{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 0;transition:grid-template-columns .2s}.v212-measure-editor.drawer-open .v212-measure-workspace{grid-template-columns:minmax(0,1fr) 340px}.v212-measure-workspace>main{overflow:auto;padding:18px}.v212-measure-sheet{width:min(900px,100%);min-height:1120px;margin:0 auto;background:#fff;box-shadow:0 4px 18px rgba(24,34,44,.16);padding:28px 32px 45px}
.v212-measure-sheet-head{display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:3px solid #ec7a22;padding-bottom:12px}.v212-measure-sheet-head>div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:12px}.v212-measure-sheet-head img{grid-row:1/4;max-width:160px;max-height:72px}.v212-measure-company{grid-row:1/4;font-size:17px}.v212-measure-sheet-head h1{margin:0;font-size:26px}.v212-measure-sheet-head small{color:#6a747e}.v212-measure-sheet-head dl{margin:0;display:grid;gap:3px;min-width:160px}.v212-measure-sheet-head dl div{display:flex;justify-content:space-between;gap:12px}.v212-measure-sheet-head dt{font-size:9px;font-weight:800}.v212-measure-sheet-head dd{margin:0;font-size:10px}.v212-measure-sheet-head>section{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #bfc7cd}.v212-measure-sheet-head>section span{display:grid;min-height:46px;border-right:1px solid #d6dce0;border-bottom:1px solid #d6dce0;padding:7px;font-size:11px}.v212-measure-sheet-head>section span:nth-child(even){border-right:0}.v212-measure-sheet-head>section .wide{grid-column:1/-1;border-right:0}.v212-measure-sheet-head b{font-size:8px;text-transform:uppercase;color:#64707b}
.v212-measure-meta{display:flex;gap:10px;margin:12px 0}.v212-measure-meta label{display:grid;gap:3px;font-size:9px;font-weight:800}.v212-measure-meta input{border:1px solid #ccd3d8;border-radius:7px;padding:7px}.v212-measure-meta label:last-child{flex:1}
#v212MeasurementPositions{display:grid;gap:14px}.v212-measure-position{break-inside:avoid;border:1px solid #bfc7cd;border-radius:10px;overflow:hidden;background:#fff}.v212-measure-position-head{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;background:#f1f3f4}.v212-measure-position-head>span{display:grid;place-items:center;align-self:stretch;background:#ec7a22;color:#fff;font-weight:900}.v212-measure-position-head input{border:0;background:transparent;padding:11px;font:800 13px var(--font-app)}.v212-measure-position>label{display:grid;gap:4px;padding:10px;font-size:9px;font-weight:800}.v212-measure-position textarea,.v212-measure-notes textarea{width:100%;resize:vertical;border:1px solid #ccd3d8;border-radius:7px;padding:8px;font:11px var(--font-app)}
.v212-sketch-toolbar{display:flex;align-items:center;gap:8px;border-top:1px solid #dce1e4;background:#fafbfc;padding:7px 10px}.v212-sketch-toolbar span{margin-right:auto;color:#6b747c;font-size:9px}.v212-measure-canvas{display:block;width:100%;height:230px;background-color:#fff;background-image:linear-gradient(#e5e8ea 1px,transparent 1px),linear-gradient(90deg,#e5e8ea 1px,transparent 1px);background-size:18px 18px;touch-action:none;cursor:crosshair}
.v212-photo-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;border-top:1px solid #dce1e4;padding:9px}.v212-measure-photo{position:relative;width:112px;margin:0}.v212-measure-photo img{width:112px;height:76px;border-radius:6px;object-fit:cover;cursor:zoom-in}.v212-measure-photo figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.v212-measure-photo>button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:rgba(30,35,40,.78);color:#fff;width:20px;height:20px;cursor:pointer}.v212-photo-button{display:grid;place-items:center;width:112px;height:76px;border:1px dashed #9faab2;border-radius:7px;background:#f7f8f9;font-size:10px;font-weight:800;cursor:pointer}.v212-photo-button input{display:none}.v212-measure-notes{display:grid;gap:4px;margin-top:16px;font-size:10px;font-weight:800}.v212-add-position-bottom{margin-top:12px}
.v212-measure-drawer{min-width:0;overflow:hidden;border-left:1px solid #c5ccd2;background:#fff}.v212-measure-editor.drawer-open .v212-measure-drawer{padding:10px}.v212-measure-drawer>header{display:flex;justify-content:space-between;align-items:center}.v212-measure-drawer>header div{display:grid}.v212-measure-drawer>header small{color:#69737c}.v212-measure-drawer>header button{border:0;background:transparent;font-size:22px;cursor:pointer}.v212-measure-drawer>input{width:100%;margin:9px 0;border:1px solid #cbd2d7;border-radius:9px;padding:10px}.v212-measure-drawer>.btn{width:100%;margin-top:9px}.v212-measure-drawer #v212MeasurementDrawerRows{display:grid;gap:5px;max-height:calc(100% - 135px);overflow:auto}.v212-measure-drawer #v212MeasurementDrawerRows>button{display:grid;gap:3px;border:1px solid #d9dee2;border-radius:8px;background:#fff;padding:9px;text-align:left;cursor:pointer}.v212-measure-drawer #v212MeasurementDrawerRows>button:hover{border-color:#e77a25;background:#fff8f2}.v212-measure-drawer #v212MeasurementDrawerRows small{color:#68727b}
.v212-measure-print-page{position:relative!important;padding:5% 7.5%!important;background:#fff!important}.v212-measure-print-header{display:grid;grid-template-columns:20% 1fr 30%;gap:3%;align-items:end;border-bottom:2px solid #ef7c19;padding-bottom:2%}.v212-measure-print-header>img{max-width:100%;max-height:55px}.v212-measure-print-header>div{display:grid}.v212-measure-print-header>div strong{font-size:18px}.v212-measure-print-header>div span{font-size:9px;color:#66717c}.v212-measure-print-header dl{margin:0;display:grid;gap:2px;font-size:8px}.v212-measure-print-header dl div{display:flex;justify-content:space-between}.v212-measure-print-header dd{margin:0}.v212-measure-print-address{display:grid;grid-template-columns:1.4fr .8fr 1.4fr;gap:2%;margin:2% 0;padding:2%;border:1px solid #c4cbd0;font-size:8px}.v212-measure-print-address span{display:grid}.v212-measure-print-page main{display:grid;gap:8px}.v212-measure-print-position{border:1px solid #bbc3c9;border-radius:6px;overflow:hidden}.v212-measure-print-position header{display:flex;gap:8px;background:#f1f3f4;padding:6px 8px}.v212-measure-print-position header span{color:#e87016;font-weight:900}.v212-measure-print-position p{margin:7px 9px;font-size:9px}.v212-measure-print-sketch{display:block;width:calc(100% - 18px);max-height:175px;object-fit:contain;margin:7px 9px;border:1px solid #dce1e4}.v212-measure-print-photos{display:flex;gap:6px;margin:7px 9px}.v212-measure-print-photos figure{width:92px;margin:0}.v212-measure-print-photos img{width:92px;height:62px;object-fit:cover}.v212-measure-print-photos figcaption{font-size:6px}.v212-measure-print-page>footer{position:absolute;left:7.5%;right:7.5%;bottom:3%;border-top:1px solid #bbb;padding-top:4px;color:#66717c;font-size:7px}.v212-case-photos{margin:14px 0}.v212-case-photos>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.v212-case-photos button{display:grid;min-width:180px;border:1px solid #d9dee2;border-radius:9px;background:#fff;padding:9px;text-align:left;cursor:pointer}.v212-case-photos button span{color:#e36e16;font-size:8px;font-weight:900}.v212-case-photos button small{color:#6a747d}
@media(max-width:980px){.v212-case-summary{grid-template-columns:repeat(3,1fr)!important}.v212-all-cases{grid-column:1/-1}.v212-measure-editor.drawer-open .v212-measure-workspace{grid-template-columns:minmax(0,1fr) min(320px,42vw)}.v212-status-setting-row{grid-template-columns:18px 44px 1fr 1fr}.v212-status-setting-row .checkline,.v212-status-setting-row .v212-row-actions,.v212-status-setting-row .v212-system-status{grid-column:auto}}
@media(max-width:760px){.v212-case-summary{grid-template-columns:1fr!important}.v212-all-cases{grid-column:auto}.v212-category-setting-row{grid-template-columns:48px 1fr}.v212-category-setting-row .checkline{grid-column:1/-1}.v212-status-setting-row{grid-template-columns:20px 44px 1fr}.v212-status-setting-row [data-status-name],.v212-status-setting-row [data-status-options]{grid-column:3}.v212-status-setting-row .checkline{grid-column:1/3}.v212-measurement-modal{width:100vw!important;height:100vh!important;max-height:none!important}.v212-measure-editor.drawer-open .v212-measure-workspace{grid-template-columns:minmax(0,1fr)}.v212-measure-drawer{position:absolute;z-index:20;inset:0 0 0 auto;width:min(88vw,340px);box-shadow:-8px 0 24px rgba(20,30,40,.2)}.v212-measure-editor:not(.drawer-open) .v212-measure-drawer{display:none}.v212-measure-workspace>main{padding:8px}.v212-measure-sheet{min-height:100%;padding:18px 13px}.v212-measure-sheet-head{grid-template-columns:1fr}.v212-measure-sheet-head dl{grid-column:1}.v212-measure-sheet-head>section{grid-template-columns:1fr}.v212-measure-sheet-head>section span,.v212-measure-sheet-head>section .wide{grid-column:1;border-right:0}.v212-measure-canvas{height:260px}.v212-device-note{display:none}}
@media(max-width:520px){.v212-status-setting-row{grid-template-columns:18px 42px 1fr}.v212-status-setting-row [data-status-options]{grid-column:1/-1}.v212-measure-toolbar .btn{padding:7px;font-size:9px}.v212-measure-sheet-head>div{grid-template-columns:1fr}.v212-measure-sheet-head img{grid-row:auto;max-width:140px}.v212-sketch-toolbar{align-items:flex-start;flex-wrap:wrap}.v212-sketch-toolbar span{width:100%}}
.v212-mail-attachment-list{display:grid;gap:7px;margin:10px 0}.v212-mail-attachment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border,#475563);border-radius:8px}.v212-mail-attachment-row span{overflow-wrap:anywhere}.v212-mail-attachments{display:grid;gap:7px;grid-column:1/-1;padding:12px;border:1px solid var(--border,#475563);border-radius:9px;background:var(--card,#fff);color:var(--text,#212a35)}.v212-mail-attachments legend{font-weight:700;padding:0 5px}.v212-mail-attachments .checkline{margin:0}
/* SOURCE: styles/features/v0213/release.css */
/* ZaPhi Manager v0.21.3 · gesammelte Oberflächen-, Dokument-, Aufmaß- und Portaländerungen. */
/* Eine App-Schrift. Die konfigurierte Dokumentenschrift bleibt innerhalb der Papierseiten eigenständig. */
html,body,.app,.modal-backdrop,.modal,.card,.page,.topbar,.sidebar,button,input,textarea,select,option,table{font-family:var(--font-app)!important}
.v20-paper-page{font-family:inherit}.v20-paper-page button,.v20-paper-page input,.v20-paper-page textarea,.v20-paper-page select{font-family:inherit!important}
.service-long,.v203-clickable-service .service-long,.v203-tree-name{display:block!important;max-height:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere;hyphens:auto}
.v203-service-tree-row{height:auto!important;min-height:44px}.service-row td{height:auto!important}
/* Kategorienamen und Leistungsnamen verwenden exakt dasselbe Schriftbild. Das
feste Minimum von 0 gibt dem Kategorienamen den Platz zum Umbrechen, ohne
dass Zaehler oder Bedienknöpfe über dem Text liegen. */
#serviceTree .v203-tree-name,#serviceTable .service-name{font-family:var(--font-app)!important;font-size:13px!important;font-style:normal!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.25!important}
#serviceTree .v203-tree-name{min-width:0;width:100%;padding:6px 0;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-hyphens:auto;hyphens:auto}
#serviceTree .v203-service-tree-row{grid-template-columns:28px 40px minmax(0,1fr) 35px max-content}
/* Aktive Vorgänge bleiben vollständig weiß und neutral. */
.v212-case-kpi.orange:before{display:none!important}.v212-case-kpi.orange,.v212-case-kpi.orange.active{border-color:var(--line,#d8dde2)!important;background:#fff!important;box-shadow:0 2px 8px rgba(24,36,48,.06)!important;color:var(--text,#17212b)!important}
/* Mehr Innenabstand in Vorgangs- und Dokumentansichten. */
#page-cases .v20-case-table th:first-child,#page-cases .v20-case-table td:first-child{padding-left:15px!important}
#page-documents .v211-offer-workspace,#page-documents .v203-invoice-workspace,#page-documents .doc-editor-card{padding-left:14px!important;padding-right:14px!important}
.v09-builder-main{padding-left:12px!important;padding-right:8px!important}.v09-builder-canvas{padding-left:28px!important;padding-right:24px!important}
/* Briefpapiervorschau bleibt beim Scrollen vollständig erreichbar. */
.stationery-layout{align-items:start}.stationery-preview-wrap{min-width:0}.v213-follow-line-control{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.v213-follow-line-control>span{display:grid;grid-template-columns:1fr 58px;gap:8px;align-items:center}.v213-follow-line-control output{text-align:right;font-weight:800}
.v213-follow-heading{transform:translateY(-100%)!important;align-items:flex-end!important;padding-bottom:1.5%!important}
@media(min-width:1050px){.stationery-layout{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr)!important}.stationery-preview-wrap{position:sticky!important;top:146px!important;max-height:calc(100vh - 158px);overflow:hidden;align-self:start;padding-bottom:4px}.v20-stationery-preview-pages .v20-paper-page{height:min(calc(100vh - 190px),680px)!important}}
@media(min-width:1050px) and (max-width:1100px){.stationery-preview-wrap{top:174px!important;max-height:calc(100vh - 186px)}.v20-stationery-preview-pages .v20-paper-page{height:min(calc(100vh - 218px),620px)!important}}
/* Kompakter QR links neben der Summenstaffel. */
.v213-payment-summary{display:grid;grid-template-columns:46% minmax(0,1fr);gap:14px;align-items:end;margin-top:10px;break-inside:avoid}.v213-payment-totals .paper-totals{width:100%!important;margin:0!important}
.v213-payment-qr{display:grid!important;grid-template-columns:78px minmax(0,1fr);gap:8px!important;align-items:center!important;min-width:0;margin:0!important;padding:7px!important;border:1px solid #bbb;border-radius:7px;break-inside:avoid}.v213-payment-qr img{width:78px!important;height:78px!important;object-fit:contain;background:#fff}.v213-payment-qr>div{display:grid;gap:3px;min-width:0}.v213-payment-qr strong{font-size:8px}.v213-payment-qr small{display:block;font-size:6.5px;line-height:1.3;overflow-wrap:anywhere}.v213-qr-payment-data{word-break:break-word}
/* Dokumenteditor: echte Zwischenräume statt Hervorhebung einer vorhandenen Position. */
.v09-builder-canvas.drag-target{outline:none!important}.v09-block.dragover{border-color:transparent!important;background:inherit!important}
.v213-insert-guide{position:relative;height:12px;margin:0 2px;z-index:5}.v213-insert-guide:before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;border-radius:2px;background:transparent;transform:translateY(-50%)}.v213-insert-guide span{display:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:#ed781f;color:#fff;padding:3px 9px;font-size:9px;font-weight:800;white-space:nowrap}.v213-insert-guide.active{height:24px}.v213-insert-guide.active:before{height:3px;background:#ed781f;box-shadow:0 0 0 2px rgba(237,120,31,.16)}.v213-insert-guide.active span{display:block}
/* Einheitliche Dokumentart-Auswahl und große Unterschriftenfläche für Lieferscheine. */
.v13-doc-create>.v213-document-picker{position:relative;width:230px;min-width:230px;max-width:230px}.v213-document-picker-trigger{width:100%;min-height:42px;display:flex;justify-content:center;gap:8px}.v213-document-picker-popover{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:min(520px,calc(100vw - 48px));max-height:min(65vh,620px);overflow:auto;border:1px solid #d7dde2;border-radius:14px;background:#fff;padding:12px;box-shadow:0 14px 38px rgba(20,31,42,.2)}.v213-document-picker-popover[hidden]{display:none!important}.v213-document-picker-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v213-document-picker-group{display:grid;gap:6px;align-content:start}.v213-document-picker-group>small{padding:0 4px;color:#68737d;font-size:9px;font-weight:800}.v213-document-type-option{width:100%;min-height:42px;border:1px solid #d9dfe4;border-radius:10px;background:#fff;padding:9px 11px;text-align:left;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.v213-document-type-option:hover,.v213-document-type-option:focus-visible{outline:0;border-color:var(--orange);background:#fff6ed;box-shadow:0 0 0 2px rgba(244,123,32,.13)}
.v213-delivery-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(20,30,40,.58);backdrop-filter:blur(2px)}.v213-signature-dialog,.v213-correction-dialog{width:min(920px,94vw);max-height:92vh;overflow:auto;border:1px solid #cfd6dc;border-radius:16px;background:#fff;box-shadow:0 22px 65px rgba(10,20,30,.3);padding:16px}.v213-signature-dialog>header,.v213-correction-dialog>header,.v213-signature-dialog>footer,.v213-correction-dialog>footer{display:flex;align-items:center;gap:9px}.v213-signature-dialog>header,.v213-correction-dialog>header{justify-content:space-between}.v213-signature-dialog h3,.v213-correction-dialog h3{margin:0}.v213-signature-dialog header small,.v213-correction-dialog header small{display:block;color:#68737d;margin-top:2px}.v213-overlay-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2d8dd;border-radius:9px;background:#fff;font-size:22px;cursor:pointer}.v213-signature-name,.v213-correction-dialog>label{display:grid;gap:5px;margin:13px 0;font-weight:800}.v213-signature-name input,.v213-correction-dialog textarea{width:100%;border:1px solid #cbd2d8;border-radius:9px;padding:9px;font:inherit}.v213-signature-pad-wrap{height:clamp(300px,52vh,500px);border:1px solid #aeb8c0;border-radius:12px;background:#fff;overflow:hidden}.v213-signature-pad-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.v213-signature-dialog>footer,.v213-correction-dialog>footer{justify-content:flex-end;flex-wrap:wrap;margin-top:13px}.v213-signature-hint{margin-right:auto;color:#68737d;font-size:10px}
.v213-delivery-signature-summary,.v213-delivery-version-history{margin-top:12px;border:1px solid #dce2e6;border-radius:11px;background:#fafbfc;padding:11px}.v213-delivery-signature-summary>header,.v213-delivery-version-history>header{display:flex;justify-content:space-between;gap:10px;align-items:center}.v213-delivery-signature-summary header>div,.v213-delivery-version-history>header{display:grid}.v213-delivery-signature-summary small,.v213-delivery-version-history small{color:#68737d}.v213-delivery-signature-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.v213-delivery-signature-card{display:grid;gap:6px;border:1px solid #dce2e6;border-radius:9px;background:#fff;padding:9px}.v213-delivery-signature-card.complete{border-color:#9cccb0;background:#f4faf6}.v213-delivery-signature-card input{width:100%;border:1px solid #d1d8dd;border-radius:8px;padding:8px}.v213-delivery-signature-card img{width:auto;max-width:100%;height:46px;object-fit:contain;object-position:left center}.v213-delivery-sign-actions{display:flex;gap:7px;flex-wrap:wrap}.v213-sign-action.complete{border-color:#65a97f;background:#edf8f1}.v213-delivery-version-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;border-top:1px solid #e1e5e8;padding:8px 0}.v213-delivery-version-row>div{display:grid}.v213-delivery-version-row>div>span{font-size:9px}.v213-delivery-integrity{font-size:9px;font-weight:800;color:#397357}.v213-delivery-version-row.invalid .v213-delivery-integrity{color:#a8403a}.v213-paper-signature img,.v213-signature-image{display:block;width:auto;max-width:55mm;height:auto;max-height:22mm;object-fit:contain;object-position:left bottom}.v213-delivery-signature-warning span{display:block;margin-top:3px}
/* Aufmaß: kompakte Zeilen, nur bei Bedarf aufgeklappte Werkzeuge. */
#v212MeasurementPositions{gap:7px!important}.v213-measure-position{border-radius:8px!important}.v213-measure-position.compact{display:grid;grid-template-columns:minmax(105px,max-content) minmax(0,1fr) auto 18px;gap:9px;align-items:center;padding:9px 11px;cursor:pointer}.v213-measure-position.compact:hover{border-color:#e07825;background:#fffaf6}.v213-measure-position.compact strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.v213-measure-position.compact small{color:#69737d;font-size:8px;white-space:nowrap}.v213-measure-position.compact>span{font-size:18px;color:#8a949d}.v213-measure-compact-qty{font-weight:850;white-space:nowrap}
.v213-measure-position.expanded{padding:10px;overflow:visible!important;border-color:#e28a48;box-shadow:0 0 0 2px rgba(232,119,31,.09)}.v213-measure-position-line{display:grid;grid-template-columns:95px 80px minmax(0,1fr) 34px;gap:7px;align-items:end}.v213-measure-position-line label{display:grid;gap:3px}.v213-measure-position-line label>span,.v213-measure-extra>span{color:#5f6b76;font-size:8px;font-weight:800}.v213-measure-position-line input{width:100%;min-height:36px;border:1px solid #cbd2d7;border-radius:7px;padding:7px;font:11px var(--font-app)}.v213-measure-position-line [data-v213-measure-qty]{font-size:14px;font-weight:850}.v213-icon-button{display:inline-grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid #c8d0d6;border-radius:8px;background:#fff;color:#26333e;font:700 17px var(--font-app);cursor:pointer}.v213-icon-button:hover{border-color:#e07825;background:#fff8f2}.v213-icon-button.danger{color:#a23d38}.v213-icon-button input{display:none}.v213-measure-position-tools{display:flex;align-items:center;gap:6px;margin:9px 0 7px}.v213-measure-position-tools>span{margin-right:auto;color:#68737d;font-size:9px}.v213-measure-extra{display:grid;gap:4px}.v213-measure-extra textarea{width:100%;min-height:54px;resize:vertical;border:1px solid #ccd3d8;border-radius:7px;padding:8px;font:11px var(--font-app)}
.v213-measure-sketch-preview{display:grid;justify-items:start;gap:5px;margin:9px 0 0;padding-top:8px;border-top:1px solid #e0e4e7}.v213-measure-sketch-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:330px;border:1px solid #d5dbe0;border-radius:6px;background:#fff;cursor:zoom-in}.v213-measure-sketch-preview figcaption{display:flex;gap:5px}.v213-photo-row{padding:9px 0 0!important}.v213-measure-warning{margin:9px 0;border-left:4px solid #c94343;border-radius:7px;background:#fff0f0;color:#7d2828;padding:9px 11px;font-size:10px}.v213-measure-warning strong{display:block}
.v212-measure-drawer #v212MeasurementDrawerRows{display:block!important;max-height:calc(100% - 142px)!important}.v213-measure-catalog-main,.v213-measure-catalog-sub{display:block}.v213-measure-folder{display:grid;width:100%;grid-template-columns:20px 38px minmax(0,1fr) 34px;gap:4px;align-items:center;border:0;border-bottom:1px solid #e2e6e9;background:#fff;padding:9px 5px;text-align:left;cursor:pointer}.v213-measure-folder:hover{background:#f7f9fa}.v213-measure-folder.main{background:#eef2f5;font-weight:850}.v213-measure-folder span{font-size:13px}.v213-measure-folder small{color:#75808b;font-size:8px}.v213-measure-folder strong{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:10px}.v213-measure-folder b{justify-self:end;border-radius:999px;background:#dde4e9;padding:2px 5px;font-size:8px}.v213-measure-main-content{border-left:2px solid #d6dde2;margin-left:7px}.v213-measure-catalog-sub{margin-left:calc(var(--v213-depth,0) * 8px)}.v213-measure-folder-content{border-left:1px solid #e0e5e8;margin-left:9px;padding-left:5px}.v213-measure-service{display:grid!important;width:100%;gap:2px!important;margin:3px 0!important;border:1px solid #dce1e5!important;border-radius:7px!important;background:#fff!important;padding:8px!important;text-align:left!important;cursor:pointer!important}.v213-measure-service:hover{border-color:#e07825!important;background:#fff8f2!important}.v213-measure-service strong{font-size:9px!important;white-space:normal;overflow-wrap:anywhere}.v213-measure-service small{font-size:8px!important;color:#68737d}.v213-measure-search-caption{position:sticky;top:0;z-index:2;background:#f2f5f7;border-bottom:1px solid #d9dfe3;padding:7px;font-size:8px;font-weight:800}
.v213-sketch-dialog{position:fixed;z-index:500;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#e7eaec}.v213-sketch-dialog>header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #cbd2d7;background:#fff;padding:10px 13px}.v213-sketch-dialog>header>div:first-child{display:grid}.v213-sketch-dialog>header small{color:#68737d}.v213-sketch-surface{min-height:0;padding:10px}.v213-sketch-surface canvas{display:block;width:100%;height:100%;border:1px solid #aeb8c0;border-radius:9px;background-color:#fff;background-image:linear-gradient(#e4e8eb 1px,transparent 1px),linear-gradient(90deg,#e4e8eb 1px,transparent 1px);background-size:20px 20px;box-shadow:0 3px 14px rgba(22,34,45,.14);touch-action:none;cursor:crosshair}
.v213-measure-print-position header{align-items:center}.v213-measure-print-position header .v213-measure-print-qty{min-width:27mm;color:#17212b!important}.v213-measure-print-position header>strong:last-child{font-weight:750}.v213-measure-print-position:not(:has(p)):not(:has(img)):not(:has(.v212-measure-print-photos)){min-height:0}
.v213-measurement-workflow-settings{border:1px solid var(--border,#dbe2e8);border-radius:14px;padding:14px;margin:16px 0;display:grid;gap:10px;background:#fff}.v213-measurement-workflow-settings legend{padding:0 7px;font-weight:700;color:var(--text,#1d2730)}.v213-measurement-workflow-settings .notice{margin:0}.v213-measurement-workflow-settings input:disabled{opacity:.55}.v213-measurement-guided-summary{margin:12px 0;display:grid;gap:6px}.v213-measurement-guided-summary .btn{justify-self:start}
/* Kundenportal-Verwaltung und streng begrenzte Vorschau. */
.v213-portal-settings{display:grid;gap:12px}.v213-portal-settings .notice span{display:block;margin-top:4px}.v213-portal-scope{display:grid;gap:4px;border-left:4px solid #4d8269;border-radius:7px;background:#f0f7f3;padding:10px}.v213-portal-scope span{font-size:10px}.v213-portal-scope small{color:#52635b}
.v213-customer-portal-section{border:1px solid #cfded6!important;background:#fbfdfc}.v213-customer-portal-section .profile-section-head>div:first-child{display:grid;gap:2px}.v213-customer-portal-section .profile-section-head small{color:#607068}.v213-portal-boundary{display:flex;justify-content:space-between;gap:12px;border-radius:8px;background:#eef5f1;padding:8px 10px;color:#41584c;font-size:9px}.v213-portal-access-list{display:grid;gap:6px;margin-top:9px}.v213-portal-access-row{display:grid;grid-template-columns:145px minmax(180px,1fr) auto;gap:9px;align-items:center;border:1px solid #dbe2de;border-radius:9px;background:#fff;padding:8px}.v213-portal-access-row>div:nth-child(2){display:grid}.v213-portal-access-row small{color:#68737d}.v213-portal-state{border-radius:999px;padding:5px 7px;background:#eef1f3;color:#4f5962;font-size:8px;font-weight:850;text-align:center}.v213-portal-state.active{background:#e5f4eb;color:#2e6b49}.v213-portal-state.pending{background:#e9f1fa;color:#315e88}.v213-portal-state.error,.v213-portal-state.expired{background:#fff0ef;color:#9a3e38}.v213-portal-state.revoked{background:#eee;color:#666}.v213-portal-requests{display:grid;gap:5px;margin-top:11px;border-top:1px solid #d9e1dd;padding-top:9px}.v213-portal-requests>div{display:grid;grid-template-columns:130px 1fr;gap:2px 8px;border:1px solid #e0e5e2;border-radius:7px;background:#fff;padding:7px}.v213-portal-requests small{grid-column:2;color:#65716a}
.v213-portal-invite{display:grid;gap:11px}.v213-portal-invite .notice span{display:block;margin-top:4px}.v213-portal-permissions{display:grid;gap:5px;border:1px solid #d9e2dd;border-radius:9px;background:#f7faf8;padding:10px}.v213-portal-permissions label{font-size:10px}
.v213-portal-preview{display:grid;gap:13px}.v213-portal-preview>header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:12px;background:linear-gradient(135deg,#24384a,#3c5b70);color:#fff;padding:18px}.v213-portal-preview>header span{font-size:9px;opacity:.8}.v213-portal-preview>header h2{margin:3px 0}.v213-portal-preview>header p{margin:0;white-space:pre-line}.v213-portal-preview-scope{border-left:4px solid #5b9474;background:#eff7f2;padding:9px 11px;color:#405b4b;font-size:9px}.v213-portal-preview>section{border:1px solid #dce2e5;border-radius:11px;background:#fff;padding:12px}.v213-portal-case-list{display:grid;gap:6px}.v213-portal-case-list article{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e0e4e7;border-radius:8px;padding:9px}.v213-portal-case-list article>div{display:grid}.v213-portal-case-list small{color:#6a747d}.v213-portal-progress{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.v213-portal-progress:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--v213-status)}
/* Sichtbare Objektakten, reduzierte Auftragsdetails und frei eingebbarer Einsatzort. */
.v213-portal-preview [hidden]{display:none!important}
.v213-portal-object-list{display:grid;gap:10px}
.v213-portal-object{border:1px solid #dce2e5;border-radius:9px;background:#f8fafb;padding:11px}
.v213-portal-object-head,.v213-portal-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v213-portal-object-head h4{margin:0 0 4px}.v213-portal-object-head p{margin:0;white-space:pre-line}
.v213-portal-object-head>small{white-space:nowrap}.v213-portal-object .v213-portal-case-list{margin-top:10px}
.v213-portal-case-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid #dce2e5;border-radius:8px;background:#fff;color:#1d2730;padding:10px;cursor:pointer}
.v213-portal-case-row:hover,.v213-portal-case-row:focus-visible{background:#f0f6f3;border-color:#76a98c;outline-offset:2px}
.v213-portal-case-row>span:first-child{display:grid;gap:3px}.v213-portal-case-row strong{color:inherit}
.v213-portal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 2px}
.v213-portal-details>div{min-width:0}.v213-portal-details .wide{grid-column:1/-1}.v213-portal-details dt{font-size:10px;color:#68737d;margin-bottom:3px}.v213-portal-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v213-portal-new-object{display:grid;gap:6px;border-left:3px solid #e97b2f;border-radius:7px;background:#f9f4ef;padding:10px}.v213-portal-preview form>.toolbar{margin:12px 0}
html[data-zaphi-theme="dark"] .v213-portal-preview>section{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview-scope{background:#20382d!important;color:#ccead8!important;border-color:#6cba8a!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.section-title,h3,h4,strong,label){color:#edf2f6!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(small,.empty,.v213-portal-object-head p,.v213-portal-details dt){color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.v213-portal-object,.v213-portal-new-object){background:#1b2229!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-new-object{border-left-color:#f47b20!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-case-row{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-case-row:is(:hover,:focus-visible){background:#283a34!important;border-color:#7bb893!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.v213-portal-case-row strong,.v213-portal-progress,.v213-portal-details dd){color:#edf2f6!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-scope,.v213-portal-boundary,.v213-portal-permissions,.v213-portal-access-row,.v213-portal-requests>div){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-scope small,.v213-portal-access-row small,.v213-portal-requests small,.v213-portal-permissions label){color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v213-portal-settings .notice,html[data-zaphi-theme="dark"] .v213-portal-invite .notice{background:#20382d!important;color:#d5eadd!important;border-color:#528c6c!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-settings,.v213-portal-invite) :is(strong,label,h3){color:#edf2f6!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-settings,.v213-portal-invite) input,html[data-zaphi-theme="dark"] .v213-portal-invite select{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
@media(max-width:620px){.v213-portal-preview>header,.v213-portal-case-row,.v213-portal-object-head{align-items:flex-start;flex-direction:column}.v213-portal-preview>header .btn{width:100%}.v213-portal-object-head>small{white-space:normal}.v213-portal-details{grid-template-columns:1fr}}
@media(max-width:900px){.v213-payment-summary{grid-template-columns:1fr}.v213-measure-position.compact{grid-template-columns:minmax(88px,max-content) minmax(0,1fr) 18px}.v213-measure-position.compact small{display:none}.v213-portal-access-row{grid-template-columns:1fr}.v213-portal-boundary{display:grid}}
@media(max-width:620px){.v213-measure-position-line{grid-template-columns:1fr 1fr 34px}.v213-measure-description{grid-column:1/3}.v213-sketch-dialog>header{align-items:flex-start;flex-direction:column}.v213-sketch-dialog>header .toolbar{width:100%}.v213-sketch-dialog>header .toolbar .btn{flex:1;padding:7px 5px}.v213-payment-qr{grid-template-columns:68px 1fr}.v213-payment-qr img{width:68px!important;height:68px!important}}
@media(max-width:720px){.v13-doc-create>.v213-document-picker{width:100%;min-width:0;max-width:none}.v213-document-picker-popover{position:fixed;inset:auto 12px 12px;width:auto;max-height:72vh}.v213-document-picker-menu,.v213-delivery-signature-cards{grid-template-columns:1fr}.v213-delivery-overlay{padding:10px}.v213-signature-dialog,.v213-correction-dialog{width:100%;max-height:96vh}.v213-signature-pad-wrap{height:50vh}.v213-delivery-version-row{grid-template-columns:1fr}.v213-signature-dialog>footer .btn{flex:1}.v213-signature-hint{width:100%;margin:0}}
/* SOURCE: styles/features/datanorm.css */
.datanorm-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);gap:18px;align-items:start}
.datanorm-drop{margin-top:14px;border:2px dashed #cbd1d8;border-radius:14px;min-height:180px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:#fafbfc;cursor:pointer;transition:.15s}
.datanorm-drop:hover,.datanorm-drop.drag{border-color:var(--orange,#f58220);background:#fff8f1}
.datanorm-drop strong{font-size:18px}.datanorm-drop span{font-size:14px}.datanorm-drop small{color:#6d7681;max-width:520px}
.datanorm-result{min-height:250px}.dn-file{padding:9px 0;border-bottom:1px solid #edf0f2}.dn-file:last-child{border-bottom:0}
.dn-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.dn-stat{background:#f5f6f7;border-radius:10px;padding:10px}.dn-stat strong{display:block;font-size:18px}
@media(max-width:900px){.datanorm-grid{grid-template-columns:1fr}.dn-stat-grid{grid-template-columns:1fr 1fr}}
.dn-browser-card{margin-top:16px;padding:0;overflow:hidden}
.dn-browser-head{padding:18px 20px;border-bottom:1px solid #e7eaee;background:#fff}
.dn-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#7b838d;margin-bottom:4px}
.dn-browser{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:560px}
.dn-tree-pane{border-right:1px solid #e6e9ed;background:#fafbfc;min-width:0}
.dn-tree-title{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e6e9ed;background:#fff}
.dn-tree-title strong{font-size:15px}.dn-tree-title span{font-size:12px;color:#727b86}
.dn-tree{max-height:660px;overflow:auto;padding:8px}
.dn-root-row,.dn-group-row{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.dn-root-row:hover,.dn-group-row:hover{background:#f1f3f5}.dn-group-row.active{background:#fff0e4;color:#8f3e00;font-weight:700}
.dn-root-row{font-weight:800}.dn-group-row{padding-left:25px;font-size:13px}
.dn-tree-count{margin-left:auto;min-width:36px;text-align:right;color:#747d87;font-size:11px;font-weight:700}
.dn-catalog-pane{min-width:0;background:#fff;display:flex;flex-direction:column}
.dn-catalog-toolbar{padding:14px 16px;border-bottom:1px solid #e7eaee;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dn-catalog-toolbar .field{margin:0;min-width:260px;flex:1}
.dn-catalog-title{padding:14px 16px 4px}.dn-catalog-title h3{margin:0 0 4px}.dn-catalog-title .muted{font-size:12px}
.dn-catalog-scroll{overflow:auto;max-height:555px;border-top:1px solid #f0f1f3}
.dn-catalog-table{width:100%;border-collapse:collapse;font-size:13px}.dn-catalog-table th{position:sticky;top:0;background:#f7f8fa;z-index:2;text-align:left;padding:9px 10px;border-bottom:1px solid #dfe3e8;white-space:nowrap}.dn-catalog-table td{padding:9px 10px;border-bottom:1px solid #edf0f2;vertical-align:top}.dn-catalog-table tr.dn-article-row{cursor:pointer}.dn-catalog-table tr.dn-article-row:hover{background:#fff8f2}
.dn-article-no{font-weight:800;white-space:nowrap}.dn-price{font-weight:800;white-space:nowrap;text-align:right}.dn-catalog-table th:last-child{text-align:right}
.dn-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-top:1px solid #e7eaee;background:#fafbfc}.dn-pager span{min-width:120px;text-align:center;font-size:12px;color:#626c77}
.dn-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.dn-detail-box{border:1px solid #e2e5e9;border-radius:10px;padding:12px;background:#fafbfc}.dn-detail-box small{display:block;color:#747d87;margin-bottom:4px}.dn-detail-box strong{display:block;word-break:break-word}
@media(max-width:900px){.dn-browser{grid-template-columns:1fr}.dn-tree-pane{border-right:0;border-bottom:1px solid #e6e9ed}.dn-tree{max-height:260px}.dn-detail-grid{grid-template-columns:1fr 1fr}}
/* SOURCE: styles/releases/v010.css */
/* v0.10 */
.v10-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.v10-template-card{border:1px solid #d9dde2;background:#fff;border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px}.v10-template-card:hover{border-color:#c98516;box-shadow:0 2px 8px rgba(0,0,0,.06)}.v10-template-card strong{font-size:14px}.v10-template-card span{font-size:12px;color:#6f7780}.v10-template-card.blank{border-style:dashed}.v10-standard-list{display:grid;gap:8px;margin-top:12px}.v10-check-card{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e1e4e8;border-radius:10px;background:#fff}.v10-check-card span{display:flex;flex-direction:column;gap:3px}.v10-check-card small{color:#737b84}.v10-measure-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.v10-measure-hero strong{font-size:20px}.v10-measure-hero p{margin:4px 0 0;color:#68717a}.v10-tree-main>button,.v10-tree-sub>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:center;text-align:left;padding:9px 8px;cursor:pointer;border-radius:8px}.v10-tree-main>button:hover,.v10-tree-sub>button:hover{background:#f3f4f6}.v10-tree-main>button strong{font-size:12px}.v10-tree-sub>button{padding-left:16px}.v10-tree-sub>button strong{font-size:11.5px}.v10-tree-main small,.v10-tree-sub small{font-size:10px;color:#7b838c}.v10-tree-subs{padding-left:6px;border-left:2px solid #eee;margin-left:7px}.v10-tree-services{padding-left:16px}.v10-service-item{margin:4px 0}.v10-line-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.v10-line-actions .v09-line-meta{flex:1;min-width:160px}.v10-line-actions select{min-width:132px;padding:5px 7px;border:1px solid #d7dbe0;border-radius:7px;background:#fff}.v10-mode-badge{font-size:10px;font-weight:700;padding:4px 7px;border-radius:999px;background:#fff2c8;color:#7d5b00}.v10-excluded{background:#fffbef}.v10-excluded-summary{color:#78620d}.v10-calc-preview{margin-top:12px;margin-left:auto;max-width:420px;border-top:1px solid #ddd;padding-top:8px}.v10-calc-preview>div{display:flex;justify-content:space-between;gap:15px;padding:4px 0}.v10-calc-preview .grand{font-weight:800;border-top:1px solid #aaa;margin-top:4px;padding-top:8px}.v10-text-details{border:1px solid #e1e4e8;border-radius:9px;padding:8px 10px;background:#fafafa}.v10-text-details summary{cursor:pointer;font-weight:700}.v10-text-details textarea{width:100%;margin-top:4px}.v10-kva-settings{margin-bottom:14px}.v10-template-setting{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eee}.v10-template-setting:first-child{border-top:0}.v10-template-setting>div{display:flex;flex-direction:column;gap:3px}.v10-template-setting small{color:#717982}.paper-object-block{width:67%;font-size:8px;line-height:1.45;margin-bottom:8px}.paper-outro{font-size:8px;line-height:1.35;margin-top:12px;white-space:normal}.paper-alt-tag{font-weight:800;font-size:7px;margin-bottom:2px}.paper-excluded-note{font-size:7.5px;color:#555}.paper-recipient{min-height:65px}.paper-heading{margin-top:11px!important;margin-bottom:6px!important}.paper-contact{top:88px!important}.v09-builder-side{min-width:330px}.v09-palette-list{max-height:70vh;overflow:auto}
@media(max-width:850px){.v10-template-grid{grid-template-columns:1fr}.v09-builder-side{min-width:0}}
/* SOURCE: styles/releases/v012.css */
/* v0.12 */
:root{--sidebar:0px}.app{display:block!important}.sidebar{display:none!important}.main{min-width:0;width:100%}.menu-btn.v12-hidden{display:none!important}
.topbar{min-height:64px;height:auto!important;padding:8px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.v12-top-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.v12-top-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.v12-top-brand small{font-size:10px;color:var(--muted)}.v12-top-logo{width:34px;height:34px;border-radius:9px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900}.v12-top-nav{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:thin;flex:1 1 auto}.v12-top-nav button{border:0;background:transparent;padding:9px 10px;border-radius:9px;font-weight:700;white-space:nowrap;color:#4e5660}.v12-top-nav button:hover,.v12-top-nav button.active{background:#fff0e6;color:#b9530b}.v12-top-nav .v12-gear{font-size:18px;padding:7px 11px}.topbar>.search{flex:1 1 300px;max-width:520px}.topbar>.top-actions{margin-left:auto}.content{max-width:none!important;width:100%;padding:18px 22px 32px!important}
#page-settings>.stationery-card,#page-settings>.pricing-card,#page-settings>.v11-worktime-card,#page-settings>.v10-kva-settings,#page-settings>.grid{display:none}.v12-settings-shell{display:block!important}.v12-settings-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;position:sticky;top:64px;background:var(--bg);z-index:10}.v12-settings-tabs button{border:1px solid #dfe3e7;background:#fff;padding:9px 12px;border-radius:10px;font-weight:700;white-space:nowrap}.v12-settings-tabs button.active{background:#20242a;color:#fff;border-color:#20242a}.v12-setting-panel{display:none;max-height:calc(100vh - 205px);overflow:auto;padding:2px 4px 18px 0}.v12-setting-panel.active{display:block}.v12-setting-card{display:block!important;margin:0!important}.v12-setting-panel[data-tab="snippets"] #v09SnippetSettings{max-height:none}.v12-setting-panel .card{box-shadow:var(--shadow)}
.v12-smart-field{position:relative}.v12-suggest-box{display:none;position:absolute;left:0;right:0;top:100%;z-index:80;background:#fff;border:1px solid #d8dde2;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.13);max-height:260px;overflow:auto}.v12-suggest-box.show{display:block}.v12-suggest-box button{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;text-align:left;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.v12-suggest-box button:hover{background:#fff5ed}.v12-suggest-box small{color:var(--muted)}.v12-suggest-new{padding:9px 12px;font-size:11px;color:var(--muted);background:#f6f7f8}.v12-recognition-card{margin-top:12px;border:1px solid #dce2e7;border-radius:12px;padding:12px;background:#fff}.v12-recognition-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.v12-recognition-head span{font-size:11px;color:var(--muted)}.v12-recognition-grid{display:grid;grid-template-columns:155px 1fr;gap:6px 10px;font-size:12px}.v12-recognition-grid small{font-weight:800;color:#59616a}.v12-recognition-grid em{font-style:normal;font-size:9px;background:#fff0d7;color:#8b591c;border-radius:999px;padding:2px 5px}
.v12-case-filterbar{margin-bottom:12px}.v12-case-filter-top{display:grid;grid-template-columns:minmax(260px,1fr) 220px 44px;gap:10px;align-items:end}.v12-sort-dir{height:40px;font-size:20px}.v12-status-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:11px}.v12-status-filter>span{font-size:12px;font-weight:800;margin-right:3px}.v12-status-filter button{border:1px solid #dfe3e7;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px}.v12-status-filter button.active{background:#20242a;color:#fff;border-color:#20242a}.v12-status-filter button.clear{border-style:dashed}.v12-case-row td{vertical-align:top;min-width:100px}.v12-case-row td:nth-child(1){min-width:145px}.v12-case-row td:nth-child(2){min-width:185px}.v12-case-row td:nth-child(4){min-width:220px;max-width:320px}.v12-case-row td:nth-child(6){min-width:170px}.v12-case-row td:nth-child(7),.v12-case-row td:nth-child(8),.v12-case-row td:nth-child(9){min-width:135px}.v12-case-row td small{display:block;color:var(--muted);margin-top:3px}.v12-case-desc{white-space:normal;line-height:1.35}.v12-status-cell .badge{white-space:normal!important;line-height:1.2!important;max-width:170px;height:auto!important;min-height:24px;align-items:flex-start!important}.v12-case-customer{white-space:normal}
.v12-dashboard-period{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.v12-period-buttons{display:flex;gap:6px;flex-wrap:wrap}.v12-period-buttons button{border:1px solid #dfe3e7;background:#fff;padding:8px 11px;border-radius:9px;font-weight:700}.v12-period-buttons button.active{background:#20242a;color:#fff;border-color:#20242a}.v12-custom-period{display:flex;gap:8px}.v12-custom-period label{font-size:12px;color:var(--muted);display:flex;gap:5px;align-items:center}.v12-dashboard-metrics{grid-template-columns:repeat(7,minmax(145px,1fr))!important;gap:10px!important;overflow-x:auto;padding-bottom:4px}.v12-metric{border:0;text-align:left;cursor:pointer;min-width:145px}.v12-metric:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(29,33,39,.13)}.v12-metric.warn{box-shadow:inset 0 3px #d79b36,var(--shadow)}.v12-metric.danger{box-shadow:inset 0 3px #c83b3b,var(--shadow)}
@media(max-width:1100px){.v12-top-brand small{display:none}.topbar>.search{order:3;flex-basis:60%}.topbar>.top-actions{order:3}.v12-settings-tabs{top:104px}.v12-setting-panel{max-height:calc(100vh - 245px)}.v12-case-filter-top{grid-template-columns:1fr 180px 44px}}
@media(max-width:720px){.content{padding:12px!important}.v12-top-brand>span:last-child{display:none}.v12-top-nav{order:2;width:100%;flex-basis:100%}.topbar>.search{order:3;flex-basis:100%;max-width:none}.topbar>.top-actions{order:4;width:100%;display:flex}.v12-case-filter-top{grid-template-columns:1fr}.v12-sort-dir{width:44px}.v12-recognition-grid{grid-template-columns:1fr}.v12-recognition-grid small{margin-top:4px}.v12-settings-tabs{top:145px}.v12-setting-panel{max-height:none;overflow:visible}.v12-dashboard-metrics{grid-template-columns:repeat(7,160px)!important}}
/* SOURCE: styles/features/v0219/mobile-pilot.css */
.v219-mobile-nav,.v219-mobile-more,.v219-mobile-home,.v219-mobile-cases{display:none}
@media(max-width:760px){
:root{--v219-mobile-nav:68px;--v219-system-safe:max(20px,env(safe-area-inset-bottom,0px))}
html,body{max-width:100%;overflow-x:hidden;background:#f4f5f3}
body{padding-bottom:calc(var(--v219-mobile-nav) + var(--v219-system-safe))}
.app{display:block;min-height:100dvh}.sidebar{display:none!important}.main{width:100%;min-width:0}
.topbar{position:sticky;top:0;z-index:35;height:58px;padding:7px 12px;border-bottom:1px solid #dfe4df;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.menu-btn,.v12-top-nav,.top-actions{display:none!important}.v12-top-brand{display:flex!important;min-width:0}.v12-top-brand small{display:none}.v12-top-brand strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .search{flex:1;min-width:0;margin-left:8px}.topbar .search input{width:100%;height:40px;border-radius:12px;padding:0 11px;font-size:16px}
.content{padding:14px 12px 18px}.page-head{align-items:flex-start;gap:10px;margin-bottom:12px}.page-head h1{font-size:24px}.page-head p{display:none}.page-head .toolbar{width:100%;display:flex;overflow-x:auto}.page-head .btn{min-height:42px;white-space:nowrap}
.card{border-radius:14px;box-shadow:0 3px 15px rgba(37,57,48,.06)}.modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:16px}.modal-body{max-height:calc(100dvh - 150px);padding:14px}.modal-head,.modal-foot{padding:12px 14px}.form-grid{grid-template-columns:1fr!important}.toolbar{flex-wrap:wrap}
.v219-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:90;height:calc(var(--v219-mobile-nav) + var(--v219-system-safe));padding:6px 4px var(--v219-system-safe);padding-top:6px;border-top:1px solid #d9dfda;background:rgba(255,255,255,.98);box-shadow:0 -8px 28px rgba(25,45,35,.12)}
.v219-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:0;background:transparent;color:#65716c;font:600 10px/1.1 inherit}.v219-mobile-nav button i{font-style:normal;font-size:21px;line-height:1}.v219-mobile-nav button.active{color:#d96823}.v219-mobile-nav button.active i{transform:translateY(-1px)}
.v219-mobile-more{position:fixed;display:none;inset:0;z-index:100;background:rgba(20,29,25,.35)}.v219-mobile-more.show{display:block}.v219-mobile-more>div{position:absolute;left:8px;right:8px;bottom:calc(var(--v219-mobile-nav) + env(safe-area-inset-bottom,0px) + 4px);padding:10px;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(20,35,28,.28)}.v219-mobile-more button{display:flex;width:100%;align-items:center;gap:11px;padding:13px;border:0;border-bottom:1px solid #edf0ed;background:#fff;text-align:left;font:600 15px inherit}.v219-mobile-more button:last-child{border-bottom:0}.v219-mobile-more span{width:30px;text-align:center;font-size:20px}
.v219-mobile-home,.v219-mobile-cases{display:block}.v219-mobile-section{margin:0 0 14px}.v219-mobile-section>h2{margin:0 0 8px;font-size:16px}.v219-mobile-list{display:grid;gap:9px}.v219-mobile-empty{padding:22px 14px;border:1px dashed #ccd5cf;border-radius:14px;background:#fff;text-align:center;color:#718079}
.v219-mobile-card{position:relative;display:block;width:100%;padding:13px;border:1px solid #dfe5e0;border-radius:14px;background:#fff;color:inherit;text-align:left;box-shadow:0 3px 14px rgba(31,50,41,.05)}.v219-mobile-card:active{transform:scale(.99)}.v219-mobile-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.v219-mobile-card small{color:#69766f}.v219-mobile-card strong{display:block;font-size:15px;line-height:1.25}.v219-mobile-card p{margin:6px 0;color:#46534d;font-size:13px;line-height:1.35}.v219-mobile-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:7px;color:#65716c;font-size:12px}.v219-mobile-actions{display:flex;gap:7px;margin-top:10px}.v219-mobile-actions button,.v219-mobile-actions a{flex:1;min-height:38px;padding:9px 8px;border:1px solid #d6ddd8;border-radius:10px;background:#f8faf8;color:#33443c;text-decoration:none;text-align:center;font:600 12px inherit}.v219-mobile-actions .primary{border-color:#e9792d;background:#e9792d;color:#fff}
#page-dashboard>.v20-dashboard-main,#page-cases>.card{display:none}.v20-dashboard-metrics,#page-dashboard .v20-dashboard-metrics{display:none!important}
#page-planner .planner-scroll,#page-planner .v20-planner-time-range,#page-planner .v20-planner-zoom,#page-planner .v20-weekend-toggle,#page-planner .v211-marker-settings-button{display:none!important}.v20-mobile-planner{display:grid!important}.planner-controls{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}.planner-controls>*{flex:0 0 auto}.planner-control-spacer{display:none}.v20-mobile-employee-filter{display:flex!important}
#page-time .v14-time-employee-grid{grid-template-columns:1fr}.v14-time-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.v14-time-controls label{grid-column:1/-1}.v14-time-controls .btn{min-height:42px}.v14-time-tables .table-wrap{overflow:visible}.v14-time-tables table,.v14-time-tables tbody,.v14-time-tables tr,.v14-time-tables td{display:block;width:100%}.v14-time-tables thead{display:none}.v14-time-tables tr{margin:0 0 10px;padding:11px;border:1px solid #e0e5e1;border-radius:12px;background:#fff}.v14-time-tables td{padding:4px 0;border:0}.v14-time-tables td:last-child{padding-top:9px}
#page-customers .split{grid-template-columns:1fr}.master-workspace{grid-template-columns:1fr!important}.table-wrap{max-width:100%;overflow-x:auto}
}
/* SOURCE: styles/pilot/fast-read-model.css */
/* ZaPhi v0.22.33: zentrale SQLite-Datenbank mit Mitarbeiter-Persistenz. */
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #metrics::before,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #customerList::before,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #page-cases > .card::before {
content: "Wird geladen …";
display: block;
padding: 18px;
color: #66717b;
font-weight: 700;
}
/* Legacy-Renderer laufen aus Kompatibilitätsgründen beim Booten noch kurz.
Ihre Demo-/Nullwerte dürfen vor der Installation des Read-Models nie
sichtbar werden. */
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #metrics > *,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #customerList > *,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #customerDetail > *,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) #page-cases > .card > *,
html.zaphi-fast-read-model:not([data-zaphi-fast-ui]) .v20-dashboard-main {
display: none !important;
}
html.zaphi-fast-read-model .top-actions,
html.zaphi-fast-read-model #page-customers > .page-head .toolbar {
display: none !important;
}
html.zaphi-fast-read-model .zfr-loading,
html.zaphi-fast-read-model .zfr-error,
html.zaphi-fast-read-model .zfr-empty {
padding: 24px;
color: #66717b;
text-align: center;
}
html.zaphi-fast-read-model .zfr-loading::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin: 0 9px -3px 0;
border: 2px solid #d8dde2;
border-top-color: #e8751a;
border-radius: 50%;
animation: zfr-spin .75s linear infinite;
}
html.zaphi-fast-read-model [aria-busy="true"] { cursor: progress; }
html.zaphi-fast-read-model .zfr-loading-inline {
display: inline-flex;
align-items: center;
gap: 7px;
color: #66717b;
font-weight: 700;
}
html.zaphi-fast-read-model .zfr-loading-inline::before {
content: "";
width: 12px;
height: 12px;
flex: 0 0 12px;
border: 2px solid #d8dde2;
border-top-color: #e8751a;
border-radius: 50%;
animation: zfr-spin .75s linear infinite;
}
html.zaphi-fast-read-model .zfr-error {
color: #9a351d;
background: #fff4ef;
border-radius: 10px;
}
html.zaphi-fast-read-model .zfr-error button { margin-left: 10px; }
html.zaphi-fast-read-model .zfr-pagination {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 16px;
border-top: 1px solid #e5e8eb;
color: #66717b;
font-size: 13px;
}
html.zaphi-fast-read-model .zfr-pagination > div {
display: flex;
gap: 8px;
}
/* Die Kennzahlen bleiben wie in der lokalen Arbeitsansicht in einer einzigen
kompakten Zeile. Bei kleinen Fenstern wird horizontal gescrollt, nicht in
eine zweite Zeile umgebrochen. */
html.zaphi-fast-read-model #page-dashboard .v20-dashboard-metrics {
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px;
max-width: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding-bottom: 5px;
}
html.zaphi-fast-read-model #page-dashboard .v20-dashboard-metrics .v12-metric {
flex: 0 0 190px;
min-width: 190px;
width: 190px;
}
html.zaphi-fast-read-model .zfr-communication-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 14px;
}
html.zaphi-fast-read-model .zfr-communication-grid > div {
padding: 13px;
border: 1px solid #e3e7ea;
border-radius: 10px;
background: #fafbfc;
}
html.zaphi-fast-read-model .zfr-communication-grid ul {
display: grid;
gap: 6px;
margin: 9px 0 0;
padding: 0;
list-style: none;
}
html.zaphi-fast-read-model .zfr-tenant-row td { vertical-align: top; }
html.zaphi-fast-read-model .zfr-tenant-row td > small { display: block; margin-top: 5px; }
html.zaphi-fast-read-model .zfr-tenant-cases {
display: grid;
gap: 6px;
min-width: 240px;
}
html.zaphi-fast-read-model .zfr-tenant-cases button {
display: grid;
gap: 2px;
width: 100%;
padding: 8px 10px;
border: 1px solid #d9dee2;
border-radius: 8px;
background: #fff;
color: inherit;
text-align: left;
cursor: pointer;
}
html.zaphi-fast-read-model .zfr-tenant-cases button:hover,
html.zaphi-fast-read-model .zfr-tenant-cases button:focus-visible { border-color: #e8751a; background: #fff7f0; outline: 0; }
html.zaphi-fast-read-model .zfr-tenant-cases span { color: #66717b; font-size: 12px; }
html.zaphi-fast-read-model .zfr-source {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 5px;
color: #6f7782;
font-size: 11px;
}
html.zaphi-fast-read-model .zfr-source::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #84a290;
}
html.zaphi-fast-read-model .zfr-customer-search {
padding: 12px 14px;
border-bottom: 1px solid #e5e8eb;
}
html.zaphi-fast-read-model .zfr-customer-search input {
width: 100%;
min-height: 39px;
padding: 8px 11px;
border: 1px solid #ccd3d9;
border-radius: 9px;
font: inherit;
}
html.zaphi-fast-read-model .zfr-live-search-wrap {
position: relative;
overflow: visible !important;
z-index: 40;
}
html.zaphi-fast-read-model .zfr-suggestions {
position: absolute;
z-index: 1000;
top: calc(100% + 5px);
right: 0;
left: 0;
max-height: min(430px, 60vh);
overflow: auto;
padding: 6px;
border: 1px solid #d5dce1;
border-radius: 11px;
background: #fff;
box-shadow: 0 16px 38px rgba(32, 43, 51, .2);
}
html.zaphi-fast-read-model .zfr-suggestions[hidden] { display: none !important; }
html.zaphi-fast-read-model .zfr-suggestion {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 2px 10px;
width: 100%;
padding: 10px 11px;
border: 0;
border-radius: 8px;
background: transparent;
color: inherit;
text-align: left;
font: inherit;
cursor: pointer;
}
html.zaphi-fast-read-model .zfr-suggestion:hover,
html.zaphi-fast-read-model .zfr-suggestion:focus-visible,
html.zaphi-fast-read-model .zfr-suggestion.active {
outline: 0;
background: #fff3e9;
}
html.zaphi-fast-read-model .zfr-suggestion-kind {
grid-row: 1 / span 2;
align-self: center;
color: #b15311;
font-size: 11px;
font-weight: 800;
letter-spacing: .02em;
text-transform: uppercase;
}
html.zaphi-fast-read-model .zfr-suggestion strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
html.zaphi-fast-read-model .zfr-suggestion small { overflow: hidden; color: #66717b; text-overflow: ellipsis; white-space: nowrap; }
html.zaphi-fast-read-model .zfr-suggestion-state {
padding: 14px 12px;
color: #66717b;
text-align: center;
font-size: 13px;
}
html.zaphi-fast-read-model #customerList .section-title { margin-bottom: 0; }
html.zaphi-fast-read-model .zfr-customer-list {
max-height: calc(100vh - 315px);
overflow: auto;
}
html.zaphi-fast-read-model .zfr-customer-list .list-item {
display: block;
width: 100%;
border: 0;
border-bottom: 1px solid #e5e8eb;
background: transparent;
color: inherit;
text-align: left;
font: inherit;
cursor: pointer;
}
html.zaphi-fast-read-model .zfr-customer-list .list-item:hover,
html.zaphi-fast-read-model .zfr-customer-list .list-item:focus-visible { background: #fff8f2; outline: 0; }
html.zaphi-fast-read-model .zfr-customer-list .v20-customer-short {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html.zaphi-fast-read-model .zfr-customer-detail { padding-bottom: 18px; }
html.zaphi-fast-read-model .zfr-customer-detail .detail { padding-bottom: 0; }
html.zaphi-fast-read-model .zfr-section {
margin: 16px;
padding: 16px;
border: 1px solid #e3e7ea;
border-radius: 12px;
background: #fff;
}
html.zaphi-fast-read-model .zfr-section > h3 { margin: 0 0 12px; }
html.zaphi-fast-read-model .zfr-object {
margin-bottom: 10px;
}
html.zaphi-fast-read-model .zfr-object-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
html.zaphi-fast-read-model .zfr-object-head h4 { margin-bottom: 3px; }
html.zaphi-fast-read-model .zfr-object-head p { margin: 5px 0 0; }
html.zaphi-fast-read-model .zfr-object-button {
display: grid;
gap: 3px;
width: 100%;
padding: 0;
border: 0;
background: transparent;
color: inherit;
text-align: left;
font: inherit;
cursor: pointer;
}
html.zaphi-fast-read-model .zfr-object-button:hover strong,
html.zaphi-fast-read-model .zfr-object-button:focus-visible strong { color: #c65f13; }
html.zaphi-fast-read-model .zfr-object-detail {
margin-top: 10px;
padding: 10px;
border-radius: 9px;
background: #f6f8f9;
}
html.zaphi-fast-read-model .zfr-object-detail .table-wrap { margin-top: 0; }
html.zaphi-fast-read-model .zfr-object-detail .table { min-width: 620px; }
html.zaphi-fast-read-model .zfr-tenant-list {
display: grid;
gap: 6px;
margin-top: 9px;
}
html.zaphi-fast-read-model .zfr-tenant {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 6px 12px;
padding: 8px 10px;
border-radius: 8px;
background: #f6f8f9;
}
html.zaphi-fast-read-model .zfr-case-table { min-width: 1260px !important; table-layout: fixed !important; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-tenant { width: 120px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-address { width: 170px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-phone { width: 110px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-description { width: 300px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-customer { width: 150px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-appointment { width: 150px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-last { width: 160px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-status { width: 170px; }
html.zaphi-fast-read-model .zfr-case-table col.v20-col-time { width: 85px; }
html.zaphi-fast-read-model .zfr-case-row td > small,
html.zaphi-fast-read-model .zfr-case-row .v20-case-last small,
html.zaphi-fast-read-model .zfr-case-row .v14-case-timecell small {
display: block;
margin-top: 3px;
color: var(--color-text-muted, #66717b);
font-size: 10px;
line-height: 1.3;
}
html.zaphi-fast-read-model .zfr-case-source { width: max-content; }
html.zaphi-fast-read-model .zfr-case-detail .kvs { margin-top: 16px; }
html.zaphi-fast-read-model .zfr-case-detail .timeline { max-height: 360px; overflow: auto; }
html.zaphi-fast-read-model .zfr-editor {
border-color: #d9e2db;
background: #fbfdfb;
}
html.zaphi-fast-read-model .zfr-editor-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
html.zaphi-fast-read-model .zfr-field {
display: grid;
gap: 6px;
min-width: 0;
color: #47525b;
font-size: 12px;
font-weight: 750;
}
html.zaphi-fast-read-model .zfr-field-wide { grid-column: 1 / -1; }
html.zaphi-fast-read-model .zfr-field input,
html.zaphi-fast-read-model .zfr-field select,
html.zaphi-fast-read-model .zfr-field textarea {
width: 100%;
min-height: 40px;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #cbd4d9;
border-radius: 8px;
background: #fff;
color: #1f2b33;
font: inherit;
font-weight: 500;
}
html.zaphi-fast-read-model .zfr-field textarea { min-height: 76px; resize: vertical; }
html.zaphi-fast-read-model .zfr-field input:focus,
html.zaphi-fast-read-model .zfr-field select:focus,
html.zaphi-fast-read-model .zfr-field textarea:focus {
border-color: #e8751a;
outline: 2px solid rgba(232, 117, 26, .16);
}
html.zaphi-fast-read-model .zfr-editor-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
html.zaphi-fast-read-model .zfr-editor.is-saving { opacity: .78; }
html.zaphi-fast-read-model .zfr-save-status {
color: #66717b;
font-size: 13px;
font-weight: 700;
}
html.zaphi-fast-read-model .zfr-save-status.success { color: #237048; }
html.zaphi-fast-read-model .zfr-save-status.error { color: #a1351b; }
html.zaphi-fast-read-model .zfr-appointment-list {
display: grid;
gap: 7px;
margin: 0 0 14px;
}
html.zaphi-fast-read-model .zfr-appointment-list > div {
display: grid;
gap: 3px;
padding: 9px 11px;
border-radius: 8px;
background: #f1f5f2;
}
html.zaphi-fast-read-model .zfr-appointment-list span { color: #66717b; font-size: 12px; }
html.zaphi-fast-read-model .zfr-detail-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0;
}
html.zaphi-fast-read-model .zfr-readonly-note {
margin: 16px 0 0;
padding: 10px 12px;
border-radius: 9px;
background: #f6f8f9;
color: #66717b;
font-size: 13px;
}
html.zaphi-fast-read-model .zfr-case-document-actions { margin-bottom: 14px; }
html.zaphi-fast-read-model .zfr-case-document-row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 0 8px;
border: 1px solid #e1e6e9;
border-radius: 10px;
background: #fff;
color: inherit;
text-align: left;
cursor: pointer;
}
html.zaphi-fast-read-model .zfr-case-document-row h3,
html.zaphi-fast-read-model .zfr-case-document-row p { margin: 0; }
html.zaphi-fast-read-model .zfr-full-state-gate {
position: fixed;
inset: 0;
z-index: 100000;
display: grid;
place-items: center;
padding: 24px;
background: rgba(246, 248, 249, .94);
backdrop-filter: blur(3px);
}
html.zaphi-fast-read-model .zfr-full-state-card {
width: min(560px, 100%);
padding: 24px;
border: 1px solid #dce3e6;
border-radius: 16px;
background: #fff;
box-shadow: 0 20px 60px rgba(27, 39, 47, .16);
}
html.zaphi-fast-read-model .zfr-full-state-card strong { display: block; font-size: 19px; }
html.zaphi-fast-read-model .zfr-full-state-card p { color: #66717b; }
html.zaphi-fast-read-model .zfr-full-progress {
height: 9px;
margin: 16px 0 8px;
overflow: hidden;
border-radius: 999px;
background: #e7ecef;
}
html.zaphi-fast-read-model .zfr-full-progress i {
display: block;
width: 18%;
height: 100%;
border-radius: inherit;
background: #2c806f;
transition: width .2s ease;
}
html.zaphi-fast-read-model .zfr-full-state-card > span { color: #2c806f; font-weight: 800; }
html.zaphi-fast-read-model .zfr-global-full-list {
display: grid;
gap: 8px;
}
html.zaphi-fast-read-model .zfr-global-full-list button {
display: grid;
grid-template-columns: 90px minmax(0,1fr) auto;
gap: 12px;
align-items: center;
width: 100%;
padding: 12px;
border: 1px solid #e2e6e9;
border-radius: 10px;
background: #fff;
text-align: left;
cursor: pointer;
}
@keyframes zfr-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
html.zaphi-fast-read-model .zfr-loading::before,
html.zaphi-fast-read-model .zfr-loading-inline::before { animation-duration: 1.8s; }
}
@media (max-width: 760px) {
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard > .v20-dashboard-main { display: grid !important; }
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-metrics { display: grid !important; }
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-cases > .card { display: block !important; }
html.zaphi-fast-read-model .zfr-customer-list { max-height: 42vh; }
html.zaphi-fast-read-model .zfr-pagination { align-items: flex-start; flex-direction: column; }
html.zaphi-fast-read-model .zfr-global-full-list button { grid-template-columns: 72px minmax(0,1fr); }
html.zaphi-fast-read-model .zfr-global-full-list button > b { display: none; }
html.zaphi-fast-read-model .zfr-editor-grid { grid-template-columns: 1fr; }
html.zaphi-fast-read-model .zfr-field-wide { grid-column: auto; }
html.zaphi-fast-read-model .zfr-suggestion { grid-template-columns: 76px minmax(0, 1fr); }
}
@media (max-width: 900px) {
html.zaphi-fast-read-model #page-dashboard .v20-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html.zaphi-fast-read-model .zfr-object-head { flex-direction: column; }
}
@media (max-width: 520px) {
html.zaphi-fast-read-model #page-dashboard .v20-dashboard-metrics { grid-template-columns: 1fr !important; }
}
/* Catalogue folders and results share one scrolling area in the document palette. */
.zfr-choice-browser{flex:1;min-height:0;overflow:auto}
/* Inline sorting keeps the direction next to the column it controls. */
.zfr-column-sort{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;max-width:100%;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:inherit;cursor:pointer;padding:3px 4px;margin:-3px -4px}
.zfr-column-sort:hover,.zfr-column-sort:focus-visible{background:rgba(232,117,26,.13);outline:2px solid transparent}
.zfr-column-sort:focus-visible{outline-color:#d6650b}
.zfr-column-sort-arrow{font-size:15px;line-height:1;opacity:.55;color:var(--muted,#66717b)}
.zfr-column-sort.active .zfr-column-sort-arrow{opacity:1;color:#c45d0d}
html[data-zaphi-theme="dark"] .zfr-column-sort{color:#edf2f6}
html[data-zaphi-theme="dark"] .zfr-column-sort.active .zfr-column-sort-arrow{color:#ff9951}
html[data-zaphi-theme="dark"] .zfr-column-sort:hover,html[data-zaphi-theme="dark"] .zfr-column-sort:focus-visible{background:rgba(244,123,32,.18)}
.v20-dashboard-sort{display:none!important}
#v12CaseFilterBar .v20-case-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-template-columns:none}
#v12CaseFilterBar .v20-case-filter .field{min-width:160px;max-width:420px;flex:1 1 205px}
#v12CaseFilterBar .v20-case-filter .field:first-child{flex:2 1 260px}
#v12CaseFilterBar .v20-case-filter .field select,#v12CaseFilterBar .v20-case-filter .field input,#v12CaseFilterBar .v20-case-filter .v20-status-select{min-height:38px}
#v12CaseFilterBar select[data-zfr-case-status]{appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-repeat:no-repeat;background-size:6px 6px,6px 6px;background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%;cursor:pointer}
#v12CaseFilterBar .v20-case-filter .v20-status-select>b{line-height:1;display:grid;place-items:center}
.zfr-pagination .zfr-pagination-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
html.zaphi-fast-read-model .zfr-pagination{flex-wrap:wrap;min-width:0}
html.zaphi-fast-read-model .zfr-pagination>span{min-width:0;overflow-wrap:anywhere}
html.zaphi-fast-read-model .zfr-pagination>.zfr-pagination-actions{flex:none;margin-left:auto;min-width:0}
.zfr-pagination .zfr-pagination-actions select,html.zaphi-fast-read-model .zfr-pagination select[data-catalog-limit],html.zaphi-fast-read-model .zfr-pagination select[data-discount-limit]{height:34px;min-height:34px;box-sizing:border-box;width:76px;min-width:76px;padding:3px 24px 3px 9px;border:1px solid var(--line,#ccd3d9);border-radius:7px;background:var(--card,#fff);color:var(--text,var(--ink,#171b20));font:inherit;font-variant-numeric:tabular-nums}
.zfr-pagination .zfr-pagination-actions .btn{min-height:34px;height:34px;box-sizing:border-box}
html.zaphi-fast-read-model .zfr-tenant-row[data-zfr-tenant-open]{cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}
html.zaphi-fast-read-model .zfr-tenant-row[data-zfr-tenant-open]:hover,html.zaphi-fast-read-model .zfr-tenant-row[data-zfr-tenant-open]:focus-visible,html.zaphi-fast-read-model .zfr-tenant-row[data-zfr-tenant-open]:focus-within{background:rgba(232,117,26,.11);box-shadow:inset 3px 0 #e8751a;outline:none}
html[data-zaphi-theme="dark"].zaphi-fast-read-model .zfr-tenant-row[data-zfr-tenant-open]:is(:hover,:focus-visible,:focus-within){background:rgba(244,123,32,.18)}
.zfr-choice-browser>.v09-palette-list{overflow:visible;max-height:none;flex:none}
.zfr-catalog-tree{padding:8px;min-width:0}
.zfr-catalog-tree nav{display:flex;flex-wrap:wrap;gap:5px}
.zfr-catalog-tree nav p{flex-basis:100%;margin:3px 0;overflow-wrap:anywhere}
.zfr-catalog-tree>small{display:block;margin:8px 0 3px;color:#68717a}
.zfr-catalog-tree[hidden]{display:none}
/* SOURCE: styles/features/v02244/desktop-record-editors.css */
/* ZaPhi Manager v0.22.45 · Mehrfachkontakte und Desktop-Bearbeitung. */
.v224-editor-section{padding:12px;border:1px solid var(--line,#dfe3e8);border-radius:10px;background:#fafbfc}
.v224-channel-list,.v224-address-list{display:grid;gap:8px;margin:7px 0 9px}
.v224-channel-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,.8fr) auto;gap:8px;align-items:center}
.v224-address-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(240px,1.5fr) 90px minmax(150px,1fr) 120px auto;gap:8px;align-items:center}
.v224-channel-row input,.v224-address-row input{min-width:0}
.v224-modal-actions{margin-top:16px;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v224-modal-actions>.danger{margin-right:auto}
.v224-card-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px solid var(--line,#e1e5e9)}
.v224-all-communication{grid-column:1/-1}
.v224-communication-columns{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px 24px;margin-top:8px}
.v224-communication-columns ul{margin:5px 0 0;padding-left:18px}
.v224-communication-columns li{margin:3px 0;overflow-wrap:anywhere}
.v224-communication-columns small{color:var(--muted,#687381)}
@media(max-width:899px){
.v224-channel-row,.v224-address-row,.v224-communication-columns{grid-template-columns:1fr}
.v224-channel-row button,.v224-address-row button{justify-self:end}
}
/* Korrektur 42: ein Kontakteditor direkt unter der Hauptanschrift. */
.v224-customer-form>.form-grid{gap:10px 12px}
.v224-customer-form .v224-editor-section{padding:9px;background:var(--card,#fafbfc)}
.v224-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v224-channel-heading>label{margin:0}
.v224-channel-heading>.btn{flex:none;min-width:30px;min-height:30px;padding:4px 8px}
.v224-customer-channels{align-self:start;min-width:0}
.v224-customer-channels .v224-channel-list{margin:7px 0 0;gap:7px}
.v224-customer-channels .v224-channel-row{grid-template-columns:minmax(0,1fr) 30px;gap:5px 7px}
.v224-customer-channels [data-v224-value],.v224-customer-channels [data-v224-type]{grid-column:1;min-width:0;padding:7px 9px}
.v224-customer-channels [data-v224-type]{font-size:12px}
.v224-customer-channels .v224-channel-row>.btn{grid-column:2;grid-row:1 / span 2;padding:4px;min-width:30px;min-height:30px;align-self:center}
.v224-customer-addresses .v224-address-list:empty{display:none}
.v224-customer-form .v224-address-row{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(60px,.45fr) minmax(90px,1fr) minmax(90px,.8fr) 30px}
.v224-customer-form .v20-customer-terms-editor{padding:9px 11px}
.v224-customer-form .v20-terms-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}
.v224-customer-form .v20-terms-heading>strong{flex:none;font-size:13px}
.v224-customer-form .v20-terms-heading>small{margin:0;line-height:1.25}
.v224-customer-form .v20-terms-grid{grid-template-columns:minmax(160px,.8fr) minmax(0,1fr) minmax(95px,.6fr);gap:8px}
.v224-customer-form .v20-terms-grid>.checkline{grid-column:auto;min-height:34px;padding:5px 8px}
.v224-customer-form .v20-terms-grid .field{gap:3px}
.v224-customer-form .v20-terms-grid input:not([type="checkbox"]),.v224-customer-form .v20-terms-grid select{min-height:34px;padding:6px 8px}
#page-customers>.page-head{align-items:center}
#page-customers>.page-head>.v224-customer-header-actions{margin-left:auto;justify-content:flex-end}
html.zaphi-fast-read-model #page-customers>.page-head>.toolbar.v224-customer-header-actions{display:flex!important}
html.zaphi-fast-read-model #page-customers>.page-head>.v224-customer-header-actions>button:not(.v224-add-customer){display:none!important}
@media(max-width:650px){
.v224-customer-form .v224-customer-channels{grid-column:1/-1}
.v224-customer-form .v224-address-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.v224-customer-form .v224-address-row>button{grid-column:2}
.v224-customer-form .v20-terms-heading{display:block}
.v224-customer-form .v20-terms-heading>small{margin-top:3px}
.v224-customer-form .v20-terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v224-customer-form .v20-terms-grid>.checkline{grid-column:1/-1}
}
/* SOURCE: styles/features/v02245/desktop-files-tables.css */
/* ZaPhi Manager v0.22.45 · Browser-Arbeitsansicht für Dateien und Tabellen. */
.v217-case-file.v225-click-file{cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
.v217-case-file.v225-click-file:hover{border-color:#e49a61;background:#fff8f2;box-shadow:0 3px 12px rgba(120,72,30,.08)}
.v217-case-file.v225-click-file:focus-visible{outline:3px solid rgba(232,116,25,.28);outline-offset:2px}
.v217-file-menu[open]>summary{border-color:#e49a61;background:#fff3e9;color:#9a480c}
.v217-file-menu>div{z-index:120}
.v217-file-folder-wrap[style*="--folder-depth:1"] .v217-file-folder>span{color:#707b84}
.v225-resizable-heading{position:sticky!important;padding-right:18px!important}
.v225-column-resizer{position:absolute;z-index:5;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;touch-action:none}
.v225-column-resizer::after{content:"";position:absolute;top:20%;bottom:20%;left:4px;width:1px;background:#c8ced5;transition:.15s}
.v225-column-resizer:hover::after,.v211-resizing-column .v225-column-resizer::after{width:2px;background:#f47b20}
#page-dashboard .v20-dashboard-cases-card>.table-wrap,#page-cases>.card>.table-wrap{overflow-x:auto;overscroll-behavior-x:contain}
.v20-dashboard-case-table .v225-dashboard-appointment small,.v225-case-actor{color:var(--color-text-muted,#6f7882)}
.v20-dashboard-case-table .v225-dashboard-appointment small{display:block;margin-top:3px;font-size:10px}
.v225-case-actor{font-size:12px;font-weight:700}
@media(min-width:1201px){
#page-dashboard>.v20-dashboard-main{grid-template-columns:minmax(0,2.2fr) minmax(260px,.48fr);gap:14px}
#page-dashboard .v20-dashboard-important-card{max-width:390px;justify-self:stretch}
}
.topbar>.zaphi-customer-license.v225-license-topbar{position:relative!important;right:auto!important;bottom:auto!important;z-index:25!important;display:flex!important;align-items:center!important;flex:0 1 360px!important;width:auto!important;min-width:230px!important;max-width:360px!important;border-radius:10px!important;box-shadow:none!important}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-head{min-width:0;flex:1;padding:6px 8px!important;align-items:center!important}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-head>span{min-width:0}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-head strong,.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-head small{font-size:7px!important}
.topbar>.zaphi-customer-license.v225-license-topbar details{position:relative;flex:0 0 auto;border-top:0!important;border-left:1px solid rgba(80,100,110,.14)}
.topbar>.zaphi-customer-license.v225-license-topbar summary{max-width:145px;padding:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-body{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:330px;padding:12px!important;border:1px solid #d8e3dc;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(25,36,43,.18)}
@media(max-width:1280px) and (min-width:761px){
.topbar>.zaphi-customer-license.v225-license-topbar{order:3;flex:1 1 300px!important;max-width:none!important}
.topbar>.zaphi-customer-license.v225-license-topbar summary{max-width:220px}
}
@media(max-width:760px){
.topbar>.zaphi-customer-license.v225-license-topbar{position:relative!important;order:4;flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0!important}
.topbar>.zaphi-customer-license.v225-license-topbar .zaphi-customer-license-body{position:fixed;right:8px;left:8px;top:auto;width:auto}
}
/* SOURCE: styles/features/v02246/release.css */
/* ZaPhi Manager v0.22.47 · Planungsressourcen, Berichte und optionaler Dark Mode. */
.v226-theme-control{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:3px 6px;color:var(--muted)}
.v226-theme-control select{min-width:74px;border:0;background:transparent;color:var(--ink);padding:5px 2px;outline:none;font-size:12px}
.v226-theme-control span{font-size:15px}
.v226-intern-settings{border-top:1px solid var(--line);padding-top:4px}
.v226-intern-settings .section-title{padding-left:0;padding-right:0}
.v226-intern-rows{display:grid;gap:10px}
.v226-intern-row{display:grid;grid-template-columns:14px minmax(180px,1fr) minmax(180px,1fr);align-items:end;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.v226-intern-row>.employee-mark{align-self:center;width:12px;height:38px;border-radius:8px}
.v226-intern-row label,.v226-report-actions label{display:grid;gap:5px;color:var(--muted);font-size:12px}
.v226-intern-row input,.v226-report-actions select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);padding:9px 10px}
.v226-resource-phone{display:block;margin-top:3px;color:var(--orange);font-size:11px;text-decoration:none}
.v226-resource-phone:hover{text-decoration:underline}
.v226-invoice-reports{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:14px;border-left:4px solid var(--orange)}
.v226-invoice-reports h2{margin:0 0 4px;font-size:17px}
.v226-invoice-reports p{margin:0;max-width:720px;color:var(--muted);font-size:12px;line-height:1.45}
.v226-report-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v226-report-actions label{min-width:145px}
.v226-case-page-size{max-width:90px}
.v226-clear-case-filter{align-self:end;min-height:40px}
.v20-case-last small,.v20-dashboard-last small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}
html[data-zaphi-theme="dark"]{
--color-text:#e8edf2;--color-text-muted:#a9b2bc;--color-border:#39434e;--color-page:#111519;--color-surface:#1b2127;
--brand-surface:#352318;--brand-surface-strong:#43291a;--search-border:#4a5662;--search-surface:#20272e;
--shadow-card:0 8px 28px rgba(0,0,0,.28);--shadow-modal:0 24px 80px rgba(0,0,0,.58);--focus-ring:rgba(244,123,32,.28);
}
html[data-zaphi-theme="dark"] body,html[data-zaphi-theme="dark"] .main,html[data-zaphi-theme="dark"] .content{background:var(--bg);color:var(--ink)}
html[data-zaphi-theme="dark"] .topbar{background:rgba(17,21,25,.94);border-bottom-color:#303943}
html[data-zaphi-theme="dark"] .card,
html[data-zaphi-theme="dark"] .modal,
html[data-zaphi-theme="dark"] .modal-card,
html[data-zaphi-theme="dark"] .detail,
html[data-zaphi-theme="dark"] .list-card,
html[data-zaphi-theme="dark"] .mini,
html[data-zaphi-theme="dark"] .kv,
html[data-zaphi-theme="dark"] .notice,
html[data-zaphi-theme="dark"] .v217-case-file,
html[data-zaphi-theme="dark"] .v217-file-folder,
html[data-zaphi-theme="dark"] .zfr-section,
html[data-zaphi-theme="dark"] .v203-invoice-list,
html[data-zaphi-theme="dark"] .v226-intern-row{background:#1b2127!important;color:var(--ink);border-color:var(--line)!important}
html[data-zaphi-theme="dark"] input,
html[data-zaphi-theme="dark"] select,
html[data-zaphi-theme="dark"] textarea,
html[data-zaphi-theme="dark"] .search input,
html[data-zaphi-theme="dark"] .btn,
html[data-zaphi-theme="dark"] .pill,
html[data-zaphi-theme="dark"] button:not(.primary):not(.active){background:#20272e;color:var(--ink);border-color:#424d58}
html[data-zaphi-theme="dark"] input::placeholder,html[data-zaphi-theme="dark"] textarea::placeholder{color:#83909c}
html[data-zaphi-theme="dark"] .table th,
html[data-zaphi-theme="dark"] table th,
html[data-zaphi-theme="dark"] .planner-head,
html[data-zaphi-theme="dark"] .planner-corner,
html[data-zaphi-theme="dark"] .dayhead{background:#20272e!important;color:#b8c1ca;border-color:var(--line)!important}
html[data-zaphi-theme="dark"] .table td,html[data-zaphi-theme="dark"] table td,html[data-zaphi-theme="dark"] .section-title,html[data-zaphi-theme="dark"] .list-item{border-color:var(--line)!important}
html[data-zaphi-theme="dark"] .table tr.clickable:hover,html[data-zaphi-theme="dark"] .list-item:hover,html[data-zaphi-theme="dark"] .list-item.active,html[data-zaphi-theme="dark"] .v217-case-file.v225-click-file:hover{background:#2a211b!important}
html[data-zaphi-theme="dark"] .planner-row .employee-cell,html[data-zaphi-theme="dark"] .day-cell{background:#1b2127;color:var(--ink);border-color:var(--line)}
html[data-zaphi-theme="dark"] .day-cell.weekend{background:#171c21}
html[data-zaphi-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.72)}
html[data-zaphi-theme="dark"] .v217-file-menu>div,html[data-zaphi-theme="dark"] .zaphi-customer-license-body,html[data-zaphi-theme="dark"] .zfr-suggestions{background:#20272e!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-zaphi-theme="dark"] .document-paper,html[data-zaphi-theme="dark"] .v09-paper,html[data-zaphi-theme="dark"] .paper,html[data-zaphi-theme="dark"] .print-page{background:#fff!important;color:#111!important;color-scheme:light}
html[data-zaphi-theme="dark"] a{color:#ff9a4f}
html[data-zaphi-theme="dark"] .muted,html[data-zaphi-theme="dark"] small{color:var(--muted)}
@media(max-width:980px){.v226-invoice-reports{align-items:stretch;flex-direction:column}.v226-report-actions{justify-content:flex-start}}
@media(max-width:700px){.v226-theme-control{margin-left:auto}.v226-theme-control select{min-width:62px}.v226-intern-row{grid-template-columns:12px 1fr}.v226-intern-row label:last-child{grid-column:2}.v226-report-actions{display:grid;grid-template-columns:1fr 1fr}.v226-report-actions label{min-width:0}}
@media print{
html,html[data-zaphi-theme="dark"]{color-scheme:light;--color-text:#1c2127;--color-text-muted:#6f7782;--color-border:#e7e9ed;--color-page:#fff;--color-surface:#fff;--ink:#1c2127;--muted:#6f7782;--line:#e7e9ed;--bg:#fff;--card:#fff}
.v226-theme-control,.v226-invoice-reports{display:none!important}
}
/* SOURCE: styles/features/v02247/release.css */
/* ZaPhi Manager v0.22.47 · vollständiger Dark Mode und kompakte Rechnungslisten. */
.v226-invoice-heading-actions{display:flex;align-items:end;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-left:auto}
.v226-invoice-heading-actions label{display:grid;gap:3px;min-width:112px;color:var(--muted);font-size:10px}
.v226-invoice-heading-actions label span{font-weight:700}
.v226-invoice-heading-actions select{width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}
.v226-invoice-heading-actions .btn{min-height:36px;white-space:nowrap}
html[data-zaphi-theme="dark"]{
--color-text:#edf2f6;--color-text-muted:#aeb8c2;--color-border:#3b4651;--color-page:#101419;--color-surface:#1b2229;
--ink:#edf2f6;--muted:#aeb8c2;--line:#3b4651;--bg:#101419;--card:#1b2229;
}
html[data-zaphi-theme="dark"] body{background:#101419;color:#edf2f6}
html[data-zaphi-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,label,legend,.label,.preview-title){color:#edf2f6}
html[data-zaphi-theme="dark"] :where(p,small,.muted,.sub,.hint,.profile-address){color:#aeb8c2}
html[data-zaphi-theme="dark"] :where(.page,.page-head,.split,.grid,.profile-section,.profile-head,.doc-workspace,.v203-invoice-workspace,.v211-offer-workspace){color:#edf2f6}
html[data-zaphi-theme="dark"] :where(.card,.detail,.list-card,.list-item,.mini,.kv,.notice,.panel,.subcard,.profile-section,.table-wrap,.doc-list-card,.doc-editor,.v09-section,.v20-settings-section,.v217-customer-panel-content,.v217-case-file,.v217-file-folder,.zfr-section,.zfr-object,.zfr-object-detail,.v203-invoice-list,.v203-invoice-kpis>button,.v212-case-kpi,.v195-case-summary>button,.v195-kva-summary>div,.v194-kva-summary>div){background:#1b2229!important;color:#edf2f6;border-color:#3b4651!important}
html[data-zaphi-theme="dark"] :where(.list-item.active,.doc-list-row.active,.v212-case-kpi.active,.v195-case-summary>button.active,.v217-customer-panel-tabs button.active){background:#30241c!important;color:#fff;border-color:#c66a28!important}
html[data-zaphi-theme="dark"] :where(.list-item:hover,.doc-list-row:hover,.zfr-object:hover,tbody tr.clickable:hover){background:#242c34!important}
html[data-zaphi-theme="dark"] :where(input,select,textarea,.search input,.field input,.field select,.field textarea){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important;caret-color:#fff}
html[data-zaphi-theme="dark"] :where(input,textarea)::placeholder{color:#8f9ba6!important;opacity:1}
html[data-zaphi-theme="dark"] :where(.btn,button:not(.primary):not(.active):not(.v218-license-status)){background:#202830;color:#edf2f6;border-color:#46525e}
html[data-zaphi-theme="dark"] :where(.btn:hover,button:not(.primary):not(.active):hover){background:#29333c;color:#fff;border-color:#697784}
html[data-zaphi-theme="dark"] :where(table,thead,tbody,tfoot,tr,th,td){border-color:#3b4651!important}
html[data-zaphi-theme="dark"] :where(th,.table th,thead td){background:#202830!important;color:#c5ced6!important}
html[data-zaphi-theme="dark"] :where(td,tfoot){background:transparent;color:#e7edf2}
html[data-zaphi-theme="dark"] :where(.modal,.modal-card,.modal-head,.modal-body,.modal-foot,.context-menu,.v217-file-menu>div,.zfr-suggestions){background:#1b2229!important;color:#edf2f6!important;border-color:#3b4651!important}
html[data-zaphi-theme="dark"] :where(.modal-head,.modal-foot,.section-title,.profile-section-head){border-color:#3b4651!important}
html[data-zaphi-theme="dark"] :where(.planner,.planner-head,.planner-corner,.planner-row,.employee-cell,.day-cell,.dayhead,.calendar-grid,.calendar-day){background:#1b2229;color:#edf2f6;border-color:#3b4651!important}
html[data-zaphi-theme="dark"] :where(.planner-head,.planner-corner,.dayhead,.calendar-head){background:#202830!important;color:#c5ced6!important}
html[data-zaphi-theme="dark"] :where(.day-cell.weekend,.calendar-day.weekend){background:#171d23!important}
html[data-zaphi-theme="dark"] :where(.notice,.v218-license-local-note,.v218-booking-status){background:#202830!important;color:#c9d2da!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] :where(.badge,.pill,.source-pill,.v224-source-badge){color:inherit}
/* Das Lizenzcenter nutzt eigene Farbnamen und braucht deshalb eine bewusste Umschaltung. */
html[data-zaphi-theme="dark"] .v218-license-page{--lic-ink:#edf2f6;--lic-muted:#aeb8c2;--lic-line:#3b4651;--lic-soft:#202830;--lic-orange:#f58a3a}
html[data-zaphi-theme="dark"] :where(.v218-booking-panel li,.v218-license-metric,.v218-license-list-row,.v218-license-module,.v218-license-template,.v218-license-feature,.v218-license-invoice-automation,.v218-license-analysis-summary){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v218-booking-panel li b{background:#2a333c;color:#ff9a54}
html[data-zaphi-theme="dark"] .v218-booking-status{background:#202830!important}
html[data-zaphi-theme="dark"] .v218-license-list-row:hover{background:#29333c!important}
html[data-zaphi-theme="dark"] .v218-license-list-row.active{background:#30241c!important;box-shadow:inset 4px 0 var(--lic-orange)}
html[data-zaphi-theme="dark"] :where(.v218-license-editor-head,.v218-license-editor-body,.v218-license-section,.v218-license-detail){color:#edf2f6}
html[data-zaphi-theme="dark"] .v218-license-booking-meta{background:#30241c;border-color:#654128}
html[data-zaphi-theme="dark"] .v218-license-status{background:#303a43;color:#cbd4dc}
html[data-zaphi-theme="dark"] .v218-license-status.active{background:#183b2a;color:#7fd5a1}
html[data-zaphi-theme="dark"] .v218-license-status.paused,
html[data-zaphi-theme="dark"] .v218-license-status.scheduled{background:#443517;color:#f4c86d}
html[data-zaphi-theme="dark"] .v218-license-status.deactivated,
html[data-zaphi-theme="dark"] .v218-license-status.expired{background:#472525;color:#f1a3a0}
/* Dokumentvorschauen bleiben absichtlich papierweiß. */
html[data-zaphi-theme="dark"] :where(.document-paper,.v09-paper,.paper,.print-page,.v203-invoice-preview .document-paper){background:#fff!important;color:#111!important;color-scheme:light}
html[data-zaphi-theme="dark"] :where(.document-paper,.v09-paper,.paper,.print-page) *{color:inherit}
@media(max-width:1100px){.v226-invoice-heading-actions{justify-content:flex-start;width:100%;margin-left:0}.page-head:has(.v226-invoice-heading-actions){flex-wrap:wrap}}
@media(max-width:700px){.v226-invoice-heading-actions{display:grid;grid-template-columns:1fr 1fr}.v226-invoice-heading-actions label{min-width:0}}
@media print{.v226-invoice-heading-actions{display:none!important}}
/* SOURCE: styles/releases/v014.css */
/* ========================= v0.14 collected changes ========================= */
.v14-rec-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v14-rec-warning{margin-top:9px;padding:9px 10px;border-radius:9px;background:#fff6df;border:1px solid #efd29d;font-size:12px;line-height:1.4}.v14-rec-ok{margin-top:9px;padding:9px 10px;border-radius:9px;background:#edf8f2;border:1px solid #bfe2cf;font-size:12px;line-height:1.4}.v14-person-map{display:flex;flex-direction:column;gap:3px}.v14-person-map span{display:block}.v14-source-meta{font-size:11px;color:var(--muted);margin-top:5px}
.v14-case-effort{display:flex;flex-direction:column;gap:3px}.v14-case-effort .sub{font-size:11px;color:var(--muted)}.v14-case-timecell small{display:block;color:var(--muted);margin-top:2px}.v14-mini-edit{border:0;background:transparent;color:#9a530e;text-decoration:underline;padding:0;font-size:11px;text-align:left}
.v14-receipt-table td{vertical-align:top}.v14-receipt-table small{display:block;color:var(--muted);margin-top:2px}.v14-receipt-actions{display:flex;gap:6px;flex-wrap:wrap}.v14-recognizing{display:inline-flex;align-items:center;gap:5px}.v14-recognizing:before{content:'•';animation:v14pulse 1s infinite}@keyframes v14pulse{50%{opacity:.25}}
.v14-receipt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v14-receipt-grid .full{grid-column:1/-1}.v14-raw-text{max-height:240px;overflow:auto;white-space:pre-wrap;font-size:11px;line-height:1.4;background:#f6f7f8;border:1px solid var(--line);border-radius:9px;padding:10px}
.v14-snippet-editor textarea{min-height:360px;height:46vh;resize:vertical;line-height:1.5}.v14-snippet-preview{white-space:pre-wrap!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important}.v14-kva-template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.v14-template-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v14-surcharge-picks{display:flex;gap:8px;flex-wrap:wrap}.v14-surcharge-picks label{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fafafa;display:flex;align-items:center;gap:7px}
.v14-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v14-price-link{font-size:11px;color:var(--muted);margin-top:4px}
.v14-employee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.v14-employee-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:start}.v14-employee-card h3{margin:0 0 4px;font-size:14px}.v14-employee-card p{margin:2px 0;color:var(--muted);font-size:12px}.v14-employee-card .swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.v14-employee-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.v14-employee-meta span{font-size:10px;border-radius:999px;background:#f0f2f4;padding:4px 7px}.v14-combined-settings{display:grid;gap:14px}.v14-combined-settings>.card{margin:0!important}
#page-time .page-head{align-items:center}.v14-time-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v14-time-controls select{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.v14-time-employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.v14-time-employee{padding:14px}.v14-time-employee-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.v14-time-employee h3{margin:0;font-size:15px}.v14-time-employee .model{font-size:11px;color:var(--muted);margin-top:3px}.v14-time-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.v14-time-kpis div{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fafbfc}.v14-time-kpis small{display:block;color:var(--muted);font-size:10px}.v14-time-kpis strong{display:block;margin-top:3px;font-size:13px}.v14-time-tables{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.v14-balance.pos{color:#2f8f62}.v14-balance.neg{color:#b63a3a}.v14-leave-remaining.warn{color:#b77a18}.v14-time-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:8px}.v14-form-summary{border:1px solid var(--line);border-radius:10px;background:#fafbfc;padding:10px 12px;margin-top:10px}.v14-form-summary strong{font-size:16px}.v14-halfday{display:flex;gap:8px;align-items:center}.v14-setting-section-label{font-size:12px;font-weight:800;color:#5a626b;margin:2px 0 8px}
@media(max-width:1050px){.v14-time-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v14-time-tables{grid-template-columns:1fr}.v14-receipt-grid{grid-template-columns:1fr 1fr}.v14-pricing-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.v14-time-employee-grid,.v14-employee-list,.v14-template-flags,.v14-receipt-grid{grid-template-columns:1fr}.v14-pricing-grid{grid-template-columns:1fr!important}.v14-snippet-editor textarea{height:42vh;min-height:260px}}
/* ======================= end v0.14 styles ======================= */
/* SOURCE: styles/releases/v015.css */
/* ========================= v0.15 collected changes ========================= */
#v12SettingsShell .v12-setting-panel{display:none!important}
#v12SettingsShell .v12-setting-panel.active{display:block!important}
.v15-doc-main-btn{min-height:40px!important;min-width:230px!important;background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;box-shadow:none!important}
.v15-doc-main-btn:hover{filter:brightness(.97)}
.v13-doc-create>.btn,.v13-doc-create>.v13-doc-dropdown>summary{height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800}
.v13-doc-create>.btn{min-width:230px}
.v15-tenant-match{margin-top:10px;padding:10px 12px;border:1px solid #b9dfc9;border-radius:10px;background:#edf8f2;font-size:12px;line-height:1.45}
.v15-tenant-match strong{color:#276a48}
.v15-workmodel-hint{margin-top:8px;padding:8px 10px;border-radius:9px;background:#f6f7f8;border:1px solid #e1e4e7;font-size:12px;color:#5f6871}
.v15-workmodel-hint.holiday{background:#fff3e4;border-color:#efc894;color:#7c4b15}
.v15-holiday-head{background:#fff0df!important;box-shadow:inset 0 -3px 0 #e59136}
.v15-holiday-head .day-title:after{content:attr(data-holiday);display:block;font-size:9px;font-weight:850;color:#97530d;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.v15-holiday-cell{background:repeating-linear-gradient(135deg,rgba(244,123,32,.07),rgba(244,123,32,.07) 8px,rgba(244,123,32,.025) 8px,rgba(244,123,32,.025) 16px)!important}
.v15-holiday-badge{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#fff0df;color:#97530d;font-size:9px;font-weight:800;vertical-align:middle}
.v15-state-setting{margin:0 0 12px;padding:10px 12px;border:1px solid #e0e4e7;border-radius:10px;background:#fafbfc;display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.v15-state-setting .field{min-width:260px;margin:0}.v15-state-setting small{color:var(--muted);line-height:1.35;max-width:540px}
.v15-position-total{display:flex;justify-content:flex-end;gap:14px;align-items:baseline;margin:5px 2px 0;font-size:11px;color:var(--muted)}
.v15-position-total strong{font-size:13px;color:var(--ink)}
.v15-block-select{position:absolute;left:7px;top:7px;z-index:4;display:flex;align-items:center;gap:4px}
.v15-block-select input{width:16px;height:16px;accent-color:var(--orange);cursor:pointer}
.v09-block.v15-selected{outline:2px solid rgba(244,123,32,.5);background:#fffaf5}
.v09-block .drag-handle{margin-left:23px}
.v15-room-actions{display:flex;gap:5px;position:absolute;right:34px;top:5px;z-index:3}
.v15-room-actions button,.v15-block-copy{border:1px solid #dfe3e7;background:#fff;border-radius:7px;padding:4px 7px;font-size:10px;cursor:pointer;color:#5e6871}
.v15-room-actions button:hover,.v15-block-copy:hover{background:#fff4ea;border-color:#efad76}
.v15-block-copy{margin-left:6px}
.v15-builder-selectbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;margin:8px 0 10px;border:1px dashed #d9dde1;border-radius:10px;background:#fafbfc;font-size:11px}
.v15-builder-selectbar strong{margin-right:4px}.v15-builder-selectbar button{padding:5px 8px}
.v15-preview-toolbar{position:sticky;top:0;z-index:5;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:10px;margin:-4px -2px 12px;background:rgba(245,246,248,.96);backdrop-filter:blur(4px);border-bottom:1px solid #e0e4e7}
.v15-preview-paper{margin:0 auto;max-width:210mm;box-shadow:0 8px 26px rgba(0,0,0,.12)}
.v15-finalized-note{font-size:11px;color:#2f855a;font-weight:800}
@media(max-width:760px){.v13-doc-create{display:grid;grid-template-columns:1fr 1fr}.v13-doc-create>.btn,.v13-doc-create>.v13-doc-dropdown,.v13-doc-create>.v13-doc-dropdown>summary{width:100%;min-width:0!important}.v15-position-total{justify-content:flex-start;flex-wrap:wrap}.v15-room-actions{position:static;margin:6px 30px 0}.v15-builder-selectbar{position:sticky;top:0;z-index:6}}
/* ======================= end v0.15 styles ======================= */
/* SOURCE: styles/releases/v016.css */
/* ========================= v0.16 collected changes ========================= */
/* 1 Plantafel: short appointments stay useful; whole block is the action. */
.appt.v16-appt{cursor:pointer;padding:6px 8px;display:flex;flex-direction:column;gap:1px;justify-content:center;min-width:0}
.appt.v16-appt .v16-appt-name{font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.12}
.appt.v16-appt .v16-appt-address{font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.12}
.appt.v16-appt .v16-appt-task{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.86;line-height:1.12}
.appt.v16-appt .appt-actions{display:none!important}
.v16-appt-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v16-appt-quick .v16-q-card{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fafbfc;min-width:0}
.v16-appt-quick .v16-q-card.full{grid-column:1/-1}
.v16-appt-quick small{display:block;color:var(--muted);font-weight:700;margin-bottom:3px}.v16-appt-quick strong{display:block;line-height:1.35;overflow-wrap:anywhere}
.v16-appt-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.v16-appt-actions .btn{min-height:42px}
/* 3 automatic employer-paid afternoon release on 24/31 Dec. */
.day-cell{position:relative}
.v16-employer-release{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(70,116,154,.17),rgba(70,116,154,.17) 7px,rgba(70,116,154,.08) 7px,rgba(70,116,154,.08) 14px);border-left:2px solid rgba(70,116,154,.48)}
.v16-employer-release-label{position:absolute;top:3px;left:4px;right:3px;font-size:8px;font-weight:900;line-height:1.12;color:#365e7d;overflow:hidden;max-height:28px}
.v16-release-note{margin:12px 0;padding:11px 13px;border:1px solid #bfd0de;background:#f2f7fb;border-radius:11px;font-size:12px;line-height:1.45}
.v16-release-badge{display:inline-flex;padding:2px 6px;border-radius:999px;background:#e4eff7;color:#365e7d;font-size:9px;font-weight:900;margin-left:5px}
/* 4 force the two case actions to the same compact row. */
.v13-doc-create{display:grid!important;grid-template-columns:230px 230px!important;gap:10px!important;justify-content:start!important;align-items:start!important;width:max-content!important;max-width:100%!important}
.v13-doc-create>.btn,.v13-doc-create>.v13-doc-dropdown,.v13-doc-create>.v13-doc-dropdown>summary{width:230px!important;min-width:230px!important;max-width:230px!important;box-sizing:border-box!important}
.v13-doc-create>.v13-doc-dropdown{display:block!important}
.v13-doc-create>.v13-doc-dropdown>summary{min-height:42px!important}
/* 5 checkbox has its own column before quantity. */
.v16-priced-layout{display:grid;grid-template-columns:24px 22px minmax(0,1fr);gap:6px;align-items:start;width:100%}
.v16-priced-layout>.v16-select-cell{padding-top:8px;display:flex;justify-content:center}
.v16-priced-layout .v15-block-select{position:static!important;left:auto!important;top:auto!important;margin:0!important}
.v16-priced-layout>.drag-handle{margin:7px 0 0!important;align-self:start}
.v16-priced-main{min-width:0}
/* 6 Nachkalkulation material controls. */
.v16-calc-addbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:8px;align-items:end;margin:0 0 10px;padding:10px;border:1px solid #e0e4e7;border-radius:10px;background:#fafbfc}
.v16-calc-addbar label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px}
.v16-calc-addbar select{width:100%}.v16-calc-text{min-width:180px!important;width:100%}
/* 7 visible before/after-position texts on every document. */
.v16-doc-text-zone{border:1px solid #dfe4e8;border-radius:11px;background:#fbfcfd;padding:10px 11px;margin:9px 0}
.v16-doc-text-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px;flex-wrap:wrap}.v16-doc-text-head strong{font-size:12px}.v16-doc-text-head select{max-width:330px;min-width:220px}
.v16-doc-text-zone textarea{width:100%;min-height:92px;resize:vertical;line-height:1.45}
.v10-text-details{display:none!important}
.paper-outro{margin-top:11px;line-height:1.4;font-size:10.5pt}
/* 9 three-level VELUX hierarchy. */
.v16-tree-parent{margin:2px 0 3px 13px;border-left:2px solid #eceff2;padding-left:7px}
.v16-tree-parent-head,.v16-tree-leaf{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;align-items:center;padding:7px 7px;border-radius:8px;cursor:pointer;font-size:12px}
.v16-tree-parent-head:hover,.v16-tree-leaf:hover,.v16-tree-parent-head.active,.v16-tree-leaf.active{background:#fff0e4;color:#8f3e00}
.v16-tree-parent-head strong{min-width:0}.v16-tree-leaves{margin-left:14px}
.v16-tree-leaf{grid-template-columns:12px minmax(0,1fr) auto;padding:6px 7px}
.v16-tree-leaf .v16-leaf-name{min-width:0;line-height:1.18}.v16-tree-leaf .v16-leaf-name span{display:block;font-weight:750}.v16-tree-leaf .v16-leaf-name small{display:block;color:var(--muted);font-size:9px;margin-top:2px;white-space:normal}
.v16-tree-count{font-size:10px;color:var(--muted);font-weight:800}.v16-tree-separator{margin:9px 6px 4px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:900}
.service-name.v16-velux-name{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.22;max-height:2.5em}
/* 2 duplicate menus */
.v16-more{position:relative;display:inline-block}.v16-more>summary{list-style:none;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font-weight:900}.v16-more>summary::-webkit-details-marker{display:none}
.v16-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;width:175px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:5px}.v16-more-menu button{width:100%;text-align:left;border:0;background:transparent;border-radius:7px;padding:8px;cursor:pointer}.v16-more-menu button:hover{background:#f4f6f8}.v16-merge-summary{padding:10px;border:1px solid #e1e5e8;border-radius:10px;background:#fafbfc;margin:8px 0;line-height:1.45}
@media(max-width:720px){.v13-doc-create{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important}.v13-doc-create>.btn,.v13-doc-create>.v13-doc-dropdown,.v13-doc-create>.v13-doc-dropdown>summary{width:100%!important;min-width:0!important;max-width:none!important}.v16-appt-quick{grid-template-columns:1fr}.v16-appt-quick .v16-q-card.full{grid-column:auto}.v16-calc-addbar{grid-template-columns:1fr}.v16-doc-text-head select{min-width:0;width:100%;max-width:none}}
/* ======================= end v0.16 styles ======================= */
/* SOURCE: styles/releases/v017.css */
/* ========================= v0.17 collected changes ========================= */
/* 1: appointment center is click/tap; only very narrow edges resize. */
.appt.v16-appt{cursor:pointer!important}
.appt.v16-appt>.resize-handle{width:4px!important;z-index:12}
.appt.v16-appt>.resize-handle.left{left:0!important}
.appt.v16-appt>.resize-handle.right{right:0!important}
.appt.v16-appt>.resize-handle:hover{background:rgba(255,255,255,.42)}
@media(pointer:coarse){.appt.v16-appt>.resize-handle{width:6px!important}}
/* 2: keep the familiar KVA row geometry; checkbox gets only a small gutter before quantity. */
.v17-kva-line>.v15-block-select{position:absolute!important;left:8px!important;top:13px!important;margin:0!important}
.v17-kva-line>.drag-handle{left:-14px!important;margin-left:0!important}
.v17-kva-line>.v09-line-grid{padding-left:24px}
.v17-kva-line>.v15-position-total,.v17-kva-line>.v10-line-actions{margin-left:24px}
.v17-separate-snippet{border:1px solid #d9dee3!important;background:#fbfcfd!important;padding-left:10px!important}
.v17-separate-snippet .v17-snippet-label{display:block;font-size:10px;color:var(--muted);font-weight:800;margin-bottom:5px}
.v17-separate-snippet textarea{padding-right:42px}
/* 3: searchable material chooser in post calculation. */
.v17-calc-search{border:1px solid #dfe4e8;background:#fafbfc;border-radius:11px;padding:10px;margin-bottom:10px}
.v17-calc-search input{width:100%;border:1px solid #d8dde3;border-radius:8px;padding:9px}
.v17-calc-results{max-height:230px;overflow:auto;margin-top:7px;display:grid;gap:5px}
.v17-calc-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e2e6ea;background:#fff;border-radius:8px;padding:7px 8px}
.v17-calc-result strong{display:block;font-size:11px}.v17-calc-result small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
/* 5: true nested service category tree. */
.v17-subtree{margin-left:12px;border-left:1px solid #eceff2;padding-left:5px}
.v17-subnode{display:grid;grid-template-columns:16px 34px minmax(0,1fr) auto auto;gap:4px;align-items:center;padding:6px 6px;border-radius:8px;cursor:pointer;font-size:11px}
.v17-subnode:hover,.v17-subnode.active{background:#fff0e4;color:#8f3e00}
.v17-subnode .tree-actions{display:flex;gap:2px}.v17-subnode .tree-actions button{border:0;background:transparent;cursor:pointer;border-radius:5px;padding:2px 4px}
.v17-subnode .tree-actions button:hover{background:#fff}
.v17-sub-count{font-size:9px;color:var(--muted);font-weight:800}
/* 8: destructive action is explicit, not hidden. */
.v17-delete-service{color:#9c2f2f!important;border-color:#efc8c8!important}
/* SOURCE: styles/releases/v018.css */
/* ========================= v0.18 hotfix ========================= */
.v18-cat-delete{color:#9c2f2f!important}
.v18-cat-delete:hover{background:#fff0f0!important}
/* SOURCE: styles/releases/v019.css */
/* ========================= v0.19 customer import + ordering ========================= */
.v19-customer-search{padding:0 0 10px}
.v19-customer-search input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff}
.v19-customer-result-note{font-size:11px;color:var(--muted);padding:8px 4px 2px}
.v19-order-button{font-size:11px!important;min-width:24px;padding:3px 5px!important}
.v19-import-meta{margin-top:7px;font-size:12px;color:var(--muted)}
.v19-internal-note{white-space:pre-wrap;background:#fff8ef;border:1px solid #f4d1ad;border-radius:9px;padding:8px;margin-top:8px}
.v19-contact-extra{font-size:12px;margin-top:4px;color:var(--muted)}
.v19-billing-contact{font-size:12px!important;color:var(--muted)}
.v19-tree-path{opacity:.72}
/* SOURCE: styles/releases/v0191.css */
/* v0.19.1 – category names remain fully readable beside the sorting controls */
@media(min-width:1051px){.master-workspace{grid-template-columns:minmax(440px,500px) minmax(0,1fr)}}
.tree-main-head,.tree-sub{align-items:flex-start}
.tree-main-head strong,.tree-sub .tree-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3;padding-top:2px}
.tree-actions{width:58px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:1px 2px}
.tree-actions button,.v19-order-button{min-width:22px!important;padding:2px 3px!important;font-size:11px!important;line-height:17px}
.v17-subnode{grid-template-columns:16px 34px minmax(0,1fr) auto 58px;align-items:start}
.v17-subnode>span:nth-child(3){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3;padding-top:2px}
.v17-subnode .tree-actions{width:58px}
@media(max-width:1050px){.tree-actions,.v17-subnode .tree-actions{width:70px}}
/* SOURCE: styles/releases/v0192.css */
/* v0.19.2 – the primary controls are present even before JavaScript initialization */
.topbar{display:flex!important;visibility:visible!important;opacity:1!important;min-height:64px!important}
#v12TopBrand,#v12TopNav{visibility:visible!important;opacity:1!important}
.v192-delete-cell{width:1%;white-space:nowrap;text-align:right}
/* SOURCE: styles/releases/v0193.css */
/* v0.19.3 – navigation works through the app and has a no-script hash fallback */
.v12-top-nav a{border:0;background:transparent;padding:9px 10px;border-radius:9px;font-weight:700;white-space:nowrap;color:#4e5660;text-decoration:none;cursor:pointer}
.v12-top-nav a:hover,.v12-top-nav a.active{background:#fff0e6;color:#b9530b}
.v12-top-nav a.v12-gear{font-size:18px;padding:7px 11px}
.page:target{display:block!important}
body:has(.page:target) .page.active:not(:target){display:none!important}
/* SOURCE: styles/design/consistency.css */
/* Gemeinsame Komponentenregeln – bewusst zuletzt geladen. */
html,
body {
font-family: var(--font-app);
font-size: var(--font-size-base);
color: var(--color-text);
background: var(--color-page);
}
.topbar {
min-height: var(--topbar-min-height) !important;
padding: var(--topbar-padding-y) var(--topbar-padding-x) !important;
}
.content {
padding: var(--page-padding-top) var(--page-padding-x) var(--page-padding-bottom) !important;
}
.card,
.planner-shell {
background: var(--color-surface);
border-color: var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
}
.card.pad {
padding: var(--card-padding);
}
.btn,
.pill,
.menu-btn {
border-radius: var(--radius-control);
}
.v12-top-nav a,
.v12-top-nav button {
border-radius: var(--radius-navigation);
}
.btn.primary {
background: var(--brand-primary);
border-color: var(--brand-primary);
}
.field input,
.field select,
.field textarea {
border-color: var(--color-border);
border-radius: var(--radius-control);
background: var(--color-surface);
}
.search input {
border-color: var(--color-border);
border-radius: var(--radius-search);
background: var(--color-surface);
}
.field input:focus,
.field select:focus,
.field textarea:focus {
border-color: var(--brand-primary);
box-shadow: 0 0 0 3px var(--focus-ring);
}
.modal {
border-radius: var(--radius-modal);
box-shadow: var(--shadow-modal);
}
.badge,
.source-pill,
.v20-role-badge {
border-radius: var(--radius-pill);
}
.table th,
.table td {
padding: var(--table-padding-y) var(--table-padding-x);
border-color: var(--color-border);
}
/* Suchfelder sind appweit als eigenständige Bedienelemente erkennbar. */
input[type="search"],
.search input {
min-height: var(--search-min-height) !important;
padding: 10px 38px 10px 40px !important;
border: 2px solid var(--search-border) !important;
border-radius: var(--radius-search) !important;
outline: 0 !important;
color: var(--color-text) !important;
background-color: var(--search-surface) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235b6570' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 13px center !important;
background-size: 18px 18px !important;
box-shadow: 0 2px 8px rgba(32, 36, 42, 0.05) !important;
font-family: var(--font-app) !important;
font-weight: 650 !important;
transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}
input[type="search"]:hover,
.search input:hover {
border-color: #eba977 !important;
background-color: var(--color-surface) !important;
}
input[type="search"]:focus,
.search input:focus {
border-color: var(--brand-primary) !important;
background-color: var(--color-surface) !important;
box-shadow: 0 0 0 4px rgba(244, 123, 32, 0.14) !important;
}
input[type="search"]::placeholder,
.search input::placeholder {
color: #727b86;
font-weight: 550;
opacity: 1;
}
@media (max-width: 720px) {
:root {
--page-padding-top: 12px;
--page-padding-x: 12px;
--page-padding-bottom: 12px;
}
}
/* SOURCE: styles/features/v0201/dashboard.css */
/* Übersicht v0.20.2 – zehn gleich breite Kennzahlen ohne horizontalen Laufbalken. */
#page-dashboard .v20-dashboard-metrics{
grid-template-columns:repeat(10,minmax(0,1fr))!important;
gap:8px!important;
max-width:1810px;
overflow:visible!important;
padding-bottom:0!important;
align-items:stretch;
}
#page-dashboard .v20-dashboard-metrics .v12-metric{
min-width:0;
min-height:122px;
width:auto;
padding:14px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
#page-dashboard .v20-dashboard-metrics .label{font-size:11px;font-weight:800;line-height:1.22;min-height:27px;color:#5f6771}
#page-dashboard .v20-dashboard-metrics .num{font-size:25px;line-height:1;margin-top:8px}
#page-dashboard .v20-dashboard-metrics .sub{font-size:10px;line-height:1.28;margin-top:auto;padding-top:8px}
#page-dashboard .v20-dashboard-metrics .warn{box-shadow:inset 0 4px #d79b36,var(--shadow-card)}
#page-dashboard .v20-dashboard-metrics .danger{box-shadow:inset 0 4px #c83b3b,var(--shadow-card)}
.v20-dashboard-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:16px;margin-top:16px;align-items:start}
.v20-dashboard-main>.card{min-width:0;overflow:hidden}
.v20-dashboard-section-title{gap:16px}
.v20-dashboard-section-title>div:first-child{min-width:0}
.v20-dashboard-sort{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:11px;font-weight:800;white-space:nowrap}
.v20-dashboard-sort select{min-width:190px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:8px 30px 8px 10px;color:var(--color-text);font-weight:700}
.v20-dashboard-case-table{min-width:820px}
.v20-dashboard-case-table td:nth-child(1){max-width:250px}
.v20-dashboard-case-table td:nth-child(2){min-width:190px}
.v20-dashboard-case-table td:nth-child(3){min-width:185px}
.v20-dashboard-case-table td:nth-child(4){min-width:135px}
.v20-dashboard-case-table .badge{opacity:1!important;filter:none!important;isolation:isolate}
.v20-dashboard-last small{display:block;color:var(--color-text-muted);font-size:10px;margin-top:3px}
.v20-important-count{min-width:30px;height:30px;padding:0 9px;border-radius:999px;background:#f1f3f5;color:#4b5560;display:grid;place-items:center;font-size:12px;font-weight:900}
.v20-important-count.has-items{background:#ffe4ce;color:#9b4100}
#dashImportant{max-height:552px;overflow-y:auto;overflow-x:hidden}
.v20-important-item{position:relative;padding:14px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;background:#fff}
.v20-important-item:hover{background:#fff8f2}
.v20-important-item.important{box-shadow:inset 4px 0 #d88924}
.v20-important-item.urgent{box-shadow:inset 4px 0 #c83b3b;background:#fff7f6}
.v20-important-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.v20-important-priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#fff0d8;color:#8b5800}
.v20-important-item.urgent .v20-important-priority{background:#c83b3b;color:#fff}
.v20-important-item h3{font-size:13px;margin:0 0 5px;line-height:1.3}
.v20-important-item p{font-size:12px;line-height:1.42;color:#343b43;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v20-important-meta{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:8px;color:var(--color-text-muted);font-size:10px}
.v20-important-actions{display:flex;justify-content:flex-end;margin-top:9px}
.v20-important-actions .btn{padding:5px 8px;font-size:10px}
.v20-important-empty{padding:34px 22px;text-align:center;color:var(--color-text-muted)}
.v20-important-empty strong{display:block;color:var(--color-text);font-size:14px;margin-bottom:5px}
.v20-important-empty span{font-size:11px;line-height:1.4}
html[data-zaphi-theme="dark"] .v20-important-item{background:#202a33;color:#edf2f6;border-color:#3b4651}
html[data-zaphi-theme="dark"] .v20-important-item:hover{background:#2b3945}
html[data-zaphi-theme="dark"] .v20-important-item.urgent{background:#352629}
html[data-zaphi-theme="dark"] .v20-important-item.urgent:hover{background:#493036}
html[data-zaphi-theme="dark"] .v20-important-item h3{color:#edf2f6}
html[data-zaphi-theme="dark"] .v20-important-item p{color:#d8e2ea}
html[data-zaphi-theme="dark"] .v20-important-item :is(.v20-important-meta,.muted){color:#b9c6d1}
html[data-zaphi-theme="dark"] .v20-important-item .v20-important-priority{background:#49351a;color:#ffda91}
html[data-zaphi-theme="dark"] .v20-important-item.urgent .v20-important-priority{background:#ad3e48;color:#fff}
@media(max-width:1479px){
#page-dashboard .v20-dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:900px}
}
@media(max-width:1200px){
.v20-dashboard-main{grid-template-columns:1fr}
#dashImportant{max-height:420px}
}
@media(max-width:900px){
#page-dashboard .v20-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}
.v20-dashboard-section-title{align-items:flex-start;flex-direction:column}
.v20-dashboard-sort{width:100%;justify-content:space-between}
.v20-dashboard-sort select{min-width:0;flex:1}
}
@media(max-width:520px){
#page-dashboard .v20-dashboard-metrics{grid-template-columns:1fr!important}
}
/* SOURCE: styles/features/v0201/case-chat.css */
/* Vorgangsgebundener interner Chat. Die persönliche Kontofilterung folgt später. */
.v20-case-chat{margin-top:18px;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:#f8f9fb}
.v20-case-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--color-border)}
.v20-case-chat-head h3{margin:0 0 3px;font-size:16px}
.v20-case-chat-head p{margin:0;color:var(--color-text-muted);font-size:11px}
.v20-case-chat-list{max-height:360px;overflow-y:auto;overflow-x:hidden;padding:12px;display:grid;gap:9px}
.v20-chat-empty{padding:22px;text-align:center;color:var(--color-text-muted);font-size:12px}
.v20-chat-message{background:#fff;border:1px solid var(--color-border);border-radius:11px;padding:11px 12px;box-shadow:0 3px 12px rgba(29,33,39,.04)}
.v20-chat-message.important{border-color:#e2ad59;background:#fffaf0}
.v20-chat-message.urgent{border-color:#dc8d88;background:#fff6f5}
.v20-chat-message.resolved{background:#f4f6f7;border-color:#dfe3e6}
.v20-chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.v20-chat-message-head strong{font-size:12px}
.v20-chat-message-head time{color:var(--color-text-muted);font-size:9px;white-space:nowrap}
.v20-chat-message-text{font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.v20-chat-message-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}
.v20-chat-tags{display:flex;gap:5px;flex-wrap:wrap}
.v20-chat-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:#edf1f4;color:#4d5863;font-size:9px;font-weight:800}
.v20-chat-tag.important{background:#ffe7bc;color:#815200}
.v20-chat-tag.urgent{background:#c83b3b;color:#fff}
.v20-chat-tag.resolved{background:#dfe8e2;color:#356346}
.v20-case-chat-form{padding:12px;background:#fff;border-top:1px solid var(--color-border)}
.v20-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 135px auto;gap:8px;align-items:end}
.v20-chat-text-wrap{position:relative}
.v20-chat-text-wrap textarea{width:100%;min-height:72px;resize:vertical;border:1px solid var(--color-border);border-radius:10px;padding:10px;outline:none}
.v20-chat-text-wrap textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}
.v20-chat-priority label{display:block;color:var(--color-text-muted);font-size:9px;font-weight:800;margin-bottom:5px;text-transform:uppercase}
.v20-chat-priority select{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px 8px;background:#fff}
.v20-chat-send{min-height:42px}
.v20-chat-hint{margin-top:7px;color:var(--color-text-muted);font-size:10px}
.v20-chat-mentions{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 5px);z-index:20;background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 12px 28px rgba(29,33,39,.14);max-height:190px;overflow-y:auto}
.v20-chat-mentions.show{display:block}
.v20-chat-mentions button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:9px 10px;text-align:left}
.v20-chat-mentions button:hover{background:#fff5ed}
.v20-chat-mentions small{color:var(--color-text-muted);font-size:9px}
.v20-chat-highlight{animation:v20ChatPulse 1.5s ease}
@keyframes v20ChatPulse{0%,100%{box-shadow:0 3px 12px rgba(29,33,39,.04)}35%{box-shadow:0 0 0 4px rgba(244,123,32,.28)}}
@media(max-width:760px){
.v20-chat-compose{grid-template-columns:1fr}
.v20-chat-send{justify-self:end}
}
/* SOURCE: styles/features/v0201/customer-case-refresh.css */
/* v0.20.2 – Kundendaten, Vorgangsliste und kompakte Statusauswahl */
/* Die Kundenliste wird einmal aus allen Kundennamen bemessen und springt beim Scrollen nicht. */
#page-customers .split{grid-template-columns:var(--v20-customer-list-width,320px) minmax(0,1fr);align-items:start}
#page-customers #customerList{min-width:0}
#page-customers #customerDetail{min-width:0}
.v20-object-search-tools{grid-template-columns:minmax(260px,1fr) auto auto!important;padding:12px!important;background:#fff7f0!important;border:1px solid #efb88f!important;box-shadow:0 4px 15px rgba(161,78,20,.07)}
.v20-object-search-label{grid-column:1/-1;color:#713711;font-size:12px;font-weight:850;letter-spacing:.01em}
.v20-object-search-tools input{min-width:0}
.v20-tenant-list-toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px;padding:8px 10px;border:1px solid #e0e4e8;border-radius:10px;background:#f8fafb}
.v20-tenant-list-toggle button{font-weight:800}
.v20-tenant-list-toggle span{color:var(--color-text-muted);font-size:11px}
.v20-tenant-table-wrap:not(.open){display:none!important}
.v20-tenant-table-wrap.open{display:block}
.v20-customer-discount-kv strong{color:#276948}
.v20-skonto-kv strong{color:#3f4f61}
.v20-customer-terms-editor{padding:13px;border:1px solid #dfe4e8;border-radius:12px;background:#f8fafb}
.v20-terms-heading{margin-bottom:10px}
.v20-terms-heading strong,.v20-terms-heading small{display:block}
.v20-terms-heading strong{font-size:14px}
.v20-terms-heading small{margin-top:3px;color:var(--color-text-muted);font-size:11px;line-height:1.4}
.v20-terms-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(210px,1fr) minmax(150px,.7fr);gap:10px;align-items:end}
.v20-terms-grid>.checkline{min-height:42px;margin:0;padding:8px 10px;border:1px solid #e0e4e8;border-radius:9px;background:#fff;font-weight:800}
.v20-terms-grid input:disabled,.v20-terms-grid select:disabled{background:#eef1f3!important;color:#8a9199;cursor:not-allowed}
/* Vorgangsspalten: feste Inhaltsfelder bleiben kompakt, Kurzbeschreibung nutzt den Rest. */
.v20-case-table{width:100%;min-width:1390px;table-layout:fixed}
.v20-case-table col.v20-col-tenant{width:105px}
.v20-case-table col.v20-col-address{width:155px}
.v20-case-table col.v20-col-phone{width:105px}
.v20-case-table col.v20-col-description{width:auto}
.v20-case-table col.v20-col-customer{width:130px}
.v20-case-table col.v20-col-appointment{width:145px}
.v20-case-table col.v20-col-last{width:140px}
.v20-case-table col.v20-col-employee{width:100px}
.v20-case-table col.v20-col-status{width:175px}
.v20-case-table col.v20-col-time{width:75px}
.v20-case-table th,.v20-case-table td{white-space:normal;overflow-wrap:anywhere}
.v20-case-table .v20-case-short{max-width:none!important;min-width:250px;line-height:1.35;font-size:12px}
.v20-case-table .v20-case-appointment small{display:block;margin-top:4px;color:var(--color-text-muted);font-size:10px;line-height:1.3}
.v20-case-date-time{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.v20-case-date-time strong{font-size:11px;font-weight:850}
.v20-case-date-time i{color:#7a838d;font-style:normal;font-weight:700}
/* Eigene Statusauswahl statt der uneinheitlichen nativen Windows-Liste. */
.v20-status-select,.v20-inline-status{width:100%;min-height:40px;border:2px solid var(--v20-status)!important;border-radius:10px!important;font-family:var(--font-app)!important;cursor:pointer}
.v20-status-select{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:#fff!important;color:#171b20!important;font-size:12px;font-weight:800!important}
.v20-status-filter-value{display:flex;align-items:center;gap:8px;min-width:0;text-align:left}
.v20-status-filter-value i,.v20-status-choice-chip i{width:9px;height:9px;flex:0 0 9px;border-radius:999px;background:var(--v20-status);box-shadow:0 0 0 2px color-mix(in srgb,var(--v20-status) 22%,white)}
.v20-status-select>b,.v20-inline-status>b{font-size:13px;line-height:1}
.v20-inline-status{display:flex;align-items:center;justify-content:space-between;gap:7px;max-width:none!important;padding:6px 8px!important;background:var(--v20-status)!important;color:#fff!important;font-size:10px!important;font-weight:850!important;line-height:1.2;text-align:left;opacity:1!important}
.v20-inline-status>span{min-width:0;overflow-wrap:anywhere}
.v20-status-popover{position:fixed;z-index:1200;max-height:min(430px,72vh);overflow-y:auto;padding:6px;border:1px solid #d8dde3;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(26,31,37,.24);font-family:var(--font-app);color:#171b20}
.v20-status-popover[hidden]{display:none!important}
.v20-status-popover-head{padding:7px 9px 8px;color:#66707b;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.v20-status-choice{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0;padding:4px 7px;border:0;border-radius:9px;background:#fff;color:#171b20;font-family:var(--font-app);font-size:11px;font-weight:750;text-align:left;cursor:pointer}
.v20-status-choice:hover,.v20-status-choice.selected{background:#f1f3f5}
.v20-status-choice.selected{box-shadow:inset 3px 0 var(--brand-primary)}
.v20-status-choice-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;border:1px solid color-mix(in srgb,var(--v20-status) 45%,#d7dce1);border-radius:999px;background:color-mix(in srgb,var(--v20-status) 12%,white);color:#171b20;line-height:1.2}
.v20-status-choice>b{color:#252b31;font-size:12px}
.v20-document-terms{margin:10px 0;padding:10px;border:1px solid #dfe4e8;border-radius:10px;background:#fff}
.v20-document-terms-head{margin-bottom:8px}
.v20-document-terms-head strong,.v20-document-terms-head small{display:block}
.v20-document-terms-head small{margin-top:2px;color:var(--color-text-muted);font-size:10px;line-height:1.35}
.v20-document-term-row{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(130px,1fr) minmax(100px,.7fr) minmax(125px,.8fr);gap:7px;align-items:center;margin-top:6px}
.v20-document-term-row>.checkline{margin:0;font-size:11px;font-weight:800}
.v20-document-term-row select,.v20-document-term-row input{width:100%;min-width:0;border:1px solid #d9dee3;border-radius:7px;padding:7px;background:#fff;font:inherit}
.v20-document-term-row>strong{font-size:11px;text-align:right}
.v20-term-number{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;font-size:10px;color:var(--color-text-muted)}
.v20-summary-discount strong{color:#266849}
.v20-summary-skonto{display:block!important;margin-top:8px;padding:8px 9px!important;border:1px solid #d8e5dc;border-radius:8px;background:#f3faf5}
.v20-summary-skonto span,.v20-summary-skonto strong{display:block}
.v20-summary-skonto strong{margin-top:3px;text-align:right}
@media(max-width:1100px){#page-customers .split{grid-template-columns:1fr}.v20-terms-grid{grid-template-columns:1fr 1fr}.v20-terms-grid>.checkline{grid-column:1/-1}}
@media(max-width:800px){.v20-object-search-tools{grid-template-columns:1fr!important}.v20-object-search-label{grid-column:auto}.v20-terms-grid,.v20-document-term-row{grid-template-columns:1fr}.v20-terms-grid>.checkline{grid-column:auto}.v20-document-term-row>strong{text-align:left}}
/* SOURCE: styles/features/v0201/meisterplaner.css */
/* ZaPhi Planer – responsive Einsatzplanung, weiche Arbeitszeithinweise und wechselnde Teams. */
.planner-control-spacer{flex:1 1 24px}
.v20-planner-time-range,.v20-planner-zoom{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #dfe3e7;border-radius:10px;background:#f8f9fa;font-size:10px;font-weight:800;white-space:nowrap}
.v20-planner-time-range label,.v20-planner-zoom label{display:flex;align-items:center;gap:4px}
.v20-planner-time-range select{min-width:72px;padding:5px 6px!important;font-size:10px}
.v20-planner-zoom input[type="range"]{width:92px;accent-color:var(--orange)}
.v20-planner-zoom output{min-width:82px;text-align:center;color:#59636e;font-size:10px}
.v20-planner-time-range .btn,.v20-planner-zoom .btn{min-width:29px;padding:5px 7px}
.v20-outside-notice{border:1px solid #e4b866;background:#fff5df;color:#785312;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;cursor:pointer}
.v20-weekend-toggle{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;white-space:nowrap}
.v20-weekend-toggle input{width:auto}
.v20-mobile-employee-filter{display:none}
/* Nichtarbeitszeiten bleiben Hinweise, heben sich aber klarer vom Arbeitsbereich ab. */
#planner .v11-nonwork{background:rgba(72,80,89,.22)!important;box-shadow:inset -1px 0 rgba(62,69,77,.12)}
#planner .v11-nonwork.full{background:rgba(72,80,89,.28)!important;box-shadow:none}
.v11-work-legend i{background:rgba(72,80,89,.28)!important;border:1px solid rgba(62,69,77,.16)}
#planner .day-cell{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--v20-hour-step,9.0909%) - 1px),#e7ebee calc(var(--v20-hour-step,9.0909%) - 1px),#e7ebee var(--v20-hour-step,9.0909%))}
/* Terminplaketten: Grundfarbe, Kennzeichnungsband und gemeinsames Einsatzband. */
.appt.v20-appt{top:2px!important;height:44px!important;min-width:5px;padding:7px 7px 5px!important;border:1px solid rgba(31,37,43,.18)!important;isolation:isolate}
.appt.v20-appt.v20-appt-tentative{border:2px dashed #a87308!important;padding:6px 6px 4px!important}
.v20-appt-markerbar{position:absolute;left:0;right:0;top:0;height:4px;display:flex;overflow:hidden;z-index:3;pointer-events:none}
.v20-appt-markerbar i{display:block;flex:1;height:100%}
.v20-appt-markerbar .important{background:#c63f3f}
.v20-appt-markerbar .weather{background:#2d7fa3}
.v20-appt-markerbar .tentative{background:#d49b21}
.v20-appt-crewbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--v20-crew-color);z-index:3;pointer-events:none}
.v20-appt-flag-icons{position:absolute;right:3px;top:5px;display:flex;gap:2px;z-index:4;pointer-events:none}
.v20-appt-flag-icons i{display:grid;place-items:center;min-width:13px;height:13px;padding:0 2px;border-radius:999px;background:rgba(255,255,255,.9);color:#29313a;font-size:8px;font-style:normal;font-weight:950;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.v20-appt-crew-pill{position:absolute;right:3px;bottom:4px;z-index:4;border-radius:999px;background:rgba(255,255,255,.88);padding:1px 4px;font-size:7px;font-weight:950;line-height:12px;pointer-events:none}
.v20-appt-time{font-size:8px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}
.appt.v20-appt .v20-appt-name{padding-right:34px}
.appt.v20-appt.v20-appt-size-narrow{padding-left:4px!important;padding-right:4px!important}
.appt.v20-appt.v20-appt-size-narrow .v20-appt-name{padding-right:0;font-size:8px}
.appt.v20-appt.v20-appt-size-narrow .v20-appt-address,.appt.v20-appt.v20-appt-size-narrow .v20-appt-phone,.appt.v20-appt.v20-appt-size-narrow .v20-appt-time,.appt.v20-appt.v20-appt-size-narrow .v20-appt-flag-icons,.appt.v20-appt.v20-appt-size-narrow .v20-appt-crew-pill{display:none}
.appt.v20-appt.v20-appt-size-medium .v20-appt-phone,.appt.v20-appt.v20-appt-size-medium .v20-appt-crew-pill{display:none}
.appt.v20-appt.v20-clipped-left{border-left-color:#5e6872!important}
.appt.v20-appt.v20-clipped-right{border-right-color:#5e6872!important}
/* Terminformular. */
.v20-marker-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v20-marker-pick{display:flex;align-items:center;gap:8px;border:1px solid #dfe3e7;border-radius:10px;padding:9px 10px;background:#fff;font-size:11px;font-weight:800;cursor:pointer}
.v20-marker-pick input{width:auto}
.v20-marker-pick i{width:8px;align-self:stretch;border-radius:999px}
.v20-marker-pick.important i{background:#c63f3f}
.v20-marker-pick.weather i{background:#2d7fa3}
.v20-marker-pick.tentative i{background:#d49b21}
.v20-marker-pick:has(input:checked){border-color:#aeb8c2;background:#f5f7f8;box-shadow:inset 0 0 0 1px #cbd2d8}
.v20-assignment-head{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:10px;align-items:end;margin-bottom:8px}
.v20-resource-pick.is-primary{border-color:#e8a36e;background:#fff8f2}
.v20-resource-pick .v20-primary-label{margin-left:auto;border-radius:999px;background:#f47b20;color:#fff;padding:2px 6px;font-size:8px;font-weight:900}
.v20-participant-times{display:grid;gap:7px;margin-top:9px}
.v20-participant-row{display:grid;grid-template-columns:minmax(170px,1fr) auto 105px 105px;gap:8px;align-items:end;border:1px solid #e1e5e9;border-radius:10px;background:#fafbfc;padding:8px 9px}
.v20-participant-person strong,.v20-participant-person small{display:block}
.v20-participant-person small{color:var(--muted);font-size:9px;margin-top:2px}
.v20-participant-same{display:flex;align-items:center;gap:5px;align-self:center;font-size:10px;font-weight:750;white-space:nowrap}
.v20-participant-same input{width:auto}
.v20-participant-row .field label{font-size:9px}
.v20-participant-row .field input{padding:7px 8px}
.v20-participant-all-day{align-self:center;border-radius:8px;background:#e9edf0;padding:7px 9px;font-size:10px;font-weight:850;text-align:center}
.v20-all-day-line{display:inline-flex!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;width:auto!important;margin:9px 0 0!important;padding:7px 9px;border:1px solid #dfe3e7;border-radius:9px;background:#fafbfc;font-weight:850}
.v20-all-day-line input{width:auto!important;margin:0!important}
.v20-worktime-messages{margin-top:9px}
.v20-worktime-warning{border:1px solid #e3ba73;border-radius:10px;background:#fff6e5;color:#745013;padding:9px 10px;font-size:10px;line-height:1.4}
.v20-worktime-warning strong{display:block;margin-bottom:3px}
.v20-worktime-warning ul{margin:4px 0 0;padding-left:17px}
.v20-worktime-warning.conflict{border-color:#d58d88;background:#fff0ef;color:#872b27}
.v20-worktime-ok{color:#52705f;font-size:9px;padding:4px 1px}
.v20-more-settings{border:1px solid #e0e4e8;border-radius:10px;background:#fafbfc;padding:9px 10px}
.v20-more-settings summary{cursor:pointer;font-size:11px;font-weight:850}
.v20-more-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
/* Smartphone: chronologische Terminliste statt verkleinerter Zeitleiste. */
.v20-mobile-planner{display:none;padding:10px;background:#f5f6f7}
.v20-mobile-day{margin-bottom:14px}
.v20-mobile-day-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 7px;padding:0 2px}
.v20-mobile-day-head strong{font-size:14px}
.v20-mobile-day-head span{color:var(--muted);font-size:10px}
.v20-mobile-list{display:grid;gap:8px}
.v20-mobile-card{position:relative;overflow:hidden;border:1px solid #dfe3e7;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(29,33,39,.06);padding:11px 11px 9px 14px}
.v20-mobile-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--v20-appt-color,#dfe3e7)}
.v20-mobile-card.v20-appt-tentative{border:2px dashed #a87308}
.v20-mobile-card .v20-appt-markerbar{left:6px}
.v20-mobile-time{font-size:11px;font-weight:900;color:#4c5762;margin-bottom:3px}
.v20-mobile-card h3{margin:0;font-size:15px;line-height:1.25}
.v20-mobile-card p{margin:4px 0 0;color:#5e6872;font-size:11px;line-height:1.35}
.v20-mobile-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.v20-mobile-badge{border-radius:999px;padding:4px 7px;background:#eef1f4;color:#4f5a64;font-size:9px;font-weight:850}
.v20-mobile-badge.important{background:#f9dede;color:#8d2525}
.v20-mobile-badge.weather{background:#dceff7;color:#1e6685}
.v20-mobile-badge.tentative{background:#fff0c9;color:#77520b}
.v20-mobile-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.v20-mobile-actions .btn{padding:7px 9px;font-size:10px}
.v20-mobile-empty{padding:32px 15px;text-align:center;color:var(--muted);font-size:12px}
.v20-preview-people{display:grid;gap:6px}
.v20-preview-people>div{border-bottom:1px solid #e5e8eb;padding-bottom:5px}
.v20-preview-people>div:last-child{border-bottom:0;padding-bottom:0}
.v20-preview-people strong,.v20-preview-people small{display:block}
.v20-preview-people small{color:var(--muted);font-size:10px;margin-top:2px}
@media(max-width:1000px){
.planner-control-spacer{display:none}
.planner-controls{align-items:flex-start}
.v20-planner-time-range,.v20-planner-zoom{order:3}
.v20-weekend-toggle{order:4;padding:7px 0}
}
@media(max-width:760px){
#page-planner .page-head{align-items:center}
#page-planner .page-head p{display:none}
.planner-controls{gap:6px;padding:9px}
.planner-controls>strong{width:100%;order:2;font-size:11px}
.v20-planner-time-range,.v20-planner-zoom{display:none}
.v20-weekend-toggle{order:4;margin-left:auto}
.v20-mobile-employee-filter{display:flex;order:3;align-items:center;gap:6px;width:100%;font-size:10px;font-weight:850}
.v20-mobile-employee-filter select{flex:1;min-width:0}
.planner-hint{display:none}
.planner-scroll{display:none!important}
.v20-mobile-planner{display:block}
.v20-marker-picks{grid-template-columns:1fr}
.v20-assignment-head{grid-template-columns:1fr}
.v20-participant-row{grid-template-columns:1fr 1fr}
.v20-participant-person,.v20-participant-same{grid-column:1/-1}
.v20-more-settings-grid{grid-template-columns:1fr}
}
/* SOURCE: styles/features/v0201/settings-hub.css */
/* ZaPhi Manager: gegliederte Betriebseinstellungen. */
.v20-company-logo-image{padding:0!important;overflow:hidden;background:#fff!important}
.v20-company-logo-image img{width:100%;height:100%;object-fit:contain;display:block}
.v20-legacy-settings-shell{display:none!important}
#v20SettingsHub{min-width:0}
.v20-settings-main-tabs{position:sticky;top:74px;z-index:31;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px;margin:0 0 14px;background:rgba(246,247,249,.96);border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(10px)}
.v20-settings-main-tabs button{border:1px solid transparent;background:transparent;border-radius:9px;padding:11px 10px;font:inherit;font-size:12px;font-weight:850;color:#59616b;cursor:pointer}
.v20-settings-main-tabs button:hover{background:#fff}
.v20-settings-main-tabs button.active{background:#252a30;color:#fff;border-color:#252a30;box-shadow:0 3px 10px rgba(25,31,37,.14)}
.v20-settings-main-panel{display:none;gap:14px}
.v20-settings-main-panel.active{display:grid}
.v20-hub-card{min-width:0;margin:0!important}
.v20-company-settings{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;align-items:start}
.v20-company-settings>.toolbar{grid-column:1/-1;justify-content:flex-end}
.v20-company-logo-box{display:grid;place-items:center;align-content:center;gap:8px;aspect-ratio:1.45;border:1px dashed #cfd5db;border-radius:12px;background:#fafbfc;overflow:hidden;text-align:center;color:#727b85;padding:10px}
.v20-company-logo-box img{max-width:100%;max-height:105px;object-fit:contain}
.v20-company-logo-box strong{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:var(--orange);color:#fff;font-size:28px}
.v20-company-logo-box small{display:block}
.toolbar.end{justify-content:flex-end}
.v2263-outro-stack{display:grid;gap:14px;align-content:start;min-width:0}
.v20-access-role{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eceff2}
.v20-access-role:last-child{border-bottom:0}
.v20-access-role>div:first-child{display:flex;align-items:center;gap:8px}
.v20-permission-pills{display:flex;gap:5px;flex-wrap:wrap}
.v20-permission-pills label,.v20-unit-picks label{position:relative;cursor:pointer}
.v20-permission-pills input,.v20-unit-picks input{position:absolute;opacity:0;pointer-events:none}
.v20-permission-pills span,.v20-unit-picks span{display:block;border:1px solid #dfe3e7;border-radius:999px;padding:5px 8px;background:#fff;color:#727a84;font-size:10px;font-weight:750}
.v20-permission-pills input:checked+span,.v20-unit-picks input:checked+span{background:#e9f0f7;border-color:#9eafc0;color:#36536d}
.v20-permission-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}
.v20-interface-row{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eceff2}
.v20-interface-row:last-child{border-bottom:0}
.v20-interface-row input[type="text"],.v20-interface-row>input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}
.v20-number-range-wrap{overflow:auto;border:1px solid #e1e5e9;border-radius:10px;margin-bottom:7px;max-height:470px}
.v20-number-range-table{width:100%;min-width:920px;border-collapse:collapse}
.v20-number-range-table th,.v20-number-range-table td{padding:7px;border-bottom:1px solid #eceff2;text-align:left;font-size:10px}
.v20-number-range-table th{position:sticky;top:0;background:#f6f7f9;z-index:2;text-transform:uppercase;color:#68717a;font-size:9px}
.v20-number-range-table input{width:100%;min-width:75px;border:1px solid #d8dde3;border-radius:7px;padding:7px;font:inherit}
.v20-number-range-table td:nth-child(3) input{min-width:220px}
.v20-number-range-table code{white-space:nowrap;font-size:10px}
.v20-qr-toggle{display:flex;align-items:center;gap:11px;border:1px solid #dfe4e8;border-radius:11px;background:#fafbfc;padding:12px;margin-bottom:12px;cursor:pointer}
.v20-qr-toggle input{width:18px;height:18px}
.v20-qr-toggle span{display:flex;flex-direction:column;gap:2px}.v20-qr-toggle small{color:var(--muted)}
.v20-dunning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.v20-dunning-level{border:1px solid #e1e5e9;border-radius:11px;background:#fafbfc;padding:12px;min-width:0}
.v20-dunning-level h3{margin:0 0 10px;font-size:14px}
.v20-dunning-level .form-grid{grid-template-columns:1fr 1fr}
.v20-dunning-level .field.full{grid-column:1/-1}
.v20-calc-setting-row{display:grid;grid-template-columns:minmax(180px,1fr) 125px 120px 90px auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eceff2}
.v20-calc-setting-row input,.v20-calc-setting-row select,.v20-wage-row input{width:100%;border:1px solid #d8dde3;border-radius:8px;padding:8px}
.v20-wage-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;gap:9px;align-items:end;padding:9px 0;border-bottom:1px solid #eceff2}
.v20-wage-row label{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;font-size:10px;color:var(--muted)}
.v20-unit-picks{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.v20-unit-picks span{font-size:11px;padding:7px 10px}
.v20-unit-add{max-width:480px}.v20-unit-add input{flex:1;border:1px solid #d8dde3;border-radius:8px;padding:8px}
.v20-employee-table th:nth-child(1){width:19%}.v20-employee-table th:nth-child(2){width:18%}.v20-employee-table th:nth-child(3){width:9%}.v20-employee-table th:nth-child(4){width:15%}.v20-employee-table th:nth-child(5){width:17%}.v20-employee-table th:nth-child(6){width:14%}.v20-employee-table th:nth-child(7){width:150px}
.v20-employee-table tbody tr{cursor:pointer}.v20-employee-table tbody tr:hover{background:#fff7f0}
.v20-employee-actions button.danger{color:#a43e3e;border-color:#edcaca}
.v20-employee-record{display:grid;gap:12px}
.v20-employee-record section{border:1px solid #e0e4e8;border-radius:12px;background:#fafbfc;padding:14px}
.v20-employee-record section h3{margin:0 0 12px;font-size:15px}
.v20-employee-record-actions{justify-content:space-between;margin-top:14px}
@media(max-width:1100px){.v20-settings-main-tabs{top:101px}.v20-dunning-grid{grid-template-columns:1fr}.v20-company-settings{grid-template-columns:150px minmax(0,1fr)}.v20-access-role{grid-template-columns:150px 1fr}.v20-access-role>.btn{grid-column:1/-1;justify-self:end}}
@media(max-width:720px){.v20-settings-main-tabs{position:static;grid-template-columns:1fr 1fr}.v20-settings-main-tabs button{font-size:10px;padding:9px 6px}.v20-company-settings{grid-template-columns:1fr}.v20-company-settings>.toolbar{grid-column:auto}.v20-company-logo-box{max-width:220px}.v20-access-role,.v20-interface-row,.v20-calc-setting-row,.v20-wage-row{grid-template-columns:1fr}.v20-access-role>.btn{grid-column:auto}.v20-permission-edit{grid-template-columns:1fr}.v20-employee-record-actions{align-items:stretch}.v20-employee-record-actions,.v20-employee-record-actions>.toolbar{flex-direction:column}.v20-company-settings>.toolbar{justify-content:flex-start}}
/* SOURCE: styles/features/v0201/document-pages.css */
/* Mehrseitige A4-Vorschau mit sicherem Abstand zur Fußzeile. */
.v20-document-pages{display:grid;gap:16px;justify-items:center;min-width:0}
.v20-modal-document-preview{margin-top:12px;padding:2px 0 14px;background:transparent;border:0;box-shadow:none;overflow:visible;aspect-ratio:auto;width:100%}
.v20-paper-page{position:relative;width:min(100%,760px);aspect-ratio:210/297;background:#fff center top/100% 100% no-repeat;border:1px solid #dfe2e6;border-radius:10px;box-shadow:0 7px 24px rgba(0,0,0,.12);overflow:hidden;font-size:10px;color:#111}
.v20-paper-content{position:absolute;left:11.5%;right:8%;overflow:hidden;display:flex;flex-direction:column}
.v20-paper-continuation{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #777;padding-bottom:5px;margin-bottom:8px;font-size:8px}
.v20-paper-continuation span{color:#6e7780}
.v20-paper-empty{color:#8a929a;text-align:center}
.v20-stationery-preview-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;justify-items:center;width:100%}
.v20-stationery-preview-pages .v20-paper-page{width:auto;height:min(calc(100vh - 165px),640px);max-width:100%;box-shadow:0 5px 17px rgba(0,0,0,.13);border-radius:7px;font-size:7px}
.v20-stationery-preview-pages .paper-heading{font-size:12px;margin:14px 0 6px}
.v20-stationery-preview-pages .paper-recipient{min-height:38px}
.v20-stationery-preview-pages .paper-contact{top:67px;font-size:5.5px}
.v20-stationery-preview-pages .paper-table{font-size:5.5px}
.v20-stationery-preview-pages .paper-table th,.v20-stationery-preview-pages .paper-table td{padding:2.5px}
.v20-stationery-preview-pages .paper-totals{font-size:6px;margin-top:6px}
.v20-stationery-preview-pages .paper-footer{font-size:4.5px;gap:7px}
.v20-stationery-preview-pages .paper-page-number{font-size:5px}
.v20-stationery-preview-pages .paper-logo-default{font-size:15px}
.v20-stationery-preview-pages .paper-logo-img{max-width:34%;max-height:13%}
.stationery-preview-wrap{position:sticky;top:84px;min-width:0}
.stationery-layout{grid-template-columns:minmax(340px,.85fr) minmax(520px,1.15fr)}
.v20-paper-page .paper-text-row td{line-height:1.35}
.v20-paper-page .paper-outro{margin-top:10px;font-size:8px;line-height:1.35}
.v20-paper-page .v13-payment-qr{transform-origin:left top}
@media(max-width:1250px){.stationery-layout{grid-template-columns:1fr}.stationery-preview-wrap{position:static}.v20-stationery-preview-pages .v20-paper-page{height:min(70vh,680px)}}
@media(max-width:720px){.v20-stationery-preview-pages{grid-template-columns:1fr}.v20-stationery-preview-pages .v20-paper-page{height:auto;width:min(100%,430px)}.v20-paper-page{font-size:8px}.v20-document-pages{gap:10px}}
/* SOURCE: styles/features/v0214/release.css */
/* ZaPhi Manager v0.21.4 · letzte, verbindliche Oberflächenregeln. */
/* Eine Schriftfamilie in der gesamten Bedienoberfläche. Dokumentseiten behalten
die in Layout & Textvorlagen gewählte Druckschrift. */
html,body,.app,.page,.card,.modal,.modal-backdrop,.topbar,.sidebar,
button,input,textarea,select,option,table,.v09-builder,.v09-palette-item,
.v203-service-tree-row,.v203-clickable-service{font-family:var(--font-app,Arial,sans-serif)!important}
/* Leistungsstruktur: Kategorienamen dürfen nie von Zähler oder Aktionen
verdeckt werden und nutzen dasselbe Schriftbild wie die Leistungsnamen. */
#serviceTree .v203-service-tree-row{
display:grid!important;
grid-template-columns:26px 34px minmax(0,1fr) auto!important;
grid-template-areas:"toggle code name count" "toggle code actions actions"!important;
column-gap:7px!important;
row-gap:4px!important;
align-items:start!important;
height:auto!important;
min-height:48px!important;
padding-top:7px!important;
padding-bottom:7px!important;
overflow:visible!important;
}
#serviceTree .v203-service-tree-row>button:first-child{grid-area:toggle!important}
#serviceTree .tree-code{grid-area:code!important}
#serviceTree .v203-tree-name{
grid-area:name!important;
min-width:0!important;
width:100%!important;
padding:1px 2px 1px 0!important;
color:var(--ink,#20262d)!important;
font-family:var(--font-app,Arial,sans-serif)!important;
font-size:13px!important;
font-style:normal!important;
font-weight:700!important;
letter-spacing:normal!important;
line-height:1.32!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:anywhere!important;
hyphens:auto!important;
overflow:visible!important;
text-overflow:clip!important;
max-height:none!important;
-webkit-line-clamp:unset!important;
}
#serviceTree .v203-tree-count{grid-area:count!important;align-self:start!important}
#serviceTree .v203-tree-actions{grid-area:actions!important;justify-self:end!important;align-self:start!important;display:flex!important;gap:4px!important;position:static!important}
#serviceTable .service-name,#serviceTable .service-name strong{
font-family:var(--font-app,Arial,sans-serif)!important;
font-style:normal!important;
font-weight:700!important;
line-height:1.32!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
/* Die Briefpapier-Vorschau bleibt auch bei kleineren Notebookbreiten stehen.
Nur bei wirklich schmalen Tablet-/Telefonansichten wird gestapelt. */
.stationery-layout{align-items:start!important}
@media(min-width:900px){
.stationery-layout{grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr)!important}
.stationery-preview-wrap{position:sticky!important;top:92px!important;align-self:start!important;max-height:calc(100dvh - 104px)!important;overflow:auto!important;overscroll-behavior:contain}
.v20-stationery-preview-pages .v20-paper-page{height:min(calc(100dvh - 138px),680px)!important}
}
@media(max-width:899px){.stationery-preview-wrap{position:static!important;max-height:none!important}}
/* Dokumenteditor: Raumbezeichnungen, Schnellposition und Lieferschein. */
.v214-quick-position{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:7px;align-items:end;min-width:min(460px,100%);margin-right:auto}
.v214-quick-position label{display:grid;gap:3px;color:#58636e;font-size:9px;font-weight:800}
.v214-quick-position input{min-height:36px;border:1px solid #cbd2d8;border-radius:8px;padding:7px 10px;font:700 12px var(--font-app)}
.v214-quick-hint{grid-column:1/-1;color:#6b7680;font-size:8px}
.v09-block-heading.v214-room-heading{grid-template-columns:22px minmax(0,1fr) auto!important;padding-left:10px!important}
.v214-room-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}
.v214-room-editor input{min-width:0;margin-left:7px!important;font-family:var(--font-app)!important}
.v214-room-format{display:flex;gap:3px}.v214-room-format button{width:30px;height:30px;border:1px solid #d1d8de;border-radius:7px;background:#fff;cursor:pointer}.v214-room-format button.active{border-color:#f47b20;background:#fff3e8;color:#b64f00}
.v214-room-normal{font-weight:500}.v214-room-bold{font-weight:800}.v214-room-italic{font-style:italic}
.v09-palette-item{cursor:pointer}.v09-palette-item:focus-visible{outline:2px solid #f47b20;outline-offset:-2px}
.v214-delivery-builder .v09-price-field,.v214-delivery-builder .v15-position-total,.v214-delivery-builder [data-price],.v214-delivery-builder .v09-price{display:none!important}
.v214-delivery-builder .v09-line-grid{grid-template-columns:80px 72px minmax(0,1fr)!important}
.v214-delivery-builder .v09-palette-item small{color:#68737d!important}
.v214-draft-label{display:inline-flex;align-items:center;border-radius:999px;background:#fff3e6;color:#a64a08;padding:5px 9px;font-size:9px;font-weight:850}
/* Fallkarte, Rechte, Mitarbeiterakte, Einkauf und sichere Freigabe. */
.v214-card-layout-preview{position:relative;aspect-ratio:210/148;border:1px solid #ccd4da;border-radius:10px;background:#fff center/cover no-repeat;overflow:hidden;padding:8%;box-shadow:0 5px 18px rgba(20,31,42,.08)}
.v214-card-layout-preview address{position:absolute;left:9%;top:38%;font-style:normal;white-space:pre-line}.v214-card-layout-preview small{position:absolute;left:9%;top:9%;white-space:pre-line}
.v214-document-rights{overflow:auto}.v214-document-rights table{min-width:820px;width:100%;border-collapse:collapse}.v214-document-rights th,.v214-document-rights td{padding:7px;border-bottom:1px solid #e0e5e8;text-align:left}.v214-document-rights td:not(:first-child),.v214-document-rights th:not(:first-child){text-align:center}
.v214-employee-documents{display:grid;gap:8px}.v214-employee-document-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #dbe1e5;border-radius:8px;padding:8px;background:#fff}.v214-employee-document-row>div{display:grid}.v214-employee-readonly input,.v214-employee-readonly textarea,.v214-employee-readonly select{pointer-events:none;background:#f3f5f6;color:#53606a}.v214-employee-readonly .v214-workwear input,.v214-employee-readonly .v214-workwear textarea{pointer-events:auto;background:#fff;color:inherit}
.v214-procurement{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px}.v214-procurement-nav{display:grid;align-content:start;gap:6px}.v214-procurement-nav button{text-align:left;border:1px solid #d5dce2;border-radius:9px;background:#fff;padding:10px;font:700 11px var(--font-app);cursor:pointer}.v214-procurement-nav button.active{border-color:#f47b20;background:#fff4ea}.v214-procurement-pane{min-width:0}.v214-procurement-table{width:100%;border-collapse:collapse}.v214-procurement-table th,.v214-procurement-table td{padding:8px;border-bottom:1px solid #e0e5e8;text-align:left;vertical-align:top}.v214-procurement-table th{position:sticky;top:0;background:#f7f9fa}.v214-stock-low{color:#b04036;font-weight:850}.v214-order-lines{display:grid;gap:7px}.v214-order-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 90px auto;gap:7px;align-items:center}
.v214-acceptance-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;align-items:start}.v214-acceptance-terms{max-height:300px;overflow:auto;border:1px solid #cbd3d9;border-radius:9px;background:#fff;padding:14px;white-space:pre-wrap;line-height:1.5}.v214-acceptance-checklist{display:grid;gap:10px}.v214-acceptance-signature{height:170px;border:1px solid #bfc8cf;border-radius:9px;background:#fff}.v214-acceptance-signature canvas{width:100%;height:100%;touch-action:none}.v214-acceptance-complete{border-left:5px solid #39835b;border-radius:9px;background:#eef8f2;padding:13px}
html[data-zaphi-theme="dark"] .v214-acceptance-complete{background:#20362c;border-left-color:#6cc998;color:#e9f5ed}
html[data-zaphi-theme="dark"] .v214-acceptance-complete :is(h2,p,strong){color:#e9f5ed}
html[data-zaphi-theme="dark"] .v214-procurement-nav button{background:#202b34;color:#edf2f6;border-color:#465560}
html[data-zaphi-theme="dark"] .v214-procurement-nav button:is(:hover,:focus-visible){background:#293641;color:#edf2f6;border-color:#697784}
html[data-zaphi-theme="dark"] .v214-procurement-nav button.active{background:#493425;color:#ffbd88;border-color:#f47b20}
@media(max-width:980px){.v214-procurement,.v214-acceptance-shell{grid-template-columns:1fr}.v214-procurement-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.v214-quick-position{min-width:0;width:100%}}
/* SOURCE: styles/features/v0215/release.css */
/* ZaPhi Manager v0.21.5 · Feinschliff und neue Arbeitsabläufe. */
/* Leistungsstruktur: exakt dieselbe App-Schrift wie die Leistungen und beliebig
viele Textzeilen; Zähler und Aktionen dürfen den Namen nie überdecken. */
#serviceMasterPane,#serviceMasterPane *,#serviceTree,#serviceTree *{font-family:var(--font-app,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;font-synthesis:none}
#serviceTree .v203-service-tree-row{display:grid!important;grid-template-columns:24px 34px minmax(0,1fr) 38px!important;grid-template-areas:"toggle code name count" ". . actions actions"!important;height:auto!important;min-height:48px!important;align-items:start!important;row-gap:5px!important;overflow:visible!important}
#serviceTree .v203-tree-name{display:block!important;grid-area:name!important;min-width:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;hyphens:auto!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:normal!important}
#serviceTree .v203-tree-name strong,#serviceTable .service-name,#serviceTable .service-name strong{font-family:inherit!important;font-weight:700!important;white-space:normal!important;overflow-wrap:anywhere!important}
#serviceTree .v203-tree-count{grid-area:count!important;align-self:start!important}.v203-tree-actions{grid-area:actions!important;position:static!important;justify-self:end!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;max-width:100%!important}
/* Briefpapier: innerhalb der Karte scrollen nur die Regler; beide Seiten bleiben
vollständig und unverrückbar sichtbar. */
@media(min-width:900px){
.stationery-card{overflow:visible!important}
.stationery-layout{height:calc(100dvh - 235px)!important;min-height:510px!important;max-height:760px!important;overflow:hidden!important;align-items:stretch!important}
.stationery-controls{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:8px}
.stationery-preview-wrap{position:sticky!important;top:92px!important;height:100%!important;max-height:none!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:contain;display:flex!important;flex-direction:column!important;align-self:stretch!important}
.stationery-preview-wrap>.preview-title{flex:0 0 auto}.stationery-preview-wrap>#stationeryPreview{min-height:0;flex:1;display:grid;align-items:start;overflow:hidden}
.v20-stationery-preview-pages{height:100%!important;min-height:0!important;align-items:start!important}
.v20-stationery-preview-pages .v20-paper-page{width:auto!important;height:min(calc(100dvh - 286px),650px)!important;max-height:100%!important}
}
@media(max-width:899px){.stationery-layout{height:auto!important;max-height:none!important;overflow:visible!important}.stationery-controls{overflow:visible!important}.stationery-preview-wrap{height:auto!important;overflow:visible!important}}
/* A5 ist in den Einstellungen eine kompakte Postkartenvorschau. */
#v214CardLayoutCard .v214-card-layout-preview{width:min(100%,430px)!important;max-height:305px;margin:14px auto!important;border-radius:8px!important}
/* Unsichtbarer, aber echt gerenderter A4-Messplatz für die Seitenteilung. */
.v215-pagination-measure{position:fixed!important;z-index:-9999!important;left:-20000px!important;top:0!important;width:760px!important;height:auto!important;visibility:hidden!important;pointer-events:none!important;contain:layout style}
.v215-pagination-measure .v20-paper-page{width:760px!important;height:1074.86px!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.v215-pagination-measure .v20-paper-content{overflow:visible!important}
/* Tabellenköpfe stehen exakt über ihren Zahlen. */
.v211-offer-table thead th:nth-child(6),.v211-offer-table thead th:nth-child(7),.v203-invoice-table:not(.v211-offer-table) thead th:nth-child(7),.v203-invoice-table:not(.v211-offer-table) thead th:nth-child(8){text-align:right!important}
.v215-document-case-action{text-align:right;white-space:nowrap}.v215-current-version{display:block!important;margin-top:4px;color:#68737d!important;font-weight:750}.v215-mailto-note span{display:block;margin-top:4px}
/* KVA-Schnellvorlagen wie ein kompakter Dokumenteditor. */
.v215-template-editor{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(360px,1.05fr) minmax(290px,.78fr);gap:13px;align-items:start;min-height:620px}
.v215-template-basics,.v215-template-document,.v215-template-catalog{min-width:0;border:1px solid #dbe1e5;border-radius:12px;background:#fafbfc;padding:12px}
.v215-template-basics{display:grid;gap:10px;max-height:70vh;overflow:auto}.v215-template-basics>label,.v215-template-flags>label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#5d6873}.v215-template-basics textarea{width:100%;resize:vertical;border:1px solid #cad2d8;border-radius:8px;background:#fff;padding:8px;font:11px var(--font-app)}
.v215-template-flags{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v215-template-flags>label:last-child{grid-column:1/-1}.v215-template-flags .checkline{display:flex!important;align-items:center;gap:7px;border:1px solid #d5dce1;border-radius:999px;background:#fff;padding:7px 9px;margin:0}.v215-template-flags .checkline span{font-size:10px;color:#2b343d}
.v215-template-surcharges{display:grid;gap:4px;border:1px solid #d7dde2;border-radius:9px;background:#fff;padding:8px}.v215-template-surcharges .checkline{margin:0;padding:4px 2px}
.v215-template-document{display:grid;gap:10px}.v215-template-document .section-title{align-items:flex-start}.v215-template-blocks{display:grid;gap:6px;max-height:300px;overflow:auto}.v215-template-block{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #d5dce1;border-radius:9px;background:#fff;padding:8px}.v215-template-block.heading{border-left:4px solid #e8771f}.v215-template-block.text{border-left:4px solid #7b8794}.v215-template-block>div:nth-child(2){min-width:0;display:grid}.v215-template-block strong{white-space:normal;overflow-wrap:anywhere;font-size:11px}.v215-template-block small{color:#6b7680;font-size:8px}.v215-template-block label{display:grid;gap:3px;color:#68737d;font-size:8px;font-weight:800}.v215-template-block textarea{width:100%;min-height:34px;resize:vertical;border:1px solid #d1d8dd;border-radius:7px;padding:6px;font:11px var(--font-app)}.v215-template-order{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#edf1f4;color:#5b6671;font-size:9px;font-weight:850}.v215-template-block-actions{display:flex!important;gap:3px}.v215-template-block-actions button{width:28px;height:28px;border:1px solid #d2d9de;border-radius:7px;background:#fff;cursor:pointer}.v215-template-block-actions button:disabled{opacity:.35}.v215-template-block-actions .danger{color:#a8413b}
.v215-template-preview-title{display:flex;justify-content:space-between;align-items:end}.v215-template-preview-title small{color:#6b7680}.v215-template-preview{display:grid;place-items:center;border-radius:9px;background:#e7ebee;padding:12px;max-height:310px;overflow:auto}.v215-mini-paper{width:min(100%,330px);min-height:430px;background:#fff;box-shadow:0 4px 14px rgba(20,31,42,.14);padding:28px 25px;color:#20262d;font-size:7px;line-height:1.38}.v215-mini-paper header{display:flex;justify-content:space-between;border-bottom:1px solid #b9c0c5;padding-bottom:6px;margin-bottom:13px}.v215-mini-paper p{white-space:normal;margin:8px 0}.v215-mini-positions{display:grid;gap:5px;margin:12px 0}.v215-mini-positions h4{margin:7px 0 1px;font-size:9px}.v215-mini-positions>div{display:grid;grid-template-columns:54px 1fr;gap:7px;border-bottom:1px solid #e5e7e9;padding:4px 0}.v215-mini-positions strong{font-size:7px}
.v215-template-catalog{position:sticky;top:0;max-height:70vh;overflow:auto}.v215-template-search{position:sticky;top:-12px;z-index:2;display:grid;gap:5px;background:#fafbfc;padding:12px 0 8px;font-size:10px;font-weight:850}.v215-template-search input{width:100%;border:1px solid #cbd3d9;border-radius:9px;padding:9px}.v215-template-tree>button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;border:0;border-bottom:1px solid #e2e6e9;background:transparent;padding:8px 4px;text-align:left;cursor:pointer}.v215-template-tree.sub{margin-left:calc((var(--depth,0) + 1) * 9px)}.v215-template-tree strong{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:10px}.v215-template-tree small,.v215-template-result-count{color:#6b7680;font-size:8px}.v215-template-service{display:grid;width:100%;border:0;border-bottom:1px solid #e7eaec;background:#fff;padding:8px;text-align:left;cursor:pointer}.v215-template-service:hover{background:#fff4e9}.v215-template-service strong{font-size:10px}.v215-template-service small{font-size:8px;color:#6b7680}.v215-template-actions{position:sticky;bottom:-16px;z-index:3;justify-content:flex-end;margin:12px -16px -16px;padding:10px 16px;border-top:1px solid #dce1e5;background:#fff}
/* Kalkulation: alle abhängigen Werte in einer stabilen Karte. */
.v215-legacy-pricing{display:none!important}.v215-calculation-card{margin-bottom:14px}.v215-calculation-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:9px;align-items:end}.v215-calculation-grid>label{display:grid;gap:4px;color:#5d6872;font-size:9px;font-weight:800}.v215-calculation-grid input{width:100%;border:1px solid #ced6db;border-radius:8px;padding:9px;font:12px var(--font-app)}.v215-calculation-grid output{display:grid;gap:3px;border:1px solid #d8dee3;border-radius:9px;background:#f5f7f8;padding:8px}.v215-calculation-grid output span{color:#68737d;font-size:8px}.v215-calculation-grid output strong{font-size:15px}.v215-wage-row{grid-template-columns:minmax(170px,1fr) minmax(120px,.55fr) repeat(3,minmax(105px,.5fr)) auto!important}.v215-wage-row output{display:grid;gap:3px;border:1px solid #dce1e5;border-radius:8px;background:#f7f9fa;padding:7px}.v215-wage-row output span{color:#68737d;font-size:8px}.v215-wage-row output strong{font-size:11px}
/* Geführtes Aufmaß. */
.v215-measurement-workflow-settings{display:grid;gap:8px}.v215-workflow-config{display:grid;gap:8px;border:1px solid #d9dfe4;border-radius:10px;background:#f8fafb;padding:10px}.v215-workflow-config>label,.v215-workflow-config .form-grid>label{display:grid;gap:4px;color:#5e6973;font-size:9px;font-weight:800}.v215-workflow-config input{width:100%;border:1px solid #cdd5da;border-radius:8px;background:#fff;padding:8px;font:11px var(--font-app)}.v215-workflow-config input:disabled{opacity:.55;background:#edf0f2}.v215-parking-question{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:2px solid #e3a168;border-radius:12px;background:#fff8f1;padding:14px;cursor:pointer}.v215-parking-question input{width:20px;height:20px}.v215-parking-question span{display:grid;gap:4px}.v215-parking-question small{color:#68737d}
@media(max-width:1180px){.v215-template-editor{grid-template-columns:1fr 1fr}.v215-template-catalog{grid-column:1/-1;position:static;max-height:420px}.v215-calculation-grid{grid-template-columns:repeat(2,1fr)}.v215-wage-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.v215-template-editor{grid-template-columns:1fr}.v215-template-catalog{grid-column:auto}.v215-template-basics{max-height:none}.v215-calculation-grid,.v215-wage-row{grid-template-columns:1fr!important}.v215-template-flags{grid-template-columns:1fr}}
/* SOURCE: styles/features/v0216/release.css */
/* ZaPhi Manager v0.21.6 · Arbeitsablauf- und Datenexport-Feinschliff. */
/* Die Vorschau wirkt wie eine breite Postkarte; der eigentliche Ausdruck
bleibt unveraendert normgerechtes A5. */
#v214CardLayoutCard .v214-card-layout-preview[data-v216-card-orientation="landscape"]{width:min(100%,520px)!important;height:auto!important;max-height:none!important;aspect-ratio:1.7/1!important}
#v214CardLayoutCard .v214-card-layout-preview[data-v216-card-orientation="portrait"]{width:min(100%,310px)!important;height:auto!important;max-height:none!important;aspect-ratio:148/210!important}
/* Schnelle Positionsnummer bleibt unmittelbar unter der letzten Position und
am unteren Rand des scrollbaren Dokumenteditors erreichbar. */
.v216-quick-position-dock{position:sticky!important;z-index:18;bottom:0;width:100%!important;min-width:0!important;grid-template-columns:minmax(180px,1fr) auto!important;margin:8px 0 0!important;padding:10px 12px;border:1px solid #d4dbe0;border-bottom-color:#bfc8cf;border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 -5px 16px rgba(22,34,45,.09);backdrop-filter:blur(5px)}
.v216-quick-position-dock .v214-quick-hint{grid-column:1/-1;color:#66727c;font-size:9px}
/* Vorgangsnummer und Schliessen-X stehen fest; nur der Akteninhalt scrollt. */
.modal.v216-case-record-modal{display:flex;flex-direction:column;max-height:92vh;overflow:hidden}
.modal.v216-case-record-modal>.modal-head,.modal.v216-case-record-modal>.modal-foot{position:relative;z-index:3;flex:0 0 auto;background:#fff}
.modal.v216-case-record-modal>.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.modal.v216-case-record-modal>.modal-head{box-shadow:0 2px 7px rgba(24,36,48,.05)}
/* Einstellungen: Komfortfunktionen und Export bilden eigenstaendige, oben
erreichbare Bereiche. */
[data-v20-settings-panel="comfort"],[data-v20-settings-panel="data-export"]{gap:14px}
.v216-comfort-card{display:block!important}
.v216-csv-export-card{display:grid;gap:13px}
.v216-csv-export-card .notice span{display:block;margin-top:3px}
.v216-export-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v216-export-groups>label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;border:1px solid #d8dfe4;border-radius:11px;background:#fafbfc;padding:11px;cursor:pointer}
.v216-export-groups>label:has(input:checked){border-color:#e4a06e;background:#fff8f2;box-shadow:0 0 0 2px rgba(232,119,31,.08)}
.v216-export-groups input{width:18px;height:18px;margin:1px 0 0}
.v216-export-groups span{display:grid;gap:3px;min-width:0}.v216-export-groups strong{font-size:11px}.v216-export-groups small{color:#66727c;font-size:9px;line-height:1.35}
.v216-csv-export-card>.toolbar{align-items:center;justify-content:flex-end}.v216-csv-export-card>.toolbar>small{margin-right:auto}
.v13-doc-create[hidden],.v213-document-picker-group[hidden],.v213-document-type-option[hidden]{display:none!important}
@media(max-width:760px){
.v216-export-groups{grid-template-columns:1fr}
.v216-csv-export-card>.toolbar{align-items:stretch;flex-direction:column}.v216-csv-export-card>.toolbar>small{margin:0}
.v216-quick-position-dock{grid-template-columns:1fr!important}.v216-quick-position-dock>.btn{width:100%}.v216-quick-position-dock .v214-quick-hint{grid-column:auto}
}
/* SOURCE: styles/features/v0217/release.css */
/* ZaPhi Manager v0.21.7 · Kundenakte, Dokumentfenster und Dateierkennung. */
/* Drei kompakte, vollständig anklickbare Kundenbereiche. */
.v217-customer-panels{display:grid;gap:10px;margin:12px 0}
.v217-customer-panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v217-customer-panel-tabs>button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 14px;border:1px solid #d9dfe4;border-radius:12px;background:#fff;color:var(--ink);font:800 11px/1.25 var(--font-app);text-align:left;cursor:pointer;transition:.14s ease}
.v217-customer-panel-tabs>button:hover,.v217-customer-panel-tabs>button:focus-visible{border-color:#e6a16e;background:#fff7f0;box-shadow:0 0 0 3px rgba(232,119,31,.08);outline:0}
.v217-customer-panel-tabs>button.active{border-color:#e48139;background:#fff4ea;color:#8d430e}
.v217-customer-panel-tabs b{font-size:17px;line-height:1;transition:transform .14s}.v217-customer-panel-tabs button.active b{transform:rotate(180deg)}
.v217-customer-panel-content{min-width:0}.v217-customer-pane{margin:0!important;width:100%}.v217-customer-pane[hidden]{display:none!important}
.v217-customer-pane>.profile-section-head{cursor:default!important}.v217-customer-pane>.profile-section-head>.v197-collapse-toggle{display:none!important}
/* Klare Ruecknavigation aus der Mieteransicht zum zugehoerigen Objekt. */
.v217-tenant-backbar{display:flex;justify-content:flex-start;margin:0 0 13px}
button.v217-tenant-back{min-height:38px;padding:8px 14px;border:1px solid #dba77b;border-radius:11px;background:#fff0e3;color:#74421f;font-weight:800;box-shadow:0 2px 7px rgba(103,66,36,.08);transition:.14s ease}
button.v217-tenant-back:hover{border-color:#c98b59;background:#ffe5d0;color:#643514;transform:translateY(-1px)}
button.v217-tenant-back:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(232,119,31,.16)}
.v217-object-return-target{border-color:#e3a36f!important;background:#fff9f3!important;box-shadow:0 0 0 3px rgba(232,119,31,.1)!important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
/* Sichere Korrektur der Objektzuordnung zur Hausverwaltung. */
.v217-object-owner-field{padding:12px;border:1px solid #d8dee3;border-radius:12px;background:#f8fafb}
.v217-object-owner-field>small{display:block;margin-top:7px;color:#64717b;font-size:9px;line-height:1.45}
.v217-object-owner-field>small.moving{padding:8px 10px;border-left:3px solid #e48139;border-radius:7px;background:#fff3e8;color:#784116}
/* Dokumentfenster nutzt die verfügbare Höhe; Kopf und Fuß bleiben erreichbar. */
.modal.v217-document-modal{display:flex;flex-direction:column;width:min(96vw,1680px);height:calc(100dvh - 14px);min-width:min(720px,calc(100vw - 14px));min-height:min(520px,calc(100dvh - 14px));max-height:none;overflow:hidden;resize:both}
.modal.v217-document-modal>.modal-head,.modal.v217-document-modal>.modal-foot{position:relative;z-index:25;flex:0 0 auto;background:#fff}
.modal.v217-document-modal>.modal-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.modal.v217-document-modal .v09-builder{height:100%;min-height:0}
.modal.v217-document-modal .v09-builder-main,.modal.v217-document-modal .v09-builder-side{min-height:0}
.v217-quick-position-inline{position:relative!important;bottom:auto!important;z-index:4;margin:10px 0 0!important;box-shadow:0 3px 12px rgba(22,34,45,.08)!important;backdrop-filter:none!important}
/* Einstellungen und Status der hybriden Dateierkennung. */
.v217-ai-settings{display:grid;gap:14px}.v217-ai-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}
.v217-ai-flow span{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid #dde3e7;border-radius:11px;background:#fafbfc;font-size:10px;font-weight:800}.v217-ai-flow b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f47b20;color:#fff}.v217-ai-flow i{color:#9da6ae;font-style:normal;font-size:18px}
.v217-ai-modes{display:grid;gap:8px;margin:0;padding:12px;border:1px solid #dce2e6;border-radius:12px}.v217-ai-modes legend{padding:0 6px;font-size:10px;font-weight:850}.v217-ai-modes>label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:9px;border-radius:9px;cursor:pointer}.v217-ai-modes>label:has(input:checked){background:#fff5ec}.v217-ai-modes input{margin-top:2px;accent-color:#f47b20}.v217-ai-modes span{display:grid;gap:2px}.v217-ai-modes strong{font-size:11px}.v217-ai-modes small{color:#68747e;font-size:9px;line-height:1.4}
.v217-ai-key{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:end}.v217-ai-key .field{margin:0}.v217-ai-key .toolbar{justify-content:flex-end}
.v217-ai-config-status{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dce2e6;border-radius:10px;background:#fafbfc;font-size:10px;font-weight:750}.v217-ai-status-dot{width:9px;height:9px;border-radius:50%;background:#88949e}.v217-ai-config-status.ok{border-color:#acd7bd;background:#f0faf4;color:#236443}.v217-ai-config-status.ok .v217-ai-status-dot{background:#2f9b5f}.v217-ai-config-status.warn{border-color:#efcf98;background:#fff9ec;color:#7c581b}.v217-ai-config-status.warn .v217-ai-status-dot{background:#d89a2f}.v217-ai-config-status.error{border-color:#e6b3ae;background:#fff3f2;color:#8a3430}.v217-ai-config-status.error .v217-ai-status-dot{background:#c9534c}.v217-ai-config-status.busy .v217-ai-status-dot{background:#f47b20;animation:v217Pulse 1s infinite alternate}
@keyframes v217Pulse{to{opacity:.3;transform:scale(.75)}}
/* Fundstellen und Unsicherheiten direkt am importierten Dokument. */
.v217-recognition-progress{display:block;padding:8px 10px;border-radius:9px;background:#f4f6f8;color:#4d5963;font-weight:750}.v217-recognition-progress.ok{background:#eff9f3;color:#256443}.v217-recognition-progress.warn{background:#fff8e9;color:#805817}.v217-recognition-progress.busy{background:#fff3e8;color:#88460f}
.v217-recognition-card{margin-top:10px}.v217-recognition-warnings{display:grid;gap:5px;margin:0 0 10px}.v217-recognition-warnings span{padding:7px 9px;border-left:3px solid #dc9a34;border-radius:6px;background:#fff8e9;color:#704e1c;font-size:9px}
.v217-ai-found{display:grid;gap:3px}.v217-ai-found>div{display:flex;align-items:flex-start;gap:7px}.v217-ai-found>div>span{min-width:0;flex:1}.v217-ai-found b{flex:0 0 auto;padding:2px 6px;border-radius:999px;font-size:8px;text-transform:uppercase}.v217-ai-found b.high{background:#dff4e7;color:#246540}.v217-ai-found b.medium{background:#fff0cd;color:#7a561b}.v217-ai-found b.low{background:#f3e2e0;color:#873c36}.v217-ai-found em{color:#737e88;font-size:8px;font-style:normal;line-height:1.35}.v217-luna-button{margin-left:auto}
/* Zentrale Auftragsbezeichnung im Vorgangsformular dezent hervorheben. */
.field:has(>#v12CaseTitle){padding:10px 12px 12px;border:2px solid #9b6a47;border-radius:12px;background:#fff4ea}
@media(max-width:900px){.v217-customer-panel-tabs{grid-template-columns:1fr}.v217-ai-key{grid-template-columns:1fr}.v217-ai-key .toolbar{justify-content:flex-start}.v217-ai-flow{grid-template-columns:1fr}.v217-ai-flow i{display:none}.modal.v217-document-modal{width:calc(100vw - 8px);height:calc(100dvh - 8px);min-width:0;min-height:0;resize:none}}
/* Lokaler CSV-/TSV-Datenübernahme-Assistent. */
.v217-csv-import-card{display:grid;gap:14px}.v217-csv-import-card .section-title{align-items:flex-start}.v217-csv-import-actions{display:flex;flex-wrap:wrap;gap:9px}.v217-csv-import-trust{display:flex;flex-wrap:wrap;gap:7px}.v217-csv-import-trust span{padding:6px 9px;border-radius:999px;background:#f3f7f5;color:#3a6b51;font-size:9px;font-weight:800}.v217-csv-history{display:grid;gap:8px;padding-top:4px;border-top:1px solid #e4e8eb}.v217-csv-history h3{margin:0;font-size:12px}.v217-csv-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e0e5e8;border-radius:10px;background:#fbfcfc}.v217-csv-history-row>div{display:grid;gap:2px;min-width:0}.v217-csv-history-row strong{font-size:10px}.v217-csv-history-row small,.v217-csv-history-row span,.v217-csv-history-row em{color:#6b7780;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.v217-csv-history-row em{color:#9a4f2a;font-style:normal}.v217-csv-wizard{display:grid;gap:14px;min-width:min(100%,980px)}.v217-csv-wizard-head{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:4px 0 9px;color:#8a949c;font-size:10px;font-weight:800}.v217-csv-wizard-head span{padding:7px 10px;border-radius:999px;background:#f2f4f5}.v217-csv-wizard-head span.active{background:#fff0e4;color:#8b471b}.v217-csv-wizard-head span.done{background:#eaf7ee;color:#34734d}.v217-csv-wizard-head i{font-style:normal;color:#b2bbc1}.v217-csv-dropzone{display:grid;justify-items:center;gap:8px;padding:28px 18px;border:1px dashed #d89057;border-radius:14px;background:linear-gradient(135deg,#fffaf5,#fff4ea);text-align:center}.v217-csv-dropzone strong{font-size:15px}.v217-csv-dropzone small{max-width:620px;color:#6d7780;line-height:1.45}.v217-csv-dropzone .upload-button{margin-top:4px}.v217-csv-file-mapping{display:grid;gap:14px;max-height:calc(100dvh - 270px);overflow:auto;padding-right:2px}.v217-csv-file-card{display:grid;gap:11px;padding:13px;border:1px solid #dce2e6;border-radius:13px;background:#fff}.v217-csv-file-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v217-csv-file-head>div{display:grid;gap:3px;min-width:0}.v217-csv-file-head strong{font-size:12px;overflow-wrap:anywhere}.v217-csv-file-head small{color:#6b7780;font-size:9px}.v217-csv-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.v217-csv-map-grid label{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,1.35fr);align-items:center;gap:8px;min-width:0}.v217-csv-map-grid label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d5962;font-size:9px;font-weight:800}.v217-csv-map-grid select{min-width:0;width:100%;font-size:10px}.v217-csv-sample{max-height:145px;overflow:auto}.v217-csv-sample table{min-width:560px;font-size:9px}.v217-csv-sample th,.v217-csv-sample td{padding:6px 7px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v217-csv-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v217-csv-summary>div{display:grid;gap:3px;padding:10px;border:1px solid #dce2e6;border-radius:10px;background:#fafbfc}.v217-csv-summary small{color:#6c7780;font-size:8px;line-height:1.25}.v217-csv-summary strong{font-size:18px;color:#28343c}.v217-csv-result-table{max-height:calc(100dvh - 430px);overflow:auto}.v217-csv-result-table table{min-width:760px;font-size:9px}.v217-csv-result-table th,.v217-csv-result-table td{padding:6px 7px}.v217-csv-result-error td{background:#fff1ef;color:#8b3430}.v217-csv-result-warning td{background:#fff9ed;color:#785820}.v217-csv-loading{display:grid;justify-items:center;gap:8px;padding:50px 20px;text-align:center}.v217-csv-loading strong{font-size:15px}.v217-csv-loading span{color:#6c7780;font-size:10px}.notice.error{border-color:#e5b3ae;background:#fff3f2;color:#853632}.notice.warn{border-color:#efd19b;background:#fff9ed;color:#785820}
@media(max-width:900px){.v217-csv-map-grid{grid-template-columns:1fr}.v217-csv-map-grid label{grid-template-columns:minmax(110px,1fr) minmax(145px,1fr)}.v217-csv-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v217-csv-history-row{align-items:flex-start;flex-direction:column}.v217-csv-wizard{min-width:0}}
/* SOURCE: styles/features/v0217/improvements.css */
/* ZaPhi Manager v0.21.7 · Teamup, Vorgangsakte und kompakte Dokumentpositionen. */
.v217-case-summary{grid-template-columns:repeat(4,minmax(165px,1fr))!important}.v212-case-kpi.all{--v212-kpi:#6f7d89}.v217-last-actor,.v217-tenant-unit{display:block!important;margin-top:4px;color:#77828b!important;font-size:8px!important;line-height:1.25}.v20-case-last .v217-last-actor{white-space:normal}
.v217-portal-alert{position:relative;overflow:hidden;border-color:#65b7a1!important;background:#effbf7!important;box-shadow:0 0 0 3px rgba(49,166,135,.13),0 4px 18px rgba(31,117,96,.13)!important;animation:v217PortalAttention 1.65s ease-in-out infinite}.v217-portal-alert:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.75) 48%,transparent 70%);transform:translateX(-120%);animation:v217PortalSweep 2.6s ease-in-out infinite}.v217-portal-alert .num{color:#16765e}.v217-portal-quiet{border-color:#cde3dc!important}.v217-portal-inbox{display:grid;gap:10px}.v217-portal-inbox article{display:grid;gap:7px;padding:13px;border:1px solid #dce4e1;border-radius:12px;background:#fbfdfc}.v217-portal-inbox article>div{display:flex;justify-content:space-between;gap:12px}.v217-portal-inbox h3,.v217-portal-inbox p{margin:0}.v217-portal-inbox time,.v217-portal-inbox small{color:#6b777f;font-size:9px}.v217-portal-inbox .btn{justify-self:start}
@keyframes v217PortalAttention{50%{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(49,166,135,.08),0 7px 22px rgba(31,117,96,.18)}}@keyframes v217PortalSweep{55%,100%{transform:translateX(130%)}}
@media(max-width:980px){.v217-case-summary{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:650px){.v217-case-summary{grid-template-columns:1fr!important}}
.v217-case-files{display:grid;gap:12px;margin:16px 0;padding:15px;border:1px solid #dce2e6;border-radius:14px;background:#fbfcfd}.v217-case-files .section-title{margin:0}.v217-case-file-drop{display:grid;justify-items:center;gap:4px;padding:18px;border:1px dashed #d28c55;border-radius:12px;background:#fff8f1;text-align:center;cursor:pointer;transition:.15s}.v217-case-file-drop.drag{border-color:#e87419;background:#fff0e3;box-shadow:0 0 0 4px rgba(232,116,25,.1)}.v217-case-file-drop strong{font-size:12px}.v217-case-file-drop span{color:#6e7881;font-size:9px}.v217-case-file-drop input{display:none}.v217-case-file-browser{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:250px;overflow:hidden;border:1px solid #dfe4e7;border-radius:12px;background:#fff}.v217-case-file-browser>aside{padding:10px;border-right:1px solid #e1e5e8;background:#f7f9fa}.v217-folder-head{display:grid;gap:2px;padding:4px 7px 9px}.v217-folder-head small{color:#758089;font-size:8px}.v217-file-folder-wrap{margin-left:calc(var(--folder-depth) * 12px)}.v217-file-folder{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;margin:2px 0;padding:8px 7px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.v217-file-folder:hover,.v217-file-folder.active{border-color:#e8b78e;background:#fff4ea}.v217-file-folder.drag{border-color:#e87419;background:#ffe8d4}.v217-file-folder>span{color:#b16025;font-size:7px;font-weight:900}.v217-file-folder>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px}.v217-file-folder>b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#e9edf0;color:#55616a;font-size:8px}.v217-case-file-browser>main{min-width:0;padding:12px}.v217-case-file-browser>main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.v217-case-file-browser>main>header>div:first-child{display:grid;gap:2px}.v217-case-file-browser>main>header small{color:#758089;font-size:8px}.v217-case-file-list{display:grid;gap:7px}.v217-case-file{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid #e0e5e8;border-radius:10px;background:#fff;cursor:default}.v217-case-file:hover{border-color:#d9a77e;background:#fffaf6}.v217-file-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#eef2f4;color:#52616b;font-size:8px;font-weight:900}.v217-case-file>div:nth-child(2){display:grid;gap:3px;min-width:0}.v217-case-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.v217-case-file small{color:#707c85;font-size:8px;line-height:1.35}.v217-case-file small b{color:#92501d}.v217-file-menu{position:relative}.v217-file-menu summary{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dbe0e4;border-radius:9px;background:#fafbfc;font-size:18px;line-height:1;cursor:pointer;list-style:none}.v217-file-menu summary::-webkit-details-marker{display:none}.v217-file-menu>div{position:absolute;z-index:30;right:0;top:36px;display:grid;width:190px;padding:5px;border:1px solid #d9dee2;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(20,30,40,.18)}.v217-file-menu button{border:0;border-radius:7px;background:transparent;padding:8px;text-align:left;font-size:10px;cursor:pointer}.v217-file-menu button:hover{background:#f3f5f6}.v217-file-menu button.danger{color:#a33732}
@media(max-width:760px){.v217-case-file-browser{grid-template-columns:1fr}.v217-case-file-browser>aside{border-right:0;border-bottom:1px solid #e1e5e8}.v217-case-files .section-title{align-items:flex-start}.v217-case-file{grid-template-columns:40px minmax(0,1fr) auto}}
.v217-position-compact,.v217-position-editing{display:grid!important;grid-template-columns:24px 15px minmax(0,1fr) minmax(88px,auto) minmax(88px,auto) 38px!important;gap:7px;align-items:center;padding:8px 8px 8px 4px!important;min-height:48px}.v217-position-compact>.v15-block-select,.v217-position-editing>.v15-block-select{position:static!important;display:grid;place-items:center;margin:0!important}.v217-position-compact>.drag-handle,.v217-position-editing>.drag-handle{position:static!important;left:auto!important;margin:0!important}.v217-position-compact-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.v217-position-compact-main>strong{font-size:10px;white-space:nowrap}.v217-position-compact-main>span:not(.v217-position-mode){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.v217-position-price{display:grid;gap:2px;text-align:right;white-space:nowrap}.v217-position-price small{color:#78828a;font-size:7px}.v217-position-price strong{font-size:10px}.v217-position-price.total strong{font-size:11px}.v217-position-editor{grid-column:3/6;min-width:0}.v217-position-editing>.v217-position-menu{grid-column:6}.v217-position-editing .v09-line-grid{padding-left:0!important}.v217-position-editing .v15-position-total{margin-left:0!important}.v217-position-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:6px}.v217-position-controls select{max-width:210px}.v217-position-controls>small{margin-left:auto;color:#7a858d;font-size:8px}.v217-position-mode{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:999px;background:#eef1f3;color:#59656e;font-size:7px;font-weight:900;white-space:nowrap}.v217-position-mode.alternative{background:#f4e8dc;color:#86512b}.v217-position-mode.optional{background:#fff0ce;color:#765610}.v217-position-mode.optional_included{background:#e5f1fb;color:#2e658e}.v217-position-menu{position:relative;justify-self:end}.v217-position-menu>summary{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9dee2;border-radius:9px;background:#fafbfc;font-size:19px;line-height:1;cursor:pointer;list-style:none}.v217-position-menu>summary::-webkit-details-marker{display:none}.v217-position-menu>div{position:absolute;z-index:45;right:0;top:36px;display:grid;width:230px;padding:5px;border:1px solid #d8dde1;border-radius:10px;background:#fff;box-shadow:0 11px 28px rgba(20,30,40,.2)}.v217-position-menu button{display:flex;gap:8px;align-items:center;border:0;border-radius:7px;background:transparent;padding:9px;text-align:left;font-size:10px;cursor:pointer}.v217-position-menu button:hover{background:#f3f5f6}.v217-position-menu button.danger{color:#9f3732}.v217-position-menu button span{width:18px;text-align:center}.v217-paper-included{color:#2e658e}
@media(max-width:760px){.v217-position-compact{grid-template-columns:22px 12px minmax(0,1fr) 34px!important}.v217-position-compact .v217-position-price{display:none}.v217-position-editing{grid-template-columns:22px 12px minmax(0,1fr) 34px!important}.v217-position-editing .v217-position-editor{grid-column:3}.v217-position-editing>.v217-position-menu{grid-column:4}.v217-position-compact-main{grid-template-columns:auto minmax(0,1fr)}.v217-position-compact-main .v217-position-mode{grid-column:1/-1}.v217-position-controls>small{width:100%;margin-left:0}}
.v217-teamup-import-card{border-color:#cddbe4!important;background:linear-gradient(145deg,#fff 0%,#f7fbfd 100%)}.v217-teamup-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:13px 0}.v217-teamup-actions>span{max-width:720px;color:#65737c;font-size:9px;line-height:1.45}.v217-teamup-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d9e2e8;border-radius:11px;background:#fff}.v217-teamup-status>div{display:grid;gap:3px}.v217-teamup-status strong{font-size:11px}.v217-teamup-status small,.v217-teamup-status span{color:#6c7982;font-size:8px}.v217-teamup-wizard{display:grid;gap:14px}.v217-teamup-steps{display:flex;align-items:center;justify-content:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #e0e5e8}.v217-teamup-steps span{padding:6px 10px;border-radius:999px;background:#edf1f3;color:#68747d;font-size:9px;font-weight:800}.v217-teamup-steps span.active{background:#e87419;color:#fff}.v217-teamup-steps span.done{background:#e4f2ed;color:#28725e}.v217-teamup-steps i{color:#a4adb3;font-style:normal}.v217-teamup-dropzone{display:grid;justify-items:center;gap:7px;padding:34px 20px;border:2px dashed #9fb7c6;border-radius:14px;background:#f7fbfd;text-align:center;cursor:pointer}.v217-teamup-dropzone>strong{font-size:14px}.v217-teamup-dropzone>small{max-width:650px;color:#667681;font-size:9px;line-height:1.45}.v217-teamup-dropzone input{display:none}.v217-teamup-loading{display:grid;justify-items:center;gap:7px;padding:55px 20px;text-align:center}.v217-teamup-loading:before{content:'';width:34px;height:34px;border:4px solid #dce7ed;border-top-color:#e87419;border-radius:50%;animation:v217TeamupSpin .8s linear infinite}.v217-teamup-loading strong{font-size:13px}.v217-teamup-loading span{max-width:630px;color:#6d7981;font-size:9px}.v217-teamup-source-summary,.v217-teamup-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px}.v217-teamup-source-summary>div,.v217-teamup-preview-grid>div{display:grid;gap:3px;padding:11px;border:1px solid #dce4e9;border-radius:10px;background:#fff}.v217-teamup-source-summary strong,.v217-teamup-preview-grid strong{font-size:14px}.v217-teamup-source-summary span,.v217-teamup-preview-grid small{color:#6a7881;font-size:8px}.v217-teamup-default-category{max-width:480px}.v217-teamup-map-table td{vertical-align:middle}.v217-teamup-map-table td:nth-child(2){width:95px;text-align:right}.v217-teamup-map-table td:nth-child(3){width:310px}.v217-teamup-map-table td:nth-child(4){width:250px;color:#62717a;font-size:9px}.v217-teamup-map-table tr.is-unresolved{background:#fff7e5}.v217-teamup-preview-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.v217-teamup-preview-samples{display:grid;gap:6px}.v217-teamup-preview-samples h3{margin:0 0 2px}.v217-teamup-preview-samples>div{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(150px,.7fr);gap:9px;align-items:center;padding:8px 10px;border:1px solid #e0e5e8;border-radius:9px;background:#fff}.v217-teamup-preview-samples time,.v217-teamup-preview-samples span{color:#6d7981;font-size:8px}.v217-teamup-preview-samples strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.v217-planning-resource-row>.employee-cell{background:#f2f6f8}.v217-planning-resource-row>.employee-cell small{color:#637784}.v217-teamup-preview-source a{color:#b75b19}.v211-marker-pick:has(input[data-v211-marker-id="pullForward"]) {--v211-marker:#6d5aa8}
@keyframes v217TeamupSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.v217-teamup-source-summary,.v217-teamup-preview-grid{grid-template-columns:repeat(2,1fr)}.v217-teamup-map-table td:nth-child(3),.v217-teamup-map-table td:nth-child(4){width:auto}.v217-teamup-preview-samples>div{grid-template-columns:1fr}.v217-teamup-status{align-items:flex-start;flex-direction:column}}
/* Der lokale Portal-Testeingang zeigt die Rückrufdaten auch im Dark Mode lesbar. */
.v217-portal-inbox article>.v217-portal-inbox-contact{display:grid;justify-content:stretch;gap:4px;border-top:1px solid #dce4e1;padding-top:8px;font-size:11px}
.v217-portal-inbox-contact span{overflow-wrap:anywhere}
html[data-zaphi-theme="dark"] .v217-portal-inbox article{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v217-portal-inbox article :is(h3,b,strong){color:#edf2f6!important}
html[data-zaphi-theme="dark"] .v217-portal-inbox article :is(small,time){color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v217-portal-inbox article>.v217-portal-inbox-contact{border-color:#46525e!important}
/* SOURCE: styles/features/v0218/release.css */
/* ZaPhi Manager v0.21.8 · Aktenarbeitsbereich, Bildoptimierung und Herkunft. */
.v218-case-workspace-grid{display:grid;grid-template-columns:minmax(330px,.76fr) minmax(560px,1.24fr);gap:14px;align-items:start;margin:16px 0}.v218-case-workspace-grid>.v20-case-chat,.v218-case-workspace-grid>.v217-case-files{min-width:0;margin:0}.v218-case-workspace-grid>.v20-case-chat{display:grid;grid-template-rows:auto minmax(180px,1fr) auto}.v218-case-workspace-grid .v20-case-chat-list{max-height:420px}.v218-case-workspace-grid .v20-chat-compose{grid-template-columns:minmax(0,1fr) 105px}.v218-case-workspace-grid .v20-chat-text-wrap{grid-column:1/-1}.v218-case-workspace-grid .v20-chat-send{justify-self:end}.v218-case-workspace-grid>.v217-case-files{padding:13px}.v218-case-workspace-grid .v217-case-file-browser{grid-template-columns:178px minmax(0,1fr)}.v218-case-workspace-grid .v217-case-file-browser>aside{padding:8px}.v218-case-workspace-grid .v217-case-file{grid-template-columns:44px minmax(0,1fr) auto}.v218-case-workspace-grid .v217-file-folder{grid-template-columns:31px minmax(0,1fr) auto}.v218-case-workspace-grid .section-title{align-items:flex-start}.v218-case-workspace-grid .section-title .toolbar{justify-content:flex-end}
.v218-employee-card>.section-title{padding:0 0 12px;border-bottom:0}.v218-empty-employees{display:grid;gap:4px;margin:12px;padding:14px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);color:var(--muted)}.v218-empty-employees strong{color:var(--ink)}.v218-empty-employees span{font-size:11px;line-height:1.45}.v218-workflow-settings{display:grid;gap:14px}.v218-comfort-status-save{margin:0}.v218-settings-audit{order:999}
.v218-original-option{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid #e2e6e9;border-radius:10px;background:#fff;cursor:pointer}.v218-original-option>input{margin-top:2px;accent-color:#e87419}.v218-original-option>span{display:grid;gap:2px}.v218-original-option strong{font-size:10px}.v218-original-option small{color:#6f7b84;font-size:8px;line-height:1.35}.v218-storage-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #dfe5e8;border-radius:10px;background:#f6f9fa}.v218-storage-summary>div{display:grid;gap:2px;white-space:nowrap}.v218-storage-summary strong{font-size:9px;text-transform:uppercase;letter-spacing:.04em}.v218-storage-summary span{font-size:12px;font-weight:800}.v218-storage-summary small{max-width:470px;color:#6b7881;font-size:8px;line-height:1.4;text-align:right}.v218-storage-summary.warning{border-color:#e0b364;background:#fff8e9}.v218-file-thumb{position:relative;overflow:hidden;padding:0}.v218-file-thumb img{display:block;width:100%;height:100%;object-fit:cover}.v218-file-thumb i{position:absolute;right:2px;bottom:2px;padding:2px 3px;border-radius:4px;background:rgba(20,28,34,.72);color:#fff;font-size:6px;font-style:normal}.v218-generated-icon{background:#fff0e4;color:#ac5416}.v218-generated-file{border-color:#eadbce;background:#fffdfb}.v218-generated-file:hover{border-color:#df9d6b}
.v218-source-area{margin:18px 0 2px;border:1px solid #dce3e7;border-radius:12px;background:#f7f9fa}.v218-source-area>details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;font-size:11px;font-weight:800;list-style:none}.v218-source-area>details>summary::-webkit-details-marker{display:none}.v218-source-area>details>summary:after{content:'⌄';color:#687680;font-size:16px}.v218-source-area>details[open]>summary:after{transform:rotate(180deg)}.v218-source-area>details>summary span{margin-left:auto;padding:3px 7px;border-radius:999px;background:#e7ecef;color:#60707a;font-size:8px}.v218-source-list{display:grid;gap:9px;padding:0 12px 12px}.v218-source-list>.v196-source-meta,.v218-source-list>.v217-holtikon-source-meta,.v218-source-list>.v217-pc-source-meta,.v218-source-list>.v13-source-file,.v218-source-list>.notice{margin:0}
@media(max-width:1250px){.v218-case-workspace-grid{grid-template-columns:1fr}.v218-case-workspace-grid .v217-case-file-browser{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.v218-case-workspace-grid{display:block}.v218-case-workspace-grid>.v20-case-chat{margin-bottom:12px}.v218-case-workspace-grid .v217-case-file-browser{grid-template-columns:1fr}.v218-storage-summary{align-items:flex-start;flex-direction:column}.v218-storage-summary small{text-align:left}.v218-case-workspace-grid .v20-chat-compose{grid-template-columns:1fr}}
/* SOURCE: styles/features/v0219/release.css */
/* ZaPhi Manager v0.21.9 · Dokumentumbruch und lesbare Planerkarten. */
.v219-page-break-control{display:grid;gap:7px;padding:11px;border:1px solid #dce2e6;border-radius:10px;background:#f8fafb}
.v219-page-break-control>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:800}
.v219-page-break-control input{width:100%;accent-color:#e8751a}
.v219-page-break-control output{min-width:48px;text-align:right;color:#a85216}
.v219-page-break-control small{color:#697780;font-size:8px;line-height:1.4}
.appt.v20-appt{min-width:0!important;padding-left:5px!important;padding-right:5px!important}
.appt.v20-appt:has(.v211-appt-markerbar){padding-top:13px!important}
.appt.v20-appt .v20-appt-markerbar.v211-appt-markerbar{top:0!important;left:0!important;right:0!important;height:12px!important;border-radius:7px 7px 0 0!important;overflow:hidden!important}
.appt.v20-appt .v211-appt-markerbar i{height:12px!important;padding:1px 4px 0!important;font-size:8px!important;line-height:10px!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.appt.v20-appt .v20-appt-name,.appt.v20-appt .v20-appt-address,.appt.v20-appt .v20-appt-phone{width:100%!important;max-width:none!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.appt.v20-appt .v20-appt-name{font-size:10px!important;line-height:11px!important}
.appt.v20-appt.v20-appt-size-medium .v20-appt-name{font-size:9px!important}
.appt.v20-appt.v20-appt-size-narrow .v20-appt-name{font-size:7px!important;letter-spacing:-.1px!important}
.appt.v20-appt.v20-appt-size-narrow:has(.v211-appt-markerbar){padding-top:9px!important}
.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar,.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar i{height:8px!important;line-height:7px!important;font-size:6px!important}
.appt.v20-appt.v20-appt-size-narrow .v211-appt-markerbar span{display:block!important}
/* v0.22.9 gemeinsame Datenübernahme */
.v229-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.v229-import-choice{border:1px solid #dfe3e7;background:#fff;border-radius:12px;padding:15px;text-align:left;cursor:pointer}.v229-import-choice:hover{border-color:#f47b20;background:#fff8f2}.v229-import-choice strong{display:block;font-size:14px;margin-bottom:5px}.v229-import-choice span{display:block;color:#6f7782;font-size:12px}.v229-import-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.v229-import-statuses section{border:1px solid #e6e9ed;border-radius:10px;padding:12px;background:#fafbfc}.v229-import-statuses h3{margin:0 0 8px;font-size:13px}@media(max-width:760px){.v229-import-grid,.v229-import-statuses{grid-template-columns:1fr}}
/* v0.22.19: alte doppelte Einstellungsnavigation endgültig ausblenden. */
#page-settings>#v12SettingsShell,#page-settings .v20-legacy-settings-shell{display:none!important;visibility:hidden!important}
/* v0.22.20: nur der neue Einstellungs-Hub ist sichtbar. */
#page-settings #v12SettingsShell{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
/* SOURCE: styles/features/v0219/relation-stabilization.css */
.v224-source-badge{display:inline-flex;align-items:center;width:max-content;margin-top:4px;padding:3px 7px;border:1px solid #dfe3e7;border-radius:999px;background:#f6f7f8;color:#626b74;font-size:10px;font-weight:800;letter-spacing:.02em;vertical-align:middle}
.v224-source-badge.list{margin:3px 0 2px}.v224-source-badge.object{margin:2px 0 7px}.v224-source-badge.v224-case-source{display:block;margin:4px 0 0;width:max-content;font-size:9px;font-weight:750}
.v224-am-masterdata-note{margin:4px 0 14px;padding:10px 12px;border:1px solid #e3e6e9;border-radius:10px;background:#fafbfc;color:#626b74;font-size:12px;line-height:1.45}
.v224-object-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 5px;padding:8px 10px;border-radius:9px;background:#f7f8f9;font-size:11px;color:#69727b}.v224-object-summary strong{color:#23282e}.v224-object-summary button{margin-left:auto}
.v224-derived-tenants{margin-top:9px;border:1px solid #e2e5e8;border-radius:10px;overflow:hidden}.v224-derived-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;background:#fafbfc;border-bottom:1px solid #e8eaed;font-size:11px}.v224-derived-head span{color:#7b838b}.v224-derived-tenants .table{margin:0}.v224-derived-tenants .table th,.v224-derived-tenants .table td{padding:8px 10px}
.profile-stats:has(.v224-customer-case-stat){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.profile-stats:has(.v224-customer-case-stat){grid-template-columns:repeat(2,minmax(0,1fr))}.v224-object-summary button{margin-left:0}.v224-derived-head{align-items:flex-start;flex-direction:column}}
.v224-customer-case-stat span{display:block;margin-top:3px;color:#7a828b;font-size:10px;font-weight:600}
/* SOURCE: styles/features/v0219/relation-rebuild.css */
/* ZaPhi Manager v0.22.25 · Prüflauf und kontrollierter Beziehungsabgleich. */
.v225-relation-loading,.v225-relation-preview{display:grid;gap:14px}
.v225-relation-loading h2{margin:0}.v225-relation-loading p{margin:0;color:#6f7782;line-height:1.5}
.v225-relation-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}
.v225-relation-progress-head span{font-variant-numeric:tabular-nums;color:#6f7782;font-size:12px}
.v225-relation-progress-bar{height:12px;border-radius:999px;background:#e8ebee;overflow:hidden;position:relative}
.v225-relation-progress-bar i{display:block;height:100%;border-radius:inherit;background:#f47b20;transition:width .18s ease}
.v225-relation-progress-bar.indeterminate i{position:absolute;width:28%!important;animation:v225RelationMove 1.1s ease-in-out infinite}
#v225RelationProgress small{display:block;margin-top:7px;color:#6f7782;line-height:1.4}
@keyframes v225RelationMove{0%{left:-28%}100%{left:100%}}
.v225-relation-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.v225-relation-summary>div{border:1px solid #e1e5e9;border-radius:10px;padding:11px;background:#fafbfc;min-width:0}
.v225-relation-summary small{display:block;color:#6f7782;font-size:10px;line-height:1.25;min-height:25px}
.v225-relation-summary strong{display:block;margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}
.v225-relation-checks{display:grid;gap:7px}.v225-relation-checks>div{display:flex;gap:9px;align-items:flex-start;border:1px solid #dfe4e7;border-radius:9px;padding:9px 11px;background:#fafbfc;font-size:12px}
.v225-relation-checks b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#dff2e8;color:#247050}.v225-relation-checks .bad b{background:#fff0dd;color:#9b5b15}
.v225-relation-sample{max-height:360px;border:1px solid #e1e5e9;border-radius:10px}.v225-relation-sample .table{margin:0;min-width:920px}.v225-relation-sample th{position:sticky;top:0;z-index:2}
.v225-relation-confirm{display:flex;align-items:flex-start;gap:10px;border:1px solid #efc291;border-radius:10px;background:#fff8f1;padding:12px;font-size:12px;line-height:1.45;cursor:pointer}.v225-relation-confirm input{margin-top:2px;accent-color:#f47b20}
.v229-import-choice.v225-relation-choice{border-color:#efc291;background:#fffaf5}.v229-import-choice.v225-relation-choice strong:before{content:'✓ ';color:#c65e0f}
@media(max-width:1100px){.v225-relation-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.v225-relation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v225-relation-progress-head{align-items:flex-start;flex-direction:column;gap:4px}}
.v225-relation-search{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr);gap:8px 12px;align-items:center}.v225-relation-search label{font-size:12px;font-weight:800}.v225-relation-search input{width:100%;border:1px solid #dfe3e7;border-radius:9px;padding:9px 10px;background:#fff}.v225-relation-search small{grid-column:2;color:#6f7782;font-size:10px}
@media(max-width:720px){.v225-relation-search{grid-template-columns:1fr}.v225-relation-search small{grid-column:1}}
/* Linux Korrektur 7: the complete review dialog follows the active theme. */
.v225-relation-preview>.notice{display:grid;gap:6px;line-height:1.5}
html[data-zaphi-theme="dark"] .v225-relation-loading,
html[data-zaphi-theme="dark"] .v225-relation-preview{color:var(--v2248-text,#edf2f6)}
html[data-zaphi-theme="dark"] .v225-relation-summary>div,
html[data-zaphi-theme="dark"] .v225-relation-checks>div,
html[data-zaphi-theme="dark"] .v225-relation-sample,
html[data-zaphi-theme="dark"] .v225-relation-search input{background:var(--v2248-surface-2,#202830);border-color:var(--v2248-border,#3b4651);color:var(--v2248-text,#edf2f6)}
html[data-zaphi-theme="dark"] .v225-relation-loading p,
html[data-zaphi-theme="dark"] .v225-relation-summary small,
html[data-zaphi-theme="dark"] .v225-relation-progress-head span,
html[data-zaphi-theme="dark"] #v225RelationProgress small,
html[data-zaphi-theme="dark"] .v225-relation-search small{color:var(--v2248-muted,#aeb8c2)}
html[data-zaphi-theme="dark"] .v225-relation-progress-bar{background:#35404a}
html[data-zaphi-theme="dark"] .v225-relation-checks b{background:#214838;color:#a2e3bc}
html[data-zaphi-theme="dark"] .v225-relation-checks .bad b{background:#513a22;color:#f8d197}
html[data-zaphi-theme="dark"] .v225-relation-confirm,
html[data-zaphi-theme="dark"] .v229-import-choice.v225-relation-choice{background:#342b22;border-color:#866142;color:#f0dcc8}
html[data-zaphi-theme="dark"] .v225-relation-sample th{background:var(--v2248-surface-3,#28323b);color:var(--v2248-text,#edf2f6)}
/* SOURCE: styles/remote/remote-client.css */
.zr-app{display:none}
body.zaphi-remote-mode{margin:0;background:#f3f5f3;color:#26342f;font-family:Inter,Lato,Arial,sans-serif}
body.zaphi-remote-mode>.app,body.zaphi-remote-mode>#v219MobileNav,body.zaphi-remote-mode>#v219MobileMore,body.zaphi-remote-mode>#zaphiCustomerLicense{display:none!important}
body.zaphi-remote-mode .zr-app{display:block;min-height:100dvh;padding:78px 18px 92px}
.zr-head{position:fixed;inset:0 0 auto;z-index:40;display:grid;grid-template-columns:minmax(170px,280px) minmax(220px,680px) auto;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid #dce3de;background:rgba(255,255,255,.97);box-shadow:0 4px 20px rgba(28,46,37,.08)}
.zr-brand{display:grid;gap:2px}.zr-brand b{font-size:17px}.zr-brand span{overflow:hidden;color:#64726c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.zr-search{display:flex;align-items:center;gap:8px}.zr-search span{font-size:25px}.zr-search input{width:100%;height:46px;padding:0 14px;border:1px solid #ccd6d0;border-radius:14px;background:#fafbfa;font:500 16px inherit;outline:0}.zr-search input:focus{border-color:#ed7a2b;box-shadow:0 0 0 3px rgba(237,122,43,.13)}
.zr-status{justify-self:end;padding:7px 10px;border-radius:999px;background:#e2f4e6;color:#287a46;font-size:11px;font-style:normal;font-weight:800}.zr-status.blocked{background:#f7deda;color:#a5433d}
.zr-section{max-width:1260px;margin:auto}.zr-title{display:flex;align-items:end;justify-content:space-between;margin:12px 0 14px}.zr-title h1{margin:0;font-size:26px}.zr-title small{color:#6d7974}
.zr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zr-card{padding:15px;border:1px solid #dae2dd;border-radius:16px;background:#fff;box-shadow:0 3px 15px rgba(28,47,37,.05)}.zr-card-head{display:flex;justify-content:space-between;gap:10px}.zr-card-head strong{font-size:15px}.zr-card-head span{color:#748079;font-size:11px}.zr-card h3{margin:8px 0 5px;font-size:15px}.zr-card p{margin:0;color:#596760;font-size:13px;line-height:1.4}.zr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.zr-tags i,.zr-tags span{padding:4px 7px;border-radius:999px;background:#f1f4f2;color:#56645d;font-size:10px;font-style:normal}.zr-actions{display:flex;gap:7px;margin-top:12px}.zr-actions a,.zr-actions button{flex:1;padding:9px;border:1px solid #d3dcd6;border-radius:10px;background:#fafbfa;color:#33443c;text-align:center;text-decoration:none;font:700 12px inherit;cursor:pointer}.zr-actions button{border-color:#e9782c;background:#e9782c;color:#fff}
.zr-nav{position:fixed;inset:auto 0 0;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:78px;padding:5px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #d9e0db;background:rgba(255,255,255,.98);box-shadow:0 -8px 26px rgba(23,40,31,.1)}.zr-nav button{display:grid;place-content:center;gap:2px;border:0;background:transparent;color:#65726c;font:700 11px inherit}.zr-nav button i{font-size:22px;font-style:normal}.zr-nav button.active{color:#dd6c23}.zr-nav button[hidden]{display:none}
.zr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dae2dd;border-radius:16px;background:#fff}.zr-form label{display:grid;gap:5px;color:#536159;font-size:12px;font-weight:700}.zr-form .wide{grid-column:1/-1}.zr-form input,.zr-form select,.zr-form textarea{width:100%;min-height:43px;padding:9px 10px;border:1px solid #ccd6d0;border-radius:10px;background:#fff;color:#27362f;font:500 15px inherit;box-sizing:border-box}.zr-form button{grid-column:1/-1;min-height:46px;border:0;border-radius:11px;background:#e9782c;color:#fff;font:800 14px inherit}.zr-time-list{display:grid;gap:7px;margin-top:12px}.zr-time-list>div{display:flex;justify-content:space-between;padding:11px 13px;border:1px solid #dce3de;border-radius:12px;background:#fff}.zr-time-list span{color:#69766f}.zr-loading,.zr-empty,.zr-error,.zr-lock{max-width:760px;margin:50px auto;padding:30px;border:1px dashed #cbd5cf;border-radius:17px;background:#fff;text-align:center;color:#68756f}.zr-error strong,.zr-lock strong{display:block;margin-bottom:8px;font-size:20px}.zr-error button{padding:10px 14px;border:0;border-radius:9px;background:#e9782c;color:#fff}.zr-toast{position:fixed;left:50%;bottom:95px;z-index:80;max-width:calc(100vw - 32px);padding:10px 15px;border-radius:11px;background:#26342f;color:#fff;opacity:0;transform:translate(-50%,15px);transition:.2s;pointer-events:none}.zr-toast.show{opacity:1;transform:translate(-50%,0)}
.zr-modal{position:fixed;inset:0;z-index:90;display:none;padding:20px;background:rgba(22,32,27,.55);overflow:auto}.zr-modal.show{display:grid;place-items:center}.zr-modal>div{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);padding:22px;border-radius:18px;background:#fff;overflow:auto;box-shadow:0 22px 70px rgba(15,25,20,.3)}.zr-modal-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f1;font-size:23px}.zr-detail>small{color:#75817b}.zr-detail h2{margin:5px 42px 8px 0}.zr-note{margin:14px 0;padding:12px;border-radius:11px;background:#fff5e9}.zr-note p{margin:5px 0}.zr-history{display:grid;gap:7px}.zr-history>div{display:grid;grid-template-columns:145px 1fr auto;gap:8px;padding:9px;border-bottom:1px solid #e8ece9;font-size:12px}.zr-history time,.zr-history span{color:#738079}.zr-detail-measure{width:100%;margin-top:16px;padding:11px;border:0;border-radius:10px;background:#e9782c;color:#fff;font-weight:800}
@media(min-width:761px) and (max-width:1100px){body.zaphi-remote-mode .zr-app{padding-bottom:104px}.zr-nav{height:86px;padding-bottom:max(12px,env(safe-area-inset-bottom));}.zr-nav button{min-width:0}.zr-nav button span{font-size:10px}}
@media(max-width:760px){body.zaphi-remote-mode .zr-app{padding:72px 10px 100px}.zr-head{grid-template-columns:120px minmax(0,1fr);gap:8px;padding:9px 10px}.zr-brand b{font-size:14px}.zr-brand span{font-size:10px}.zr-status{display:none}.zr-search input{height:43px;font-size:14px}.zr-grid{grid-template-columns:1fr}.zr-title h1{font-size:22px}.zr-form{grid-template-columns:1fr;padding:13px}.zr-form .wide,.zr-form button{grid-column:1}.zr-nav{height:88px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.zr-nav button span{font-size:10px}.zr-card{padding:13px}.zr-modal{padding:8px}.zr-modal>div{max-height:calc(100dvh - 16px);padding:17px}.zr-history>div{grid-template-columns:1fr}.zr-history time{font-size:10px}}
/* SOURCE: styles/features/v02248/release.css */
/* ZaPhi Manager v0.22.48 · abschließende Dark-Mode-Schicht.
Diese Datei wird absichtlich nach allen älteren Release-Styles geladen. */
html[data-zaphi-theme="dark"]{
color-scheme:dark;
--v2248-page:#101419;
--v2248-surface:#1b2229;
--v2248-surface-2:#202830;
--v2248-surface-3:#28323b;
--v2248-border:#3b4651;
--v2248-text:#edf2f6;
--v2248-muted:#aeb8c2;
--v2248-orange:#f47b20;
--color-page:var(--v2248-page);
--color-surface:var(--v2248-surface);
--color-text:var(--v2248-text);
--color-text-muted:var(--v2248-muted);
--color-border:var(--v2248-border);
--page-bg:var(--v2248-page);
--bg:var(--v2248-page);
--card:var(--v2248-surface);
--ink:var(--v2248-text);
--muted:var(--v2248-muted);
--line:var(--v2248-border);
}
html[data-zaphi-theme="dark"] :where(body,.app,.main,.page){background-color:var(--v2248-page);color:var(--v2248-text)}
html[data-zaphi-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,label,legend,.label,.section-title){color:var(--v2248-text)}
html[data-zaphi-theme="dark"] :where(p,small,.muted,.hint,.sub,.model,.empty){color:var(--v2248-muted)}
/* Karten, Listen, Kennzahlen und Arbeitsbereiche. */
html[data-zaphi-theme="dark"] :where(
.card,.detail,.panel,.subcard,.mini,.kv,.notice,.list-card,.list-item,.table-wrap,
.profile-section,.doc-list-card,.doc-editor,.v09-section,.v12-setting-card,.v20-settings-section,
.v20-hub-card,.v20-employee-record section,.v20-more-settings,.v20-qr-toggle,.v20-dunning-level,
.v14-employee-card,.v14-time-employee,.v14-time-kpis>div,.v14-form-summary,.v11-worktime-model,.v11-worktime-table,
.v203-invoice-list,.v203-invoice-kpis>button,.v203-receipt-card,.v203-receipt-kpis>div,
.v211-offer-kpis>*,.v211-offer-status-actions,.v195-kva-summary>*,.v194-kva-summary>*,
.v212-case-kpi,.v195-case-summary>button,.v217-case-summary>button,
.v217-customer-panel-content,.v217-case-files,.v217-case-file-browser,.v217-case-file,
.v217-csv-file-card,.v217-csv-summary>div,.v217-csv-history-row,.v217-teamup-import-card,
.v217-teamup-status,.v217-teamup-source-summary>div,.v217-teamup-preview-grid>div,
.v217-teamup-preview-samples>div,.v217-holtikon-import-card,.v217-holtikon-summary>div,
.v217-holtikon-checks>div,.v217-holtikon-identities,.v217-holtikon-status-mappings,
.v218-source-area,.v196-source-meta,.v217-holtikon-source-meta,.v217-pc-source-meta,
.zfr-section,.zfr-object,.zfr-object-detail
){background:var(--v2248-surface)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(
.v203-invoice-kpis,.v211-offer-kpis,.v195-kva-summary,.v194-kva-summary,.v217-case-summary
){background:var(--v2248-page)!important}
html[data-zaphi-theme="dark"] :where(
.list-item.active,.doc-list-row.active,.v212-case-kpi.active,.v195-case-summary>button.active,
.v217-customer-panel-tabs button.active,.v217-file-folder.active
){background:#30241c!important;color:#fff!important;border-color:#c66a28!important}
html[data-zaphi-theme="dark"] :where(
.list-item:hover,.doc-list-row:hover,.zfr-object:hover,tbody tr.clickable:hover,
.v20-employee-table tbody tr:hover,.v203-invoice-table tbody tr:hover,.v203-invoice-table tbody tr:focus,
.v217-case-file:hover,.v217-file-folder:hover
){background:var(--v2248-surface-3)!important;color:var(--v2248-text)!important}
/* Formulare, Suche und nicht hervorgehobene Schaltflächen. */
html[data-zaphi-theme="dark"] :where(
input:not([type="color"]),select,textarea,.search input,.field input,.field select,.field textarea,
.v20-interface-row input,.v20-calc-setting-row input,.v20-wage-row input,.v20-unit-add input
){background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important;border-color:#46525e!important;caret-color:#fff}
html[data-zaphi-theme="dark"] :where(input,textarea)::placeholder{color:#8f9ba6!important;opacity:1}
html[data-zaphi-theme="dark"] :where(input:disabled,select:disabled,textarea:disabled){background:#171d23!important;color:#7f8a94!important}
html[data-zaphi-theme="dark"] :where(
.btn:not(.primary),button:not(.primary):not(.active):not(.v218-license-status):not(.v20-inline-status)
){background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] :where(
.btn:not(.primary):hover,button:not(.primary):not(.active):not(.v218-license-status):not(.v20-inline-status):hover
){background:var(--v2248-surface-3)!important;color:#fff!important;border-color:#697784!important}
/* Die orange Primärsprache bleibt auch im Dark Mode bestehen. */
html[data-zaphi-theme="dark"] :where(
.btn.primary,button.primary,.v217-teamup-steps span.active,.v217-holtikon-wizard-head span.active,
.v218-license-booking-start,.v218-license-activate
){background:var(--v2248-orange)!important;color:#fff!important;border-color:var(--v2248-orange)!important}
html[data-zaphi-theme="dark"] :where(.btn.primary,button.primary):hover{background:#ff8b33!important;border-color:#ff8b33!important}
html[data-zaphi-theme="dark"] :where(.btn.primary,button.primary):disabled{background:#7b4c2c!important;color:#c9b8ab!important;border-color:#7b4c2c!important}
/* Tabellen: Zeilen, Fußzeilen und leere Zustände dürfen nicht papierweiß bleiben. */
html[data-zaphi-theme="dark"] :where(table,thead,tbody,tfoot,tr,th,td){border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(table,tbody,tr,td,tfoot,.v203-invoice-table tbody tr,.v203-invoice-table tfoot td){background:var(--v2248-surface)!important;color:var(--v2248-text)!important}
html[data-zaphi-theme="dark"] :where(th,.table th,thead td,.v203-invoice-table th,.v20-number-range-table th){background:var(--v2248-surface-2)!important;color:#c5ced6!important}
html[data-zaphi-theme="dark"] :where(.v194-stale-yellow,.v217-csv-result-warning) td{background:#3b311d!important;color:#f2d38b!important}
html[data-zaphi-theme="dark"] :where(.v194-stale-red,.v217-csv-result-error) td{background:#402326!important;color:#f0afb0!important}
/* Belege, Rechnungen und Kostenvoranschläge. */
html[data-zaphi-theme="dark"] :where(
.dropzone,.v203-receipt-drop,.v203-receipt-toolbar,.v203-invoice-filters,
.v203-provider-list>div,.v203-text-excerpt,.v203-skonto-list>div,.v203-payment-result
){background:var(--v2248-surface)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.v203-receipt-drop,.dropzone){background:var(--v2248-surface-2)!important}
html[data-zaphi-theme="dark"] :where(.notice.warn,.notice.warning){background:#3b311d!important;color:#f2d38b!important;border-color:#80672a!important}
html[data-zaphi-theme="dark"] :where(.notice.error){background:#402326!important;color:#f0afb0!important;border-color:#82444a!important}
/* Vorgänge und komplette Vorgangsakte. Statusfarben selbst bleiben erhalten. */
html[data-zaphi-theme="dark"] :where(
.v20-case-chat,.v20-case-chat-head,.v20-case-chat-form,.v20-chat-message,.v20-chat-mentions,
.v20-chat-mentions button,.v217-case-file-browser>aside,.v217-case-file-browser>main,
.v217-case-file-drop,.v217-file-menu summary,.v217-file-menu>div,.timeline-item,
.v20-customer-terms-editor,.v20-tenant-list-toggle,.v20-document-terms,.v20-terms-grid>.checkline,
.v20-series-box,.v20-attachment-row,.v20-appt-preview .v20-preview-card
){background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.v20-chat-message.important,.v217-case-file-drop){background:#382b21!important;border-color:#8a5d38!important}
html[data-zaphi-theme="dark"] .v20-chat-message.urgent{background:#3b2225!important;border-color:#84454a!important}
html[data-zaphi-theme="dark"] .v20-chat-message.resolved{background:#202b27!important;border-color:#3d6352!important}
html[data-zaphi-theme="dark"] :where(.v20-status-popover,.v20-status-choice){background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.v20-status-choice:hover,.v20-status-choice.selected){background:var(--v2248-surface-3)!important}
html[data-zaphi-theme="dark"] .v20-status-choice-chip{color:var(--v2248-text)!important;background:color-mix(in srgb,var(--v20-status) 24%,var(--v2248-surface-2))!important}
html[data-zaphi-theme="dark"] .v20-status-choice>b{color:var(--v2248-text)!important}
html[data-zaphi-theme="dark"] .v20-status-select{background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important}
/* Planer: Bedienbereich dunkel, Kartenmaterial unverändert. */
html[data-zaphi-theme="dark"] :where(
.planner-shell,.planner-controls,.planner-hint,.planner-head,.planner-corner,.planner-row,
.employee-cell,.day-cell,.dayhead,.day-title,.hours-strip,.calendar-grid,.calendar-day,.v20-resource-pick
){background-color:var(--v2248-surface)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.planner-head,.planner-corner,.dayhead,.day-title,.hours-strip,.calendar-head){background-color:var(--v2248-surface-2)!important}
html[data-zaphi-theme="dark"] .day-cell{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(9.0909% - 1px),#394550 calc(9.0909% - 1px),#394550 9.0909%)!important}
html[data-zaphi-theme="dark"] :where(.day-cell.weekend,.calendar-day.weekend){background-color:#171d23!important}
/* Zeiterfassung und Einstellungen. */
html[data-zaphi-theme="dark"] :where(.v14-time-kpis>div,.v14-form-summary,.v11-day-total,.v11-week-total strong){background:var(--v2248-surface-2)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] .v20-settings-main-tabs{background:rgba(27,34,41,.97)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.v20-settings-main-tabs button.active,.v12-settings-tabs button.active){background:#30241c!important;color:#fff!important;border-color:#c66a28!important}
html[data-zaphi-theme="dark"] :where(
.v20-company-logo-box,.v20-permission-pills span,.v20-unit-picks span,
.v20-employee-record section,.v20-number-range-wrap,.v11-worktime-model,.v11-worktime-table
){background:var(--v2248-surface-2)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] .v20-company-logo-image{background:#fff!important}
/* Dynamische Importdialoge. */
html[data-zaphi-theme="dark"] :where(
.modal,.modal-card,.modal-head,.modal-body,.modal-foot,.context-menu,.zfr-suggestions,
.v217-csv-wizard,.v217-teamup-wizard,.v217-holtikon-wizard,.v217-file-menu>div,
.v217-csv-dropzone,.v217-teamup-dropzone,.v217-holtikon-dropzone
){background:var(--v2248-surface)!important;color:var(--v2248-text)!important;border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.modal-head,.modal-foot,.section-title,.profile-section-head){border-color:var(--v2248-border)!important}
html[data-zaphi-theme="dark"] :where(.v217-csv-wizard-head span,.v217-teamup-steps span,.v217-holtikon-wizard-head span){background:var(--v2248-surface-2)!important;color:var(--v2248-muted)!important}
html[data-zaphi-theme="dark"] :where(.v217-csv-wizard-head span.active,.v217-teamup-steps span.active,.v217-holtikon-wizard-head span.active){background:var(--v2248-orange)!important;color:#fff!important}
html[data-zaphi-theme="dark"] :where(.v217-csv-wizard-head span.done,.v217-teamup-steps span.done,.v217-holtikon-wizard-head span.done){background:#20392c!important;color:#8fd2aa!important}
/* Lizenzcenter besitzt eigene Tokens. */
html[data-zaphi-theme="dark"] .v218-license-page{--lic-ink:var(--v2248-text);--lic-muted:var(--v2248-muted);--lic-line:var(--v2248-border);--lic-soft:var(--v2248-surface-2);--lic-orange:#f58a3a}
/* Druck- und Dokumentvorschauen bleiben bewusst wie Papier. */
html[data-zaphi-theme="dark"] :where(
.document-paper,.v09-paper,.paper,.print-page,.v20-paper-page,.v203-invoice-preview .document-paper
){background:#fff!important;color:#111!important;border-color:#dfe2e6!important;color-scheme:light}
html[data-zaphi-theme="dark"] :where(
.document-paper,.v09-paper,.paper,.print-page,.v20-paper-page
) :where(*,table,thead,tbody,tfoot,tr,th,td){background-color:transparent!important;color:inherit!important;border-color:revert!important}
/* SOURCE: styles/features/v02249/release.css */
/* ZaPhi Manager v0.22.49 · letzte Kundendaten-Schicht und Plancraft-Bestandsstatus. */
html[data-zaphi-theme="dark"] #page-customers :where(
.customer-profile,.profile-section,.contact-card,.billing-card,.unassigned,.phone-chip,
.v20-object-search-tools,.v194-object-tools,.v20-tenant-list-toggle,
.v217-customer-panel-content,.v217-customer-pane,.v217-object-owner-field,
.v213-customer-portal-section,.v213-portal-boundary,.v213-portal-access-row,
.v213-portal-requests>div,.v224-object-summary,.v224-am-masterdata-note,
.v224-derived-tenants,.v224-derived-head,.zfr-object,.zfr-object-detail
){background:#1b2229!important;color:#edf2f6!important;border-color:#3b4651!important}
html[data-zaphi-theme="dark"] #page-customers :where(
.v20-object-search-tools,.v194-object-tools,.v20-tenant-list-toggle,
.v213-portal-boundary,.v224-object-summary,.v224-derived-head
){background:#202830!important}
html[data-zaphi-theme="dark"] #page-customers .v20-object-search-tools{
box-shadow:0 4px 15px rgba(0,0,0,.18)!important;
}
html[data-zaphi-theme="dark"] #page-customers :where(
.v20-object-search-label,.v224-object-summary strong,.v224-derived-head strong,
.contact-card h4,.billing-card h4,.v213-portal-boundary
){color:#edf2f6!important}
html[data-zaphi-theme="dark"] #page-customers :where(
.contact-card .role,.billing-card .billing-label,.v224-object-summary span,
.v224-derived-head span,.v213-customer-portal-section .profile-section-head small,
.v213-portal-access-row small,.v213-portal-requests small,.zfr-readonly-note
){color:#aeb8c2!important}
html[data-zaphi-theme="dark"] #page-customers :where(.v224-source-badge,.source-pill){
background:#28323b!important;color:#c5ced6!important;border-color:#46525e!important;
}
html[data-zaphi-theme="dark"] #page-customers :where(.address-suggestions,.address-suggestion){
background:#202830!important;color:#edf2f6!important;border-color:#3b4651!important;
}
html[data-zaphi-theme="dark"] #page-customers .address-suggestion:hover{background:#28323b!important}
html[data-zaphi-theme="dark"] #page-customers .v217-customer-panel-tabs>button:not(.active){
background:#202830!important;color:#edf2f6!important;border-color:#46525e!important;
}
html[data-zaphi-theme="dark"] #page-customers .v217-customer-panel-tabs>button.active{
background:#30241c!important;color:#fff!important;border-color:#c66a28!important;
}
html[data-zaphi-theme="dark"] #page-customers button:not(.primary):not(.active):not(.v20-inline-status){
background:#202830!important;color:#edf2f6!important;border-color:#46525e!important;
}
html[data-zaphi-theme="dark"] #page-customers button:not(.primary):not(.active):not(.v20-inline-status):hover{
background:#28323b!important;color:#fff!important;border-color:#697784!important;
}
html[data-zaphi-theme="dark"] #page-customers .v213-portal-state{background:#28323b!important;color:#c5ced6!important}
html[data-zaphi-theme="dark"] #page-customers .v213-portal-state.active{background:#20392c!important;color:#8fd2aa!important}
html[data-zaphi-theme="dark"] #page-customers .v213-portal-state.pending{background:#1d3042!important;color:#9bc1e5!important}
html[data-zaphi-theme="dark"] #page-customers :where(.v213-portal-state.error,.v213-portal-state.expired){background:#402326!important;color:#f0afb0!important}
html[data-zaphi-theme="dark"] #page-customers .v213-portal-state.revoked{background:#2a3036!important;color:#aeb8c2!important}
html[data-zaphi-theme="dark"] .v2249-pc-integrity{border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v2249-pc-integrity>div:first-child>b{display:block;margin-top:6px;color:#f2d38b!important}
html[data-zaphi-theme="dark"] .v2249-pc-integrity.mismatch{background:#3b311d!important;border-color:#80672a!important}
html[data-zaphi-theme="dark"] .v2249-pc-integrity.source-missing{background:#402326!important;border-color:#82444a!important}
/* SOURCE: styles/features/v02250/release.css */
/* ZaPhi Manager v0.22.50 · Dark-Mode-Abschluss.
Reine Darstellungsschicht; Import- und Datenlogik bleiben unverändert. */
/* Belege */
html[data-zaphi-theme="dark"] #page-receipts :where(.v203-receipt-drop,.v210-local-receipt-hint){
background:#202830!important;color:#edf2f6!important;border-color:#46525e!important;
}
html[data-zaphi-theme="dark"] #page-receipts .v203-drop-icon{background:#28323b!important;color:#9fc2df!important}
html[data-zaphi-theme="dark"] #page-receipts :where(.v203-receipt-drop small,.v210-local-receipt-hint){color:#aeb8c2!important}
html[data-zaphi-theme="dark"] #page-receipts .v210-local-receipt-hint strong{color:#edf2f6!important}
/* DATANORM-Import und Katalogbrowser */
html[data-zaphi-theme="dark"] #page-master :where(
.datanorm-drop,.datanorm-result,.dn-stat,.dn-browser-card,.dn-browser-head,.dn-browser,
.dn-tree-pane,.dn-tree-title,.dn-tree,.dn-catalog-pane,.dn-catalog-toolbar,
.dn-catalog-title,.dn-catalog-scroll,.dn-pager,.dn-detail-box
){background:#1b2229!important;color:#edf2f6!important;border-color:#3b4651!important}
html[data-zaphi-theme="dark"] #page-master :where(.dn-browser-head,.dn-tree-title,.dn-catalog-toolbar,.dn-pager,.dn-detail-box){background:#202830!important}
html[data-zaphi-theme="dark"] #page-master .datanorm-drop{background:#202830!important;border-color:#566574!important}
html[data-zaphi-theme="dark"] #page-master :where(.datanorm-drop:hover,.datanorm-drop.drag){background:#382b21!important;border-color:#f47b20!important}
html[data-zaphi-theme="dark"] #page-master :where(.datanorm-drop small,.dn-kicker,.dn-tree-title span,.dn-tree-count,.dn-pager span,.dn-detail-box small){color:#aeb8c2!important}
html[data-zaphi-theme="dark"] #page-master :where(.dn-root-row,.dn-group-row){background:transparent!important;color:#edf2f6!important;border-color:transparent!important}
html[data-zaphi-theme="dark"] #page-master :where(.dn-root-row:hover,.dn-group-row:hover){background:#28323b!important}
html[data-zaphi-theme="dark"] #page-master .dn-group-row.active{background:#382b21!important;color:#ffb47d!important}
html[data-zaphi-theme="dark"] #page-master .dn-catalog-table tr.dn-article-row:hover>td{background:#302820!important;color:#fff!important}
/* Zeiterfassung */
html[data-zaphi-theme="dark"] #page-time .v16-release-note{background:#1d3042!important;color:#c7d9e8!important;border-color:#47627a!important}
html[data-zaphi-theme="dark"] #page-time .v16-release-badge{background:#254159!important;color:#d8e9f6!important;border-color:#557690!important}
/* Planer – Kartenzeile und Bediengruppen */
html[data-zaphi-theme="dark"] #page-planner :where(.v20-planner-time-range,.v20-planner-zoom){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-planner :where(.v20-planner-time-range label,.v20-planner-zoom label,.v20-planner-zoom output){color:#c5ced6!important}
/* Vorgänge: neutrale Kennzahl dunkel, Statusfarben lesbar, Zeilen-Hover sichtbar. */
html[data-zaphi-theme="dark"] #page-cases :where(.v212-case-kpi.orange,.v212-case-kpi.orange.active){background:#1b2229!important;color:#edf2f6!important;border-color:#3b4651!important;box-shadow:none!important}
html[data-zaphi-theme="dark"] #page-cases .v20-inline-status{background:color-mix(in srgb,var(--v20-status) 28%,#202830)!important;color:#f7f9fb!important;border-color:color-mix(in srgb,var(--v20-status) 70%,#aeb8c2)!important}
html[data-zaphi-theme="dark"] #page-cases .v20-case-table tbody tr.clickable{transition:background-color .14s ease,box-shadow .14s ease}
html[data-zaphi-theme="dark"] #page-cases .v20-case-table tbody tr.clickable:hover>td{background:#302820!important;color:#fff!important}
html[data-zaphi-theme="dark"] #page-cases .v20-case-table tbody tr.clickable:hover{box-shadow:inset 4px 0 #f47b20}
/* Kundendaten */
html[data-zaphi-theme="dark"] #page-customers :where(.v19-internal-note,.v213-portal-boundary){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-customers .v19-internal-note{box-shadow:inset 4px 0 #f47b20}
/* Einstellungen */
html[data-zaphi-theme="dark"] #page-settings .upload-button{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .upload-button:hover{background:#28323b!important;border-color:#697784!important}
/* Vorgangsakte */
html[data-zaphi-theme="dark"] :where(.v194-case-meta,.v218-original-option,.v218-storage-summary){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] :where(.v194-case-meta.v194-stale-yellow,.v218-storage-summary.warning){background:#3b311d!important;color:#f2d38b!important;border-color:#80672a!important}
html[data-zaphi-theme="dark"] .v194-case-meta.v194-stale-red{background:#402326!important;color:#f0afb0!important;border-color:#82444a!important}
html[data-zaphi-theme="dark"] :where(.v218-original-option small,.v218-storage-summary small){color:#aeb8c2!important}
/* SOURCE: styles/features/v02251/release.css */
/* ZaPhi Manager v0.22.51 · verbleibende Dialog- und Einstellungsflächen im Dark Mode. */
/* Neuer Vorgang */
html[data-zaphi-theme="dark"] .modal .field:has(>#v12CaseTitle){background:#302820!important;border-color:#a96b3d!important}
html[data-zaphi-theme="dark"] .modal .v09-case-drop{background:#202830!important;color:#edf2f6!important;border-color:#566574!important}
html[data-zaphi-theme="dark"] .modal .v09-case-drop:hover,
html[data-zaphi-theme="dark"] .modal .v09-case-drop.drag{background:#382b21!important;border-color:#f47b20!important}
html[data-zaphi-theme="dark"] .modal .v09-case-drop .muted{color:#aeb8c2!important}
html[data-zaphi-theme="dark"] .modal :is(.v12-suggest-box,.v12-suggest-box button,.v12-suggest-new){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .modal .v12-suggest-box button:hover{background:#382b21!important}
/* Arbeitsabläufe und digitales Aufmaß */
html[data-zaphi-theme="dark"] #page-settings :where(.v213-measurement-workflow-settings,.v215-workflow-config,.v212-module-employees){background:#1b2229!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .v213-measurement-workflow-settings .notice{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .v215-workflow-config input:disabled{background:#171d23!important;color:#89949e!important}
/* Intelligente Dateierkennung */
html[data-zaphi-theme="dark"] #page-settings :where(.v217-ai-flow span,.v217-ai-config-status){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .v217-ai-modes>label:has(input:checked){background:#382b21!important}
html[data-zaphi-theme="dark"] #page-settings .v217-ai-config-status.warn{background:#3b311d!important;color:#f2d38b!important;border-color:#80672a!important}
html[data-zaphi-theme="dark"] #page-settings .v217-ai-config-status.ok{background:#20392c!important;color:#8fd2aa!important;border-color:#3d6352!important}
html[data-zaphi-theme="dark"] #page-settings .v217-ai-config-status.error{background:#402326!important;color:#f0afb0!important;border-color:#82444a!important}
/* Ergebnisse und Rückmeldungen des lokalen PDF-Imports im Vorgangsformular. */
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview .v12-recognition-card{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview .v12-recognition-grid>div{color:#edf2f6}
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview :is(.v12-recognition-grid>small,.v12-recognition-head>span,.v14-source-meta,.v217-ai-found em){color:#b6c3ce!important}
html[data-zaphi-theme="dark"] #v12CaseImportStatus .v217-recognition-progress{background:#202830;color:#d4dce4}
html[data-zaphi-theme="dark"] #v12CaseImportStatus .v217-recognition-progress.ok,
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview :is(.v14-rec-ok,.v217-ai-found b.high){background:#20392c;color:#a1e0bb;border-color:#3d6352}
html[data-zaphi-theme="dark"] #v12CaseImportStatus .v217-recognition-progress.warn,
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview :is(.v217-recognition-warnings span,.v14-rec-warning,.v217-ai-found b.medium,.v12-recognition-grid em){background:#3b311d;color:#f2d38b;border-color:#80672a}
html[data-zaphi-theme="dark"] #v12CaseImportStatus .v217-recognition-progress.busy{background:#382b21;color:#ffd2ad}
html[data-zaphi-theme="dark"] #v12CaseRecognitionPreview .v217-ai-found b.low{background:#402326;color:#f0afb0}
/* Briefpapier-Bedienfelder; die eigentlichen Papier-Vorschauen bleiben bewusst weiß. */
html[data-zaphi-theme="dark"] #page-settings .stationery-group{background:#1b2229!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .stationery-controls{background:#101419!important}
/* Buchhaltung */
html[data-zaphi-theme="dark"] #page-settings :where(.v210-provider-option,.v210-transfer-kpis>div,.v210-provider-specific,.v210-document-transfer){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings .v210-provider-option:hover{background:#28323b!important;border-color:#697784!important}
html[data-zaphi-theme="dark"] #page-settings .v210-provider-option.selected{background:#1d3042!important;border-color:#5f86a6!important;box-shadow:0 0 0 1px #5f86a6!important}
html[data-zaphi-theme="dark"] #page-settings :where(.v210-provider-option strong,.v210-transfer-kpis strong,.v210-document-transfer>span:first-child){color:#edf2f6!important}
html[data-zaphi-theme="dark"] #page-settings :where(.v210-provider-option small,.v210-transfer-kpis span,.v210-document-transfer small){color:#aeb8c2!important}
/* Kalkulation und Lohngruppen */
html[data-zaphi-theme="dark"] #page-settings :where(.v215-calculation-grid output,.v215-wage-row output){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings :where(.v215-calculation-grid output span,.v215-wage-row output span){color:#aeb8c2!important}
html[data-zaphi-theme="dark"] #page-settings :where(.v215-calculation-grid output strong,.v215-wage-row output strong){color:#edf2f6!important}
/* Datenübernahme: leere Kalenderfläche und Schalter. */
html[data-zaphi-theme="dark"] #page-settings [data-v20-settings-panel="data-import"] :where(.table-wrap,.empty,.v218-source-area){background:#202830!important;color:#aeb8c2!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #page-settings [data-v20-settings-panel="data-import"] input[type="checkbox"]{accent-color:#f47b20}
/* SOURCE: styles/features/v02255/release.css */
/* Remaining dark surfaces: map frame, receipt upload, company, portal, imports. */
html[data-zaphi-theme="dark"] :is(.v203-drop-icon,.v15-state-setting,.v213-portal-scope,#v217TeamupImportStatus .empty){
background:#202830!important;background-image:none!important;color:#edf2f6!important;border-color:#46525e!important;
}
html[data-zaphi-theme="dark"] :is(.v213-portal-scope small,.v15-state-setting small){color:#b7c2cb!important}
html[data-zaphi-theme="dark"] :is(.v15-state-setting select){background:#28323b!important;color:#edf2f6!important;border-color:#46525e!important;color-scheme:dark}
html[data-zaphi-theme="dark"] input[type="file"]::file-selector-button{background:#28323b;color:#edf2f6;border:1px solid #697784;border-radius:6px;padding:6px 10px}
.zfr-status-audit{margin:10px 0;padding:10px 14px;border:1px solid var(--line,#d9dee3);border-radius:10px}
.zfr-status-audit summary{cursor:pointer;font-weight:700}
.zfr-status-audit .table-wrap{max-height:320px;overflow:auto;margin-top:10px}
.zfr-status-audit td{white-space:normal}
html[data-zaphi-theme="dark"] .zfr-status-audit{background:#202830;color:#edf2f6;border-color:#46525e}
#v195CaseSummary{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important}
html[data-zaphi-fast-ui="true"] #metrics.v20-dashboard-metrics{grid-template-columns:repeat(11,minmax(0,1fr))!important}
@media(max-width:1200px){html[data-zaphi-fast-ui="true"] #metrics.v20-dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}}
/* SOURCE: styles/pilot/workspace-layout.css */
/* One viewport, one content scroller; pagination is a fixed flex sibling. */
html[data-zaphi-fast-ui="true"],html[data-zaphi-fast-ui="true"] body{height:100%;overflow:hidden!important}
html[data-zaphi-fast-ui="true"] .app{height:100dvh;min-height:0!important;overflow:hidden}
html[data-zaphi-fast-ui="true"] .app>.main{height:100dvh;min-height:0!important;display:flex;flex-direction:column;overflow:hidden!important}
html[data-zaphi-fast-ui="true"] .topbar{flex-shrink:0}
html[data-zaphi-fast-ui="true"] .content{flex:1;min-height:0;overflow:hidden!important;display:flex;flex-direction:column}
html[data-zaphi-fast-ui="true"] .page.active{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
html[data-zaphi-fast-ui="true"] #page-cases.active{display:flex!important;flex-direction:column;overflow:hidden!important;gap:10px}
html[data-zaphi-fast-ui="true"] #page-cases>.page-head,html[data-zaphi-fast-ui="true"] #page-cases>#v12CaseFilterBar,html[data-zaphi-fast-ui="true"] #page-cases>#v195CaseSummary{flex:none;margin-top:0;margin-bottom:0}
html[data-zaphi-fast-ui="true"] #page-cases>.zfr-table-card{display:flex!important;flex-direction:column;flex:1;min-height:0;max-height:none!important;overflow:hidden!important}
html[data-zaphi-fast-ui="true"] #page-cases .zfr-table-scroll{flex:1;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain}
html[data-zaphi-fast-ui="true"] #page-cases thead th{position:sticky!important;top:0;z-index:3;background:var(--card,#fff);background-clip:padding-box}
html[data-zaphi-fast-ui="true"] #page-cases [data-zfr-pager]{flex:none;position:relative;background:var(--card,#fff)}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v20-case-filter{display:flex!important;align-items:flex-end;gap:8px;flex-wrap:nowrap!important;grid-template-columns:none!important}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .field{min-width:0;flex:0 1 205px}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .field:first-child{flex:1 1 230px;max-width:420px}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v226-case-page-size{flex:0 0 90px}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v226-case-page-size select{width:90px!important;font-weight:700;color:var(--text);padding-right:26px}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .btn{flex:none;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap;padding:8px 10px;height:38px;align-self:flex-end}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v12-sort-dir{width:38px!important;padding:4px;font-size:20px}
.zfr-status-filter{position:relative;min-width:0}
.zfr-status-filter summary{height:38px;display:flex;align-items:center;justify-content:space-between;gap:5px;cursor:pointer;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);list-style:none}
.zfr-status-filter summary::-webkit-details-marker{display:none}
.zfr-status-filter .badge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zfr-status-options{position:absolute;top:100%;left:0;min-width:300px;max-height:min(420px,55dvh);overflow:auto;z-index:2000;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 25px #0003}
.zfr-status-options button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:6px;border-radius:6px;cursor:pointer;color:var(--text)}
.zfr-status-options button:hover,.zfr-status-options button:focus-visible{background:var(--soft,#7772)}
.v211-resizable-heading{position:relative}
.v211-column-resizer{left:auto!important;right:-4px!important;z-index:6;touch-action:none}
.zfr-case-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
.page-head p,.page-head > div > small,.page-head .page-subtitle{display:none!important}
select[data-zfr-case-status][hidden]{display:none!important}
.page-head{margin-bottom:12px!important}
@media(max-width:1000px){html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v20-case-filter{overflow-x:auto;padding-bottom:4px}html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .field{flex-shrink:0;width:160px}html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .field:first-child{min-width:200px}}
/* Overview: use the viewport and all available width. Eight KPI columns for
cases, two for questions; match the gap at the eighth KPI boundary. */
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard.active{display:flex!important;flex-direction:column;overflow:hidden!important;gap:10px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.page-head{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;margin:0!important}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.page-head h1{margin:0}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #v12DashboardPeriod{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 0 auto;padding:0}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #v12DashboardPeriod button{padding:6px 10px;min-height:30px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard #metrics{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px!important;width:100%;max-width:none;margin:0;flex:none}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .v12-metric{min-width:0;width:auto;min-height:94px;padding:10px;flex:none}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .label{min-height:24px;font-size:11px;line-height:1.15}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .num{font-size:24px;margin-top:5px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .sub{font-size:10px;padding-top:5px;overflow-wrap:anywhere}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.v20-dashboard-main{display:grid!important;grid-template-columns:minmax(0,4fr) minmax(260px,1fr);gap:8px;align-items:stretch;margin:0;flex:1;min-height:0;overflow:hidden}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-cases-card,
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-important-card{display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;min-height:0;margin:0;overflow:hidden}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .section-title{flex:none;padding:10px 14px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-cases-card>.table-wrap{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-case-table th{position:sticky;top:0;z-index:2;background:var(--card);background-clip:padding-box}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-case-table td{padding:8px 12px;line-height:1.25;min-width:0;max-width:none}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard .zfr-case-summary{-webkit-line-clamp:3}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #dashImportant{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
#zfrWorkspaceNotices{position:fixed;right:24px;bottom:24px;z-index:30000;display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:min(540px,calc(100vw - 32px));pointer-events:none}
.zfr-workspace-notice{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);overflow-wrap:anywhere;pointer-events:auto}
.zfr-opening-notice{pointer-events:none}
@media(max-width:1200px){
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard #metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .v12-metric{min-height:80px;padding:8px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.v20-dashboard-main{grid-template-columns:minmax(0,3fr) minmax(220px,1fr)}
}
@media(max-width:760px){
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.page-head{flex-wrap:wrap;gap:6px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.v20-dashboard-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(70px,1fr)}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .label{font-size:9px}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #metrics .num{font-size:20px}
}
/* SOURCE: styles/features/v02260/measurement.css */
/* Editor surfaces only: printed documents and drawing pixels keep their own colors. */
@media screen {
html[data-zaphi-theme="dark"] .v212-measure-editor {background:#10161c;color:#edf2f6;color-scheme:dark}
html[data-zaphi-theme="dark"] :is(.v212-measure-toolbar,.v212-measure-sheet,.v212-measure-drawer,.v212-measure-position) {background:#1b2229;color:#edf2f6;border-color:#46525e}
html[data-zaphi-theme="dark"] .v212-measure-sheet {box-shadow:0 3px 20px #0005}
html[data-zaphi-theme="dark"] .v212-measure-editor :is(label,small,dt,dd,.empty,.v212-device-note,.v213-measure-search-caption) {color:#b8c5d0}
html[data-zaphi-theme="dark"] .v212-measure-editor :is(h2,h3,strong,b,.v213-measure-description) {color:#edf2f6}
html[data-zaphi-theme="dark"] .v212-measure-sheet-head :is(section,section span) {border-color:#46525e;color:#edf2f6}
html[data-zaphi-theme="dark"] .v212-measure-sheet-head :is(p,small,dt,dd) {color:#b8c5d0}
html[data-zaphi-theme="dark"] .v212-measure-editor :is(input,textarea,select) {background:#111a22;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .v212-measure-editor input::placeholder {color:#a7b6c4;opacity:1}
html[data-zaphi-theme="dark"] :is(.v212-measure-position>header,.v212-sketch-toolbar,.v213-measure-position-line,.v213-measurement-guided-summary) {background:#242e38;color:#edf2f6;border-color:#46525e}
html[data-zaphi-theme="dark"] .v212-measure-editor :is(.v213-icon-button,.v212-photo-button,.v213-measure-folder,.v213-measure-service,.v213-measure-catalog-main,.v213-measure-catalog-sub) {background:#202b35;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .v212-measure-drawer button:not(.primary) {background:#202b35;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .v212-measure-drawer button:not(.primary):hover,
html[data-zaphi-theme="dark"] .v213-measure-position.compact:hover {background:#303e4b}
html[data-zaphi-theme="dark"] .v213-measure-folder :is(small,span) {color:#c7d3de}
html[data-zaphi-theme="dark"] .v213-measure-folder>summary {background:#283541;color:#edf2f6}
html[data-zaphi-theme="dark"] .v212-measure-editor .empty {border-color:#526170}
html[data-zaphi-theme="dark"] .v213-measure-warning {background:#48252a;color:#ffd8dd;border-color:#bb747e}
html[data-zaphi-theme="dark"] .v215-parking-question {background:#332a22;color:#edf2f6;border-color:#b17b50}
html[data-zaphi-theme="dark"] .v215-parking-question small {color:#cbd3da}
html[data-zaphi-theme="dark"] .v213-sketch-dialog {background:#1b2229;color:#edf2f6}
html[data-zaphi-theme="dark"] .v212-measure-editor .v213-measure-service {background:#202b35!important;border-color:#526170!important}
html[data-zaphi-theme="dark"] .v212-measure-editor .v213-measure-service:hover {background:#303e4b!important}
html[data-zaphi-theme="dark"] .v213-measure-folder b {background:#344553;color:#edf2f6}
html[data-zaphi-theme="dark"] :is(.v213-measure-search-caption,.v213-sketch-dialog>header) {background:#242e38;color:#b8c5d0;border-color:#46525e}
/* White sketch canvases are image content, with black drawing ink. */
html[data-zaphi-theme="dark"] .v213-sketch-surface {background:#c1c9d0}
}
/* Korrektur 10: shared workspace on phone/tablet; printed pages retain paper colors. */
@media screen {
html[data-zaphi-theme="dark"] :is(.v213-document-picker-popover,.v213-document-picker-menu,.v13-doc-menu,.v10-check-card){background:var(--card,#1c242b)!important;color:var(--text,#edf2f6)!important;border-color:var(--line,#46525e)!important}
html[data-zaphi-theme="dark"] :is(.v213-document-picker-group,.v13-doc-group) :is(h3,h4,strong,small){color:var(--muted,#bfccd8)!important}
html[data-zaphi-theme="dark"] .v10-check-card :is(strong,span){color:var(--text,#edf2f6)!important}
html[data-zaphi-theme="dark"] .v10-check-card small{color:var(--muted,#bfccd8)!important}
.v212-measure-editor.drawer-open .v212-measure-drawer{display:flex;flex-direction:column;gap:6px;min-height:0}
.v212-measure-drawer>header,.v212-measure-drawer>label,.v212-measure-drawer>input,.v212-measure-drawer>.btn{flex:none}
.v212-measure-drawer>label{display:flex;align-items:center;gap:8px}
.v212-measure-drawer>label select{flex:1;min-width:0;padding:8px}
.v212-measure-drawer .zfr-choice-browser{flex:1;min-height:0;overflow:auto}
.v212-measure-drawer #v212MeasurementDrawerRows{max-height:none!important;overflow:visible!important}
.v212-measure-drawer #v212MeasurementDrawerRows>button{width:100%;margin-bottom:5px}
.v212-measure-drawer .zfr-pagination{flex-wrap:wrap;font-size:11px}
}
@media (pointer:coarse),(max-width:760px){
#v226ThemeControl{display:none!important}
.v12-top-nav :is(a,button),.v212-measure-toolbar .btn,.v212-measure-drawer button{min-height:44px;font-size:13px}
.v212-measure-drawer input,.v212-measure-drawer select,.v212-measure-editor textarea{font-size:16px}
}
@media(max-width:760px){
html[data-zaphi-fast-ui="true"] .topbar{padding:6px 10px!important;gap:6px!important}
html[data-zaphi-fast-ui="true"] .topbar>.v12-top-nav{order:2;flex:1 0 100%;overflow-x:auto;white-space:nowrap}
html[data-zaphi-fast-ui="true"] .topbar>.search{order:3;flex:1 1 160px;min-width:0}
html[data-zaphi-fast-ui="true"] .topbar>.top-actions{order:3;flex:0 0 auto;width:auto;margin-left:0}
html[data-zaphi-fast-ui="true"] .content{padding:8px!important}
html[data-zaphi-fast-ui="true"] #page-dashboard #metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-zaphi-fast-ui="true"] #page-dashboard.active{overflow:auto!important;display:block!important}
html[data-zaphi-fast-ui="true"] #page-dashboard>.v20-dashboard-main{display:block!important;overflow:visible}
html[data-zaphi-fast-ui="true"] #page-dashboard .v20-dashboard-cases-card>.table-wrap{max-height:50dvh}
#modalBackdrop{padding:0!important}
#modalBackdrop>.modal{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0}
#modalBody{min-width:0;padding:12px}
#modalBody .form-grid{grid-template-columns:minmax(0,1fr)}
.v212-measurement-modal{height:100dvh!important}
.v212-measure-workspace>main{padding:6px}
.v212-measure-toolbar .btn{padding:8px;font-size:12px;min-height:44px}
.v212-measure-drawer{width:min(92vw,380px)}
.v212-measure-drawer .zfr-catalog-tree button{font-size:13px;min-height:44px}
.v212-measure-sheet{min-width:0;padding:12px}
.v212-measure-position input,.v212-measure-position textarea{min-width:0;font-size:16px}
.v213-document-picker-popover{max-height:80dvh;overflow:auto}
}
/* SOURCE: styles/pilot/catalog-import.css */
.zfr-catalog-import{width:min(1040px,95vw);max-height:92dvh;padding:0;border:1px solid #c6cfd8;border-radius:14px;background:#fff;color:#202830;box-shadow:0 12px 65px #0005}
.zfr-catalog-import[open]{display:flex;flex-direction:column}
.zfr-catalog-import::backdrop{background:#0008}
.zfr-catalog-import>header,.zfr-catalog-import>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;flex:none;background:#f5f7f9}
.zfr-catalog-import>header h2{margin:0}
.zfr-catalog-import>footer{justify-content:flex-end;flex-wrap:wrap}
.zfr-import-body{overflow:auto;padding:18px;min-height:0}
.zfr-catalog-import :is(.form-grid,.zfr-import-mapping){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zfr-catalog-import label{display:grid;gap:5px;font-weight:600}
.zfr-catalog-import :is(input,select){box-sizing:border-box;min-width:0;width:100%;padding:9px;border:1px solid #aab7c4;border-radius:8px;background:#fff;color:#202830;font:inherit}
.zfr-catalog-import [data-status]{padding:12px;border:1px solid #bac8d6;border-radius:8px;overflow-wrap:anywhere}
.zfr-catalog-import [data-preview] .table-wrap{max-height:300px;overflow:auto}
.zfr-catalog-import [data-preview] th{position:sticky;top:0}
.zfr-catalog-import [hidden]{display:none!important}
html[data-zaphi-theme="dark"] .zfr-catalog-import{color-scheme:dark;background:#1b2229;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .zfr-catalog-import>:is(header,footer){background:#242e38}
html[data-zaphi-theme="dark"] .zfr-catalog-import :is(input,select){background:#111a22;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .zfr-catalog-import [data-status]{border-color:#526170}
@media(max-width:600px){.zfr-catalog-import :is(.form-grid,.zfr-import-mapping){grid-template-columns:1fr}}
/* SOURCE: styles/pilot/catalog-recovery.css */
/* Catalogue selection remains readable in the existing dark theme. */
html[data-zaphi-theme="dark"] #page-master :is(.tree-main-head,.tree-sub,.v17-subnode,.v16-tree-parent-head,.v16-tree-leaf,.v203-service-tree-row):is(.active,:hover){background:#493425!important;color:#fff1e4!important}
html[data-zaphi-theme="dark"] #page-master :is(.tree-count,.v17-sub-count,.v16-tree-count,.v203-tree-count){background:#39434c;color:#f0f3f5}
#page-master [data-catalog-all]{width:100%;margin-bottom:8px;text-align:left}
#zaphiCatalogExport{margin-left:auto}
/* SOURCE: styles/features/v02261/document-editor.css */
/* Editing surfaces only; document print/preview styles remain on their paper. */
@media screen {
html[data-zaphi-theme="dark"] .v09-builder {
--editor-bg:#1b232b;--editor-panel:#202b34;--editor-raised:#293641;
--editor-line:#465560;--editor-text:#edf2f6;--editor-muted:#b9c6d0;
color:var(--editor-text);color-scheme:dark;
}
html[data-zaphi-theme="dark"] .v09-builder :is(.v09-builder-side,.v09-builder-canvas,.v09-builder-summary,.v09-palette-tabs,.v09-palette-search,.v09-palette-list,.v09-palette-item,.v197-fixed-texts,.v15-builder-selectbar,.v195-kva-statusbar,.v214-quick-position,.v09-block,.v09-empty-sheet,.zfr-catalog-tree,.zfr-choice-browser) {
background:var(--editor-panel);color:var(--editor-text);border-color:var(--editor-line);
}
html[data-zaphi-theme="dark"] .v09-builder :is(.v09-builder-side,.v09-palette-list,.zfr-choice-browser){background:var(--editor-bg)}
html[data-zaphi-theme="dark"] .v09-builder :is(strong,b,h3,h4,label){color:var(--editor-text)}
html[data-zaphi-theme="dark"] .v09-builder :is(small,.muted,.empty,.v09-empty-sheet,.v214-quick-hint,.zfr-pagination){color:var(--editor-muted)}
html[data-zaphi-theme="dark"] .v09-builder :is(input,textarea,select){background:#172129;color:var(--editor-text);border-color:var(--editor-line)}
html[data-zaphi-theme="dark"] .v09-builder :is(input,textarea)::placeholder{color:var(--editor-muted);opacity:1}
html[data-zaphi-theme="dark"] .v09-builder :is(.v09-palette-item:hover,.v09-palette-tabs button.active,.v09-block.v15-selected){background:#493425;border-color:#f47b20;color:var(--editor-text)}
html[data-zaphi-theme="dark"] .v09-builder .v09-palette-tabs button.active{color:#ffaf70}
html[data-zaphi-theme="dark"] .v09-builder .btn.primary{background:#f47b20!important;color:#fff!important;border-color:#f47b20!important}
html[data-zaphi-theme="dark"] .v09-builder.v214-delivery-builder .v09-palette-item small{color:var(--editor-muted)!important}
html[data-zaphi-theme="dark"] .v09-builder .badge{background:#344553;color:#edf2f6;border-color:#526170}
html[data-zaphi-theme="dark"] .v09-builder .v214-draft-label{background:#493425;color:#ffbd88}
html[data-zaphi-theme="dark"] .v09-builder .v214-room-format button{background:var(--editor-panel);color:var(--editor-text);border-color:var(--editor-line)}
html[data-zaphi-theme="dark"] .v09-builder .v214-room-format button:is(:hover,:focus-visible){background:var(--editor-raised);border-color:#697784}
html[data-zaphi-theme="dark"] .v09-builder .v214-room-format button.active{background:#493425;color:#ffbd88;border-color:#f47b20}
html[data-zaphi-theme="dark"] .v09-builder .v214-room-format button :is(b,i){color:inherit}
.v09-builder-side .v215-template-tree{height:auto;min-height:0;margin:0 0 4px;flex:none}
/* A flex palette must not grow individual rows to fill the available height. */
.v09-builder-side :is(.v09-palette-list,.zfr-choice-browser){align-content:start;justify-content:flex-start}
.v09-builder-side .v09-palette-list{display:block}
.v09-builder-side .v09-palette-item{min-height:0;height:auto;padding:6px 9px;margin:0 0 4px;flex:0 0 auto;line-height:1.3}
.v09-builder-side .v09-palette-item strong{margin:0;line-height:1.3}
.v09-builder-side .v09-palette-item small{margin-top:1px;line-height:1.25}
.v09-builder-side details:not([open]){min-height:0;height:auto;margin-bottom:4px}
.v09-builder-side details>summary{padding-top:7px;padding-bottom:7px}
/* Shared hover treatment for dashboard metrics and case summary cards. */
#page-dashboard #metrics .metric,#page-cases .v212-case-kpi{transition:background-color .12s,border-color .12s}
#page-dashboard #metrics .metric:is(:hover,:focus-visible),#page-cases .v212-case-kpi:is(:hover,:focus-visible){background:#fff0e3!important;border-color:#f47b20!important}
html[data-zaphi-theme="dark"] #page-dashboard #metrics .metric:is(:hover,:focus-visible),html[data-zaphi-theme="dark"] #page-cases .v212-case-kpi:is(:hover,:focus-visible){background:#493425!important;border-color:#f47b20!important}
#page-dashboard .v20-dashboard-case-table tbody tr:hover{background:#fff0e3!important}
html[data-zaphi-theme="dark"] #page-dashboard .v20-dashboard-case-table tbody tr:hover{background:#493425!important}
@media(min-width:1200px){html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard #metrics,#page-dashboard .v20-dashboard-metrics{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
}
/* Settings use the dark UI palette; A4 pages retain readable paper colors. */
@media screen {
html[data-zaphi-theme="dark"] :is(.address-suggestions,.address-suggestion,.v16-more>summary,.v16-more-menu,.v16-more-menu button){background:#202b34!important;color:#edf2f6!important;border-color:#465560!important}
html[data-zaphi-theme="dark"] .address-suggestion strong{color:#edf2f6!important}
html[data-zaphi-theme="dark"] .address-suggestion small{color:#b9c6d0!important}
html[data-zaphi-theme="dark"] :is(.address-suggestion:hover,.v16-more>summary:hover,.v16-more-menu button:hover){background:#493425!important;color:#edf2f6!important;border-color:#f47b20!important}
html[data-zaphi-theme="dark"] .v219-page-break-control{background:#202b34!important;border-color:#465560!important;color:#edf2f6!important;color-scheme:dark}
html[data-zaphi-theme="dark"] .v219-page-break-control>span{color:#edf2f6!important}
html[data-zaphi-theme="dark"] .v219-page-break-control small{color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v219-page-break-control output{color:#ffaf70!important}
html[data-zaphi-theme="dark"] .v219-page-break-control input{accent-color:#f47b20}
/* These selectors must outrank the global dark `table th` rules. */
html[data-zaphi-theme="dark"] .v20-paper-page .paper-table,
html[data-zaphi-theme="dark"] .v20-paper-page .paper-table :is(thead,tbody,tfoot,tr,td){background-color:transparent!important;color:#111!important}
html[data-zaphi-theme="dark"] .v20-paper-page .paper-table th{background-color:#e9eaec!important;color:#111!important}
html[data-zaphi-theme="dark"] .v20-paper-page .paper-table .paper-section-row td{background-color:#f5f5f5!important;color:#111!important}
}
/* Small case actions sit above the original, inert case view. */
#modalBackdrop .v2261-case-underlay{position:absolute;inset:3vh 3vw;max-width:none;max-height:94vh;overflow:hidden;z-index:0;pointer-events:none;filter:brightness(.55);padding:20px}
#modalBackdrop .v2261-case-underlay-body{overflow:hidden}
#modalBackdrop .v2261-case-action-modal{position:relative;z-index:1;width:min(680px,94vw)!important;max-height:90vh}
/* Einheitliche Außenspur für Auswahl und Griff; Aktionen bleiben im eigenen Menü. */
#v09BuilderCanvas{padding-left:58px}
#v09BuilderCanvas .v217-position-compact,
#v09BuilderCanvas .v217-position-editing,
#v09BuilderCanvas .v217-element-row{position:relative;display:grid!important;padding:10px!important;gap:10px;align-items:center;overflow:visible;min-width:0}
#v09BuilderCanvas .v217-position-compact{grid-template-columns:minmax(0,1fr) auto auto 34px!important}
#v09BuilderCanvas .v217-position-editing,#v09BuilderCanvas .v217-element-row{grid-template-columns:minmax(0,1fr) 34px!important}
#v09BuilderCanvas .v09-block>.v15-block-select{position:absolute!important;left:-27px!important;top:12px!important;margin:0!important;width:18px;height:20px}
#v09BuilderCanvas .v09-block>.drag-handle{position:absolute!important;left:-49px!important;top:12px!important;margin:0!important;width:18px;line-height:20px;cursor:grab}
#v09BuilderCanvas .v217-position-editor{grid-column:1!important}
#v09BuilderCanvas .v217-position-menu{grid-column:auto!important;align-self:start}
#v09BuilderCanvas .v217-position-menu[open]{z-index:60}
#v09BuilderCanvas .v217-position-menu>div{width:220px;max-width:65vw}
#v09BuilderCanvas .v217-position-compact-main{grid-template-columns:auto minmax(0,1fr);align-items:start}
#v09BuilderCanvas .v217-position-compact-main>span:not(.v217-position-mode){white-space:normal;overflow-wrap:anywhere;font-size:inherit}
#v09BuilderCanvas .v217-position-compact-main>strong,#v09BuilderCanvas .v217-position-price strong{font-size:inherit}
#v09BuilderCanvas .v217-position-price{display:grid!important}
#v09BuilderCanvas .v217-position-price small{font-size:10px}
#v09BuilderCanvas .v217-position-mode{grid-column:2}
#v09BuilderCanvas .v217-position-editor .v09-line-grid{padding:0!important;display:grid;grid-template-columns:75px 70px minmax(0,1fr) 105px;gap:7px}
#v09BuilderCanvas .v217-position-editor .v15-position-total{margin:6px 0 0!important}
#v09BuilderCanvas .v217-element-row>textarea,#v09BuilderCanvas .v217-element-row>input{width:100%;min-width:0;margin:0}
#v09BuilderCanvas .v217-element-row .v214-room-editor{display:flex;align-items:center;gap:10px;min-width:0;padding:0}
#v09BuilderCanvas .v217-element-row .v214-room-editor input{flex:1;min-width:0;width:100%;padding:8px 0;margin:0}
#v09BuilderCanvas .v217-element-row .v214-room-format{position:static;flex:none;display:flex;gap:3px;margin:0}
@media(max-width:760px){
#v09BuilderCanvas{padding-left:52px}
#v09BuilderCanvas .v217-position-compact{grid-template-columns:minmax(0,1fr) auto 34px!important}
#v09BuilderCanvas .v217-position-compact-main{grid-column:1/3}
#v09BuilderCanvas .v217-position-compact>.v217-position-menu{grid-column:3!important;grid-row:1}
#v09BuilderCanvas .v217-position-price{grid-row:2;text-align:left}
#v09BuilderCanvas .v217-position-editor .v09-line-grid{grid-template-columns:70px minmax(0,1fr) 95px}
#v09BuilderCanvas .v217-position-editor textarea{grid-column:1/-1;grid-row:2}
#v09BuilderCanvas .v217-element-row .v214-room-editor{flex-wrap:wrap}
}
/* Derselbe fließende Kopfbereich in Vorschau und Druck; Datum bleibt über der Tabelle. */
.v2261-paper-header{flex:none;margin-bottom:1em}
.v2261-paper-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30%);gap:1.5em;align-items:start}
.v20-paper-page .v2261-paper-introduction .paper-contact{position:static;top:auto;right:auto;width:auto;max-width:none;overflow-wrap:anywhere}
.v20-paper-page .v2261-paper-introduction .paper-object-block{width:auto}
.v2261-paper-introduction .paper-intro{margin-bottom:0}
.v20-paper-page .paper-table td:first-child{overflow-wrap:anywhere}
@media screen{
html[data-zaphi-theme="dark"] .v09-builder .v217-position-menu>summary,
html[data-zaphi-theme="dark"] .v09-builder .v217-position-menu>div{background:var(--editor-panel);color:var(--editor-text);border-color:var(--editor-line)}
html[data-zaphi-theme="dark"] .v09-builder .v217-position-menu button{color:var(--editor-text)}
html[data-zaphi-theme="dark"] .v09-builder .v217-position-menu button:hover{background:var(--editor-raised)}
html[data-zaphi-theme="dark"] .v09-builder .v217-position-menu button.danger{color:#ffaaa3}
}
/* SOURCE: styles/features/v02262/refinements.css */
/* Variable Beschreibung; sämtliche Zahlen bleiben zusammen. */
.v20-paper-page .paper-table{table-layout:auto!important;width:100%}
.v20-paper-page .paper-table :is(th,td):not(:nth-child(4)){width:1%;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
.v20-paper-page .paper-table :is(th,td):nth-child(4){width:auto;white-space:normal;overflow-wrap:anywhere}
.v20-paper-page .paper-table td[colspan]{white-space:normal!important;width:auto}
.v2262-letter-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30%);gap:1.5em}
.v20-paper-page .v2262-letter-top .paper-contact{position:static;align-self:end;margin-bottom:1em;overflow-wrap:anywhere}
.v20-paper-page .v2261-paper-introduction .paper-object-block{margin-top:0}
.v2262-letter-date{align-self:start}
.v2262-footer-editor .rich-editor{min-height:110px;--v2262-point:1pt}
.v2262-footer-editor .rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.v2262-footer-editor .rich-toolbar label{display:flex;gap:5px;align-items:center;margin-left:auto}
.v2262-footer-editor .rich-toolbar select{width:auto}
.paper-footer{overflow-wrap:anywhere}
.paper-footer span{line-height:1.25}
@media screen{
.v20-paper-page{container-type:inline-size;--v2262-point:calc(100cqw / 595.2756)}
.v20-paper-page .v2261-paper-header{margin-bottom:4.2857cqw}
html[data-zaphi-theme="dark"] .v2262-footer-editor :is(.rich-editor,.rich-toolbar){background:#202b34;color:#edf2f6;border-color:#465560}
}
/* Mehr Platz für den tatsächlichen Termininhalt ohne eine Änderung der Zeitbreite. */
#planner .planner-row,#planner .employee-cell,#planner .day-cell{min-height:66px!important;height:66px!important}
#planner .appt.v20-appt{height:62px!important;top:2px!important;padding:5px 4px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px;font-family:var(--font-app,Arial,sans-serif)!important;color:var(--v2262-appt-text,#17212b)!important;text-shadow:none!important;overflow:hidden!important}
#planner .appt.v20-appt:has(.v211-appt-markerbar){padding-top:22px!important}
#planner .appt.v20-appt :is(.v20-appt-name,.v20-appt-address){display:block!important;padding:0!important;margin:0!important;min-width:0!important;width:100%!important;max-width:none!important;font-family:inherit!important;font-size:11px!important;line-height:16px!important;font-weight:600!important;letter-spacing:normal!important;color:inherit!important;text-shadow:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:none}
#planner .appt.v20-appt .v20-appt-address{font-weight:400!important}
#planner .appt.v20-appt .v20-appt-phone{display:none!important}
#planner .appt.v20-appt .v211-appt-markerbar{height:18px!important;top:0!important;display:flex!important;overflow:hidden!important}
#planner .appt.v20-appt .v211-appt-markerbar i{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:18px!important;padding:1px 3px!important;line-height:16px!important;font-size:10px!important;color:var(--v211-marker-text,#17212b)!important;text-shadow:none!important;font-family:inherit!important;overflow:hidden!important;box-sizing:border-box}
#planner .appt.v20-appt .v211-appt-markerbar i span{display:block!important;line-height:16px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#planner .appt.v20-appt .v20-appt-crew-pill{top:auto!important;bottom:2px!important;font-size:8px}
#v15BuilderSelectbar[hidden]{display:none!important}
.v2263-rich-field{min-width:0}
.v2263-rich-field>.rich-editor{min-height:110px;font-size:10pt;--v2262-point:1pt;white-space:pre-wrap}
.v2263-rich-field>.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.v2263-rich-field .rich-toolbar label{margin-left:auto;display:flex;align-items:center;gap:6px}
.v2263-rich-field .rich-toolbar select{width:auto;max-width:90px}
.v197-fixed-row.v2263-fixed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
html[data-zaphi-theme="dark"] .v2263-rich-field :is(.rich-editor,.rich-toolbar){background:#202b34;color:#edf2f6;border-color:#465560}
.v2263-fixed-row>select{grid-column:1/-1}
/* Gesammelte Korrekturen: kompakte Textwerkzeuge und durchgehende dunkle Dialoge. */
.v197-fixed-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v197-fixed-head>strong{margin-right:auto}
.v197-fixed-head .v2263-panel-format{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent}
.v197-fixed-head .v2263-panel-format button{min-width:28px;min-height:30px;padding:3px 7px}
.v197-fixed-head .v2263-panel-format label{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap;font-size:11px}
.v197-fixed-head .v2263-panel-format select{width:auto;min-height:30px;padding:3px 5px}
#page-cases>.page-head>.toolbar{display:flex}
#page-cases>.page-head>.toolbar .btn.primary{background:#fa7b17!important;color:#fff!important;border-color:#fa7b17!important}
#dashCases>tr.clickable:is(:hover,:focus-within)>td{background:#fff0e3!important;cursor:pointer}
html[data-zaphi-theme="dark"] #dashCases>tr.clickable:is(:hover,:focus-within)>td{background:#493425!important;color:#edf2f6!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm :is(.v20-marker-pick,.v20-participant-row,.v20-all-day-line,.v20-series-scope){background:#202b33!important;color:#edf2f6!important;border-color:#43535f!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm :is(.v20-marker-pick span,.v20-participant-row strong,.v20-participant-row label,.v20-all-day-line span){color:#edf2f6!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm :is(.v20-participant-same,.v20-participant-person small){color:#b8c5ce!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm input:disabled{color:#c9d4dc!important;opacity:1}
html[data-zaphi-theme="dark"] :is(.v215-template-basics,.v215-template-document,.v215-template-catalog,.v215-template-actions,.v215-template-search,.v215-template-surcharges,.v215-template-block,.v215-template-flags .checkline,.v215-template-service){background:#202b33!important;color:#edf2f6!important;border-color:#43535f!important}
html[data-zaphi-theme="dark"] :is(.v215-template-basics,.v215-template-document,.v215-template-catalog) :is(label,legend,h3,strong,.checkline span){color:#edf2f6!important}
html[data-zaphi-theme="dark"] :is(.v215-template-basics,.v215-template-document,.v215-template-catalog) :is(small,.muted,.v215-template-result-count){color:#b8c5ce!important}
html[data-zaphi-theme="dark"] .v215-template-preview{background:#141d24!important}
html[data-zaphi-theme="dark"] :is(.v215-template-order,.v215-template-block-actions button){background:#2a3741!important;color:#edf2f6!important;border-color:#43535f!important}
html[data-zaphi-theme="dark"] :is(.v215-template-service:hover,.v215-template-tree>button:hover){background:#493425!important;color:#edf2f6!important}
html[data-zaphi-theme="dark"] .v215-template-mini-paper,html[data-zaphi-theme="dark"] .v215-mini-paper{background:#fff!important;color:#20262d!important}
html[data-zaphi-theme="dark"] .v215-mini-paper :is(label,h3,h4,strong,span,p,small){color:#20262d!important}
/* Der vollständige Auftrag bleibt in der Akte auch auf schmalen Geräten lesbar. */
.v2266-case-description{margin:12px 0;min-width:0}
.v2266-case-description h3{margin:0 0 8px}
.v2266-case-description>div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
/* SOURCE: styles/features/v02267-case-usability.css */
/* Explicit close actions use the same orange in light and dark themes. */
html body .v2267-close,html[data-zaphi-theme="dark"] body .v2267-close{background:#f87917!important;border-color:#f87917!important;color:#fff!important}
html body .v2267-close:hover{background:#df6810!important;border-color:#df6810!important}
.v2267-case-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
.v2267-case-heading>.kv{flex:1 1 200px;min-width:0}
.v2267-case-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.v2267-case-actions .btn{white-space:nowrap}
.v2267-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px!important;flex:none}
.v2267-copy-mark{position:absolute;right:3px;bottom:2px;background:inherit;border-radius:3px}
.v2267-copy-mark svg{width:11px;height:11px}
.v2267-phone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.v2267-call{display:none}
html[data-zaphi-phone="true"] .v2267-call{display:inline;color:inherit;text-decoration:underline;padding:8px 0}
html[data-zaphi-phone="true"] .v2267-phone>span{display:none}
#v2267PlannerReturn{margin-left:auto;white-space:nowrap}
html[data-zaphi-phone="true"] :is(.v12-top-nav,#sidebar) [data-v12-page]:not([data-v12-page="dashboard"]):not([data-v12-page="time"]),
html[data-zaphi-phone="true"] :is(.v12-top-nav,#sidebar) [data-page]:not([data-page="dashboard"]):not([data-page="time"]){display:none!important}
html[data-zaphi-phone="true"] .v12-top-nav{display:flex!important;gap:4px;justify-content:space-between}
html[data-zaphi-phone="true"] .v12-top-nav>a{flex:1;text-align:center;min-height:44px;padding:10px 5px}
html[data-zaphi-phone="true"] :is(.v2267-icon-button,.v2267-case-actions .btn){min-height:44px;min-width:44px}
html[data-zaphi-phone="true"] .v2267-case-heading{align-items:stretch}
html[data-zaphi-phone="true"] .v2267-case-actions{width:100%;justify-content:flex-start}
html[data-zaphi-phone="true"] #v2267PlannerReturn{margin:4px 0;white-space:normal}
html.zaphi-fast-read-model .zfr-case-table col.v20-col-tenant{width:260px}
/* Case tiles keep their own actions; edit is available by mouse and keyboard. */
.v2268-editable-tile{cursor:pointer;transition:background-color .15s,border-color .15s}
html body .v2268-editable-tile:hover,html body .v2268-editable-tile:focus-visible{background:rgba(248,121,23,.18)!important;border-color:#f87917!important;outline:2px solid transparent}
.v2268-site-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px}
.kv>.v194-status-button,.kv>[data-v2266-case-tenant]{display:block;margin-top:10px}
.v2268-phone-list{margin-top:8px}
html body .v2268-phone-copy{display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:inherit;width:1.6em;height:1.6em;padding:.25em!important;min-width:0;min-height:0;background:transparent;border-color:transparent;color:inherit}
.v2268-phone-copy svg{width:1em;height:1em}
html body .v2268-phone-copy:hover{color:#f87917;border-color:#f87917}
.zfr-case-table .v2267-phone{gap:4px;flex-wrap:nowrap;font-size:inherit}
.zfr-case-table .v2267-phone>span{display:inline!important}
html body .v13-contact-row{display:grid!important;grid-template-columns:minmax(90px,160px) minmax(0,1fr) 38px;align-items:center;gap:8px;margin-bottom:8px}
html body .v13-contact-row>input,html body .v13-contact-row>select{width:100%;min-width:0;margin:0;box-sizing:border-box}
html body .v13-contact-row>.v2268-contact-delete{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px!important;margin:0}
html[data-zaphi-theme="dark"] .v197-address-heading{background:#202a32;border-color:#41515d;color:#edf2f7}
html[data-zaphi-theme="dark"] .v197-address-heading small{color:#b6c3ce}
#modalBackdrop .modal.v2268-inline-editor>.modal-foot{display:none!important}
@media(max-width:600px){html body .v13-contact-row{grid-template-columns:minmax(84px,30%) minmax(0,1fr) 34px;gap:5px}html body .v13-contact-row>.v2268-contact-delete{width:34px}html body .v13-contact-row>select{padding-left:5px;padding-right:5px}}
/* Compact actions at the top right of their own case tiles. */
html body .kv.v2269-action-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-content:start;align-items:start}
.v2269-action-tile>small,.v2269-action-tile>strong,.v2269-action-tile>span,.v2269-action-tile>.v2268-phone-list{grid-column:1}
html body .v2269-action-tile>:is([data-v2266-case-tenant],.v194-status-button,.v2268-site-actions){grid-column:2;grid-row:1 / span 3;margin:0!important;align-self:start}
.v2269-action-tile>.v2268-site-actions{align-items:stretch;gap:5px}
html[data-zaphi-theme="dark"] #planner .v11-nonwork,html[data-zaphi-theme="dark"] #planner .v11-nonwork.full{background:rgba(200,208,216,.32)!important;box-shadow:inset 0 0 0 1px rgba(210,218,225,.16)}
#plannerHint{display:none!important}
html[data-zaphi-theme="dark"] #modalBody :is(.rich-editor,.rich-toolbar,.rich-editor-wrap,.v17-calc-search,.v17-calc-results){background:#202b33!important;color:#edf2f6!important;border-color:#43535f!important}
html[data-zaphi-theme="dark"] #modalBody :is(.rich-editor,.v17-calc-search) :is(p,span,label,.muted){color:inherit}
html body .v20-document-term-row{grid-template-columns:170px minmax(120px,1fr) minmax(120px,1fr) minmax(65px,.5fr);align-items:center;gap:8px}
html body .v20-document-term-row>.checkline{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:auto;text-align:left}
html body .v20-document-term-row>.checkline input[type="checkbox"]{width:14px;height:14px;flex:0 0 14px;padding:0;margin:0}
html body .v20-document-term-row :is(input:not([type="checkbox"]),select){box-sizing:border-box;height:38px;padding:7px 10px;font:inherit;width:100%;min-width:0}
html body .v20-term-number{position:relative;display:block}
html body .v20-term-number input{padding-right:42px!important}
.v20-term-number>span{position:absolute;right:9px;top:50%;transform:translateY(-50%)}
#v217CaseFiles>.section-title{padding-top:0;margin-top:0;margin-bottom:10px;min-height:0}
#v217CaseFiles>.section-title h3{margin:0}
.v2269-folder-tools{display:flex;align-items:center;gap:4px}
.v2269-folder-tools>strong{margin-right:auto}
html body .v2269-folder-add{display:inline-flex;align-items:center;justify-content:center;width:27px;height:28px;padding:3px!important}
html body #v217CaseFiles .v218-storage-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px 14px;padding:7px 0 0;margin:0;border:0;background:transparent!important;box-shadow:none}
html body #v217CaseFiles .v218-storage-summary>div{display:flex;align-items:baseline;gap:8px}
html body #v217CaseFiles .v218-original-option>span{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;flex-wrap:wrap}
html body #v217CaseFiles .v218-original-option small{margin:0}
.v2269-transfer-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;padding-top:8px}
@media(max-width:600px){html body .v20-document-term-row{grid-template-columns:110px minmax(65px,1fr) minmax(65px,1fr)}.v20-document-term-row>strong{grid-column:2 / -1}.v2269-action-tile>.btn{white-space:normal}}
/* Korrektur 16: breite Kontaktkachel und dauerhaft sichtbare Bearbeitungsinfo. */
.v2267-case-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.v2270-contact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;border:1px solid var(--line,#45545f);border-radius:10px;padding:10px 12px;align-items:start}
html body .v2270-contact-card>.kv{display:block;min-width:0;border:0;margin:0;padding:0;background:transparent}
.v2270-contact-card>.kv>small,.v2270-contact-card>.kv>strong{display:block}
.v2270-contact-card>.kv>strong{overflow-wrap:anywhere}
.v2270-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.v2270-contact-actions .btn{margin:0;white-space:nowrap}
.v2267-case-actions{justify-content:flex-end}
html body .kvs.v2270-case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.v2270-case-facts>.kv{height:auto;min-width:0}
html body .kv.v2270-status-tile{grid-template-rows:auto 1fr;align-content:stretch}
html body .v2270-status-tile>.v194-status-button{grid-row:2;grid-column:2;align-self:end}
.v2270-status-tile>small{grid-row:1;grid-column:1 / -1}
.v2270-status-tile>.v211-status-chip{align-self:end}
.v2270-document-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
.v2270-document-heading>h3,.v2270-document-heading>.v13-doc-create{margin:0}
.v2270-document-heading>.v13-doc-create{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.modal-foot:has(.v2270-case-footer-meta){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v2270-case-footer-meta{order:-1;flex:1 1 280px;font-size:12px;text-align:left;line-height:1.5}
.v2270-legacy-history{white-space:pre-wrap;font-size:12px;line-height:1.5;margin:8px 0}
html body button[data-catalog-delete]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;padding:0;line-height:1;vertical-align:middle}
button[data-catalog-delete]>svg{display:block;flex:0 0 16px;width:16px;height:16px;margin:0}
.zfr-dashboard-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;font-size:13px}
@media(max-width:700px){
.v2270-contact-card{grid-template-columns:minmax(0,1fr) auto;gap:12px}
.v2270-contact-card>.kv{grid-column:1}
.v2270-contact-actions{grid-column:2;grid-row:1 / span 2}
html body .kvs.v2270-case-facts{grid-template-columns:minmax(0,1fr)}
.v2270-document-heading{align-items:flex-start;flex-wrap:wrap}
}
.modal:not(.v216-case-record-modal) .v2270-case-footer-meta,.modal.v2261-case-action-modal .v2270-case-footer-meta{display:none}
/* Korrektur 17: Identität und Status im Kopf, sechs Aktionen in der Kontaktkachel. */
.v216-case-record-modal>.modal-head{gap:10px;align-items:center}
.v216-case-record-modal>.modal-head>#modalTitle{flex:1;min-width:0;overflow-wrap:anywhere;margin:0}
html body .v2272-case-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;flex:none;border-color:#f87917;background:transparent}
.v2272-case-status:hover,.v2272-case-status:focus-visible{outline:2px solid #f87917;outline-offset:2px}
.modal:not(.v216-case-record-modal) .v2272-case-status,.modal.v2261-case-action-modal .v2272-case-status{display:none!important}
.v2267-case-heading{margin:0 0 10px}
.v2270-contact-card{grid-template-columns:minmax(140px,260px) minmax(180px,330px) max-content;justify-content:start;gap:16px}
.v2270-contact-actions{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:5px 8px;align-items:start;align-content:start}
.v2270-contact-actions>[data-case-action-column="1"]{grid-column:1}
.v2270-contact-actions>[data-case-action-column="2"]{grid-column:2}
.v2270-contact-actions>.v2267-icon-button{width:34px;height:34px;padding:6px!important;justify-self:start}
.v2272-description-row{display:grid;grid-template-columns:minmax(0,1fr) fit-content(32%);gap:12px;align-items:start;margin:0 0 12px}
html body .v2272-description-row>.v2266-case-description{margin:0;min-width:0;overflow-wrap:anywhere}
.v2272-case-subject{display:block;margin:0 0 8px}
html body .v2272-description-row>.kvs.v2270-case-facts{grid-template-columns:minmax(0,1fr);margin:0;gap:8px;min-width:0}
.v2272-description-row .v2270-case-facts>.kv{margin:0;overflow-wrap:anywhere}
.v2272-description-row .v2270-case-facts>.kv>strong{display:block}
@media(max-width:850px){
.v2270-contact-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.v2270-contact-card>.kv{grid-column:auto}
.v2270-contact-actions{grid-column:1 / -1;grid-row:auto;justify-content:start}
}
@media(max-width:600px){
.v216-case-record-modal>.modal-head{flex-wrap:wrap}
.v216-case-record-modal>.modal-head>#modalTitle{flex-basis:calc(100% - 54px)}
.v216-case-record-modal>.modal-head>.v2272-case-status{order:3}
.v2272-description-row{grid-template-columns:minmax(0,1fr)}
html body .v2270-contact-actions>.btn{min-height:44px;min-width:44px;white-space:normal}
}
/* SOURCE: styles/features/v02268/update.css */
/* ZaPhi Manager v0.22.60 · Korrektur 18 */
/* Kundendaten bleiben in der verfügbaren Fensterhöhe; nur die Spalten scrollen. */
#page-customers.active.v2268-customer-workspace{height:calc(100dvh - 86px);max-height:calc(100dvh - 86px);overflow:hidden;display:flex;flex-direction:column}
#page-customers.v2268-customer-workspace>.page-head{flex:none}
#page-customers.v2268-customer-workspace>.split{flex:1;min-height:0;overflow:hidden}
#page-customers.v2268-customer-workspace :is(#customerList,#customerDetail){height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
/* Vorgangsidentität und Aktionen. */
#modalTitle:has(.v2268-case-tenant){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:baseline}
.v2268-case-number{font-size:.7em;color:var(--muted);font-weight:700}
.v2268-case-tenant{font-size:1em;font-weight:850;color:var(--ink)}
.v2268-case-customer{grid-column:2;display:block;font-size:.58em;line-height:1.25;color:var(--muted);font-weight:400}
.v2270-contact-card{grid-template-columns:minmax(110px,1fr) minmax(130px,1.1fr) minmax(130px,1fr) auto;justify-content:stretch;gap:14px}
.v2270-contact-actions{display:grid;grid-template-columns:minmax(145px,max-content) 40px;grid-template-rows:auto;grid-auto-flow:row;align-items:start;justify-self:end;gap:7px;width:auto;grid-column:4;grid-row:1}
.v2268-symbol-actions,.v2268-text-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:40px;align-items:stretch;gap:6px}.v2268-text-actions{grid-column:1}.v2268-symbol-actions{grid-column:2}
html body .v2268-symbol-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:6px!important}
.v2268-symbol-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v2268-at{font-size:22px;font-weight:900;line-height:1}
.v2268-text-actions>.btn{white-space:nowrap;margin:0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
/* Aufmaß: neue Elemente, Radiergummi und kompakter Ausdruck. */
.v2268-measure-status{display:grid;gap:6px;margin-top:4px}.v2268-measure-status>span{font-weight:700}.v2268-measure-status small{color:var(--muted)}
.v2268-measure-element{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px!important}
.v2268-measure-element label{display:grid;gap:5px}.v2268-measure-element :is(input,textarea){width:100%;box-sizing:border-box}.v2268-drag-handle{padding-top:28px;color:var(--muted)}
#v212MeasurementPositions.v2268-drop-target{outline:3px dashed var(--orange);outline-offset:5px;border-radius:8px}
.v2268-sketch-tools{display:flex;gap:5px;margin-right:auto}.v2268-sketch-tools .active{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
.v2268-measure-print-room{font-size:10pt;font-weight:850;padding:2mm 0 1.2mm;border-bottom:.35mm solid #555;break-after:avoid}
.v2268-measure-print-text{font-size:8.5pt;line-height:1.35;padding:1.5mm 0 2mm;break-inside:avoid}
.v212-measure-print-page{padding:10mm 12mm 12mm!important}
.v212-measure-print-page>main{gap:2mm!important}
.v212-measure-print-position{break-inside:avoid}
.v212-measure-print-position header{padding:1.4mm 2mm!important}
.v212-measure-print-position p{margin:1.4mm 2mm!important}
.v212-measure-print-sketch{max-height:44mm!important;margin:1.5mm 2mm!important;width:calc(100% - 4mm)!important}
.v212-measure-print-photos{margin:1.5mm 2mm!important}
/* In Preis-Dokumenten trennen nur Raumabschnitte die Positionsgruppen. */
.v20-paper-page .paper-table tbody td{border-bottom:0!important}
.v20-paper-page .paper-table tbody .v2268-room-end td{border-bottom:.35mm solid #555!important}
.v20-paper-page .paper-section-row td{border-bottom:0!important}
/* Einzeilige Überschriftenaktionen und standardmäßig verborgene Statistiken. */
#page-documents>.page-head{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
#page-documents>.page-head>div:first-child{min-width:0}
.v2268-heading-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;white-space:nowrap}
.v203-invoice-kpis[hidden]{display:none!important}
.v2268-report-options{display:grid;gap:14px;margin-top:16px}.v2268-report-options label{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:end}.v2268-report-options label>span{grid-column:1/-1;font-weight:700}
/* Tablet-Arbeitsansicht. */
html[data-zaphi-tablet="true"] :is(#metrics,#v195CaseSummary,#zfrStatusAudit,.v195-case-summary,.v212-case-summary){display:none!important}
html[data-zaphi-tablet="true"] :is(.v12-top-nav,#sidebar) [data-v12-page="documents"],
html[data-zaphi-tablet="true"] :is(.v12-top-nav,#sidebar) [data-v12-mode="invoices"],
html[data-zaphi-tablet="true"] :is(.v12-top-nav,#sidebar) [data-v12-page="incoming"],
html[data-zaphi-tablet="true"] :is(.v12-top-nav,#sidebar) [data-page="documents"],
html[data-zaphi-tablet="true"] :is(.v12-top-nav,#sidebar) [data-page="incoming"]{display:none!important}
html[data-zaphi-tablet="true"] #page-dashboard>.v20-dashboard-main{display:block!important}
html[data-zaphi-tablet="true"] #page-dashboard .v20-dashboard-cases-card{display:none!important}
.v2268-tablet-appointments{overflow:hidden}.v2268-appointment-list{display:grid;max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:contain}
.v2268-appointment{appearance:none;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left}
.v2268-appointment:hover,.v2268-appointment:focus-visible{background:rgba(248,121,23,.12);outline:none}.v2268-appointment time,.v2268-appointment>span{display:grid;gap:3px}.v2268-appointment small,.v2268-appointment time span{color:var(--muted)}
.v2268-appointment-details{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink)}.v2268-appointment-details[hidden]{display:none}.v2268-appointment-details p{margin:8px 0;white-space:normal;overflow-wrap:anywhere}.v2268-appointment[aria-busy="true"]{cursor:progress}
@media(max-width:700px){.v2270-contact-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.v2270-contact-card>.kv:first-child{grid-column:1 / -1}.v2270-contact-card>.kv{grid-column:auto}.v2270-contact-actions{grid-column:1 / -1;grid-row:auto;justify-self:end}.v2268-symbol-actions,.v2268-text-actions{grid-auto-rows:44px}html body .v2268-symbol-action{width:44px;height:44px;min-width:44px}.v2270-contact-actions{grid-template-columns:minmax(145px,max-content) 44px}.v2268-text-actions>.btn{height:44px}}
@media(max-width:700px){#page-documents>.page-head{align-items:flex-start}.v2268-heading-actions{gap:5px}.v2268-heading-actions .btn{padding-left:8px;padding-right:8px}.v2268-report-options label{grid-template-columns:1fr}.v2268-report-options label>*{grid-column:1}.v2268-appointment{grid-template-columns:110px minmax(0,1fr) auto}}
@media print{
@page{size:A4 portrait;margin:0}
.v212-measure-print-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;overflow:hidden!important;box-sizing:border-box!important;break-after:page!important;page-break-after:always!important}
.v212-measure-print-page:last-child{break-after:auto!important;page-break-after:auto!important}
}
/* Geplanter Aufwand: drei gleich breite Felder, mit eindeutigen Arbeitstagen. */
.v2284-effort-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v2284-effort-fields>.field{min-width:0;margin:0}
.v2284-effort-stepper{display:grid;grid-template-columns:minmax(0,1fr) 30px;min-height:48px;gap:4px}
.v2284-effort-stepper input{min-width:0;width:100%;height:100%;box-sizing:border-box;appearance:textfield;-moz-appearance:textfield}
.v2284-effort-stepper input::-webkit-inner-spin-button,.v2284-effort-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.v2284-effort-stepper>span{display:grid;grid-template-rows:1fr 1fr;gap:3px}
html body .v2284-effort-stepper .btn{padding:0;min-width:0;min-height:23px;font-size:11px;border-radius:5px}
.v2284-effort-hint{display:block;margin-top:7px;color:var(--muted)}
@media(pointer:coarse){.v2284-effort-stepper{grid-template-columns:minmax(0,1fr) 36px}.v2284-effort-stepper>span{min-height:64px}html body .v2284-effort-stepper .btn{min-height:30px}}
/* SOURCE: styles/features/v02269/update.css */
/* ZaPhi Manager v0.22.61 · Korrektur 19 */
/* Kundendaten: die Seite steht fest, jede Spalte scrollt genau einmal. */
#page-customers.active.v2269-customer-workspace{height:calc(100dvh - var(--v2269-customer-top,86px))!important;max-height:calc(100dvh - var(--v2269-customer-top,86px))!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column}
#page-customers.v2269-customer-workspace>.page-head{flex:none}
#page-customers.v2269-customer-workspace>.split{flex:1;min-height:0;overflow:hidden!important}
#page-customers.v2269-customer-workspace #customerList{height:100%;min-height:0;overflow:auto!important;overscroll-behavior:contain}
#page-customers.v2269-customer-workspace #customerDetail{height:100%;min-height:0;overflow:hidden!important;display:flex;flex-direction:column}
#page-customers.v2269-customer-workspace #customerDetail>.zfr-customer-detail,
#page-customers.v2269-customer-workspace #customerDetail>.detail{height:100%;min-height:0;overflow:auto!important;overscroll-behavior:contain}
.v2268-at{font-weight:400!important}
/* Vorgangsspalten: der letzte Rand ist kein verstellbarer Zwischenraum. */
#page-cases .v20-case-table thead th:last-child>.v211-column-resizer{display:none!important}
#page-cases .v211-column-resizer{right:-5px!important;width:11px!important}
/* Kompakte bestätigte Dokumentposition und Langtextsteuerung. */
#v09BuilderCanvas .v2269-position-compact{grid-template-columns:max-content minmax(0,1fr) 34px!important;min-height:42px!important;padding-block:6px!important}
.v2269-position-title{display:flex;align-items:baseline;gap:8px;min-width:0}.v2269-position-title>strong{flex:none;color:var(--muted);font-size:12px}.v2269-position-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
#v09BuilderCanvas .v2269-position-compact>.v2269-position-quantity{grid-column:1;grid-row:1;white-space:nowrap;font-size:inherit;font-variant-numeric:tabular-nums;text-align:left}
#v09BuilderCanvas .v2269-position-compact>.v2269-position-title{grid-column:2;grid-row:1}
#v09BuilderCanvas .v2269-position-compact>.v217-position-menu{grid-column:3!important;grid-row:1}
.v2269-longtext-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}.v2269-longtext-editor>label:first-child{display:grid;gap:4px}.v2269-longtext-editor textarea{width:100%;box-sizing:border-box;resize:vertical}.v2269-longtext-editor .checkline{white-space:nowrap;margin-bottom:7px}.v2269-enter-hint{display:block;margin-top:6px;color:var(--muted)}
.v2269-delivery-builder .v09-palette-item small,.v2269-delivery-builder #v09BuilderSummary,.v2269-delivery-position .v09-price-field,.v2269-delivery-position .v15-position-total{display:none!important}
.v2269-delivery-position .v09-line-grid{grid-template-columns:90px 100px minmax(220px,1fr)!important}
.v2269-delivery-setup{margin-top:14px}
/* Sichtbare Register im Aufmaßkatalog. */
.v2269-hidden-catalog-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.v2269-measure-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.v2269-measure-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:750;padding:11px 5px;cursor:pointer}
.v2269-measure-tabs button.active{border-bottom-color:var(--orange);background:rgba(244,123,32,.12);color:var(--orange)}
.v2269-workshop-block{margin:10px 0 0 auto;width:max-content;font-size:12px}.v2269-workshop-photo{display:flex;align-items:center;gap:4px;padding:4px 2px;font-size:11px}.v2269-workshop-photo input{width:auto!important}
/* Skizzenwerkzeuge. */
.v2269-sketch-controls{display:flex;align-items:center;gap:9px;margin-right:auto}.v2269-sketch-tool-buttons{display:flex;gap:4px}.v2269-sketch-tool-buttons button{display:grid;place-items:center;width:38px;min-width:38px;padding:6px}.v2269-sketch-tool-buttons svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v2269-sketch-tool-buttons .active{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}.v2269-sketch-controls>label{display:grid;grid-template-columns:auto 90px 24px;align-items:center;gap:5px;font-size:11px}.v2269-sketch-controls input[type=range]{width:90px}.v2269-sketch-controls b{text-align:right;font-variant-numeric:tabular-nums}
/* Aufmaß- und Werkstattdruck. */
.v2269-measure-effort{display:flex;justify-content:flex-end;align-items:baseline;gap:4mm;margin:2mm 0 8mm auto;font-size:10.5pt}.v2269-measure-effort strong{font-size:9pt}.v2269-measure-effort span{font-weight:800}
.v2269-workshop-actions{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;gap:8px;padding:8px;background:var(--bg)}
.v2269-workshop-page{padding:12mm 14mm 14mm!important;font-family:Arial,sans-serif}.v2269-workshop-page>header{display:flex;justify-content:space-between;gap:10mm;border-bottom:.5mm solid #ef7c19;padding-bottom:3mm}.v2269-workshop-page>header>div{display:grid}.v2269-workshop-page>header strong{font-size:18pt}.v2269-workshop-page>header dl{display:grid;gap:1mm;min-width:48mm;margin:0;font-size:8pt}.v2269-workshop-page>header dl div{display:flex;justify-content:space-between;gap:5mm}.v2269-workshop-address{display:grid;gap:1mm;margin:4mm 0;padding:3mm;border:.2mm solid #bbb;font-size:9pt}.v2269-workshop-page>main{display:grid;gap:2.5mm}.v2269-workshop-page>footer{position:absolute;left:14mm;right:14mm;bottom:7mm;border-top:.2mm solid #bbb;padding-top:1.5mm;font-size:6.5pt;color:#555}
@media(max-width:850px){.v2269-longtext-editor{grid-template-columns:1fr}.v2269-sketch-controls{flex-wrap:wrap}.v2269-measure-tabs button{font-size:10px;padding-inline:2px}}
@media print{.v2269-workshop-actions{display:none!important}.v2269-workshop-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;overflow:hidden!important;box-sizing:border-box!important;break-after:page!important}.v2269-workshop-page:last-child{break-after:auto!important}}
/* SOURCE: styles/features/v02270/update.css */
/* ZaPhi Manager v0.22.62 · Korrektur 20 */
/* Alle Kennzahlen sitzen in derselben Zeile wie die jeweilige Überschrift. */
#page-dashboard>.page-head.v2270-kpi-head,
#page-cases>.page-head.v2270-kpi-head,
#page-documents>.page-head.v2270-kpi-head{
display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;min-width:0;margin-bottom:10px!important
}
.v2270-kpi-head>div:first-child{flex:none;min-width:0}
.v2270-kpi-head h1{white-space:nowrap}
.v2270-compact-kpis{min-width:0;margin:0!important}
/* Übersicht: Gesamtbestand, ohne Monatsumschaltung. */
#v12DashboardPeriod{display:none!important}
html.zaphi-fast-read-model[data-zaphi-fast-ui="true"] #page-dashboard>.page-head #metrics.v2270-dashboard-kpis,
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis{
display:flex!important;flex:1 1 auto;flex-wrap:nowrap!important;gap:7px!important;width:auto!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 0 2px!important;scrollbar-width:thin
}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .v12-metric{
flex:1 0 126px!important;min-width:126px!important;width:auto!important;min-height:50px!important;padding:6px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"label value" "hint value";column-gap:8px;row-gap:1px;align-items:center;border-radius:9px!important
}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .label{grid-area:label;min-height:0!important;margin:0!important;font-size:10px!important;line-height:1.12!important;align-self:end}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .num{grid-area:value;margin:0!important;font-size:19px!important;line-height:1!important;text-align:right;white-space:nowrap}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .sub{grid-area:hint;margin:0!important;padding:0!important;font-size:8px!important;line-height:1.12!important;align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .warn{box-shadow:inset 3px 0 #d79b36,var(--shadow-card)!important}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .danger{box-shadow:inset 3px 0 #c83b3b,var(--shadow-card)!important}
/* Vorgänge: Bezeichnung und Hinweis links, Zähler rechts. */
#page-cases>.page-head .v2270-case-kpis{
display:flex!important;flex:1 1 auto;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto;overflow-y:hidden;padding:1px 0 2px;scrollbar-width:thin
}
#page-cases>.page-head .v2270-case-kpis .v212-case-kpi{
flex:1 0 132px;min-width:132px;min-height:50px!important;padding:6px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"label value" "hint value";column-gap:8px;row-gap:1px;border-radius:9px!important
}
#page-cases>.page-head .v2270-case-kpis .v212-case-kpi:before{inset:0 auto 0 0;width:3px;height:auto}
#page-cases>.page-head .v2270-case-kpis small{grid-area:label;min-height:0;margin:0!important;font-size:9px!important;line-height:1.12;align-self:end}
#page-cases>.page-head .v2270-case-kpis strong{grid-area:value;margin:0!important;font-size:19px!important;line-height:1;text-align:right;white-space:nowrap;align-self:center}
#page-cases>.page-head .v2270-case-kpis span:not(.zfr-loading-inline){grid-area:hint;margin:0!important;font-size:8px!important;line-height:1.12;align-self:start;white-space:normal}
#page-cases>.page-head>.toolbar{flex:none;width:auto!important}
/* KV/Rechnung: Kennzahlen laufen von den rechten Aktionen nach links. */
#page-documents>.page-head .v2270-document-kpis{
position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;padding:1px 0 2px!important;display:flex!important;flex:1 1 auto;justify-content:flex-end;grid-template-columns:none!important;gap:7px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin
}
#page-documents>.page-head .v2270-document-kpis[hidden]{display:none!important}
#page-documents>.page-head .v2270-document-kpis button{
flex:0 0 154px;min-width:154px;min-height:50px;padding:6px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"label value" "hint value";column-gap:8px;row-gap:1px;border-radius:9px!important
}
#page-documents>.page-head .v2270-document-kpis span{grid-area:label;font-size:9px!important;line-height:1.12;align-self:end}
#page-documents>.page-head .v2270-document-kpis strong{grid-area:value;margin:0!important;font-size:16px!important;line-height:1;text-align:right;white-space:nowrap;align-self:center}
#page-documents>.page-head .v2270-document-kpis small{grid-area:hint;font-size:8px!important;line-height:1.12;align-self:start}
#page-documents>.page-head .v2268-heading-actions{margin-left:0;flex:none}
#page-documents>.page-head .toolbar:has(.v2270-removed-offer-create){display:none!important}
html[data-zaphi-tablet="true"] :is(.v2270-dashboard-kpis,.v2270-case-kpis,.v2270-document-kpis){display:none!important}
@media(max-width:900px){.v2270-kpi-head h1{font-size:21px!important}.v2270-dashboard-kpis,.v2270-case-kpis,.v2270-document-kpis{scrollbar-width:auto}}
/* SOURCE: styles/features/v02271/update.css */
/* ZaPhi Manager v0.22.63 · Korrektur 21 */
/* KV und Rechnungen: beide Kennzahlengruppen dauerhaft und flach im Kopf. */
#page-documents>.page-head.v2271-document-head{display:flex!important;align-items:center!important;flex-flow:row nowrap!important;gap:9px!important;min-width:0}
.v2271-document-kpi-strip{display:flex;align-items:stretch;justify-content:flex-end;gap:6px;min-width:0;flex:1 1 auto;margin-left:auto;overflow-x:auto;overflow-y:hidden;padding:1px 0 2px;scrollbar-width:thin}
#page-documents>.page-head .v2271-status-kpis,#page-documents>.page-head .v2271-financial-kpis{display:flex!important;position:static!important;flex:none;grid-template-columns:none!important;gap:6px!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important}
#page-documents>.page-head .v2271-status-kpis>div,#page-documents>.page-head .v2271-financial-kpis>button{box-sizing:border-box;flex:0 0 142px;min-width:142px!important;width:142px!important;min-height:48px!important;margin:0!important;padding:6px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"label value" "hint value"!important;column-gap:7px;row-gap:1px;border-radius:9px!important}
#page-documents>.page-head .v2271-status-kpis small,#page-documents>.page-head .v2271-financial-kpis span{grid-area:label;min-height:0!important;margin:0!important;font-size:9px!important;line-height:1.1!important;align-self:end;color:var(--muted,#8a929d)}
#page-documents>.page-head .v2271-status-kpis strong,#page-documents>.page-head .v2271-financial-kpis strong{grid-area:value;margin:0!important;font-size:16px!important;line-height:1!important;text-align:right;white-space:nowrap;align-self:center}
#page-documents>.page-head .v2271-status-kpis span,#page-documents>.page-head .v2271-financial-kpis small{grid-area:hint;margin:0!important;font-size:8px!important;line-height:1.1!important;align-self:start;color:var(--muted,#8a929d)}
#page-documents>.page-head .v2268-heading-actions{flex:none;margin-left:0}
#page-documents>.page-head .v2268-statistics-button{display:none!important}
/* Im Aufmaß selbst gibt es keine Werkstatt-Checkboxen. */
.v212-measure-editor :is(.v2269-workshop-block,.v2269-workshop-photo,[data-v2269-workshop]){display:none!important}
.v2271-workshop-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:14px;align-items:start;margin-top:12px}
.v2271-workshop-photo-options{position:sticky;top:0;display:grid;gap:10px;max-height:calc(100dvh - 150px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v2271-workshop-photo-options h3,.v2271-workshop-photo-options p{margin:0}.v2271-workshop-photo-options p{font-size:11px;color:var(--muted);line-height:1.35}
.v2271-workshop-photo-options section{display:grid;gap:6px;padding-top:9px;border-top:1px solid var(--line)}
.v2271-workshop-photo-options label{display:grid;grid-template-columns:auto 54px minmax(0,1fr);gap:8px;align-items:center;cursor:pointer;font-size:11px}
.v2271-workshop-photo-options img{width:54px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
html[data-zaphi-theme="dark"] .v2271-workshop-photo-options{background:#1b2229;color:#edf2f6;border-color:#3b4651}
@media(max-width:900px){.v2271-workshop-layout{grid-template-columns:1fr}.v2271-workshop-photo-options{position:static;max-height:none}.v2271-document-kpi-strip{scrollbar-width:auto}}
@media print{.v2271-workshop-photo-options{display:none!important}}
/* SOURCE: styles/features/v02272/update.css */
/* ZaPhi Manager v0.22.65 · Korrektur 23 */
/* Das Dokumentauswahlfenster dockt rechts an und wächst in den sichtbaren Bereich hinein. */
.v213-document-picker-popover{left:auto!important;right:0!important;max-width:calc(100vw - 24px)!important;overscroll-behavior:contain}
/* Korrektur 25: Layoutklassen dürfen eine verlassene Seite niemals einblenden.
Das gilt sofort beim Klassenwechsel, unabhängig von MutationObservern. */
#page-customers.page:not(.active){display:none!important}
/* Genau ein Scrollbereich je Kundenspalte, ausschließlich auf der aktiven Seite. */
html.v2272-customer-page #page-customers.active.v2272-customer-workspace{height:var(--v2272-customer-height)!important;max-height:var(--v2272-customer-height)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column}
#page-customers.v2272-customer-workspace>.page-head{flex:none!important}
#page-customers.v2272-customer-workspace>.split{flex:1!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}
#page-customers.v2272-customer-workspace #customerList{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#page-customers.v2272-customer-workspace #customerList>.section-title,
#page-customers.v2272-customer-workspace #customerList>.zfr-customer-search,
#page-customers.v2272-customer-workspace #customerList>.zfr-pagination{flex:none!important}
#page-customers.v2272-customer-workspace #customerList>.zfr-customer-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain}
#page-customers.v2272-customer-workspace #customerDetail{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#page-customers.v2272-customer-workspace #customerDetail>.zfr-customer-detail,
#page-customers.v2272-customer-workspace #customerDetail>.detail{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
/* Kennzahlen dürfen umbrechen und können sich niemals gegenseitig überdecken. */
#page-documents>.page-head.v2272-document-head{align-items:flex-start!important;flex-wrap:wrap!important;overflow:visible!important}
.v2272-document-kpi-strip{display:flex!important;flex:1 1 760px!important;flex-wrap:wrap!important;justify-content:flex-end!important;overflow:visible!important;min-width:0!important}
#page-documents>.page-head .v2272-document-kpi-strip :is(.v2271-status-kpis,.v2271-financial-kpis){display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;min-width:0!important}
#page-documents>.page-head .v2272-document-kpi-strip .v2271-status-kpis>div,
#page-documents>.page-head .v2272-document-kpi-strip .v2271-financial-kpis>button{position:relative!important;flex:0 0 176px!important;width:176px!important;min-width:176px!important;max-width:176px!important;min-height:54px!important;height:auto!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"label value" "hint value"!important;align-items:center!important}
#page-documents>.page-head .v2272-document-kpi-strip :is(small,span,strong){position:static!important;max-width:100%!important;min-width:0!important}
#page-documents>.page-head .v2272-document-kpi-strip :is(.v2271-status-kpis small,.v2271-financial-kpis span){white-space:normal!important;overflow-wrap:anywhere!important}
#page-documents>.page-head .v2272-document-kpi-strip :is(.v2271-status-kpis strong,.v2271-financial-kpis strong){white-space:nowrap!important;text-align:right!important;padding-left:5px!important}
/* Aufmaßvorschau und Druck: Menge, Positionsnummer und Text in festen Spuren. */
.v2272-measure-print-position>header{display:grid!important;grid-template-columns:26mm 18mm minmax(0,1fr)!important;gap:2mm!important;align-items:start!important}
.v2272-measure-print-position .v213-measure-print-qty,.v2272-measure-print-number{white-space:nowrap!important}
.v2272-measure-print-title{min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important}
.v2272-measure-print-position>p{margin-left:3mm!important;margin-right:3mm!important}
@media(max-width:760px){.v213-document-picker-popover{position:fixed!important;left:12px!important;right:12px!important;max-width:none!important}.v2272-document-kpi-strip{justify-content:flex-start!important}.v2272-measure-print-position>header{grid-template-columns:24mm 16mm minmax(0,1fr)!important}}
/* SOURCE: styles/features/v02273/update.css */
/* Korrektur 26: volle Beschriftungszeile, Werte immer unten rechts. */
#page-documents>.page-head .v2272-document-kpi-strip .v2271-status-kpis>div,
#page-documents>.page-head .v2272-document-kpi-strip .v2271-financial-kpis>button,
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .v12-metric,
#page-cases>.page-head .v2270-case-kpis .v212-case-kpi{
display:flex!important;flex-wrap:wrap!important;align-content:space-between!important;
align-items:flex-end!important;column-gap:6px!important;
}
#page-documents>.page-head .v2272-document-kpi-strip .v2271-status-kpis small,
#page-documents>.page-head .v2272-document-kpi-strip .v2271-financial-kpis span,
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .label,
#page-cases>.page-head .v2270-case-kpis small{order:0!important;flex:1 0 100%!important}
#page-documents>.page-head .v2272-document-kpi-strip .v2271-status-kpis span,
#page-documents>.page-head .v2272-document-kpi-strip .v2271-financial-kpis small,
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .sub,
#page-cases>.page-head .v2270-case-kpis span{order:1!important;flex:1 1 min-content!important;min-width:min-content!important}
#page-documents>.page-head .v2272-document-kpi-strip :is(small,span),
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis :is(.label,.sub),
#page-cases>.page-head .v2270-case-kpis :is(small,span){
overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important;
white-space:normal!important;align-self:start!important;
}
#page-documents>.page-head .v2272-document-kpi-strip strong,
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .num,
#page-cases>.page-head .v2270-case-kpis strong{
order:2!important;flex:0 0 auto!important;align-self:flex-end!important;margin-left:auto!important;
white-space:nowrap!important;text-align:right!important;
}
.v2268-measure-print-room{font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px}
#v212MeasurementPositions{min-height:44px}
.v2273-drag-handle,.v2268-drag-handle{cursor:grab;touch-action:none;padding:4px 8px;user-select:none}
.v2273-drag-handle{float:right;border:0;background:transparent;color:inherit;font-size:20px}
.v2273-dragging{opacity:.45}
.v2273-insert-marker{border-top:3px solid #ef7c19;color:#ef7c19;font-size:11px;font-weight:700;line-height:18px;pointer-events:none;margin:4px 0}
/* SOURCE: styles/features/v02274/update.css */
/* Fixed compact tiles, no expansion to fill the window. */
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .v12-metric,
#page-cases>.page-head .v2270-case-kpis .v212-case-kpi{box-sizing:border-box!important;flex:0 0 176px!important;width:176px!important;min-width:176px!important;max-width:176px!important;min-height:50px!important}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .sub{position:static!important;inset:auto!important;text-align:left!important;align-self:flex-start!important;display:block!important;-webkit-line-clamp:unset!important;max-width:100%!important}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis .label{position:static!important;text-align:left!important}
#page-dashboard>.page-head #metrics.v2270-dashboard-kpis,
#page-cases>.page-head .v2270-case-kpis{flex-wrap:wrap!important;overflow:visible!important}
#page-dashboard>.page-head.v2270-kpi-head,#page-cases>.page-head.v2270-kpi-head{flex-wrap:wrap!important}
/* The grip is outside the card, centered vertically, without an extra grid cell. */
#v212MeasurementPositions.v2274-outside-handles{padding-left:30px!important}
#v212MeasurementPositions .v2274-position{position:relative!important;overflow:visible!important}
#v212MeasurementPositions .v2274-position>.v2274-handle{position:absolute!important;left:-30px!important;top:50%!important;transform:translateY(-50%)!important;float:none!important;display:grid!important;place-items:center!important;width:24px!important;height:32px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:18px!important;cursor:grab}
#v212MeasurementPositions .v2268-measure-element.v2274-position{grid-template-columns:minmax(0,1fr) auto!important}
html[data-zaphi-theme="dark"] #modalBody :is(.v224-editor-section,.v20-customer-terms-editor){background:#202a33!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #modalBody :is(.v224-editor-section,.v20-customer-terms-editor) :is(label,strong){color:#edf2f6!important}
html[data-zaphi-theme="dark"] #modalBody :is(.v224-editor-section,.v20-customer-terms-editor) :is(input,select,textarea){background:#202a33!important;color:#edf2f6!important;border-color:#46525e!important;color-scheme:dark}
html[data-zaphi-theme="dark"] #modalBody .v20-customer-terms-editor :is(input,select):disabled{background:#182129!important;color:#9aa8b5!important;-webkit-text-fill-color:#9aa8b5!important;opacity:1!important;cursor:not-allowed}
.v2274-conflict{width:min(900px,90vw);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--text,#17212b);padding:20px}
.v2274-conflict::backdrop{background:#0009}.v2274-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v2274-comparison>div{min-width:0}.v2274-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;font-size:12px}.v2274-conflict section{border-bottom:1px solid var(--line);padding-bottom:12px}.v2274-conflict select{margin-bottom:8px}.v2274-conflict .toolbar{position:sticky;bottom:-20px;background:var(--card,#fff);padding:12px 0}
/* SOURCE: styles/features/v02275/update.css */
/* Compact, right-aligned groups. IDs intentionally survive metrics.className resets. */
html body #page-dashboard>.page-head #metrics#metrics,
html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary{
display:flex!important;flex:1 1 176px!important;justify-content:flex-end!important;align-items:stretch!important;flex-wrap:wrap!important;gap:7px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0 0 0 auto!important;overflow:visible!important;padding:1px 0 2px!important;
}
html body #page-dashboard>.page-head,
html body #page-cases>.page-head{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important}
html body #page-dashboard>.page-head #metrics#metrics .v12-metric,
html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .v212-case-kpi{
box-sizing:border-box!important;flex:0 0 176px!important;width:176px!important;min-width:176px!important;max-width:176px!important;min-height:50px!important;padding:6px 8px!important;display:flex!important;flex-wrap:wrap!important;align-content:space-between!important;align-items:flex-end!important;gap:2px 6px!important;border-radius:9px!important;
}
html body #page-dashboard>.page-head #metrics#metrics .label{order:0!important;flex:1 0 100%!important;position:static!important;min-height:0!important;font-size:10px!important;line-height:1.12!important;margin:0!important;text-align:left!important}
html body #page-dashboard>.page-head #metrics#metrics .sub{order:1!important;flex:1 1 min-content!important;position:static!important;inset:auto!important;display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important;font-size:8px!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
html body #page-dashboard>.page-head #metrics#metrics .num{order:2!important;flex:0 0 auto!important;align-self:flex-end!important;margin:0 0 0 auto!important;white-space:nowrap!important;font-size:19px!important;line-height:1!important;text-align:right!important}
html body #page-dashboard>.page-head #metrics#metrics .warn,
html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .yellow{border:2px solid #e6b52d!important;box-shadow:var(--shadow-card,none)!important}
html body #page-dashboard>.page-head #metrics#metrics .danger,
html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .red{border:2px solid #c94444!important;box-shadow:var(--shadow-card,none)!important}
html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary :is(.yellow,.red)::before{display:none!important}
/* Toolbar remains alongside the right-aligned group. */
html body #page-cases>.page-head>.toolbar{flex:none!important;margin-left:0!important}
html[data-zaphi-tablet="true"] body #page-dashboard>.page-head #metrics#metrics,
html[data-zaphi-tablet="true"] body #page-cases>.page-head #v195CaseSummary#v195CaseSummary{display:none!important}
/* Only UI chrome is dark; the printable paper and signature images stay white. */
html[data-zaphi-theme="dark"] #modalBody :is(.v15-preview-toolbar,.v212-preview-toolbar,.v213-delivery-version-history,.v213-delivery-signature-summary,.v213-delivery-signature-card){background:#202a33!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] #modalBody :is(.v212-preview-check,.v213-delivery-version-history,.v213-delivery-signature-summary) :is(strong,span,label){color:#edf2f6!important}
html[data-zaphi-theme="dark"] #modalBody :is(.v212-preview-check,.v213-delivery-version-history,.v213-delivery-signature-summary) small{color:#bdc8d2!important}
/* SOURCE: styles/features/v02276/update.css */
/* Kacheln bleiben kompakt und wachsen nur, wenn ihr Inhalt es verlangt. */
html body #page-dashboard>.page-head #metrics#metrics,html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary{align-items:stretch!important}
html body #page-dashboard>.page-head #metrics#metrics .v12-metric,html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .v212-case-kpi{box-sizing:border-box!important;flex:0 1 auto!important;width:max-content!important;min-width:176px!important;max-width:260px!important;height:auto!important;min-height:52px!important;overflow:hidden!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title title" "hint value"!important;align-items:end!important;column-gap:8px!important;row-gap:3px!important;padding:7px 9px!important}
html body #page-dashboard>.page-head #metrics#metrics .label,html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .v212-case-kpi small{grid-area:title!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important;position:static!important;line-height:1.15!important}
html body #page-dashboard>.page-head #metrics#metrics .sub,html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .v212-case-kpi span{grid-area:hint!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;position:static!important;line-height:1.15!important;text-align:left!important}
html body #page-dashboard>.page-head #metrics#metrics .num,html body #page-cases>.page-head #v195CaseSummary#v195CaseSummary .v212-case-kpi strong{grid-area:value!important;min-width:max-content!important;max-width:100%!important;position:static!important;align-self:end!important;justify-self:end!important;white-space:nowrap!important;line-height:1!important;margin:0!important;font-size:clamp(14px,1vw,19px)!important}
.v2276-history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.v2276-history-panel{min-width:0;border:1px solid var(--border);border-radius:10px;padding:12px}.v2276-history-panel h3{margin:0 0 10px}.v2276-history-list{display:grid;gap:7px;align-content:start;max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.v2276-history-list:focus-visible{outline:2px solid var(--orange,#f87917);outline-offset:3px}.v2276-history-list .timeline-item{display:grid;gap:2px}.v2276-history-list .timeline-item span,.v2276-history-list .timeline-item small{color:var(--muted)}
.v2276-column-actions,.v2276-row-actions{display:flex;gap:3px;justify-content:center;margin-top:4px}.v2276-column-actions button,.v2276-row-actions button{min-width:24px;height:22px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text);cursor:pointer}.v2276-all-head{min-width:88px}.v2276-all-head .btn{display:block;width:100%;margin:2px 0}
html[data-zaphi-theme="dark"] :is(.v219-calendar-import-summary,.v219-import-calendar-summary,.v219-reset-summary,.v219-import-summary,#v219CalendarImportSummary,#v219ResetSummary){background:#202a33!important;color:#edf2f6!important;border-color:#46525e!important}html[data-zaphi-theme="dark"] :is(.v219-calendar-import-summary,.v219-import-calendar-summary,.v219-reset-summary,.v219-import-summary,#v219CalendarImportSummary,#v219ResetSummary) :is(h3,strong,label,span,p,small){color:inherit!important}
@media(max-width:850px){.v2276-history-grid{grid-template-columns:1fr}}
html[data-zaphi-theme="dark"] .v229-import-statuses>section,html[data-zaphi-theme="dark"] #customerEditionFreshImportReset .notice{background:#202a33!important;color:#edf2f6!important;border-color:#46525e!important}html[data-zaphi-theme="dark"] .v229-import-statuses>section :is(h3,strong,small,span),html[data-zaphi-theme="dark"] #customerEditionFreshImportReset .notice :is(strong,span,b){color:inherit!important}
/* SOURCE: styles/features/v02276/auth.css */
#zaphiAuthGate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#10161c;color:#eef3f7;padding:24px}.zaphi-auth-card{width:min(420px,100%);background:#1a232b;border:1px solid #3d4b57;border-radius:16px;padding:28px;box-shadow:0 24px 70px #0008}.zaphi-auth-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#ff7418;color:#fff;font-weight:800;font-size:24px}.zaphi-auth-card h1{margin:12px 0 22px}.zaphi-auth-card form{display:grid;gap:14px}.zaphi-auth-card label{display:grid;gap:6px;font-weight:700}.zaphi-auth-card input{width:100%;box-sizing:border-box}.zaphi-auth-card button{min-height:44px}.zaphi-auth-error{padding:10px;border:1px solid #d85757;border-radius:8px;color:#ffb6b6;background:#4b1f1f}.zaphi-user-button{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zaphi-account{display:grid;gap:12px}.zaphi-account>span{color:var(--muted)}.zaphi-user-list{display:grid;gap:8px;margin:12px 0 20px}.zaphi-user-list>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px}.zaphi-user-list>div>span:first-child{display:grid;gap:3px;min-width:0;flex:1}.zaphi-user-list small{color:var(--muted)}.zaphi-invite-result{display:grid;gap:14px}.zaphi-invite-result textarea{width:100%;min-height:90px;box-sizing:border-box}
/* SOURCE: styles/features/v02277/update.css */
/* K33: Konto direkt unter der Firma, Versionsinfo unaufdringlich am Rand. */
#v12TopBrand,.brand[role="button"]{cursor:pointer}
#v12TopBrand:focus-visible,.brand[role="button"]:focus-visible{outline:2px solid var(--accent,#fa7b17);outline-offset:3px}
#v12TopBrand small{color:var(--muted);font-weight:400;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#zaphiVersionFooter{position:fixed;right:8px;bottom:2px;z-index:20;padding:1px 5px;background:var(--bg);color:var(--muted);font-size:10px;pointer-events:none}
body{padding-bottom:18px}
#zaphiCustomerLicense.zaphi-license-information{position:static!important;display:block!important;width:auto!important;max-width:none!important;margin:12px 0 0;padding:14px;box-shadow:none;transform:none!important;background:var(--card,var(--panel));color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:inherit;overflow-wrap:anywhere}
.zaphi-license-information strong,.zaphi-license-information small,.v219-contract-note strong{color:var(--text)!important;opacity:1}
#v20ContractCard :is(input,select,textarea):disabled{color:var(--text)!important;-webkit-text-fill-color:var(--text);opacity:1;background:var(--panel)}
.zaphi-license-information small{display:block;margin-top:10px}
.zaphi-license-module-list{display:flex;flex-wrap:wrap;gap:6px}
.zaphi-license-module-list span{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text)}
.zaphi-time-right{display:flex;align-items:center;gap:7px;padding:8px 0;flex-basis:100%;font-size:12px}
.zaphi-time-right input{width:auto!important}
.zaphi-upcoming-appointments{min-width:0;overflow-wrap:anywhere}.zaphi-upcoming-appointments>strong{display:block;margin:3px 0}.zaphi-upcoming-appointments details{margin-top:7px;font-size:.9em}.zaphi-upcoming-more{max-height:180px;overflow:auto;overscroll-behavior:contain}
.zaphi-upcoming-appointments details p{margin:6px 0}
.v2270-contact-card>.zaphi-upcoming-appointments{grid-column:3;grid-row:1}
.v2270-contact-card>.zaphi-case-site{grid-column:2;grid-row:1}
.v2276-history-list{max-height:none}
html body .v216-case-record-modal #modalTitle:has(.v2268-case-identity){display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(140px,1fr) minmax(130px,.9fr);align-items:center;column-gap:clamp(20px,3vw,48px);row-gap:7px}
.v2268-case-identity{display:grid;gap:2px;min-width:0}
.v2268-case-identity .v2268-case-number{font-size:.6em;font-weight:650}
.v2268-case-heading-field{display:grid;gap:2px;min-width:0;font-size:.7em;line-height:1.25}
.v2268-case-heading-field small{font-size:.8em;color:var(--muted);font-weight:500}
.v2268-case-heading-field strong{font-size:1em;font-weight:650;overflow-wrap:anywhere}
@media(max-width:700px){.v2270-contact-card>.zaphi-case-site{grid-column:1;grid-row:2}.v2270-contact-card>.zaphi-upcoming-appointments{grid-column:2;grid-row:2}}
@media(max-width:600px){html body .v216-case-record-modal #modalTitle:has(.v2268-case-identity){grid-template-columns:repeat(2,minmax(0,1fr))}.v2268-case-identity{grid-column:1 / -1}}
.zaphi-next-appointment{display:block;margin-top:5px;font-size:11px;color:var(--muted);white-space:normal}
@media print{#zaphiVersionFooter{display:none!important}body{padding-bottom:0}}
/* SOURCE: styles/features/v02278/update.css */
/* Theme-aware interface surfaces; paper and signature canvas stay white. */
.v203-lock-note,.v203-invoice-preview,.v212-preview-toolbar,.v15-preview-toolbar,
.v213-delivery-version-history,.v213-delivery-signature-summary,.v213-delivery-signature-card{
background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;
}
.v203-lock-note strong,.v203-lock-note span,.v212-preview-check strong,
.v213-delivery-version-history strong,.v213-delivery-signature-summary strong,.v213-delivery-signature-card>span{color:var(--text)!important}
.v203-lock-note code,.v212-preview-check small,.v213-delivery-version-history small,
.v213-delivery-signature-summary small,.v213-delivery-signature-card small{color:var(--muted)!important;opacity:1;overflow-wrap:anywhere}
.zaphi-system-status input:disabled,.zaphi-system-status input[readonly]{color:var(--text);background:var(--card);opacity:1}
.v212-status-setting-row .v212-system-status{grid-column:2/-1;white-space:normal;color:var(--muted)}
.zaphi-case-payments{padding:14px;margin:14px 0;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text)}
.zaphi-case-payments>div{display:grid;gap:4px;padding:8px 0;border-bottom:1px solid var(--border)}
.zaphi-case-payments>div:last-child{border:0}
.zaphi-case-payments small,.zaphi-invoice-due{white-space:normal;overflow-wrap:break-word}
.zaphi-payment-late{color:var(--danger,#d94a47)}
.zaphi-payment-paid{color:var(--success,#39946e)}
.zaphi-case-payment-summary{display:block;font-size:11px;margin-top:5px;white-space:normal;overflow-wrap:break-word;color:var(--muted)}
.zaphi-personal-body{padding:16px;color:var(--text);min-width:0}
.zaphi-personal-body canvas{display:block;width:100%;height:auto;background:white;touch-action:none}
#zaphiPersonalSignature{z-index:10050}
.zaphi-preview-zoom{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;margin:8px 0}
.zaphi-preview-zoom label{display:flex;align-items:center;gap:8px}
.zaphi-preview-zoom select{width:auto;min-width:130px;background:var(--card);color:var(--text)}
.zaphi-preview-zoom output{min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.zaphi-preview-viewport{display:block!important;overflow:auto!important;padding:16px!important;box-sizing:border-box;min-width:0;max-width:100%;background:var(--bg)!important;overscroll-behavior:contain}
.zaphi-preview-page-frame{position:relative;margin:0 auto 16px;flex:none;overflow:visible}
.zaphi-preview-page-frame>.v20-paper-page,.zaphi-preview-page-frame>.document-paper{position:absolute!important;top:0;left:0;box-sizing:border-box!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;transform-origin:top left!important;background-color:white!important;color:#111!important}
@media print{
.zaphi-preview-zoom{display:none!important}
.zaphi-preview-viewport{height:auto!important;overflow:visible!important;padding:0!important;background:white!important}
.zaphi-preview-page-frame{width:auto!important;height:auto!important;margin:0!important;position:static!important}
.zaphi-preview-page-frame>.v20-paper-page,.zaphi-preview-page-frame>.document-paper{transform:none!important;position:relative!important}
}
html[data-zaphi-theme="dark"] #modalBody .v203-invoice-status{background:#233444!important;color:#d6e9ff!important;border-color:#547caa!important;width:fit-content;max-width:100%}
html[data-zaphi-theme="dark"] #modalBody .v203-invoice-status.paid{background:#203c32!important;color:#bde8d3!important;border-color:#4d9277!important}
html[data-zaphi-theme="dark"] #modalBody .v203-invoice-status.late{background:#45292b!important;color:#ffd4d4!important;border-color:#bf6c6c!important}
html[data-zaphi-theme="dark"] #modalBody .v203-invoice-status.corrected,html[data-zaphi-theme="dark"] #modalBody .v203-invoice-status.draft{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
#zaphiPersonalSignature .v213-signature-dialog{background:var(--card);color:var(--text);border-color:var(--border)}
/* SOURCE: styles/features/v02280/corrections.css */
/* K37: readable conflict review, signature surfaces and a compact planner form. */
.v2274-conflict{box-sizing:border-box;width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;background:var(--card,#fff);color:var(--ink,#17212b);border:1px solid var(--line,#d4dce3);border-radius:14px}
.v2274-conflict::backdrop{background:#0009}
.v2274-conflict h2{margin:0 0 10px}.v2274-conflict p{color:var(--muted,#5b6570);line-height:1.5}
.v2274-conflict .v2274-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v2274-conflict .v2274-comparison>div{min-width:0;border:1px solid var(--line,#d4dce3);border-radius:9px;padding:12px;background:var(--bg,#f4f6f8);color:var(--ink,#17212b)}
.v2274-conflict :is(pre,strong,h3){color:inherit!important}
.v2274-conflict pre{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 system-ui,sans-serif;background:transparent!important}
.v2274-conflict select{width:100%;margin:12px 0 18px;padding:10px;background:var(--card,#fff);color:var(--ink,#17212b);border:1px solid var(--line,#d4dce3);border-radius:7px}
.v2274-conflict .toolbar{justify-content:flex-end;border-top:1px solid var(--line,#d4dce3);padding-top:14px}
.v213-signature-dialog{background:var(--card,#fff)!important;color:var(--ink,#17212b)!important;border-color:var(--line,#d4dce3)!important}
.v213-signature-dialog :is(header,footer,.v213-signature-name,.zaphi-personal-body){background:var(--card,#fff)!important;color:var(--ink,#17212b)!important;border-color:var(--line,#d4dce3)!important}
.v213-signature-dialog :is(h3,label){color:var(--ink,#17212b)!important}
.v213-signature-dialog :is(small,.v213-signature-hint){color:var(--muted,#5b6570)!important}
.v213-signature-dialog input{background:var(--bg,#f4f6f8)!important;color:var(--ink,#17212b)!important;border-color:var(--line,#d4dce3)!important}
.v213-signature-dialog .v213-overlay-close{background:var(--bg,#f4f6f8)!important;color:var(--ink,#17212b)!important;border:1px solid var(--line,#d4dce3)!important}
html[data-zaphi-theme="dark"] .v213-signature-pad-wrap{background:#1c2126!important;border-color:#46525e!important}
/* Display-only inversion: the stored transparent PNG retains black ink for print. */
html[data-zaphi-theme="dark"] :is(#v213SignaturePad,#zaphiPersonalSignature canvas){background:#e3ded9!important;filter:invert(1)}
#v20AppointmentForm .form-grid{gap:10px 14px}
#v20AppointmentForm .field{gap:4px;margin-bottom:0}
#v20AppointmentForm textarea{min-height:64px}
#v20AppointmentForm :is(.v20-marker-picks,.v20-resource-picks,.v20-team-picks){display:flex!important;flex-wrap:wrap;gap:6px}
#v20AppointmentForm :is(.v20-marker-pick,.v20-resource-pick){flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%;min-height:32px!important;padding:6px 9px!important;gap:6px!important}
#v20AppointmentForm :is(.v20-marker-pick,.v20-resource-pick) input{flex:0 0 auto;width:16px!important;height:16px!important;min-height:0!important;margin:0;accent-color:var(--orange,#ed7a26)}
#v20AppointmentForm :is(.v20-marker-pick,.v20-resource-pick) span{overflow-wrap:anywhere}
#v20AppointmentForm .v20-assignment-head{margin-bottom:7px}
#v20AppointmentForm .v20-participant-times{gap:5px;margin-top:7px}
#v20AppointmentForm .v20-participant-row{padding:7px 9px;gap:7px;align-items:center}
#v20AppointmentForm .v20-participant-person small{display:block;margin-top:2px}
#v20AppointmentForm .v20-all-day-line{padding:6px 9px;margin-top:6px}
#v20AppointmentForm :is(.v20-primary-label,button){color:var(--ink,#17212b)}
#v20AppointmentForm .btn.primary{color:#fff}
html[data-zaphi-theme="dark"] #v20AppointmentForm :is(.v20-resource-pick,.v20-marker-pick,.v20-primary-label,.v20-participant-row,.v20-team-pick){background:#24313b!important;color:#edf2f6!important;border-color:#526371!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-resource-pick.is-primary{border-color:#f3a86b!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm :is(input[type="checkbox"],input[type="radio"]){color-scheme:dark}
.v15-state-setting select{background:var(--card,#fff);color:var(--ink,#17212b);border-color:var(--line,#d4dce3)}
.v20-employee-order{opacity:.85}
.employee-cell:is(:hover,:focus-within) .v20-employee-order{opacity:1}
html[data-zaphi-theme="dark"] .v20-employee-order button{background:#33424f!important;color:#edf2f6!important;border:1px solid #657582}
@media(max-width:620px){.v2274-conflict{padding:14px}.v2274-conflict .v2274-comparison{grid-template-columns:1fr}#v20AppointmentForm .v20-participant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#v20AppointmentForm .v20-participant-person{grid-column:1/-1}}
/* K38: remaining employee/document and dynamically inserted planner surfaces. */
.v214-employee-documents-section .section-title{flex-wrap:wrap;gap:12px}
.v214-employee-documents-section .section-title>div{min-width:0}
.v214-employee-documents-section .upload-button{max-width:100%;white-space:normal}
html[data-zaphi-theme="dark"] .v214-employee-documents-section .upload-button{background:#202830!important;color:#fff!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v214-employee-documents-section .upload-button:hover{background:#28323b!important;border-color:#697784!important}
html[data-zaphi-theme="dark"] .v203-invoice-no{color:#fff!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-participant-all-day{background:#33424f!important;color:#fff!important;border:1px solid #526371}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-worktime-warning{background:#3b311d!important;color:#f2d38b!important;border-color:#80672a!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-worktime-warning.conflict{background:#402326!important;color:#f0afb0!important;border-color:#82444a!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-worktime-warning :is(strong,li){color:inherit!important}
html[data-zaphi-theme="dark"] #v20AppointmentForm .v20-worktime-ok{color:#b5d7c3!important}
.zfr-workspace-notice{color:var(--ink,#17212b)}
/* SOURCE: styles/features/v02281/corrections.css */
#zaphiAuthGate{overflow:auto;align-items:safe center}
.zaphi-auth-card{margin:auto;max-width:520px;width:100%}
.zaphi-auth-card input{min-height:44px;background:#202b34;color:#eef3f7;border:1px solid #556471;padding:10px;font-size:16px;border-radius:7px}
.zaphi-auth-card .btn:not(.primary){background:#202b34;color:#eef3f7;border:1px solid #556471}
.zaphi-auth-card small,.zaphi-auth-card p{color:#c6d0db;line-height:1.5}
.zaphi-auth-diagnostics{margin-top:18px;overflow-wrap:anywhere;font-size:12px}
.zaphi-auth-diagnostics summary{cursor:pointer;margin-bottom:8px}
.zaphi-user-list>div{flex-wrap:wrap}
html[data-zaphi-theme="dark"] .zfr-error{background:#3b2425!important;color:#ffe5df!important;border:1px solid #8d5251!important}
html[data-zaphi-theme="dark"] .zfr-error strong{color:#fff!important}
.v20-stationery-preview-pages:has(.v2281-print-surface){display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.v20-stationery-preview-pages>.v2281-print-surface{zoom:.48}
.v20-stationery-preview-pages .v212-logo-resize{display:block!important}
/* Notebook layouts keep their preview height fixed: make both sample sheets
reachable horizontally when there is not room to show them side by side. */
@media(min-width:900px){#stationeryPreview .v20-stationery-preview-pages:has(.v2281-print-surface){min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}}
@media(max-width:720px){.v20-stationery-preview-pages>.v2281-print-surface{zoom:.38}}
.v2281-schedule-hint{margin:10px 0;line-height:1.5}
#v2281RepeatHint{display:block;line-height:1.5;margin-top:6px;white-space:normal}
/* K39f: employee colors identify the other participants in each row. */
.v20-appt-crewbar{display:flex;overflow:hidden;background:transparent}
.v20-appt-crewbar>i{display:block;flex:1;min-width:0;height:100%}
/* K39g: equal flexible columns; native date/time appearance must not set a
wider painted box than the field. Container width controls the breakpoint. */
#v20AppointmentForm{container-name:appointment;container-type:inline-size;min-width:0}
#v20AppointmentForm .form-grid>.field{min-width:0}
#v20AppointmentForm .v20-time-grid{display:flex;flex-wrap:wrap;gap:12px;min-width:0;align-items:flex-start}
#v20AppointmentForm .v20-time-grid>.field{display:flex;flex:1 1 0;width:0;min-width:0;max-width:100%;gap:6px;margin:0;padding:0;background:transparent}
#v20AppointmentForm .v20-time-grid label{display:block;position:static;margin:0;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
#v20AppointmentForm .v20-participant-row{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;min-width:0}
#v20AppointmentForm .v20-participant-row>*{min-width:0;max-width:100%;margin:0;box-sizing:border-box}
#v20AppointmentForm .v20-participant-person{flex:2 1 0;overflow-wrap:anywhere}
#v20AppointmentForm .v20-participant-same{flex:1.2 1 0;white-space:normal;overflow-wrap:anywhere}
#v20AppointmentForm .v20-participant-row>.field{display:flex;flex:1 1 0;width:0;gap:5px}
#v20AppointmentForm .v20-participant-row>.field label{margin:0;line-height:1.4}
#v20AppointmentForm .v20-participant-all-day{flex:2 1 0;white-space:normal;overflow-wrap:anywhere}
#v20AppointmentForm .v20-participant-row>.btn{flex:0 0 auto;min-height:44px;white-space:normal}
#v20AppointmentForm :is(.v20-time-grid,.v20-participant-row) :is(input[type="date"],input[type="time"]){
display:block;-webkit-appearance:none;appearance:none;
box-sizing:border-box!important;width:100%;min-width:0;max-width:100%;
inline-size:100%;min-inline-size:0;max-inline-size:100%;
margin:0;min-height:44px;padding:8px;font-size:16px;line-height:1.4;
}
#v20AppointmentForm :is(.v20-time-grid,.v20-participant-row) input::-webkit-date-and-time-value{min-width:0;min-inline-size:0;text-align:left}
#v20AppointmentForm :is(.v20-time-grid,.v20-participant-row) input::-webkit-datetime-edit{min-width:0;padding:0}
#v20AppointmentForm .v20-participant-same input[type="checkbox"]{flex:0 0 auto;width:16px;inline-size:16px;min-width:0;min-height:0;padding:0;margin:0}
#v20AppointmentForm .v20-series-controls input{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
@container appointment (max-width:619px){
#v20AppointmentForm .v20-time-grid>.field{flex-basis:calc((100% - 12px)/2)}
#v20AppointmentForm .v20-participant-row{flex-wrap:wrap}
#v20AppointmentForm :is(.v20-participant-person,.v20-participant-same){flex-basis:100%}
#v20AppointmentForm .v20-participant-row>.field{flex-basis:calc((100% - 12px)/2)}
#v20AppointmentForm .v20-participant-row>.btn{margin-left:auto}
}
/* Fallback also supports browsers without container queries. */
@media(max-width:660px){
#v20AppointmentForm .v20-time-grid>.field{flex-basis:calc((100% - 12px)/2)}
#v20AppointmentForm .v20-participant-row{flex-wrap:wrap}
#v20AppointmentForm :is(.v20-participant-person,.v20-participant-same){flex-basis:100%}
#v20AppointmentForm .v20-participant-row>.field{flex-basis:calc((100% - 12px)/2)}
#v20AppointmentForm .v20-participant-row>.btn{margin-left:auto}
}
@container appointment (max-width:329px){#v20AppointmentForm .v20-time-grid>.field{flex-basis:100%}}
@media(max-width:370px){#v20AppointmentForm .v20-time-grid>.field{flex-basis:100%}}
/* SOURCE: styles/features/v02287/important-alert.css */
#v12TopNav .v2287-important-alert:not([hidden]){
display:inline-flex;align-items:center;justify-content:center;gap:5px;
flex:0 0 auto;min-height:36px;padding:6px 11px;
border:1px solid #8b1925;border-radius:9px;
background:#b41f30;color:#fff;font-size:12px;font-weight:800;
white-space:nowrap;cursor:pointer;
animation:v2287ImportantPulse 1.8s ease-in-out infinite;
}
#v12TopNav .v2287-important-alert:not([hidden]):hover,
#v12TopNav .v2287-important-alert:not([hidden]):focus-visible{background:#901726;color:#fff;outline:2px solid #f6bcc3;outline-offset:2px}
#v12TopNav .v2287-important-alert[hidden]{display:none!important}
@keyframes v2287ImportantPulse{0%,100%{box-shadow:0 0 0 0 rgba(188,31,49,.6)}55%{box-shadow:0 0 0 7px rgba(188,31,49,0)}}
@media (prefers-reduced-motion:reduce){#v12TopNav .v2287-important-alert:not([hidden]){animation:none}}
/* SOURCE: styles/features/v02287/history-export.css */
.v2287-has-export{position:relative}.v2287-has-export>h3{padding-right:155px}.v2287-history-button{position:absolute;right:12px;top:12px;z-index:1}
.v2287-history-export{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:16px;background:rgba(11,17,23,.78)}
.v2287-export-window{display:flex;flex-direction:column;width:min(1500px,98vw);max-height:94vh;overflow:hidden;border:1px solid var(--border,#bcc6cf);border-radius:12px;background:var(--panel,#fff);color:var(--text,#202831);box-shadow:0 24px 66px rgba(0,0,0,.35)}
.v2287-export-window>header,.v2287-export-window>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}
.v2287-export-window>header{border-bottom:1px solid var(--border,#bcc6cf)}.v2287-export-window>header h2,.v2287-export-window>header p{margin:0}.v2287-export-window>header p{color:var(--muted,#576371);font-size:.9rem}
.v2287-export-window>footer{border-top:1px solid var(--border,#bcc6cf);flex-wrap:wrap}.v2287-export-window>footer [data-v2287-status]{font-size:.86rem;min-height:1.2em}.v2287-export-window>footer [data-v2287-status].error{color:#d24e35}.v2287-export-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.v2287-export-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 16px}.v2287-export-tools span{margin-left:auto;color:var(--muted,#576371)}
.v2287-export-columns{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,58%);min-height:0;flex:1;gap:12px;padding:0 16px 12px}.v2287-export-choices,.v2287-export-preview{min-height:0;overflow:auto;border:1px solid var(--border,#bcc6cf);border-radius:8px;padding:12px;overscroll-behavior:contain}
.v2287-picker-group h3,.v2287-export-preview h3{margin:4px 0 9px;font-size:1rem}.v2287-picker-list{display:grid;gap:4px;max-height:34vh;overflow:auto;scrollbar-gutter:stable}.v2287-picker-list label{display:flex;align-items:flex-start;gap:9px;padding:7px 8px;border:1px solid var(--border,#bcc6cf);border-radius:6px;cursor:pointer}.v2287-picker-list label:hover,.v2287-picker-list label:focus-within{border-color:var(--orange,#e97822);background:rgba(233,120,34,.11)}.v2287-picker-list input{margin:3px 0 0;flex:none;accent-color:var(--orange,#e97822)}.v2287-picker-list span{display:grid;min-width:0;gap:3px}.v2287-picker-list small{color:var(--muted,#576371);white-space:pre-wrap;overflow-wrap:anywhere}
.v2287-export-preview [data-v2287-preview]{background:#fff;color:#202831;border-radius:4px;padding:clamp(12px,3vw,30px);font:11pt Arial,sans-serif}.v2287-export-preview .v2287-report{margin:auto}.v2287-export-preview .v2287-report header{border-bottom:2px solid #e97822;padding-bottom:10px}.v2287-export-preview .v2287-report h1{font-size:19pt;margin:5px 0}.v2287-export-preview .v2287-report h2{font-size:13pt;margin:20px 0 9px;color:#a14b0e}.v2287-export-preview .v2287-report p{white-space:pre-wrap;overflow-wrap:anywhere}.v2287-export-preview .v2287-report-context{display:grid;gap:3px;margin:9px 0}.v2287-export-preview .v2287-report header small,.v2287-export-preview .v2287-report-entry small,.v2287-export-preview .v2287-report footer{color:#4f5963;font-size:9pt}.v2287-export-preview .v2287-report-entry{border-bottom:1px solid #d5dce2;padding:8px 0}.v2287-export-preview .v2287-report-entry div{display:flex;justify-content:space-between;gap:9px}.v2287-export-preview .v2287-report-entry span{color:#56616b;text-align:right}.v2287-export-preview .v2287-report-entry small{display:block}.v2287-export-preview .v2287-report footer{border-top:1px solid #d5dce2;margin-top:20px;padding-top:8px}
@media(max-width:850px){.v2287-export-columns{grid-template-columns:1fr}.v2287-export-choices{max-height:30vh}.v2287-export-preview{max-height:37vh}.v2287-export-actions{width:100%}.v2287-export-actions .btn{flex:1 1 150px}.v2287-has-export>h3{padding-right:0}.v2287-history-button{position:static;display:block;margin:4px 0 10px}}
@media(prefers-reduced-motion:reduce){.v2287-history-export *{scroll-behavior:auto!important}}
/* SOURCE: styles/features/v02287/time-entry.css */
/* K45: Erfassungsarten ohne falsche Ist-Zeit oder Urlaubssaldo im Formular. */
#modalBody .v2287-hidden{display:none!important}
#modalBody .v2287-time-kind{grid-column:1/-1;min-width:200px}
#modalBody .v2287-all-day{align-self:end;padding-bottom:.55rem}
#modalBody .v2287-all-day .checkline{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}
#modalBody .v2287-all-day input{width:auto}
#page-time .v2287-kind{display:block;margin-top:.18rem;color:var(--muted);font-size:.82em;font-weight:600}
#page-time .v2287-time-account-note{font-size:.82rem;color:var(--muted);margin:0 0 1rem;line-height:1.4}
#v14TimeTable td:nth-child(5) small{display:block;white-space:nowrap}
@media(max-width:720px){#modalBody .v2287-time-kind{grid-column:1/-1}}
/* SOURCE: styles/features/v02287/document-workflow.css */
/* v0.22.87: reachable controls, compact quantity order and checked estimate revisions. */
#modalBackdrop .modal:has(#v09BuilderCanvas)>.modal-foot{display:none!important}
#modalBackdrop .modal .v09-builder-main>.v09-builder-top{
position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;
margin:0 0 10px;padding:10px 8px;background:var(--card,#fff);
border-bottom:1px solid var(--line,#dce3e7);box-shadow:0 3px 12px rgba(16,26,34,.08);
}
#modalBackdrop .v09-builder-top .v2287-builder-cancel{margin-left:auto}
#modalBackdrop .v09-builder-top .v2287-refresh-trigger{order:1}
#modalBackdrop .v09-builder-top .v2287-builder-cancel{order:2}
#v09BuilderCanvas .v2269-position-compact{grid-template-columns:max-content minmax(0,1fr) 34px!important}
#v09BuilderCanvas .v2269-position-compact>.v2269-position-quantity{grid-column:1!important;grid-row:1!important;text-align:left!important;font-variant-numeric:tabular-nums}
#v09BuilderCanvas .v2269-position-compact>.v2269-position-title{grid-column:2!important;grid-row:1!important}
#v09BuilderCanvas .v2269-position-compact>.v217-position-menu{grid-column:3!important;grid-row:1!important}
.v2287-price-review,.v2287-refresh-review{display:grid;gap:9px;padding:12px;border:1px solid var(--line,#dde3e7);border-radius:10px;background:var(--card,#fff);color:var(--ink,#26343c)}
.v2287-price-review{margin:10px 0;border-color:#d69b60;background:color-mix(in srgb,var(--card,#fff) 90%,#e8751a 10%)}
.v2287-price-review>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--line,#dde3e7)}
.v2287-price-review>div>span{flex:1;min-width:190px;overflow-wrap:anywhere}
.v2287-price-review>div>small{color:var(--muted,#64717b)}
.v2287-refresh-review h3,.v2287-refresh-review p{margin:0}
.v2287-refresh-rows{display:grid;gap:0;max-height:40dvh;overflow:auto;border:1px solid var(--line,#dde3e7);border-radius:8px}
.v2287-refresh-rows>div{display:grid;grid-template-columns:68px minmax(0,1fr) 95px 120px;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line,#dde3e7)}
.v2287-refresh-rows>div:last-child{border-bottom:0}
.v2287-refresh-rows>div.manual{background:color-mix(in srgb,var(--card,#fff) 88%,#e8751a 12%)}
.v2287-refresh-rows>div>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2287-refresh-rows>div>b{text-align:right}
@media(max-width:1100px){
#modalBackdrop .modal .v09-builder{display:block;height:auto!important;min-height:0!important}
#modalBackdrop .modal .v09-builder-main{overflow:visible!important;min-height:0!important}
#modalBackdrop .modal .v09-builder-main>.v09-builder-top{position:sticky;top:0;flex-wrap:wrap}
#modalBackdrop .modal .v09-builder-side{min-height:300px}
}
@media(max-width:680px){
#modalBackdrop .v09-builder-top .v13-builder-actions{display:flex;gap:6px;flex-wrap:wrap}
#modalBackdrop .v09-builder-top .v2287-builder-cancel{margin-left:0}
.v2287-refresh-rows>div{grid-template-columns:52px minmax(0,1fr) 88px}
.v2287-refresh-rows>div>b{grid-column:2/4;text-align:left}
}
@media print{#modalBackdrop .v09-builder-main>.v09-builder-top,.v2287-price-review{display:none!important}}
/* SOURCE: styles/features/v02290/sick-conflicts.css */
.v2290-plan-conflicts{display:grid;gap:8px;margin:0 0 12px}
.v2290-plan-conflicts>h3{margin:0;padding:4px 2px;color:var(--ink,#1c2127);font-size:13px}
.v20-important-item.v2290-plan-conflict{border-left:4px solid #e66341;background:var(--card,#fff);color:var(--ink,#1c2127)}
.v2290-plan-conflict .v20-important-priority,.v2290-mobile-badge{background:#702316;color:#fff;padding:3px 6px;border-radius:5px;font-weight:700}
.v2290-plan-conflict h3,.v2290-plan-conflict p,.v2290-plan-conflict .v20-important-meta{color:inherit}
.v2290-plan-error{padding:10px;margin:0;background:var(--card,#fff);color:var(--ink,#1c2127)}
#planner .planner-row.v2290-has-absence,#planner .planner-row.v2290-has-absence>.employee-cell,#planner .planner-row.v2290-has-absence>.day-cell{min-height:82px!important;height:82px!important}
#planner .appt.v2290-absence-block{left:0!important;top:68px!important;width:100%!important;height:12px!important;padding:0 4px!important;z-index:7!important;box-shadow:none!important;border-radius:2px!important;opacity:.96}
#planner .appt.v2290-absence-block .resize-handle,#planner .appt.v2290-absence-block .v20-appt-address,#planner .appt.v2290-absence-block .v20-appt-phone{display:none!important}
#planner .appt.v2290-absence-block .v20-appt-name{font-size:9px!important;line-height:10px!important}
#planner .appt.v2290-needs-plan{outline:2px solid #da3b27;outline-offset:-2px;z-index:6!important}
#planner .appt.v2290-needs-plan::after{content:'⚠';position:absolute;right:2px;top:0;color:#fff;background:#b32e16;border-radius:3px;padding:0 2px;font-size:10px}
.v20-mobile-card.v2290-needs-plan{outline:2px solid #da3b27}
/* SOURCE: styles/features/v02292/phone-home.css */
/* Only handheld phones use the personal start page. Tablets keep the planner. */
.zphone-user{display:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model #sidebar,
html[data-zaphi-phone="true"].zaphi-fast-read-model .topbar :is(.search,.top-actions,.menu-btn),
html[data-zaphi-phone="true"].zaphi-fast-read-model .v219-mobile-nav{display:none!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model body{background:var(--bg);color:inherit}
html[data-zaphi-phone="true"].zaphi-fast-read-model .topbar{display:flex;align-items:center;gap:6px;min-height:62px;height:auto;padding:8px 10px;background:var(--card);color:inherit;border-color:var(--line)}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-brand{display:flex!important;align-items:center;gap:6px;min-width:0;max-width:calc(100% - 142px);flex:1 1 auto}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-brand>span:last-child{display:flex;flex-direction:column;min-width:0;max-width:100%}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-brand strong{display:block;max-width:100%;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-brand small{display:none!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-user{display:block;min-width:0;max-width:100%;font-size:11px;line-height:1.3;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-nav{display:flex!important;flex:0 0 134px;gap:3px;justify-content:flex-end;min-width:0}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(.v12-top-nav,#sidebar) [data-v12-page]:not([data-v12-page="dashboard"]):not([data-v12-page="time"]),
html[data-zaphi-phone="true"].zaphi-fast-read-model #sidebar [data-page]:not([data-page="dashboard"]):not([data-page="time"]){display:none!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-nav>a{display:inline-flex!important;align-items:center;justify-content:center;min-width:46px;max-width:79px;min-height:44px;padding:7px 5px;font-size:11px;line-height:1.1;text-align:center}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-nav>a[data-v12-page="time"]{flex:0 0 46px;padding:7px!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-nav>a[data-v12-page="time"] svg{width:26px;height:26px;display:block}
html[data-zaphi-phone="true"].zaphi-fast-read-model body #page-dashboard>.page-head #metrics#metrics,
html[data-zaphi-phone="true"].zaphi-fast-read-model body #page-cases>.page-head #v195CaseSummary#v195CaseSummary,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-dashboard .v20-dashboard-metrics,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-dashboard .v20-dashboard-main,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .v2270-case-kpis{display:none!important}
.zphone-home{display:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-home{display:block;max-width:650px;margin:0 auto;padding-bottom:16px}
.zphone-home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.zphone-home-head h2{font-size:18px;margin:0 0 2px}
.zphone-home-head small,.zphone-card-date{font-size:12px;color:var(--muted)}
.zphone-home-head .btn{min-width:44px;min-height:44px}
.zphone-list{display:grid;gap:10px}
.zphone-card{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:inherit;min-width:0}
.zphone-card-main{width:100%;border:0;background:transparent;color:inherit;text-align:left;display:grid;gap:5px;padding:2px;font:inherit;cursor:pointer;min-height:52px}
.zphone-card-main strong{font-size:16px;line-height:1.25}
.zphone-card-main>span{overflow-wrap:anywhere}
.zphone-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.zphone-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;flex:1 1 90px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:inherit;text-decoration:none;text-align:center;font:600 12px/1.3 inherit;cursor:pointer}
.zphone-actions a[href^="https://"]{border-color:#ef7923;color:#dc6919}
.zphone-state{padding:20px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--card);color:var(--muted);line-height:1.45}
.zphone-dialog-backdrop{position:fixed;inset:0;z-index:200000;display:grid;align-items:end;padding:10px;background:rgba(0,0,0,.65)}
.zphone-dialog{position:relative;max-width:550px;max-height:calc(100dvh - 24px);overflow:auto;width:100%;box-sizing:border-box;margin:0 auto;padding:20px 16px;border-radius:16px;background:var(--card);color:inherit;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.zphone-dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:9px;background:#f87917;color:#fff;font-size:24px}
.zphone-dialog>small{display:block;max-width:calc(100% - 45px);color:var(--muted)}
.zphone-dialog h2{margin:7px 48px 6px 0;font-size:20px;overflow-wrap:anywhere}
.zphone-dialog p{overflow-wrap:anywhere;white-space:pre-wrap}
.zphone-dialog dl{display:grid;grid-template-columns:minmax(85px,32%) minmax(0,1fr);gap:10px 6px;margin:16px 0}
.zphone-dialog dt{color:var(--muted);font-size:12px}.zphone-dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
/* Portrait time entry: one full-width control per row and readable saved entries. */
html[data-zaphi-phone="true"] #page-time :is(.page-head,.v14-time-controls){display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:8px}
html[data-zaphi-phone="true"] #page-time :is(.v14-time-controls label,.v14-time-controls select,.v14-time-controls button){grid-column:1;width:100%;min-width:0;box-sizing:border-box;min-height:44px}
html[data-zaphi-phone="true"] #page-time .v14-time-employee-grid,
html[data-zaphi-phone="true"] #page-time .v14-time-tables{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html[data-zaphi-phone="true"] #page-time .v14-time-employee,
html[data-zaphi-phone="true"] #page-time .v14-time-tables tr{min-width:0;background:var(--card)!important;border:1px solid var(--line)!important;color:inherit!important}
html[data-zaphi-phone="true"] #page-time .v14-time-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-zaphi-phone="true"] #page-time .v14-time-kpis div{min-width:0;background:var(--card);color:inherit}
html[data-zaphi-phone="true"] #page-time .v14-time-tables :is(table,tbody,tr,td){display:block;width:100%;box-sizing:border-box;min-width:0}
html[data-zaphi-phone="true"] #page-time .v14-time-tables thead{display:none}
html[data-zaphi-phone="true"] #page-time .v14-time-tables tr{margin:0 0 8px;padding:10px;border-radius:10px}
html[data-zaphi-phone="true"] #page-time .v14-time-tables td{padding:5px 0;white-space:normal;overflow-wrap:anywhere;border:0;background:transparent}
html[data-zaphi-phone="true"] #modalBody :is(.v2287-time-kind,.v2287-all-day,.v2287-range-date){grid-column:1/-1;min-width:0}
html[data-zaphi-phone="true"] #modalBody :is(input,select,textarea){max-width:100%;box-sizing:border-box;font-size:16px;min-height:44px}
html[data-zaphi-phone="true"] .modal.wide .form-grid{grid-template-columns:minmax(0,1fr)!important}
/* Four standard bottom tabs: assignments, cases, time and customers. */
.zphone-bottom-nav{display:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-nav{display:none!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model .v12-top-brand{max-width:100%;flex:1 1 auto}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:0;right:0;bottom:0;z-index:950;height:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 4px env(safe-area-inset-bottom,0px);box-sizing:border-box;border-top:1px solid var(--line);background:var(--card);box-shadow:0 -4px 16px rgba(0,0,0,.12)}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:3px;border:0;background:transparent;color:var(--muted);font:600 11px system-ui,sans-serif;cursor:pointer}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-bottom-nav button svg{width:24px;height:24px;flex:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-bottom-nav button.active{color:#e8751a}
html[data-zaphi-phone="true"].zaphi-fast-read-model .zphone-bottom-nav button[hidden]{display:none!important}
/* The fast desktop workspace is intentionally viewport-locked. On phones the
document itself must scroll above the fixed bottom navigation. */
html[data-zaphi-phone="true"][data-zaphi-fast-ui="true"],
html[data-zaphi-phone="true"][data-zaphi-fast-ui="true"] body{height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model body{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior-y:auto;touch-action:pan-y!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(.app,.main,.content){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model .content{display:block!important;flex:none!important;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-dashboard.active,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases.active,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-time.active,
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.active){display:block!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases>.zfr-table-card{display:block!important;flex:none!important;max-height:none!important;overflow:visible!important}
/* Keep the two list tabs readable without sideways table scrolling. */
html[data-zaphi-phone="true"].zaphi-fast-read-model body #page-cases #v195CaseSummary#v195CaseSummary{display:none!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases :is(.table-wrap,.zfr-case-table,tbody){display:block;width:100%;min-width:0;overflow:visible}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-table :is(colgroup,thead){display:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;min-width:0;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:inherit}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row td{display:block;grid-column:1/-1;min-width:0!important;max-width:none!important;width:auto;padding:0;border:0;background:transparent;white-space:normal;overflow-wrap:anywhere}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row td:first-child{grid-column:1;grid-row:1}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row .v20-case-status-cell{grid-column:2;grid-row:1;align-self:start}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row .v20-case-last,
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-cases .zfr-case-row td:last-child{display:none}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-customers .split{display:grid;grid-template-columns:minmax(0,1fr)!important;min-width:0}
html[data-zaphi-phone="true"].zaphi-fast-read-model #page-customers :is(#customerList,#customerDetail){min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.active.v2269-customer-workspace),
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.active.v2272-customer-workspace){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2269-customer-workspace)>.split,
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2272-customer-workspace)>.split{display:grid!important;flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2269-customer-workspace) :is(#customerList,#customerDetail),
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2272-customer-workspace) :is(#customerList,#customerDetail){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2269-customer-workspace) #customerList>.zfr-customer-list,
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2272-customer-workspace) #customerList>.zfr-customer-list{display:block!important;max-height:min(52dvh,520px)!important;overflow-y:auto!important;overscroll-behavior:contain}
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2269-customer-workspace) #customerDetail>:is(.zfr-customer-detail,.detail),
html[data-zaphi-phone="true"].zaphi-fast-read-model :is(#page-customers.v2272-customer-workspace) #customerDetail>:is(.zfr-customer-detail,.detail){height:auto!important;max-height:none!important;overflow:visible!important}
/* Phone case list: only the contact, appointment and work description. */
html[data-zaphi-phone="true"] #page-cases .zfr-case-row{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row td:first-child{grid-column:1;grid-row:auto}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row td:nth-child(2){grid-column:1;grid-row:auto}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .v20-case-appointment{grid-column:1;grid-row:3}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .zphone-empty-appointment{display:none!important}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .v20-case-short{grid-column:1;grid-row:4;line-height:1.4}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row :is(.v12-case-customer,.v20-case-last,.v20-case-status-cell,td:last-child){display:none!important}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row td:first-child>strong{font-size:15px}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row td:first-child>small{display:block}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .v2267-phone:not(:first-child){display:none}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .v2267-phone>span{display:none!important}
html[data-zaphi-phone="true"] #page-cases .zfr-case-row .v2267-call{display:inline-flex!important;min-height:38px;align-items:center;color:inherit;text-decoration:underline}
/* The case modal is one vertical phone screen with a persistent status header. */
html[data-zaphi-phone="true"] body:has(#modalBackdrop.show) .zphone-bottom-nav{display:none!important}
html[data-zaphi-phone="true"] #modalBackdrop.show{z-index:1200!important}
html[data-zaphi-phone="true"] #modalBackdrop:has(.v216-case-record-modal){padding:0!important;align-items:stretch!important}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal{display:flex!important;flex-direction:column;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;border-radius:0!important}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-head{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:4px 8px;align-items:center;flex:none;padding:8px 12px;min-width:0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-head>.v2272-case-status{grid-column:1;grid-row:1;order:0;justify-self:start;min-height:38px;max-width:100%;white-space:normal;text-align:left}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-head>button[onclick*="closeModal"]{grid-column:2;grid-row:1;justify-self:end;min-width:44px;min-height:44px}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-head>#modalTitle{grid-column:1/-1;grid-row:2;min-width:0;margin:0;font-size:16px;line-height:1.25}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal #modalTitle:has(.v2268-case-identity){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal #modalTitle>.v2268-case-heading-field{display:none}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-body{display:block;flex:1 1 auto;min-height:0;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:10px 12px 24px}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal>.modal-foot{flex:none;padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px))}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2270-case-footer-meta{display:none}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal :is(.v2267-case-heading,.v2270-contact-card,.v2272-description-row,.v2270-document-heading,.v13-doc-create,.v218-case-workspace-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:8px}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2270-contact-card>.kv{grid-column:1!important;grid-row:auto!important;min-width:0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2270-contact-card>.v2270-contact-actions,
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2267-case-actions,
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2272-description-row>.v2270-case-facts{display:none!important}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2270-contact-card .v2268-phone-list .v2267-phone:not(:first-child){display:none}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v2266-case-description{width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v13-doc-create>.btn,
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v13-doc-create>.v213-document-picker,
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v213-document-picker-trigger{width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal :is(.v13-doc-create,.v213-document-picker,[data-v216-document-type])[hidden]{display:none!important}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v218-case-workspace-grid{align-items:stretch;margin:12px 0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v218-case-workspace-grid>.v217-case-files{grid-row:1;min-width:0;max-width:100%}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v218-case-workspace-grid>.v20-case-chat{grid-row:2;min-width:0;max-width:100%;margin:0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v217-case-file-browser{display:grid;grid-template-columns:minmax(0,1fr)!important;min-width:0}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal .v217-case-file-browser>aside{max-height:160px;overflow-y:auto}
html[data-zaphi-phone="true"] #modalBackdrop .modal.v216-case-record-modal :is(.v2276-history-grid,.v2270-legacy-history,.v218-source-area){display:none!important}
/* SOURCE: styles/features/v02296/procurement-gaeb.css */
.zpr-contact-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;gap:8px;margin:6px 0}
.zpr-contact-row input{min-width:0}
.zpr-contact{display:block;line-height:1.5;overflow-wrap:anywhere}
.zpr-contact small{margin-left:6px;color:var(--muted,#65717c)}
#zgaebPanel{margin:16px 0 24px}
#zgaebMessage:not(:empty){margin:12px 0;padding:10px;border-radius:8px;background:#fff4e8;overflow-wrap:anywhere}
.zgaeb-editor{margin-top:16px}
.zgaeb-editor h3 small{margin-left:10px;color:var(--muted,#65717c);font-weight:400}
.zgaeb-items{max-height:55vh;overflow:auto;margin:14px 0}
.zgaeb-items table{width:100%;border-collapse:collapse}
.zgaeb-items th,.zgaeb-items td{padding:8px;border-bottom:1px solid var(--line,#dce2e6);text-align:left;vertical-align:top}
.zgaeb-items td:nth-child(2){min-width:240px;overflow-wrap:anywhere}
.zgaeb-items input{width:110px;max-width:100%;box-sizing:border-box}
.zgaeb-saved{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}
.zgaeb-saved h3{width:100%;margin:0}
@media(max-width:700px){.zpr-contact-row{grid-template-columns:minmax(0,1fr)}.zgaeb-items td:nth-child(2){min-width:160px}}
#modalBody .v13-doc-create{display:flex!important;gap:8px;flex-wrap:nowrap!important;align-items:stretch}
#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create>.v213-document-picker{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create .v213-document-picker-trigger{height:42px!important;min-height:42px!important;max-height:42px!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:8px 10px!important;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.2;white-space:nowrap}
#modalBody #zgaebPanel{margin:0}
#zprArticleResults{margin-top:12px}
#zprOrderResults .v214-order-line{grid-template-columns:minmax(0,1fr) 90px 60px}
html[data-zaphi-theme="dark"] #zgaebMessage:not(:empty){background:var(--card,#25313b);color:var(--text,#edf2f6)}
@media(max-width:560px){#modalBody .v13-doc-create{flex-wrap:wrap!important}#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create>.v213-document-picker{flex-basis:calc(50% - 8px)!important}}
.v214-procurement-table td small{display:block}
/* SOURCE: styles/features/v02298/corrections.css */
/* K56: status appearance follows Vorgänge; light mode is unchanged. */
html[data-zaphi-theme="dark"] #page-dashboard .v211-status-chip,
html[data-zaphi-theme="dark"] #modalBody .v211-status-chip{
background:color-mix(in srgb,var(--v20-status) 28%,#202830)!important;
color:#f7f9fb!important;border-color:color-mix(in srgb,var(--v20-status) 70%,#aeb8c2)!important;
}
/* All three actions stay in one compact row, including narrow case columns. */
#modalBody .v13-doc-create{flex-wrap:nowrap!important;gap:6px;container-type:inline-size}
#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create>.v213-document-picker{flex:1 1 auto!important;flex-basis:auto!important}
#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create .v213-document-picker-trigger{font-size:13px;padding:8px 7px!important;gap:4px}
@container(max-width:420px){
#modalBody .v13-doc-create>.btn,#modalBody .v13-doc-create .v213-document-picker-trigger{font-size:11px;padding-inline:4px!important;gap:2px}
}
/* Master data previews show the original paragraphs and emphasis. */
#serviceTable .service-long{white-space:normal;overflow:visible;text-overflow:clip;max-height:none;line-height:1.45;overflow-wrap:anywhere}
.service-long p,.service-detail-text p,.v2298-longtext p{margin:0 0 .65em}
.service-long p:last-child,.service-detail-text p:last-child,.v2298-longtext p:last-child{margin-bottom:0}
.service-detail-text{white-space:normal}
/* The document long text grows naturally; only the whole editor page scrolls. */
.v2269-longtext-editor{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
#modalBody .v2298-longtext{box-sizing:border-box;display:block;width:100%;height:auto;min-height:64px;max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line,#ccd3da);border-radius:8px;padding:10px;font:inherit;font-weight:400;line-height:1.45;background:var(--surface,#fff);color:var(--ink,#17212b)}
#modalBody .v2298-longtext:focus{outline:2px solid var(--orange,#f47b20);outline-offset:1px}
html[data-zaphi-theme="dark"] #modalBody .v2298-longtext{background:#202830;color:#edf2f6;border-color:#46525e}
#modalBody .v13-doc-create{width:100%!important;max-width:100%!important;box-sizing:border-box}
#serviceTable .service-long{display:block;-webkit-line-clamp:unset}
/* SOURCE: styles/features/v02300/case-layout.css */
/* K58: loaded with the production bundle, including the status above #modalBody. */
html[data-zaphi-theme="dark"] .v216-case-record-modal > .modal-head .v211-status-chip{
background:color-mix(in srgb,var(--v20-status) 28%,#202830)!important;
color:#f7f9fb!important;
border-color:color-mix(in srgb,var(--v20-status) 70%,#aeb8c2)!important;
}
html[data-zaphi-theme="dark"] :is(#page-cases,#page-dashboard,#modalBody,.v216-case-record-modal > .modal-head) .v211-status-chip > span{color:inherit!important}
html[data-zaphi-theme="dark"] .v216-case-record-modal > .modal-head > .v2272-case-status{
background:transparent!important;border-color:transparent!important;padding:0!important;
}
html[data-zaphi-theme="dark"] .v216-case-record-modal > .modal-head .v211-status-chip{
box-sizing:border-box;min-height:34px;padding:5px 8px;font-size:10px;font-weight:800;
}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create{
display:flex!important;grid-template-columns:none!important;flex-flow:row nowrap!important;
align-items:stretch!important;justify-content:flex-end!important;gap:8px!important;
flex:0 1 470px!important;width:470px!important;min-width:0!important;max-width:100%!important;
}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > :is(.btn,.v213-document-picker,.v13-doc-dropdown){
flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;
margin:0!important;box-sizing:border-box!important;
}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > :is(.btn,.v213-document-picker,.v13-doc-dropdown):first-child{flex:0.9 1 0!important}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > :is(.btn,.v213-document-picker,.v13-doc-dropdown):nth-child(2){flex:1 1 0!important}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > :is(.btn,.v213-document-picker,.v13-doc-dropdown):nth-child(3){flex:1.2 1 0!important}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > .btn,
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create .v213-document-picker-trigger,
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create .v13-doc-dropdown > summary{
display:flex!important;align-items:center!important;justify-content:center!important;
width:100%!important;min-width:0!important;max-width:none!important;
height:42px!important;min-height:42px!important;max-height:42px!important;
padding:8px 6px!important;margin:0!important;box-sizing:border-box!important;
font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;gap:3px!important;
}
@media(max-width:480px){
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create > .btn,
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create .v213-document-picker-trigger{font-size:11px!important;padding-inline:4px!important}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create .v213-document-picker-trigger{font-size:10px!important}
}
@media(max-width:700px){
html:not([data-zaphi-phone="true"]) #modalBody .v2270-document-heading{flex-wrap:wrap!important}
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create{flex:1 1 100%!important;width:100%!important;max-width:100%!important}
}
/* Preserve document permission visibility and closed pickers. */
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create[hidden],
html:not([data-zaphi-phone="true"]) #modalBody .v13-doc-create [hidden]{display:none!important}
/* SOURCE: styles/features/v02300/orders.css */
/* K58: readable order previews and case-linked saved versions. */
.zpr-preview{min-width:0;color:inherit}
.zpr-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zpr-preview-heading h3{margin:0}
.zpr-preview-meta{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 14px;margin:18px 0}
.zpr-preview-meta dt{font-weight:700}
.zpr-preview-meta dd{margin:0;overflow-wrap:anywhere}
.zpr-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;border:1px solid var(--line,#dce2e6);border-radius:10px;padding:18px;background:var(--card,#fff)}
.zpr-preview .table-wrap{margin-bottom:18px}
.zpr-preview .v214-procurement-table td{white-space:normal;overflow-wrap:anywhere}
.zpr-case-orders{margin:16px 0}
.zpr-case-order{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#dce2e6)}
.zpr-case-order>div{flex:1;min-width:0;overflow-wrap:anywhere}
.zpr-case-order span,.zpr-case-order small{display:block}
.zpr-case-order small{color:var(--muted,#65717c)}
@media(max-width:550px){.zpr-preview-meta{grid-template-columns:1fr;gap:4px}.zpr-preview-meta dd{margin-bottom:8px}.zpr-case-order{flex-wrap:wrap}.zpr-case-order>div{flex-basis:100%}}
/* SOURCE: styles/features/v02300/gaeb.css */
/* GAEB document editor and printable-style preview, K58. */
#zgaebPanel .zgaeb-items {max-height:none;overflow:visible}
#zgaebPanel .zgaeb-items table,#zgaebPanel .zgaeb-preview-document table {width:100%;table-layout:fixed;border-collapse:collapse}
#zgaebPanel table th,#zgaebPanel table td {padding:9px 10px;vertical-align:top;overflow-wrap:anywhere}
#zgaebPanel table th:nth-child(1) {width:10%}
#zgaebPanel table th:nth-child(2) {width:45%}
#zgaebPanel table th:nth-child(3) {width:15%}
#zgaebPanel table th:nth-child(4),#zgaebPanel table th:nth-child(5) {width:15%}
#zgaebPanel .zgaeb-position td {border-bottom:0}
#zgaebPanel .zgaeb-description td {border-top:0;padding-top:0;border-bottom:1px solid var(--border,#64748b55)}
#zgaebPanel .zgaeb-longtext {white-space:normal;line-height:1.5;overflow-wrap:anywhere;max-height:none;overflow:visible}
#zgaebPanel .zgaeb-longtext p {margin:.3em 0}
#zgaebPanel .zgaeb-longtext table {table-layout:auto}
#zgaebPanel .zgaeb-longtext td {border:1px solid #94a3b866}
#zgaebPanel .zgaeb-section th {text-align:left;background:var(--surface-2,#64748b22);padding-top:16px;font-weight:700}
#zgaebPanel .zgaeb-note td {padding:14px 10px;border-bottom:1px solid #94a3b844}
#zgaebPanel .zgaeb-types,#zgaebPanel .zgaeb-fixed,#zgaebPanel .zgaeb-excluded {display:block;font-size:11px;line-height:1.4;font-weight:400;opacity:.8;margin-top:4px}
#zgaebPanel .zgaeb-unit {display:inline-block;margin-left:5px}
#zgaebPanel .zgaeb-items input {min-width:0;width:100%;box-sizing:border-box}
#zgaebPanel .zgaeb-bidder-text {display:flex;flex-direction:column;gap:6px;margin:12px 0}
#zgaebPanel .zgaeb-bidder-text textarea {width:100%;min-height:60px;resize:vertical;box-sizing:border-box;font:inherit}
#zgaebPanel .zgaeb-answer {white-space:normal;padding:8px;border-left:3px solid #ea8a27}
#zgaebPanel .zgaeb-complement {background:#ea8a271a}
#zgaebPanel .zgaeb-warning {padding:12px;border:1px solid #d69236;border-radius:8px;background:#d6923614;margin:10px 0}
#zgaebPanel .zgaeb-warning p {margin:5px 0 0}
#zgaebPanel .zgaeb-help {font-size:13px;opacity:.85}
#zgaebPanel .zgaeb-attachment {font-style:italic}
#zgaebPanel #zgaebPreview {margin:16px 0;border:1px solid #94a3b866;border-radius:8px;padding:16px;background:var(--surface,#64748b0b)}
#zgaebPanel .zgaeb-preview-document {max-width:1100px;margin:auto;line-height:1.5}
#zgaebPanel .zgaeb-preview-total {text-align:right;font-size:18px;font-weight:700}
#zgaebPanel #zgaebMessage:not(:empty) {padding:10px 0;overflow-wrap:anywhere}
#zgaebPanel .zgaeb-saved {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#zgaebPanel .zgaeb-saved h3 {flex-basis:100%;margin:0}
@media(max-width:700px){#zgaebPanel table th,#zgaebPanel table td{padding:6px 4px;font-size:12px}#zgaebPanel #zgaebPreview{padding:7px}#zgaebPanel .zgaeb-items input{padding:6px 3px}#zgaebPanel .zgaeb-description td:first-child{width:5%}}
/* SOURCE: styles/features/v02301/table-layout.css */
/* K59: the description receives the space left by fixed personal widths. */
#page-cases .card,#page-dashboard .v20-dashboard-cases-card{min-width:0}
#page-cases .table-wrap,#page-dashboard .v20-dashboard-cases-card>.table-wrap{min-width:0;max-width:100%;overflow-x:auto}
#page-cases table.z301-responsive-table,#page-dashboard table.z301-responsive-table{border-spacing:0;table-layout:fixed;max-width:none}
#page-cases table.z301-responsive-table th,#page-cases table.z301-responsive-table td,#page-dashboard table.z301-responsive-table th,#page-dashboard table.z301-responsive-table td{min-width:0!important;max-width:none!important;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
#page-cases table.z301-responsive-table [hidden],#page-dashboard table.z301-responsive-table [hidden]{display:none!important}
#page-cases table.z301-responsive-table th,#page-dashboard table.z301-responsive-table th{position:sticky;top:0;z-index:2}
.z301-column-resizer{position:absolute;z-index:6;top:0;right:-5px;width:11px;height:100%;cursor:col-resize;touch-action:none}
.z301-column-resizer::after{content:'';position:absolute;left:5px;top:20%;bottom:20%;width:1px;background:var(--border,#c8ced5)}
.z301-column-resizer:hover::after,.v211-resizing-column .z301-column-resizer::after{background:#f47b20;width:2px}
.z301-column-menu{position:relative;flex:0 0 auto;margin-left:auto;font-size:13px}
.z301-column-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.z301-column-menu>summary::-webkit-details-marker{display:none}
.z301-column-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:max-content;min-width:220px;max-width:min(310px,85vw);padding:10px;border:1px solid var(--border,#ccd2db);border-radius:10px;background:var(--card,#fff);color:var(--text,#253040);box-shadow:0 8px 28px #0003}
.z301-column-panel label{display:flex;gap:9px;align-items:center;min-height:32px;cursor:pointer;font-size:13px;font-weight:400}
.z301-column-panel input{width:16px;height:16px;min-height:0;flex:0 0 auto;accent-color:#f47b20}
.z301-column-panel>.btn{margin-top:8px;width:100%}
html[data-zaphi-theme="dark"] .z301-column-panel{background:#202b3b;color:#e7edf5;border-color:#48566b}
html[data-zaphi-theme="dark"] .z301-column-panel label{color:#e7edf5}
html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v20-case-filter .field:first-child,#v12CaseFilterBar .v20-case-filter .field:first-child{max-width:none;flex:1 1 420px;min-width:min(360px,100%)}
#v12CaseFilterBar input[type="search"]{font-size:14px}
#v12CaseFilterBar input[type="search"]::placeholder{font-size:var(--z301-search-font,13px)}
@media(max-width:1100px){html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v20-case-filter{flex-wrap:wrap!important;overflow-x:visible}html[data-zaphi-fast-ui="true"] #v12CaseFilterBar .v20-case-filter .field:first-child{flex-basis:100%;width:100%}}
/* Keep small headers readable even with a user's narrow saved columns. */
#page-cases table.z301-responsive-table th,#page-dashboard table.z301-responsive-table th{padding:10px 8px!important;overflow-wrap:normal;word-break:normal;letter-spacing:normal;text-transform:none}
#page-cases table.z301-responsive-table .zfr-column-sort,#page-dashboard table.z301-responsive-table .zfr-column-sort{display:flex;width:100%;max-width:100%;min-width:0;gap:4px;padding:0!important;margin:0!important}
.z301-responsive-table .zfr-column-sort>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.z301-responsive-table th[data-z301-column="last"] .zfr-column-sort>span:first-child{white-space:normal;overflow-wrap:normal;word-break:normal}
.z301-responsive-table .zfr-column-sort-arrow{flex:0 0 12px;white-space:nowrap}
#page-cases .v20-case-table [data-z301-column][hidden],#page-dashboard .v20-dashboard-case-table [data-z301-column][hidden]{display:none!important}
/* SOURCE: styles/features/v02301/customer-actions.css */
/* K59: paint the cells themselves because earlier dark styles set td backgrounds. */
#customerDetail tbody tr:is(.clickable,.zfr-tenant-row,[data-zfr-case-id]):is(:hover,:focus-within)>td{
background:#fff0e3!important;cursor:pointer;
}
#customerDetail tbody tr:is(.clickable,.zfr-tenant-row,[data-zfr-case-id]):is(:hover,:focus-within)>td:first-child{
box-shadow:inset 3px 0 #ed7a24;
}
#customerDetail .list-item[onclick]:is(:hover,:focus-within){background:#fff0e3!important;box-shadow:inset 3px 0 #ed7a24}
html[data-zaphi-theme="dark"] #customerDetail tbody tr:is(.clickable,.zfr-tenant-row,[data-zfr-case-id]):is(:hover,:focus-within)>td,
html[data-zaphi-theme="dark"] #customerDetail .list-item[onclick]:is(:hover,:focus-within){background:#493425!important;color:#f5f7fa!important}
.v2301-trash{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:30px;min-height:30px}
.v2301-trash svg{display:block;flex:none;width:18px;height:18px}
.v2301-reference{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;padding:2px 0;border-bottom:1px dashed currentColor;max-width:100%;overflow-wrap:anywhere}
.v2301-reference:focus-visible{outline:2px solid #ed7a24;outline-offset:3px}
.v2301-reference-editor{display:grid;gap:6px;max-width:100%;min-width:190px}
.v2301-reference-editor input{width:100%;min-width:0;font-size:14px}
.v2301-reference-actions{display:flex;gap:6px;flex-wrap:wrap}
.v2301-reference-editor [role="status"]{white-space:normal;font-size:11px}
/* SOURCE: styles/features/v02302/update.css */
/* K60: aligned fields and clearly editable controls in both themes. */
.v2272-description-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,27%)!important;align-items:stretch!important;gap:12px}
.v2272-description-row>.v2266-case-description,.v2272-description-row>.v2270-case-facts{height:auto!important;min-height:116px!important;margin:0!important;align-self:stretch}
.v2272-description-row>.v2270-case-facts{display:flex!important;flex-direction:column;gap:0!important}
.v2272-description-row>.v2270-case-facts>.kv{flex:1;min-height:116px!important;margin:0!important;height:auto!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.v2272-description-row .v2266-case-description{max-height:none!important;overflow:visible!important}
.v20-chat-message-head{justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.v20-chat-message-head>.v20-chat-tags{margin-left:auto;justify-content:flex-end}
.v20-chat-message-head>time{margin-left:4px}
.v20-chat-message-head>.btn{padding:2px 7px;min-height:24px;font-size:10px}
.v20-chat-text-wrap textarea{background:#fff2df!important;border:1px solid #c7893f!important;color:#253040!important;box-shadow:inset 3px 0 0 #e18b25}
.v20-chat-text-wrap textarea:focus{border-color:#b86b17!important;box-shadow:0 0 0 3px #edb96b55}
.v20-chat-text-wrap textarea::placeholder{color:#70552f!important}
html[data-zaphi-theme="dark"] .v20-chat-text-wrap textarea{background:#29384a!important;color:#f1f5fb!important;border-color:#7591b5!important;box-shadow:inset 3px 0 0 #b9cbe3}
html[data-zaphi-theme="dark"] .v20-chat-text-wrap textarea::placeholder{color:#c3d0e0!important}
html[data-zaphi-theme="dark"] .v20-chat-text-wrap textarea:focus{box-shadow:0 0 0 3px #88acd855}
.zpr-workspace-folders .v217-file-folder:hover,.v217-case-file[data-zpr-workspace-open]:hover{background:#fff0e0!important;box-shadow:inset 3px 0 #e77924;cursor:pointer}
.v217-case-file[data-zpr-workspace-open]:focus-visible{outline:2px solid #cf671c;outline-offset:-2px}
html[data-zaphi-theme="dark"] .zpr-workspace-folders .v217-file-folder:hover,html[data-zaphi-theme="dark"] .v217-case-file[data-zpr-workspace-open]:hover{background:#374458!important;color:#f2f5f9!important}
.zpr-preview-html{white-space:normal!important}
.zpr-preview-html table{font-size:13px}
.zpr-preview-html th{background:#edf1f5;color:#273344}
html[data-zaphi-theme="dark"] .zpr-preview-html th{background:#324256;color:#edf2f9}
.zaphi-user-list .badge{background:#dceee2!important;color:#1e5934!important;border:1px solid #96bba3}
html[data-zaphi-theme="dark"] .zaphi-user-list .badge{background:#274735!important;color:#dbffe5!important;border-color:#719d7f}
.z302-column-choice{display:flex;align-items:center;gap:4px;cursor:grab}
.z302-column-choice>label{flex:1;min-width:0}
.z302-column-choice>.btn{flex:0 0 26px;padding:2px;min-height:26px;margin:0}
.z302-column-choice>.btn:disabled{opacity:.35}
#v12CaseFilterBar .z301-column-menu{align-self:flex-end;margin-bottom:1px}
#v20SettingsHub{display:grid!important;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
#v20SettingsHub>.v20-settings-main-tabs{display:flex!important;flex-direction:column;gap:4px;position:sticky;top:14px;margin:0;padding:8px;min-width:0;max-height:calc(100vh - 140px);overflow:auto;border:1px solid var(--color-border,#cbd2dc);border-radius:12px;grid-column:1;grid-row:1}
#v20SettingsHub>.v20-settings-main-tabs>button{text-align:left;white-space:normal;min-height:40px;flex:none;padding:10px 12px;line-height:1.3}
#v20SettingsHub>.v20-settings-main-panel{grid-column:2;grid-row:1;min-width:0;display:none!important}
#v20SettingsHub>.v20-settings-main-panel.active{display:block!important}
#v20SettingsHub [hidden]{display:none!important}
#v20SettingsHub .v20-settings-main-panel>.card{margin-top:0!important}
.z302-settings-subnav{display:grid;gap:2px;padding:0 0 8px 10px;border-left:2px solid #ec9b5d;margin:0 8px 5px}
.z302-settings-subnav>button{border:0!important;box-shadow:none!important;background:transparent!important;color:inherit;text-align:left;padding:8px 10px;font-size:12px;border-radius:6px;cursor:pointer;line-height:1.3}
.z302-settings-subnav>button:hover{background:#f3e4d6!important}
.z302-settings-subnav>button.active{background:#ffe8d3!important;color:#813f0f!important;font-weight:700}
html[data-zaphi-theme="dark"] .z302-settings-subnav>button:hover{background:#334255!important}
html[data-zaphi-theme="dark"] .z302-settings-subnav>button.active{background:#62452f!important;color:#fff1e3!important}
#v218SettingsAuditCard{display:none!important}
.v20-number-range-table small{display:block;font-size:10px;line-height:1.5;white-space:normal;margin-top:5px;color:var(--color-text-muted,#647084)}
.v20-number-range-table td:nth-child(3){min-width:240px}
.v215-wage-row{grid-template-columns:minmax(110px,1.2fr) repeat(4,minmax(100px,1fr)) auto!important;align-items:stretch!important;gap:10px}
.v215-wage-row>label,.v215-wage-row>output{display:flex!important;flex-direction:column;gap:6px;min-width:0;border:1px solid #ccd3dd!important;border-radius:8px;padding:10px!important;margin:0!important;min-height:82px;box-sizing:border-box}
.v215-wage-row>label{background:#fff3e2!important;border-color:#c79551!important}
.v215-wage-row>output{background:#edf1f5!important;color:#344256}
.v215-wage-row>label>span,.v215-wage-row>output>span{display:block;font-size:11px!important;font-weight:600;color:inherit!important;line-height:16px}
.v215-wage-row>label>input,.v215-wage-row>output>strong{height:34px!important;min-height:34px!important;box-sizing:border-box;font-size:14px!important;line-height:20px;padding:6px 8px!important;margin:0}
.v215-wage-row>label>input{background:white!important;color:#273343!important;border:1px solid #bba47d!important;width:100%}
html[data-zaphi-theme="dark"] .v215-wage-row>label{background:#34465a!important;border-color:#7995b7!important;color:#f3f6fb}
html[data-zaphi-theme="dark"] .v215-wage-row>label>input{background:#1c2b3a!important;color:#f3f6fb!important;border-color:#7790af!important}
html[data-zaphi-theme="dark"] .v215-wage-row>output{background:#202a36!important;color:#cbd5e1!important;border-color:#465263!important}
.z302-auto-dunning{margin-bottom:8px;padding:10px;border:1px solid var(--color-border,#ccd3dd);border-radius:8px}
.z302-portal-attachments{display:grid;gap:8px;padding:12px;border:1px solid var(--color-border,#c3cfdb);border-radius:10px}
.z302-portal-attachments>div{display:flex;gap:10px;align-items:center}.z302-portal-attachments>div>span{flex:1;overflow-wrap:anywhere}
@media(max-width:1000px){#v20SettingsHub{grid-template-columns:190px minmax(0,1fr)}.v215-wage-row{grid-template-columns:repeat(2,minmax(100px,1fr))!important}.v215-wage-row>input:first-child{grid-column:1 / -1}}
@media(max-width:720px){#v20SettingsHub{display:block!important}#v20SettingsHub>.v20-settings-main-tabs{position:static;max-height:none;margin-bottom:14px}.v2272-description-row{grid-template-columns:1fr!important}.v20-chat-message-head>strong{flex:1}.v20-chat-message-head>.v20-chat-tags{margin-left:0}.v20-chat-message-head>time{margin-left:auto}}
.v215-wage-row>label{text-align:left!important}
.v2267-phone>a.v2267-call{display:inline;color:inherit;text-decoration:underline}
.v2267-phone:has(>.v2267-call)>span{display:none!important}
/* SOURCE: styles/features/v02403/import-status-mapping.css */
/* Import choices use the same light/dark surfaces as the customer settings. */
.v2403-import-status{margin:20px 0;color:var(--text);background:var(--card,var(--panel));border:1px solid var(--line);border-radius:10px;padding:16px}
.v2403-import-status .table-wrap{max-height:390px;overflow:auto}
.v2403-import-status td{vertical-align:top;overflow-wrap:anywhere}
.v2403-import-status select,.v2403-import-status input{width:100%;min-width:180px;max-width:100%;background:var(--input,var(--card));color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px}
.v2403-import-status [data-import-new]{display:grid;gap:8px;margin-top:10px}
.v2403-import-status [hidden]{display:none!important}
.v2403-import-status label{display:grid;gap:4px}
.v2403-import-status small,.v2403-import-status p{line-height:1.5}
.v2403-import-status [data-import-pending]:empty{display:none}