:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#173629;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#17633c;color:#fff;padding:15px max(20px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:21px}.brand small{font-size:12px;opacity:.8}.sun{font-size:25px}main{max-width:1150px;padding:22px 16px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}.panel,.project{border:1px solid #d9e5de;border-radius:14px;background:white;padding:20px;box-shadow:0 2px 10px #08271909}.panel{max-width:850px;margin:20px auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:18px 0}button{cursor:pointer;border:0;border-radius:8px;background:#17633c;color:#fff;padding:10px 15px;font-weight:650}.secondary{background:#e9f1ec;color:#184d31}.project{display:block;text-align:left;width:100%;color:inherit;font-weight:normal}.project strong{display:block;margin-bottom:8px}.project small{color:#597468}.pill{background:#ffffff25;border:1px solid #ffffff45;padding:7px 11px;border-radius:30px;font-size:12px}input[type=search]{width:100%;padding:13px;border:1px solid #c9d9cf;border-radius:10px;font-size:16px}.task{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5ede8;padding:13px 4px}.task label{flex:1}.task input{width:20px;height:20px;accent-color:#17633c}.task select{min-width:130px;padding:8px;border:1px solid #c9d9cf;border-radius:6px;background:white}.sync{border-radius:9px;padding:10px 14px;background:#e5f1e8;color:#225538;font-size:14px}.sync.warning{background:#fff2d7;color:#765318}.error{color:#9c2222}#account{font-size:13px}#detail-meta{color:#597468}@media(max-width:600px){header{padding:12px}header .brand strong{font-size:17px}.toolbar{align-items:start;flex-direction:column}main{padding:12px}.panel{padding:15px}.task{flex-wrap:wrap}.task select{margin-left:32px}}
.tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.tabs button{background:#e9f1ec;color:#184d31}.tabs button.active{background:#17633c;color:#fff}.phase{border:1px solid #e4ece7;border-radius:10px;margin:10px 0;overflow:hidden}.phase-head{display:flex;gap:12px;align-items:center;padding:13px;background:#f8faf8}.phase-head label{flex:1}.phase-head select{max-width:180px}.phase-subtasks{padding:5px 14px 14px 42px}.subtask{display:flex;gap:9px;margin:9px 0;color:#455a4c}.subtask input{accent-color:#17633c}.subtask small{color:#667b70}.drive{display:inline-block;margin-top:8px;color:#17633c;text-decoration:underline}.readonly{background:#f4f6f5;border-radius:8px;padding:11px;margin:8px 0}.readonly p{margin:5px 0}#details[hidden],#projects[hidden],#search[hidden],.tabs[hidden]{display:none}
header{background:#167347;padding:12px max(20px,calc((100vw - 1250px)/2))}.brand img{width:138px;height:80px;object-fit:contain;background:white;border-radius:12px;padding:5px}.brand strong{font-size:21px}.brand small{display:block;margin-top:5px}main{max-width:1250px}#workspace{background:#fff;border-radius:14px;box-shadow:0 3px 18px #1d38520c;padding:22px}body{background:#f3f6fb}.tabs{display:inline-flex;gap:4px;background:#e6f1eb;padding:4px;border-radius:11px;margin:14px 0}.tabs button{padding:9px 14px;min-width:125px}.tabs button.active{background:#167347;box-shadow:0 2px 5px #0a4c2a24}.search-row{display:flex;gap:9px;margin:12px 0 14px}#filter-button{white-space:nowrap}#filters{background:#f2f8f4;padding:13px;display:flex;gap:10px;flex-wrap:wrap;align-items:end;border-radius:10px;margin-bottom:14px}#filters[hidden]{display:none}#filters label{font-size:13px;color:#42536c;font-weight:650;display:grid;gap:5px}#filters select{padding:9px;border-radius:8px;border:1px solid #cbd5e1}.dashboard-table{overflow-x:auto}.dashboard-table table{width:100%;border-collapse:collapse}.dashboard-table th{text-transform:uppercase;font-size:12px;text-align:left;color:#53657b}.dashboard-table td,.dashboard-table th{padding:12px 10px;border-bottom:1px solid #e6ebf1}.dashboard-table td{font-size:14px}.dashboard-table td:nth-child(2){max-width:230px;overflow-wrap:anywhere}.dashboard-table button.open-row{padding:8px 12px}.project-grid{display:none}.status-pill{display:inline-block;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:650;white-space:nowrap}.status-open{background:#e2f0ff;color:#174e82}.status-working{background:#fff0d6;color:#86500e}.status-waiting{background:#ffe1e3;color:#92242c}.status-review{background:#f0e6ff;color:#69409b}.status-done{background:#d8f6e4;color:#14683a}.status-unneeded{background:#eceff1;color:#475569}.progress-bar{width:100%;min-width:95px;height:9px;background:#e4eaf1;border-radius:10px;overflow:hidden}.progress-bar span{display:block;height:100%;background:#188a50}.row-muted{color:#64748b;font-size:12px;margin-top:5px}.project-status-line{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:8px 0}.card-progress{display:flex;gap:8px;align-items:center;margin-top:9px}.card-progress .progress-bar{flex:1}.card-progress small{white-space:nowrap}.project:hover{border-color:#b1d5bd}.project-grid .project{padding:14px}
@media(max-width:750px){header{align-items:center;flex-direction:row}.brand img{width:104px;height:65px}.brand strong{font-size:17px}main{margin:10px auto;padding:0 10px}#workspace{padding:14px}.dashboard-table{display:none}.project-grid{display:block}.tabs{display:flex;width:100%}.tabs button{flex:1;min-width:0;font-size:12px;padding:9px 5px}.search-row{gap:7px}.search-row button{padding:9px}#filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#filters label,#filters select{min-width:0;width:100%}#filters button{grid-column:1/-1}.project-grid .project{margin-bottom:10px}.brand small{font-size:10px}}@media(max-width:470px){.brand strong{font-size:14px}.brand img{width:86px;height:52px}.brand{gap:8px}header{padding:9px}.pill{padding:5px 7px}}
[hidden]{display:none!important}#details{max-width:none;margin:18px 0}#details h2{margin:14px 0 4px}#detail-progress{display:flex;align-items:center;gap:14px;margin:16px 0 24px}#detail-progress .progress-bar{flex:1;height:12px}#detail-progress small{min-width:160px;color:#586c61}#subtask-note{font-size:12px;color:#65746c}.phase{border-color:#dfe7e1;margin:11px 0;border-radius:12px}.phase-done{background:#f1faf4}.phase-done .phase-head{background:#e4f5e9}.phase-head label{display:flex;align-items:center;gap:8px;font-weight:650}.phase-head input{width:18px;height:18px;accent-color:#177849}.phase-toggle{min-width:36px;padding:7px 10px;font-size:17px}.phase-subtasks[hidden]{display:none}.phase-subtasks{border-top:1px solid #e5eee9}.phase-subtasks label{cursor:default}.phase-subtasks input{accent-color:#177849}@media(max-width:750px){#details{padding:12px}#detail-progress{align-items:stretch;flex-direction:column;gap:8px}.phase-head{flex-wrap:wrap;gap:7px}.phase-head label{flex:1 1 100%}.phase-head select{flex:1;max-width:none}.phase-subtasks{padding-left:18px}}
.phase-controls{border-top:1px solid #e6eee8;padding:12px 15px;display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:12px;align-items:end}.phase-controls label{display:grid;gap:6px;color:#466356;font-size:12px;font-weight:600}.phase-controls select,.phase-controls textarea{width:100%;font:inherit;font-size:14px;background:white;border:1px solid #cbdcd2;border-radius:8px;padding:9px}.phase-controls textarea{resize:vertical}.phase-controls button{white-space:nowrap}.phase-controls button:disabled{opacity:.5;cursor:default}.subtask input{width:18px;height:18px}.subtask span{flex:1}@media(max-width:750px){.phase-controls{grid-template-columns:1fr;padding:12px}.phase-controls button{justify-self:end}}
#customer-panel,#order-panel{border:1px solid #dbe7e1;border-radius:12px;margin:15px 0;background:#fff;overflow:hidden}#customer-panel summary,#order-panel summary{cursor:pointer;padding:17px;font-size:16px;font-weight:700;background:#f5faf7}#customer-panel summary span,#order-panel summary span{display:block;color:#617469;font-size:12px;font-weight:400;margin-top:3px}.record-form{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.record-field{display:grid;align-content:start;gap:6px;color:#415f50;font-size:13px;font-weight:600}.record-field input:not([type=checkbox]),.record-field select,.record-field textarea{width:100%;font:inherit;font-size:14px;color:#173629;border:1px solid #cbdcd2;border-radius:8px;padding:10px}.record-field input[type=checkbox]{width:19px;height:19px;accent-color:#177849}.record-field:has(textarea){grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px}.form-actions small{color:#597468}.form-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:750px){.record-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}}@media(max-width:470px){.record-form{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}}
#customer-orders{padding:14px 16px;border:1px solid #dce9e1;border-radius:12px;margin:15px 0}#customer-orders h3{margin:0 0 12px}#customer-order-list{display:flex;flex-direction:column;gap:7px}.customer-order-button{text-align:left;font-weight:550}.customer-order-button.current-order{background:#d7f1e0;border:1px solid #a3d4b5}
.customer-drive{margin:0 16px 18px}
#creation{max-width:none;margin:18px 0}#creation-hint{font-size:13px;color:#6a6150;background:#fff7e6;border-radius:9px;padding:11px}#creation-form-holder .record-form{padding:5px 0 0}#creation-form-holder .record-form>button{justify-self:start;align-self:end}#new-order-button{margin-top:12px}@media(max-width:750px){#new-customer-button{font-size:12px;padding:8px}.toolbar>div{gap:8px}}
#creation .form-actions small.error{color:#a12929;font-weight:650}#creation .form-actions small{overflow-wrap:anywhere}
.drive-pending{color:#86500e;background:#fff2d7;padding:10px;border-radius:8px;margin:14px}
.overview-count{font-size:13px;color:#61756a;margin:9px 0 4px}.dashboard-group td{background:#eaf7ef;color:#215d3b;font-weight:750;padding:11px 12px;border-top:9px solid white}.mobile-group-title{display:none}@media(max-width:750px){.mobile-group-title{display:block;font-weight:750;background:#eaf7ef;color:#215d3b;border-radius:9px;padding:10px 12px;margin:16px 0 10px}}
.archive-button{background:#e5e7eb;color:#374151;padding:8px 11px;margin-left:6px;font-weight:600}.archive-button:hover{background:#d7dde4}.archived-project{background:#f3f4f6;color:#57616c}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.dashboard-table td:last-child{white-space:nowrap}.mobile-archive-action{display:none}@media(max-width:750px){.mobile-archive-action{display:flex;justify-content:flex-end;margin-top:8px}.mobile-archive-action .archive-button{position:relative;z-index:1}.dashboard-table td:last-child{white-space:normal}}
.customer-create-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.customer-create-actions button{margin-top:0!important}#inquiry-panel{padding:14px 16px;border:1px solid #dce9e1;border-radius:12px;margin:16px 0}#inquiry-panel h3{margin:0 0 12px}
.detail-actions{display:flex;align-items:center;gap:8px}.detail-actions details{position:relative}.detail-actions summary{cursor:pointer;padding:9px 12px;border-radius:8px;background:#eff4f1;color:#215d3b;font-size:13px;font-weight:650}.detail-actions details button{margin-top:8px;white-space:nowrap}.danger-button{background:#bd2a39;color:white}.danger-button:hover{background:#9e2330}
#history-panel{border:1px solid #dce9e1;border-radius:12px;margin-top:22px;padding:14px}#history-panel summary{cursor:pointer;font-size:16px;font-weight:700}.history-entry{padding:10px 3px;border-bottom:1px solid #e5eee9;color:#546c5d;font-size:13px}.history-entry:last-child{border:0}
.phase-controls{grid-template-columns:160px 160px minmax(0,1fr) auto}.phase-controls input[type=date]{width:100%;font:inherit;font-size:14px;padding:8px;border:1px solid #cbdcd2;border-radius:8px;background:white}@media(max-width:750px){.phase-controls{grid-template-columns:1fr}}
.form-section-header{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.form-section-header h3{margin:4px 0}.address-copy{font-size:12px;padding:7px 10px}
.drive-icon-button{display:inline-flex;align-items:center;justify-content:center;margin:4px 0 14px 16px;padding:7px;background:#f2f6f8;border:1px solid #d6e3e8;border-radius:8px}.drive-icon-button svg{width:25px;height:25px}
#customer-panel summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#customer-panel summary span{display:inline!important;margin:0 auto 0 0!important}#customer-panel summary .drive-icon-button{margin:0 0 0 auto}
.overview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-button{font-size:23px;line-height:1;padding:8px 12px;min-width:43px;min-height:42px}.settings-panel{padding:15px;margin:12px 0;background:#f2f8f4;border:1px solid #d7e7dc;border-radius:10px}.settings-panel p{color:#526858;font-size:13px}.settings-panel .hint{font-size:12px}.dashboard-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;padding:10px;flex-wrap:wrap}.dashboard-pager span{font-size:13px;color:#536a5b}.dashboard-pager button:disabled{opacity:.45;cursor:default}
#new-record-toggle{margin:14px 0 7px;display:inline-flex;align-items:center;gap:10px}#new-record-panel{background:#f2f8f4;border:1px solid #dbe7df;border-radius:11px;padding:16px;margin:8px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}#new-record-panel label{display:grid;gap:6px;font-weight:650;font-size:13px}#new-record-panel select{min-width:160px;padding:10px;border:1px solid #c4d9cb;border-radius:8px}
.duplicate-notice{grid-column:1/-1;background:#fff6dd;border:1px solid #f2df9d;border-radius:10px;padding:14px;color:#684d0c}.duplicate-notice p{font-size:13px;margin:7px 0 13px}.duplicate-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ead9a2;padding:10px 0;flex-wrap:wrap}.duplicate-entry span{overflow-wrap:anywhere;font-size:13px}.duplicate-entry button{font-size:12px;padding:8px 11px}
.phase{overflow:hidden}.phase-head{display:flex;align-items:center;gap:8px;background:#fff}.phase-heading{display:flex;align-items:center;gap:14px;min-width:0;flex:1;border:0;background:transparent!important;color:#1b3a28!important;text-align:left;padding:13px 15px;cursor:pointer}.phase-heading strong{overflow-wrap:anywhere}.phase-chevron{font-size:20px;padding:8px 14px;color:#4e6a59}.phase-details{padding:12px 16px 16px;border-top:1px solid #dce9e0}.phase-status-row{display:flex;gap:12px;flex-wrap:wrap}.phase-status-row label,.phase-controls label{display:grid;gap:6px;font-weight:650;font-size:13px;color:#355845}.phase-status-row select,.phase-controls input,.phase-controls select,.phase-controls textarea{border:1px solid #cbdcd2;border-radius:8px;padding:9px;font:inherit}.phase-subtasks{padding:14px 0;background:transparent;border:0!important}.phase-subtasks .subtask{display:flex;align-items:center;gap:8px;margin:10px 0}.subtask-date{margin-left:auto;color:#728577;font-size:12px}.phase-controls{display:flex;flex-wrap:wrap;align-items:end;gap:13px;margin:12px 0}.phase-controls label{flex:1 1 170px}.phase-controls label:has(textarea){flex-basis:100%}.phase-controls textarea{min-height:68px}.task-save{margin-top:14px}.phase-folder-links{margin:14px 0;padding:13px;background:#f1f8f4;border-radius:10px}.phase-folder-links h4{margin:0 0 11px}.folder-action{display:inline-block;padding:9px 13px;border-radius:8px;margin:0 8px 8px 0;background:#deefe5;color:#17633d;text-decoration:none;font-size:13px}.folder-action[aria-disabled=true]{opacity:.6;cursor:not-allowed}.workflow-actions{display:flex;gap:9px;margin:12px 0;flex-wrap:wrap}.workflow-actions button{font-size:12px;padding:8px 10px}.inquiry-step-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f1f8f4;padding:12px;border-radius:8px}.inquiry-step-check{display:flex!important;flex-direction:row;align-items:center}.inquiry-history-box{background:#ecf7f0;border:1px solid #bcdac6;border-radius:9px;padding:15px;margin:12px 0}.inquiry-history-box summary{font-weight:700;cursor:pointer}.inquiry-history-box p{font-size:13px}.inquiry-order-choice{background:#fff0df!important;color:#86500e!important;border:2px solid #f3c795!important}
@media(max-width:750px){.overview-actions{gap:5px}.overview-actions #account{display:none}.phase-heading{padding:10px 6px;gap:7px}.phase-heading .status-pill{font-size:11px}.phase-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.phase-controls label{min-width:0}.phase-controls label:has(textarea){grid-column:1/-1}.phase-controls input,.phase-controls select{width:100%}}@media(max-width:470px){.phase-controls{grid-template-columns:1fr}.phase-controls label:has(textarea){grid-column:1}}
#new-record-form-holder{width:100%;flex-basis:100%;padding-top:12px;border-top:1px solid #d3e5d8}#new-record-form-holder h4{margin:0 0 10px}#new-record-form-holder .record-form{padding:0}#inquiry-panel .record-form{margin:12px 0;border:1px solid #cfe5d7;background:#f7fbf8;border-radius:10px}
#order-panel>.detail-actions,#inquiry-panel>.detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:10px 16px 0}#order-panel>.detail-actions .archive-button,#inquiry-panel>.detail-actions .archive-button{font-size:12px;padding:8px 12px}#order-panel>.detail-actions details,#inquiry-panel>.detail-actions details{position:relative}
.record-form.customer-create-form{display:block;padding:8px 0 0}.customer-create-form .create-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 18px}.customer-create-form .create-fields[data-group="Adresse"]{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-create-form .create-fields[data-group="Kontakt"],.customer-create-form .create-fields[data-group="Bank"]{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-create-form .create-fields[data-group="top"]:first-of-type{grid-template-columns:minmax(180px,370px)}.create-group-heading{margin:22px 0 12px}.customer-create-form .form-actions{margin-top:12px}.duplicate-notice{margin:0 0 16px}
#details.panel{max-width:none;background:transparent;border:0;box-shadow:none;padding:0;margin:0}#customer-main-card,#customer-orders,#order-panel,#inquiry-panel{background:#fff;border:0;border-radius:14px;box-shadow:0 1px 12px #0827190b;padding:22px;margin:16px 0}#customer-main-card #customer-panel{margin:10px 0 0;border:0;overflow:visible}#customer-main-card #customer-panel>summary{padding:5px 0;background:transparent;font-size:16px}#customer-main-card #customer-panel>summary #customer-panel-name{display:none}#customer-main-card h2{margin:0 0 12px}#customer-main-card #detail-meta{margin:0 0 10px;font-size:13px;color:#7080a0}#details>.detail-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:-54px;z-index:2;padding:10px 22px}#details>.detail-toolbar>#back{font-size:12px;padding:7px 10px;opacity:.85}#details>.detail-toolbar .drive-icon-button{margin-left:auto;margin-right:10px}#details>.detail-toolbar .detail-actions summary{font-size:0;padding:9px 12px}#details>.detail-toolbar .detail-actions summary::first-letter{font-size:17px}#details #detail-title{padding-top:48px}#details #customer-orders h3{margin:0 0 18px}#details #customer-order-list{flex-direction:row;flex-wrap:wrap;gap:10px;margin:0 0 14px}#details #customer-order-list .customer-order-button{min-width:215px;max-width:310px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:3px solid #36845b;background:#e7f5eb;color:#155537;padding:11px 13px;font-weight:500}#details #customer-order-list .customer-order-button small{font-weight:400}#details #customer-order-list .inquiry-order-choice{border-color:#bc7b27;background:#fff2e2;color:#94510c}#details #customer-order-list .current-order{box-shadow:0 0 0 2px #bfdac8}
#new-record-panel{padding:0!important;border:0!important;background:#fff!important;display:block!important}#new-record-panel[hidden]{display:none!important}#new-record-panel>label,#new-record-panel>#new-record-go,#new-record-form-holder>h4{display:none}#new-record-form-holder{border:0;padding-top:4px}.compact-process-create{display:block!important;padding:0!important}.create-process-top{display:grid;grid-template-columns:110px 180px minmax(180px,240px);gap:12px;margin:8px 0 10px}.installations-box{background:#f1f8f4;border:1px solid #d3e9dc;border-radius:10px;padding:12px 16px;margin:10px 0 14px}.installations-box h3{margin:0 0 8px}.installation-checkboxes{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.installation-checkboxes .record-field{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;font-size:14px}.installation-checkboxes input{margin:0}.installations-box small{color:#728296;display:block;margin-top:10px}.compact-process-create>.secondary{margin:4px 0 16px}.creation-extra-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px;background:#f8fbf9;border-radius:10px;margin-bottom:15px}.creation-extra-fields[hidden]{display:none}.creation-extra-fields .form-section-header{grid-column:1/-1}.creation-extra-fields .record-field:has(textarea){grid-column:1/-1}.compact-process-create>.form-actions{margin-top:12px}
#details #detail-progress{margin:18px 0 8px}#details #detail-task-label{margin:16px 0}#details.customer-only #detail-task-label,#details.customer-only #tasks{display:none}#details #inquiry-panel .record-form{border:0;background:#f5faf7}#details #order-panel{overflow:visible}#details #customer-panel .record-form{padding:12px 0 0}
#workspace:has(#details:not([hidden]))>.toolbar,#workspace:has(#details:not([hidden]))>#settings-panel,#workspace:has(#creation:not([hidden]))>.toolbar,#workspace:has(#creation:not([hidden]))>#settings-panel{display:none!important}#details .detail-actions details summary{font-size:0}#details .detail-actions details summary::after{content:'⚙';font-size:18px}#details .detail-actions details summary::first-letter{font-size:0}
#inquiry-panel>h3{display:none}#inquiry-panel .record-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#inquiry-panel .inquiry-detail-title,#inquiry-panel .inquiry-date,#inquiry-panel .inquiry-site-title,#inquiry-panel .address-copy,#inquiry-panel .inquiry-site-inputs,#inquiry-panel .inquiry-installation-summary,#inquiry-panel .inquiry-step-heading{grid-column:1/-1}#inquiry-panel .inquiry-detail-title{margin:0}#inquiry-panel .inquiry-date{margin:0 0 8px}#inquiry-panel .address-copy{justify-self:start}#inquiry-panel .inquiry-site-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#inquiry-panel .inquiry-installation-summary h3{margin:8px 0}#inquiry-panel .inquiry-installation-summary .status-pill{margin-right:8px}#inquiry-panel .record-field:has(textarea){grid-column:1/-1}@media(max-width:750px){#inquiry-panel .record-form,#inquiry-panel .inquiry-site-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){#inquiry-panel .record-form,#inquiry-panel .inquiry-site-inputs{grid-template-columns:1fr}}
/* V15: No enclosing white sheet around the independent customer cards. */
#workspace:has(#details:not([hidden])){background:transparent;box-shadow:none;padding:0}
#sync{display:none!important}
#customer-main-card{position:relative;box-shadow:0 3px 15px #223b4915;margin:0 0 18px;padding:30px 24px 22px}
#customer-orders{box-shadow:0 3px 15px #223b4915;margin:0 0 18px;padding:30px 24px 22px}
#customer-main-card>.detail-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;position:absolute;top:22px;right:24px;z-index:3;margin:0;padding:0}
#customer-main-card>.detail-toolbar>#back{position:absolute;right:100%;margin-right:10px;white-space:nowrap;font-size:12px}
#customer-main-card>.detail-toolbar .customer-drive-icon{order:1;margin:0}
#customer-main-card>.detail-toolbar .detail-actions{order:2}
#customer-main-card #detail-title{padding-top:0;margin:4px 180px 12px 0!important}
#customer-main-card #detail-meta{margin-bottom:42px}
#details #customer-panel summary #customer-panel-name{display:none!important}
#details .detail-actions details summary,#details>.detail-toolbar .detail-actions details summary{font-size:21px!important;padding:8px 11px!important;min-height:42px;min-width:44px;display:flex;align-items:center;justify-content:center;line-height:1}
#details .detail-actions details summary::after{content:none!important}
#details .detail-actions details summary::first-letter{font-size:inherit!important}
#details .detail-actions details button{font-size:13px;position:relative;z-index:5}
#customer-main-card .drive-icon-button{width:44px;height:42px;margin:0;display:inline-flex;align-items:center;justify-content:center;background:#e5f1e8;border-radius:8px}
#customer-main-card .drive-icon-button svg{width:25px;height:25px}
@media(max-width:600px){#customer-main-card,#customer-orders{padding:20px 16px}#customer-main-card>.detail-toolbar{top:16px;right:16px}#customer-main-card #detail-title{margin-right:100px!important}#customer-main-card>.detail-toolbar>#back{top:-34px;right:0;margin-right:0}#customer-main-card #detail-title{padding-top:18px}}
/* V16: grouped customer editing, explicit disclosure controls and save icons. */
#details #customer-panel>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:30px}
#details #customer-panel>summary::-webkit-details-marker{display:none}
#details #customer-form-holder .customer-edit-form{display:block}
#customer-form-holder .record-form:has(.edit-fields){display:block;padding:12px 0 0}
.edit-group-heading{font-size:16px;margin:20px 0 12px;grid-column:1/-1}
.edit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.edit-fields[data-group="Adresse"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.edit-fields[data-group="Kontakt"],.edit-fields[data-group="Bank"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.edit-fields .record-field:has(textarea){grid-column:1/-1}
.save-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:42px;min-width:44px;padding:8px;border-radius:9px;background:#218450;color:#fff}
.save-icon-button svg{display:block}
.record-form>.form-actions{justify-content:flex-end}
.record-form .form-actions small:empty{display:none}
.task-save{display:flex;justify-content:flex-end}
#details #customer-main-card #detail-meta{margin-bottom:36px}
#details #customer-main-card .detail-actions{display:flex;align-items:center}
#details #customer-main-card .detail-actions details{display:block!important}
#details #customer-main-card .detail-actions summary{background:#e5f1e8;border-radius:8px}
#details #customer-main-card .detail-actions details>button{position:absolute;right:0;top:48px;width:max-content;max-width:min(85vw,360px)}
/* Current transaction and workflow are two separate cards, in this order. */
#inquiry-panel,#order-panel,#workflow-panel{border-radius:14px;background:#fff;box-shadow:0 3px 15px #223b4915;margin:18px 0;padding:24px;border:0}
#inquiry-panel,#order-panel{border-top:5px solid #287348;position:relative}
#inquiry-panel>h3{display:block;margin:5px 100px 4px 0;font-size:17px}
#inquiry-number,#order-meta{font-size:12px;color:#64748b;margin:2px 0 18px}
#inquiry-panel>.detail-actions{position:absolute;right:58px;top:18px;padding:0}
#inquiry-panel>.detail-actions .archive-button{display:none}
#inquiry-collapse{position:absolute;right:18px;top:20px;border:0;background:transparent;color:#174d30;padding:7px;font-size:19px}
#inquiry-panel .inquiry-detail-title{display:none}
#inquiry-panel .inquiry-date{font-weight:650}
#inquiry-panel .record-form{background:#fff!important;border:0!important;padding:0!important;margin:0!important}
#inquiry-panel .inquiry-site-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
#inquiry-panel .inquiry-site-inputs .record-field:nth-last-child(-n+3):not(:has(textarea)){grid-column:auto}
#inquiry-panel .inquiry-site-inputs .record-field:has(select){grid-column:1/-1}
#inquiry-panel .inquiry-site-inputs .record-field:has(textarea){grid-column:1/-1}
#inquiry-panel .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
#inquiry-panel .form-actions .drive{margin-right:auto;background:#e5f3ea;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:650}
#workflow-panel #detail-progress{margin:0 0 12px}
#workflow-panel #detail-task-label{margin:4px 0 12px}
#workflow-panel .inquiry-workflow-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #dae6df;border-radius:11px;background:#fff}
#workflow-panel .inquiry-step-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:16px}
#workflow-panel .inquiry-subheading{grid-column:1/-1;margin:6px 0 0;font-size:15px}
#workflow-panel .inquiry-step-check{grid-column:1/-1;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;font-weight:400}
#workflow-panel .inquiry-workflow-form>.record-field:has(textarea){grid-column:1/-1}
#workflow-panel .inquiry-workflow-actions{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap}
#workflow-panel .inquiry-workflow-actions button:last-child{margin-left:0}
#workflow-panel .phase{background:#fff}
#order-panel>summary{background:#fff;padding:6px 0;font-size:17px}
#order-panel>#order-meta{margin:0 0 14px}
#order-panel .record-form{padding:0}
#order-panel{position:relative}
#order-panel>.detail-actions{position:absolute;right:58px;top:17px;padding:0}
#order-panel .record-form>.record-field:has(input[name="PV"]),#order-panel .record-form>.record-field:has(input[name="SP"]),#order-panel .record-form>.record-field:has(input[name="WB"]){display:none}
#order-panel .record-form>.record-field:has(select){grid-column:1/-1}
#order-panel .order-installation-summary{grid-column:1/-1;grid-row:auto}
#order-panel .order-installation-summary h3{margin:4px 0 9px}
#order-panel .order-installation-summary .status-pill{margin-right:9px}
#inquiry-panel .inquiry-post-site-inputs{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:12px}
#inquiry-panel .inquiry-post-site-inputs .record-field{grid-column:1/-1}
@media(max-width:750px){.edit-fields,.edit-fields[data-group="Adresse"]{grid-template-columns:repeat(2,minmax(0,1fr))}#workflow-panel .inquiry-workflow-form{grid-template-columns:repeat(2,minmax(0,1fr))}#inquiry-panel .inquiry-site-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.edit-fields,.edit-fields[data-group="Adresse"],.edit-fields[data-group="Kontakt"],.edit-fields[data-group="Bank"]{grid-template-columns:1fr}#workflow-panel .inquiry-workflow-form,#inquiry-panel .inquiry-site-inputs{grid-template-columns:1fr}}

/* V17: Identische, vollständig anklickbare Überschriften für Anfrage und Auftrag. */
#inquiry-panel>.transaction-header,#order-panel>summary{
  display:flex;align-items:flex-start;gap:10px;width:100%;min-height:106px;
  padding:3px 66px 15px 0;margin:0 0 12px;border:0;border-radius:0;
  background:transparent;color:#102f25;text-align:left;font:inherit;cursor:pointer;
  box-sizing:border-box;list-style:none;
}
#order-panel>summary::-webkit-details-marker{display:none}
#inquiry-panel>.transaction-header:hover,#order-panel>summary:hover{background:#f8fbf9}
#inquiry-panel>.transaction-header:focus-visible,#order-panel>summary:focus-visible{outline:2px solid #27794b;outline-offset:3px}
#inquiry-panel .transaction-arrow,#order-panel .transaction-arrow{
  display:inline-block;flex:0 0 15px;margin-top:2px;color:#174b35;font-size:18px;
  font-weight:700;line-height:1.1;transform-origin:center;transition:transform .15s;
}
#inquiry-panel .transaction-header[aria-expanded="true"] .transaction-arrow,
#order-panel[open]>summary .transaction-arrow{transform:rotate(90deg)}
#inquiry-panel .transaction-heading-content,#order-panel .transaction-heading-content{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;
  font-weight:400;color:#233b31;font-size:13px;line-height:1.45;
}
#inquiry-panel .transaction-heading-content strong,#order-panel .transaction-heading-content strong{
  color:#102f25;font-size:17px;font-weight:700;margin-bottom:1px;
}
#inquiry-panel .transaction-heading-content .transaction-type,#order-panel .transaction-heading-content .transaction-type{
  display:block;margin:0;font-size:13px;font-weight:400;color:#4b6879;
}
#inquiry-panel .transaction-heading-content small,#order-panel .transaction-heading-content small{
  display:block;margin:0;font-size:12px;font-weight:400;color:#7282a0;
}
#inquiry-panel>.detail-actions,#order-panel>.detail-actions{right:18px;top:17px;z-index:2}
#inquiry-panel .inquiry-date{display:none}
#inquiry-panel #inquiry-form-holder[hidden]{display:none!important}
#order-panel #order-panel-name{display:none!important}
#order-panel .transaction-folder-icon{margin-right:auto;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:#e3f2e9;border-radius:9px;padding:8px}
#order-panel .transaction-folder-icon img,#order-panel .transaction-folder-icon svg{width:23px;height:23px}

/* V18: Alte absolute Pfeilposition und doppelte Überschrift der Anfrage aufheben. */
#inquiry-panel>#inquiry-collapse.transaction-header{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1}
#inquiry-panel>h3{display:none!important}
#inquiry-panel .form-actions .transaction-folder-icon{margin-right:auto;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:#e3f2e9;border-radius:9px;padding:8px;text-decoration:none}
#inquiry-panel .form-actions .transaction-folder-icon svg{width:23px;height:23px}

/* V19: Das Zahnrad öffnet ein deutlich sichtbares Aktionsmenü. */
#inquiry-panel>.detail-actions .archive-button{display:block!important}
#inquiry-panel>.detail-actions #detail-settings,#order-panel>.detail-actions #detail-settings{position:relative}
#inquiry-panel>.detail-actions #detail-settings[open],#order-panel>.detail-actions #detail-settings[open]{z-index:20}
#inquiry-panel>.detail-actions #detail-settings>button,#order-panel>.detail-actions #detail-settings>button{
  display:none;position:relative;margin:4px 0 0;width:100%;min-width:170px;text-align:center;
}
#inquiry-panel>.detail-actions #detail-settings[open]>button:not([hidden]),
#order-panel>.detail-actions #detail-settings[open]>button:not([hidden]){display:block}
#inquiry-panel>.detail-actions #detail-settings[open],#order-panel>.detail-actions #detail-settings[open]{
  background:#fff;padding:0 8px 8px;border-radius:9px;box-shadow:0 5px 18px #1837262b;
}
#inquiry-panel>.detail-actions #detail-settings>button:disabled,#order-panel>.detail-actions #detail-settings>button:disabled{opacity:.5;cursor:not-allowed}
#inquiry-panel .drive-not-ready{opacity:.4;filter:grayscale(1)}
#inquiry-panel .drive-folder-notice{font-size:12px;color:#7a8592;margin-right:auto}

/* V20: Gleicher Ablauf der Felder in sämtlichen Oberaufgaben. */
#workflow-panel .phase-status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
#workflow-panel .phase-status-row label{display:grid;gap:6px;min-width:0}
#workflow-panel .phase-status-row select,#workflow-panel .phase-status-row input{width:100%;min-width:0;min-height:41px;
  background:#fff;border:1px solid #cbdcd2;border-radius:8px;padding:9px;font:inherit}
#workflow-panel .phase-note-row{border:0;padding:0;margin:9px 0 0;display:block}
#workflow-panel .phase-note-row label{display:grid;width:100%;gap:6px}
#workflow-panel .phase-note-row textarea{width:100%}
#workflow-panel .task-save{display:flex;justify-content:flex-end}
#workflow-panel .inquiry-workflow-form{display:block!important;padding:0!important;overflow:hidden}
#workflow-panel .inquiry-step-toggle{display:flex;width:100%;align-items:center;justify-content:flex-start;
  text-align:left;gap:14px;cursor:pointer;border:0;color:#163f2a;font:inherit;font-size:16px}
#workflow-panel .inquiry-step-toggle .status-pill{margin-left:0}
#workflow-panel .inquiry-step-toggle .inquiry-step-arrow{margin-left:auto}
#workflow-panel .inquiry-step-toggle[aria-expanded="true"] .inquiry-step-arrow{transform:rotate(180deg)}
#workflow-panel .inquiry-workflow-body{display:grid;grid-template-columns:1fr;gap:14px;padding:16px}
#workflow-panel .inquiry-workflow-body[hidden]{display:none!important}
#workflow-panel .inquiry-main-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#workflow-panel .inquiry-main-controls .record-field{min-width:0}
#workflow-panel .inquiry-main-controls input,#workflow-panel .inquiry-main-controls select{width:100%;min-width:0}
#workflow-panel .inquiry-workflow-body>.record-field:has(textarea){display:grid;gap:6px;width:100%}
#workflow-panel .inquiry-workflow-body>.record-field textarea{width:100%}
#workflow-panel .inquiry-workflow-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#workflow-panel .inquiry-photo-folder{margin:0}
@media(max-width:750px){#workflow-panel .phase-status-row,#workflow-panel .inquiry-main-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){#workflow-panel .phase-status-row,#workflow-panel .inquiry-main-controls{grid-template-columns:1fr}}

/* V21: Drei Felder für die Anfrage, mit Abschlussdatum neben jeder Unteraufgabe. */
#workflow-panel .inquiry-main-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
#workflow-panel .inquiry-workflow-body .inquiry-step-check{display:flex!important;flex-direction:row!important;
  align-items:center;justify-content:flex-start;gap:10px;width:100%;font-weight:400}
#workflow-panel .inquiry-workflow-body .inquiry-step-check input{flex:0 0 auto}
#workflow-panel .inquiry-workflow-body .inquiry-subtask-date{margin-left:auto;color:#718497;font-size:12px}
@media(max-width:750px){#workflow-panel .inquiry-main-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){#workflow-panel .inquiry-main-controls{grid-template-columns:1fr}}
@media(max-width:750px){.customer-create-form .create-fields,.customer-create-form .create-fields[data-group="Adresse"]{grid-template-columns:repeat(2,minmax(0,1fr))}.create-process-top{grid-template-columns:repeat(2,minmax(0,1fr))}.create-process-top>.record-field:last-child{grid-column:1/-1}.creation-extra-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.customer-create-form .create-fields,.customer-create-form .create-fields[data-group="Adresse"],.customer-create-form .create-fields[data-group="Kontakt"],.customer-create-form .create-fields[data-group="Bank"]{grid-template-columns:1fr}.create-process-top{grid-template-columns:1fr}.create-process-top>.record-field:last-child{grid-column:auto}.creation-extra-fields{grid-template-columns:1fr}}
.detail-actions:has(+ #order-panel){display:flex;justify-content:flex-end;gap:8px;align-items:center;margin:10px 0 -7px;position:relative;z-index:1}.detail-actions:has(+ #order-panel) .archive-button{font-size:12px;padding:8px 12px}
.header-user{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.header-user #account{color:#eef8f1;min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.header-user #sign-out{padding:8px 12px;white-space:nowrap}.header-user .pill{white-space:nowrap}.dashboard-name-cell strong{display:block;font-size:14px;font-weight:700;color:#142c20}.dashboard-name-cell small{display:block;font-size:12px;color:#62738a;margin-top:3px}.dashboard-name-cell small:empty{display:none}.customer-row{cursor:pointer}.customer-row:hover{background:#f3faf5}.customer-contact{font-size:13px}.customer-contact .row-muted{margin-top:3px;overflow-wrap:anywhere}.inquiry-status .status-open{background:#fff0d6;color:#86500e}.mobile-contact{display:block;overflow-wrap:anywhere}.dashboard-table td:nth-child(2){overflow-wrap:anywhere}
@media(max-width:750px){.header-user{gap:6px;flex-wrap:wrap;max-width:48%}.header-user #account{max-width:160px;font-size:10px;order:2}.header-user #sign-out{padding:5px 8px;font-size:11px;order:3}.header-user .pill{order:1;margin-left:auto}}@media(max-width:470px){.header-user{max-width:52%;column-gap:4px}.header-user #account{max-width:116px;font-size:9px}.header-user #sign-out{font-size:10px}}
/* V23: Projektphasen-Badges dürfen bei langen Bezeichnungen umbrechen. */
.dashboard-table td .status-pill,.project-status-line .status-pill{white-space:normal;max-width:100%;line-height:1.3}

/* V24: Echte Lade-/Erfolgszustände, Update-Banner und nicht-blockierende Erstellung. */
.save-icon-button svg,.icon-button svg{width:22px;height:22px;display:block}
.save-icon-button[data-action-state="error"],.icon-button[data-action-state="error"]{background:#b7353f;color:white}
.save-icon-button[data-action-state="success"],.icon-button[data-action-state="success"]{background:#23834f;color:white}
.action-spinner{animation:action-rotate .85s linear infinite;transform-origin:center}
@keyframes action-rotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.action-spinner{animation:none}}
.update-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin:8px 0 16px;
  background:#eaf5ed;border:1px solid #b8dcc5;border-radius:10px;color:#155334;font-size:13px}
.update-banner[hidden],.action-toast[hidden]{display:none!important}
.update-banner span{flex:1;min-width:170px}.update-banner button{font-size:12px;padding:8px 12px}
.action-toast{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:center;gap:12px;
  width:min(420px,calc(100vw - 36px));padding:16px;background:white;color:#143f2a;
  border:1px solid #d2e7d9;border-radius:12px;box-shadow:0 10px 35px #15392936}
.action-toast>div:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}
.action-toast strong{font-size:14px}.action-toast small{font-size:12px;color:#5b7180}
.action-toast #action-toast-close{background:#e9f2ed;color:#1d5538;border:0;padding:4px 9px;font-size:19px;border-radius:8px}
.toast-spinner{flex:0 0 24px;width:24px;height:24px;border:3px solid #c9e4d3;border-top-color:#23834f;
  border-radius:50%;animation:action-rotate .9s linear infinite}
.action-toast[data-state="success"] .toast-spinner{animation:none;border:0;border-radius:0;width:24px;height:24px}
.action-toast[data-state="success"] .toast-spinner::after{content:'✓';display:block;color:#23834f;font-size:25px;font-weight:bold}
.action-toast[data-state="error"] .toast-spinner{animation:none;border-color:#be3642}
@media(prefers-reduced-motion:reduce){.toast-spinner{animation:none}}

/* V25: Ein einheitliches Rückmeldesystem für alle Benutzeraktionen. */
.action-dialog{width:min(520px,calc(100vw - 32px));max-height:85vh;border:1px solid #d0e0d6;
  border-radius:14px;padding:0;box-shadow:0 18px 65px #112b2236;color:#173629;background:#fff}
.action-dialog::backdrop{background:#1429228f}
.action-dialog form{padding:22px;display:grid;gap:15px}
.action-dialog h3{margin:0}.action-dialog p{margin:0;white-space:pre-line;line-height:1.55;max-height:42vh;overflow:auto}
.action-dialog label{display:grid;gap:8px;color:#425c4d;font-size:13px}
.action-dialog label strong{font-size:13px;color:#8e2430;overflow-wrap:anywhere}
.action-dialog input{border:1px solid #bdcfc3;border-radius:8px;padding:10px;font-size:14px;width:100%}
.action-dialog-buttons{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.action-dialog-buttons button:disabled{opacity:.45;cursor:not-allowed}
.action-pending{cursor:progress!important;opacity:.85}
.action-pending::before{content:'◌';display:inline-block;margin-right:8px;animation:action-rotate .85s linear infinite}
.inline-save-state{margin-left:6px;align-self:center;color:#246c44;font-size:12px;font-weight:700}
.inline-save-state[data-state=error]{color:#b7353f}
.drive-unlinked{opacity:.45;filter:grayscale(1);cursor:help!important;pointer-events:auto}
#order-panel .drive-unlinked,#inquiry-panel .drive-unlinked{margin-right:auto}
.action-toast[data-state=error]{border-color:#e8b5ba;background:#fff7f8}
.action-toast[data-state=queued]{border-color:#efd8a5;background:#fffaf0}
.action-toast[data-state=queued] .toast-spinner{animation:none;border:0;border-radius:0}
.action-toast[data-state=queued] .toast-spinner::after{content:'◷';font-size:27px;line-height:24px;color:#a16a12}
.save-icon-button[data-action-state=queued]{background:#b47d1c;color:#fff}
.inline-save-state[data-state=queued]{color:#a16a12}
#test-cleanup-panel{margin-top:14px;padding:14px;border:1px solid #d8e5dc;border-radius:10px;background:#fff}
#test-cleanup-panel .hint{font-size:12px}
#test-cleanup-list{max-height:340px;overflow:auto;display:grid;gap:6px;margin:12px 0}
.cleanup-row{display:flex;align-items:flex-start;gap:12px;padding:9px;background:#f5f8f6;border-radius:8px;font-size:13px}
.cleanup-row input{width:19px;height:19px;accent-color:#17633c;margin-top:3px}
.cleanup-row span{display:grid;gap:3px;flex:1;min-width:0}
.cleanup-row small{font-size:11px;color:#5e7065;overflow-wrap:anywhere}
.cleanup-row .cleanup-warning{color:#ae3539}.cleanup-row .cleanup-ok{color:#25764b}
.cleanup-confirm-label{display:grid;gap:6px;font-size:12px;max-width:420px;margin:12px 0}
.cleanup-confirm-label input{border:1px solid #bccdc2;border-radius:8px;padding:11px;font-size:14px}
#test-cleanup-delete:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.action-pending::before{animation:none}}

/* V26: Gleiche Kopfaktionen bei Kunde, Anfrage und Auftrag – auch eingeklappt. */
#customer-main-card,#order-panel,#inquiry-panel{position:relative;overflow:visible}
#customer-main-card>.detail-toolbar{position:relative;top:auto;right:auto;left:auto;display:flex;justify-content:flex-start;width:max-content;z-index:2}
#customer-main-card>.detail-toolbar>#back{position:static;margin:0;font-size:12px}
#customer-main-card>.card-header-actions,#order-panel>.card-header-actions,#inquiry-panel>.card-header-actions{
  position:absolute;top:18px;right:20px;display:flex;align-items:flex-start;gap:8px;z-index:10
}
#customer-main-card>.card-header-actions{top:22px;right:24px}
.card-header-actions .drive-icon-button,.card-header-actions .card-settings-menu>summary{
  width:44px;height:42px;min-width:44px;min-height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:#edf5f0;color:#20593a;text-decoration:none;padding:8px;margin:0;cursor:pointer
}
.card-header-actions .drive-icon-button svg{width:24px;height:24px}
.card-header-actions .card-settings-menu{position:relative;min-width:44px}
.card-header-actions .card-settings-menu>summary{list-style:none;font-size:21px;font-weight:600}
.card-header-actions .card-settings-menu>summary::-webkit-details-marker{display:none}
.card-header-actions .card-settings-menu[open]{z-index:30}
.card-header-actions .card-settings-options{display:none;position:absolute;right:0;top:48px;z-index:30;
  width:max-content;min-width:190px;max-width:min(86vw,340px);padding:7px;background:#fff;
  box-shadow:0 8px 25px #1b3f2e35;border:1px solid #d9e7dd;border-radius:10px;gap:5px
}
.card-header-actions .card-settings-menu[open] .card-settings-options{display:grid}
.card-header-actions .card-settings-options button{margin:0;width:100%;font-size:12px;text-align:left;white-space:normal}
.card-header-actions .card-settings-options button:disabled{opacity:.5;cursor:not-allowed}
#customer-main-card #detail-title{margin-right:110px!important}
#order-panel>summary,#inquiry-panel>.transaction-header{padding-right:116px!important}
#customer-main-card .record-form>.form-actions,#order-panel .record-form>.form-actions,#inquiry-panel .record-form>.form-actions{justify-content:flex-end!important}
#inquiry-panel .record-form>.form-actions{grid-column:1/-1;justify-self:stretch;width:100%}
#customer-main-card .record-form>.form-actions>small,#order-panel .record-form>.form-actions>small,#inquiry-panel .record-form>.form-actions>small{display:none!important}
#workflow-panel .inquiry-decision-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;
  width:100%;padding-top:13px;margin-top:4px;border-top:1px solid #e0e8e2}
#workflow-panel .inquiry-decision-actions button{margin:0}
#filters.customer-archive-filter>label:not(:has(#archive-filter)){display:none}
#filters.customer-archive-filter{gap:10px}
@media(max-width:600px){
  #customer-main-card>.detail-toolbar{top:auto;right:auto}
  #customer-main-card>.detail-toolbar>#back{position:static;margin:0}
  #customer-main-card>.card-header-actions{top:16px;right:16px}
  #order-panel>.card-header-actions,#inquiry-panel>.card-header-actions{top:16px;right:16px}
  #customer-main-card #detail-title{margin-right:96px!important;padding-top:18px}
  #order-panel>summary,#inquiry-panel>.transaction-header{padding-right:104px!important}
}

/* V27: Logo-Navigation, deutlich aufklappbare Kundendaten und immer sichtbare Auftragsaktionen. */
header .brand-home{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:#fff;border:2px solid #c5e4d2;border-radius:12px;
  padding:4px;box-shadow:0 3px 8px #062c1c35;cursor:pointer;
  transition:box-shadow .15s,transform .15s,border-color .15s
}
header .brand-home img{display:block;background:transparent;padding:0;border-radius:7px}
header .brand-home:not(:disabled):hover{border-color:#7acda0;box-shadow:0 0 0 4px #e8f9ef66,0 5px 13px #042c1f45;transform:translateY(-1px)}
header .brand-home:not(:disabled):active{transform:translateY(0)}
header .brand-home:focus-visible{outline:3px solid #b3eece;outline-offset:4px}
header .brand-home:disabled{cursor:default;opacity:.8}

#customer-main-card #customer-panel>summary{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:11px;
  min-height:48px;width:100%;padding:12px 15px!important;
  background:#f0f7f2!important;border:1px solid #d5e7da;
  border-radius:10px;color:#123b25;list-style:none;cursor:pointer;
  transition:background .15s,border-color .15s
}
#customer-main-card #customer-panel>summary::-webkit-details-marker{display:none}
#customer-main-card #customer-panel>summary:hover{background:#e6f2e9!important;border-color:#b7d7c3}
#customer-main-card #customer-panel>summary:focus-visible{outline:2px solid #24784a;outline-offset:3px}
#customer-main-card #customer-panel>summary .customer-chevron{
  display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 18px;
  margin:0!important;color:#1d6440;font-size:18px;font-weight:700;
  transition:transform .15s;transform-origin:center
}
#customer-main-card #customer-panel[open]>summary .customer-chevron{transform:rotate(90deg)}
#customer-main-card #customer-panel>summary strong{font-size:16px;line-height:1.3}
#customer-main-card #customer-panel[open]>summary{background:#e9f4ed!important}

#order-card-shell{
  position:relative;margin:18px 0;border-top:5px solid #287348;border-radius:14px;
  background:#fff;box-shadow:0 3px 15px #223b4915;overflow:visible
}
#order-card-shell>#order-panel{
  position:relative;margin:0;padding:24px;border:0;border-radius:14px;
  background:transparent;box-shadow:none;overflow:visible
}
#order-card-shell>.card-header-actions{
  position:absolute;top:18px;right:20px;display:flex;align-items:flex-start;gap:8px;z-index:10
}
@media(max-width:600px){
  #order-card-shell>.card-header-actions{top:16px;right:16px}
  #order-card-shell>#order-panel{padding:20px 16px}
}

/* V28: Ein Hinweis auf ähnliche Kunden; Treffer erst nach bewusstem Aufklappen. */
.duplicate-notice>summary{
  display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;
  font-weight:700;min-height:24px;outline-offset:4px
}
.duplicate-notice>summary::-webkit-details-marker{display:none}
.duplicate-notice>summary::marker{content:''}
.duplicate-notice>summary::before{
  content:'▸';display:inline-block;font-size:15px;font-weight:700;
  transition:transform .15s;transform-origin:center
}
.duplicate-notice[open]>summary::before{transform:rotate(90deg)}
.duplicate-notice>summary:focus-visible{outline:2px solid #876014;border-radius:3px}
.duplicate-notice>.duplicate-list{border-top:1px solid #ead9a2;margin-top:10px;padding-top:2px}
.duplicate-notice>.duplicate-list p{margin:8px 0 13px}

/* Exakt dasselbe Symbol aus der Referenz an allen Einstellungsbuttons. */
.settings-gear{
  width:28px;height:28px;object-fit:contain;display:block;
  mix-blend-mode:multiply;flex:none;pointer-events:none
}
.card-header-actions .card-settings-menu>summary,.card-header-actions .card-settings-menu>summary .settings-gear{line-height:1}
#settings-toggle{display:inline-flex;align-items:center;justify-content:center}

/* V29: Anfragehistorie ist eine normale erledigte Oberaufgabe. */
#workflow-panel .phase-chevron{cursor:pointer;user-select:none}
.phase-history .phase-controls input[readonly],.phase-history .phase-controls textarea[readonly]{background:#f8fbf9;color:#284638;cursor:default}
.phase-history .phase-history-subtask input:disabled{opacity:1;accent-color:#177849;cursor:default}

/* Überführung direkt unter der aktuellen Anfrage, ohne Seitenwechsel. */
.inquiry-conversion-panel{
  margin:18px 0 8px;padding:20px;border:1px solid #c8dfd0;
  border-radius:12px;background:#fff;box-shadow:0 2px 12px #1d47301a
}
.inquiry-conversion-panel>h3{margin:0 0 16px;color:#173b27}
.inquiry-conversion-panel .create-process-top{grid-template-columns:minmax(180px,230px) minmax(210px,320px)}
.inquiry-conversion-panel .record-form>.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
@media(max-width:600px){
  .inquiry-conversion-panel{padding:15px}
  .inquiry-conversion-panel .create-process-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inquiry-conversion-panel .create-process-top>.record-field:last-child{grid-column:auto}
}
@media(max-width:470px){
  .inquiry-conversion-panel .create-process-top{grid-template-columns:1fr}
}

/* V30: Vorgangs-Dropdown darf seine schmale Grid-Spalte nicht überragen. */
@media(min-width:751px){
  .create-process-top{grid-template-columns:100px 180px minmax(180px,240px)}
  .inquiry-conversion-panel .create-process-top{grid-template-columns:minmax(180px,230px) minmax(210px,320px)}
}
.create-process-top>.record-field{min-width:0}
.create-process-top>.record-field input:not([type=checkbox]),.create-process-top>.record-field select{min-width:0;max-width:100%}

/* V30: Unaufdringlicher Filter für die Vorgänge eines Kunden. */
#customer-orders .customer-record-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#customer-orders .customer-record-toolbar h3{margin:0}
#customer-record-filter-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:8px 10px}
#customer-record-filter-toggle.filter-active{background:#d6eee0;color:#17633c;box-shadow:inset 0 0 0 1px #9cccaf}
.customer-record-filters{background:#f2f8f4;border:1px solid #d5e7dc;border-radius:9px;padding:10px 12px;margin-bottom:12px;font-size:13px}
.customer-record-filters label{display:flex;gap:9px;align-items:center;cursor:pointer}
.customer-record-filters input{width:18px;height:18px;accent-color:#177849}

/* V31: Keine intrinsische Mindestbreite im inneren Grid/Flex-Feld. */
.create-process-top>.record-field{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.create-process-top>.record-field>select,.create-process-top>.record-field>input:not([type=checkbox]){display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}

/* V31: Kundenfelder bleiben in ihren bisherigen Zeilen, nur kompakter. */
.customer-create-form .create-fields,#customer-form-holder .edit-fields{margin-bottom:12px}
@media(min-width:751px){
  .customer-create-form .create-fields[data-group="Adresse"],#customer-form-holder .edit-fields[data-group="Adresse"]{
    grid-template-columns:minmax(0,7fr) minmax(0,3fr) minmax(0,3fr) minmax(0,7fr)
  }
}
.customer-create-form .customer-source-checkbox,#customer-form-holder .customer-source-checkbox{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:26px;cursor:pointer
}
.customer-create-form .customer-source-checkbox input,#customer-form-holder .customer-source-checkbox input{margin:0;flex:0 0 auto}

/* V31: Auftrags- und Anfragenzeilen sind direkt anklickbar. */
.dashboard-table .clickable-record-row{cursor:pointer}
.dashboard-table .clickable-record-row:hover{background:#f3faf5}
.dashboard-table .clickable-record-row:focus-visible{outline:2px solid #31865a;outline-offset:-2px}
.dashboard-table .record-action-cell{width:66px;padding:6px;text-align:center;white-space:nowrap}
.overview-archive-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:8px;margin:0;border:1px solid #d3e2d8;
  border-radius:8px;background:#edf5ef;color:#23543a;flex:0 0 auto
}
.overview-archive-icon svg{width:20px;height:20px;display:block;pointer-events:none}
.overview-archive-icon:hover{background:#d7ecdf;border-color:#accbb6}
.overview-archive-icon:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:750px){
  .project-grid .project.has-archive-action{position:relative;padding-right:58px}
  .project-grid .project.has-archive-action>.mobile-archive-action{
    position:absolute;top:12px;right:12px;margin:0;display:flex
  }
}

/* V32: temporary admin-only complete test reset. */
#total-test-cleanup-block{margin-top:22px}
#total-test-cleanup-block>h3{color:#91313a}
#total-test-cleanup-block>.hint{font-size:13px;line-height:1.55}
#total-test-cleanup-panel{margin-top:14px;padding:16px;border:1px solid #e4b6b8;border-radius:10px;background:#fff8f8}
#total-test-cleanup-counts{font-weight:700;color:#7c2530}
#total-test-cleanup-panel .cleanup-confirm-label{max-width:480px}
#total-test-cleanup-run:disabled{opacity:.5;cursor:not-allowed}
/* V33: Drive errors stay visible so the admin can inspect/manual-clean them. */
#total-test-cleanup-drive-errors{margin-top:14px;padding:12px 14px;border:1px solid #cf9a9a;border-radius:8px;background:#fff}
#total-test-cleanup-drive-errors>h4{margin:0 0 8px;color:#91313a}
#total-test-cleanup-drive-errors ul{margin:8px 0;padding-left:22px;font-size:13px;overflow-wrap:anywhere}
#total-test-cleanup-drive-errors li{margin:6px 0}
#total-test-cleanup-skip{margin-top:8px}