:root{--primary-color: #1976d2;--primary-color-hover: #1565c0;--primary-color-soft: rgba(25, 118, 210, .15);--body-font-size-px: 16px;--heading-font-size-px: 32px;--app-bg: #f3f6fb;--surface-bg: #ffffff;--text-color: #0f172a;--muted-text-color: #64748b;--border-color: #dbe3f0;--dialog-anim-duration-fast: 90ms;--dialog-anim-easing: cubic-bezier(.2, 0, 0, 1)}html,body{margin:0;min-height:100%;background:var(--app-bg);color:var(--text-color);font-family:Arial,sans-serif;font-size:clamp(12px,calc(var(--body-font-size-px) * .95),var(--body-font-size-px));line-height:1.45}h1,h2,h3,h4{line-height:1.2;overflow-wrap:anywhere}h1{font-size:clamp(1.6rem,calc(var(--heading-font-size-px) * 1),3.6rem)}h2{font-size:clamp(1.4rem,calc(var(--heading-font-size-px) * .82),3rem)}h3{font-size:clamp(1.2rem,calc(var(--heading-font-size-px) * .68),2.4rem)}h4{font-size:clamp(1rem,calc(var(--heading-font-size-px) * .56),2rem)}*,*:before,*:after{font-family:inherit}body.dark-mode{color-scheme:dark;--app-bg: #0b1220;--surface-bg: #111827;--text-color: var(--border-color);--muted-text-color: #94a3b8;--border-color: var(--muted-text-color)}body.dark-mode input:not([type=checkbox]):not([type=radio]):not([type=color]),body.dark-mode textarea,body.dark-mode select{background:var(--surface-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-mode ::placeholder{color:var(--muted-text-color);opacity:1}a{color:var(--primary-color)}.hint-panel{margin-bottom:.9rem}button,.primary-btn,.save-button,.action-button{transition:background-color .2s ease,border-color .2s ease,color .2s ease}button:not(.secondary-btn),.primary-btn,.save-button,.action-button{border-color:var(--primary-color)}button:hover:not(:disabled):not(.secondary-btn),.primary-btn:hover,.save-button:hover,.action-button:hover{background:var(--primary-color-soft)}.card,.panel,.setting-card,.table-wrapper,.modal-content,form,table{background:var(--surface-bg);border-color:var(--border-color)}.unsaved-dialog-backdrop{background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.unsaved-dialog-panel{border-radius:12px}@keyframes dialogExpandFromCenter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dialogShrinkToCenter{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes dialogBackdropFadeOut{0%{opacity:1}to{opacity:0}}.cdk-overlay-pane.confirm-dialog-panel,.cdk-overlay-pane.unsaved-dialog-panel,.dialog,.dialog-card,.confirm-dialog,.add-dialog-modal{transform-origin:center center;animation:dialogExpandFromCenter var(--dialog-anim-duration-fast) var(--dialog-anim-easing)}.dialog-anim-closing{transform-origin:center center;animation:dialogShrinkToCenter var(--dialog-anim-duration-fast) var(--dialog-anim-easing) forwards}.cdk-overlay-backdrop.dialog-anim-backdrop-closing{animation:dialogBackdropFadeOut var(--dialog-anim-duration-fast) linear forwards}.cdk-overlay-container,.cdk-global-overlay-wrapper{z-index:4000!important}body.dark-mode .left-panel,body.dark-mode .wrap,body.dark-mode .resource-page,body.dark-mode .ticket-page,body.dark-mode .page{background:var(--app-bg);color:var(--text-color)}body.dark-mode .section-card,body.dark-mode .invoice-card,body.dark-mode .rahmenbedingungen,body.dark-mode .baustellen-links li,body.dark-mode .accordion-toggle,body.dark-mode .list,body.dark-mode .form-wrapper,body.dark-mode .single-panel,body.dark-mode .aufgaben-section,body.dark-mode .task-row,body.dark-mode .section.small,body.dark-mode .recurrence-section,body.dark-mode .filter-chip,body.dark-mode .badge,body.dark-mode .aufgaben-empty,body.dark-mode .mwst-details,body.dark-mode .pdf-export-list,body.dark-mode .ticket-form,body.dark-mode .ticket-list,body.dark-mode .ticket-item,body.dark-mode .setting-card,body.dark-mode .team-list,body.dark-mode .map{background:color-mix(in srgb,var(--surface-bg) 88%,black 12%);border-color:var(--border-color)!important;color:var(--text-color)}body.dark-mode .type-title,body.dark-mode .type-desc,body.dark-mode .task-row-title,body.dark-mode .dialog-title,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:var(--text-color)}body.dark-mode .hint,body.dark-mode .meta,body.dark-mode .type-sub,body.dark-mode .task-row-meta,body.dark-mode .invoice-meta,body.dark-mode .sub-flag,body.dark-mode .material-unit,body.dark-mode .table-description{color:var(--muted-text-color)}body.minimalist-mode{--app-bg: #f8fafc;--surface-bg: #ffffff;--text-color: #0f172a;--muted-text-color: #64748b;--border-color: #e2e8f0}body.minimalist-mode.dark-mode{--app-bg: #0f172a;--surface-bg: #111827;--text-color: #e2e8f0;--muted-text-color: #94a3b8;--border-color: #334155}body.minimalist-mode .card,body.minimalist-mode .panel,body.minimalist-mode .setting-card,body.minimalist-mode .table-wrapper,body.minimalist-mode .modal-content,body.minimalist-mode .section-card,body.minimalist-mode .invoice-card,body.minimalist-mode .rahmenbedingungen,body.minimalist-mode .baustellen-links li,body.minimalist-mode .accordion-toggle,body.minimalist-mode .list,body.minimalist-mode .form-wrapper,body.minimalist-mode .single-panel,body.minimalist-mode .aufgaben-section,body.minimalist-mode .task-row,body.minimalist-mode .section.small,body.minimalist-mode .recurrence-section,body.minimalist-mode .filter-chip,body.minimalist-mode .badge,body.minimalist-mode .aufgaben-empty,body.minimalist-mode .mwst-details,body.minimalist-mode .pdf-export-list,body.minimalist-mode .ticket-form,body.minimalist-mode .ticket-list,body.minimalist-mode .ticket-item,body.minimalist-mode .team-list,body.minimalist-mode .map,body.minimalist-mode table,body.minimalist-mode form{border-radius:8px!important;box-shadow:none!important;border:1px solid var(--border-color)!important;background:var(--surface-bg)!important}body.minimalist-mode button,body.minimalist-mode .primary-btn,body.minimalist-mode .save-button,body.minimalist-mode .action-button{border-radius:6px;box-shadow:none}body.minimalist-mode h1,body.minimalist-mode h2,body.minimalist-mode h3,body.minimalist-mode h4{letter-spacing:0}body.minimalist-mode .hint,body.minimalist-mode .meta,body.minimalist-mode .type-sub,body.minimalist-mode .task-row-meta,body.minimalist-mode .invoice-meta,body.minimalist-mode .sub-flag,body.minimalist-mode .material-unit,body.minimalist-mode .table-description{color:var(--muted-text-color)}body.minimalist-mode{font-size:clamp(12px,calc(var(--body-font-size-px) * .9),var(--body-font-size-px));line-height:1.35}body.minimalist-mode h1,body.minimalist-mode h2,body.minimalist-mode h3,body.minimalist-mode h4{margin-top:0;margin-bottom:.45rem}body.minimalist-mode input:not([type=checkbox]):not([type=radio]):not([type=color]),body.minimalist-mode textarea,body.minimalist-mode select{min-height:30px;padding:6px 8px;border-radius:6px}body.minimalist-mode button,body.minimalist-mode .btn,body.minimalist-mode .primary-btn,body.minimalist-mode .save-button,body.minimalist-mode .action-button{min-height:30px;padding:6px 10px;font-size:13px}body.minimalist-mode table th,body.minimalist-mode table td{padding:6px 8px}
