:root{--bg:#090c10;--panel:#12171d;--panel2:#171d24;--line:#2a313a;--text:#f6f7f8;--muted:#9aa4af;--gold:#ffc43d;--gold2:#e2a81e;--green:#77c845;--blue:#4187ff;--purple:#a455db;--danger:#ef5a5a;--sidebar:272px;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 65% -10%,#17202a 0,transparent 35%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 20px;border-right:1px solid var(--line);background:rgba(7,10,13,.94);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:14px;align-items:center}.ek-mark{font-size:42px;line-height:1;font-weight:900;color:var(--gold);letter-spacing:-6px}.brand h1{font-size:20px;margin:0}.brand p{font-size:12px;margin:3px 0 0;color:#d4d7db}.product{text-align:center;margin:18px 0 28px;font-weight:800;letter-spacing:1.3px}.product small{display:block;color:var(--gold);letter-spacing:3px;font-size:9px}.nav{display:grid;gap:8px}.nav button{border:0;background:transparent;color:#fff;padding:15px 16px;border-radius:11px;display:flex;gap:12px;align-items:center;text-align:left;font-size:16px}.nav button.active{background:linear-gradient(135deg,#ffd15a,#ffb82e);color:#121212}.nav .ico{width:28px;font-size:22px}.side-spacer{flex:1}.echeck{border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center}.echeck b{font-size:15px}.echeck span{font-size:12px;color:var(--muted)}.version{font-size:11px;color:var(--muted);margin-top:18px}.main{min-width:0;padding:0 28px 30px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.greeting b{color:var(--gold)}.greeting small{display:block;color:#d7dbe0;margin-top:4px}.top-actions{display:flex;align-items:center;gap:16px;color:#e5e8eb}.top-actions button,.icon-btn{background:transparent;color:inherit;border:1px solid transparent;border-radius:10px;padding:9px}.user-chip{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding-left:18px}.avatar{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center}.content{max-width:1500px;margin:auto}.searchbar{max-width:665px;margin:0 auto 22px;position:relative}.searchbar input{width:100%;height:50px;border-radius:13px;border:1px solid var(--line);background:#151a20;color:#fff;padding:0 48px 0 46px;outline:0}.searchbar input:focus{border-color:var(--gold)}.searchbar:before{content:'⌕';position:absolute;left:16px;top:12px;font-size:24px;color:var(--muted)}.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hero-card,.stat-card,.panel,.quickbar,.form-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,29,35,.96),rgba(14,18,23,.96));border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{min-height:215px;padding:25px;position:relative;overflow:hidden}.hero-card .bigico{font-size:47px;color:var(--gold)}.hero-card h2{font-size:23px;margin:16px 0 10px}.hero-card p{margin:5px 0;color:#d8dce1}.hero-card .accent{color:var(--gold)}.round-arrow{position:absolute;right:20px;bottom:19px;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:20px 0}.stat-card{border-radius:0;padding:15px 18px;display:flex;align-items:center;gap:16px}.stat-card:first-child{border-radius:var(--radius) 0 0 var(--radius)}.stat-card:last-child{border-radius:0 var(--radius) var(--radius) 0}.stat-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#315b29}.stat-card:nth-child(2) .stat-icon{background:#755f13}.stat-card:nth-child(3) .stat-icon{background:#173f7a}.stat-card:nth-child(4) .stat-icon{background:#563076}.stat-card strong{font-size:30px}.stat-card span{display:block}.bar{height:4px;background:var(--line);border-radius:9px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);width:70%}.stat-card:nth-child(2) .bar i{background:var(--gold)}.stat-card:nth-child(3) .bar i{background:var(--blue)}.stat-card:nth-child(4) .bar i{background:var(--purple)}.dashboard-lower{display:grid;grid-template-columns:2.1fr 1fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.section-head h2{font-size:18px;margin:0}.linkbtn{border:0;background:transparent;color:var(--gold)}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{border:1px solid var(--line);border-radius:13px;background:rgba(20,25,31,.9);padding:14px}.project-head{display:flex;gap:11px;align-items:center}.project-thumb{width:62px;height:62px;border-radius:9px;background:linear-gradient(145deg,#6d7987,#262e37);display:grid;place-items:center;font-size:30px}.project-card h3{margin:0 0 5px;font-size:15px}.muted{color:var(--muted)}.badge{display:inline-flex;border:1px solid var(--gold2);color:var(--gold);border-radius:999px;padding:3px 9px;font-size:11px;margin-top:8px}.badge.green{border-color:#4e8b38;color:#97d475}.badge.blue{border-color:#315d9d;color:#7eb0ff}.progress-dots{display:flex;gap:5px;margin:12px 0}.progress-dots i{width:14px;height:14px;border-radius:3px;background:#353c45}.progress-dots i.on{background:var(--gold)}.outline-btn{width:100%;border:1px solid var(--gold2);background:transparent;color:#fff;border-radius:10px;padding:11px}.activity{border:1px solid var(--line);border-radius:13px;overflow:hidden}.activity-row{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.activity-row:last-child{border-bottom:0}.activity-row b{font-size:13px}.activity-row small{display:block;color:var(--muted);margin-top:4px}.quickbar{margin-top:18px;padding:12px 18px;display:grid;grid-template-columns:140px repeat(4,1fr);gap:14px;align-items:center}.quickbar h2{font-size:17px}.quickbar button{border:1px solid var(--gold2);background:transparent;color:#fff;border-radius:10px;padding:13px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.page-head h1{margin:0;font-size:27px}.page-head p{margin:5px 0;color:var(--muted)}.primary{border:0;border-radius:10px;background:linear-gradient(135deg,#ffd15a,#ffb82e);color:#111;font-weight:750;padding:12px 17px}.secondary,.danger{border:1px solid var(--line);background:#171d24;color:#fff;border-radius:10px;padding:11px 14px}.danger{border-color:#7a3737;color:#ff8b8b}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#11161c}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.data-table th{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px}.data-table tr:hover td{background:#171d24}.row-actions{display:flex;gap:7px}.row-actions button{padding:7px 10px}.empty{padding:55px;text-align:center;color:var(--muted)}.form-card{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#cbd1d6}.field input,.field select,.field textarea,.circuit-table input,.circuit-table select{width:100%;border:1px solid #37404a;background:#fff;color:#111;border-radius:9px;padding:11px;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.circuit-table input:focus,.circuit-table select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,196,61,.15)}.field textarea{min-height:90px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(850px,100%);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:17px;background:#11171d;box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal header{position:sticky;top:0;background:#11171d;padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;z-index:2}.modal header h2{margin:0}.modal .body{padding:22px}.modal footer{position:sticky;bottom:0;background:#11171d;padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.circuit-shell{display:grid;grid-template-columns:250px 1fr;gap:18px}.stepnav{display:grid;gap:8px;align-content:start}.stepnav button{border:1px solid var(--line);background:#131920;color:#fff;text-align:left;padding:13px;border-radius:10px}.stepnav button.active{border-color:var(--gold);color:var(--gold)}.circuit-table{width:100%;border-collapse:collapse;min-width:1000px}.circuit-table th,.circuit-table td{border:1px solid #39414a;padding:5px}.circuit-table th{background:#20262d;color:#fff;font-size:12px}.circuit-table td:first-child{width:44px;text-align:center}.circuit-table input,.circuit-table select{border:0;border-radius:5px;padding:8px}.editor-footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.setting-card{border:1px solid var(--line);border-radius:13px;padding:18px}.setting-card h3{margin-top:0}.switch{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.search-results{position:absolute;top:54px;left:0;right:0;background:#11171d;border:1px solid var(--line);border-radius:12px;z-index:50;max-height:380px;overflow:auto}.search-result{padding:12px 15px;border-bottom:1px solid var(--line);cursor:pointer}.search-result:hover{background:#1a2129}.light{--bg:#eef1f4;--panel:#fff;--panel2:#f4f6f8;--line:#d7dce1;--text:#171a1e;--muted:#68717b}.light body,.light{background:#eef1f4;color:var(--text)}.light .sidebar{background:#fff}.light .nav button{color:#1a1d21}.light .top-actions{color:#1a1d21}.light .hero-card,.light .stat-card,.light .panel,.light .quickbar,.light .form-card,.light .project-card,.light .activity,.light .table-wrap,.light .modal,.light .modal header,.light .modal footer{background:#fff;color:#171a1e}.light .outline-btn,.light .quickbar button,.light .secondary{color:#171a1e}.light .searchbar input{background:#fff;color:#111}.mobile-menu{display:none}.hide{display:none!important}#toast{position:fixed;right:20px;bottom:20px;background:#222b34;border:1px solid var(--gold);padding:12px 16px;border-radius:10px;z-index:200;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.on{opacity:1;transform:none}
@media(max-width:1100px){.cards4{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card,.stat-card:first-child,.stat-card:last-child{border-radius:var(--radius)}.dashboard-lower{grid-template-columns:1fr}.project-cards{grid-template-columns:repeat(2,1fr)}.quickbar{grid-template-columns:repeat(2,1fr)}.quickbar h2{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:.22s}.sidebar.open{transform:none}.main{padding:0 14px 20px}.topbar{height:auto;min-height:72px;padding:10px 0}.mobile-menu{display:block}.greeting{display:none}.top-actions{gap:5px}.top-actions .date-part,.top-actions .location-part{display:none}.user-chip{padding-left:8px}.searchbar{margin-top:14px}.cards4,.stats,.project-cards,.form-grid,.settings-grid{grid-template-columns:1fr}.hero-card{min-height:175px}.dashboard-lower{display:block}.quickbar{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.circuit-shell{grid-template-columns:1fr}.stepnav{display:flex;overflow:auto}.stepnav button{min-width:150px}.modal-backdrop{padding:0}.modal{height:100vh;max-height:none;border-radius:0}.field.full{grid-column:auto}.toolbar{width:100%}.toolbar button{flex:1}.ek-mark{font-size:36px}}
@media print{body{background:#fff!important;color:#000!important}.app-shell,.modal-backdrop,#toast{display:none!important}.print-sheet{display:block!important}.print-sheet{font-family:Arial,sans-serif;color:#000;padding:8mm}.print-head{display:grid;grid-template-columns:1fr auto;align-items:start;border-bottom:3px solid #d7a800;padding-bottom:8px;margin-bottom:12px}.print-head h1{margin:0;font-size:24px}.print-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #333}.print-meta div{padding:6px;border-right:1px solid #333;border-bottom:1px solid #333}.print-meta b{display:block;font-size:9px;text-transform:uppercase}.print-block{page-break-inside:avoid;margin-top:12px}.print-block:nth-of-type(2n+3){page-break-before:always}.print-table{width:100%;border-collapse:collapse;font-size:9px}.print-table th,.print-table td{border:1px solid #333;padding:4px}.print-table th{background:#eee}.qr canvas,.qr img{width:90px!important;height:90px!important}}

/* V1.1 workflow and project export additions */
.clickable,.clickable-row{cursor:pointer}.clickable:focus,.clickable-row:focus{outline:2px solid var(--gold);outline-offset:-2px}.clickable-row:hover td{background:#1b222a!important}.modal-wide{width:min(1180px,100%)}.modal-wizard{width:min(1500px,100%)}.project-folder-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.project-folder-head p{margin:4px 0;color:var(--muted)}.apartment-grid{margin-top:18px}.apartment-buttons{display:flex;flex-wrap:wrap;gap:8px}.wizard-brand{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:18px;background:#fff;color:#111}.wizard-brand img{width:180px;height:58px;object-fit:cover;object-position:left center;border-radius:5px}.wizard-brand b,.wizard-brand span{display:block}.wizard-brand span{font-size:12px;color:#555;margin-top:4px}.wizard-actions,.finish-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.intelligent-hint{padding:12px 14px;border-radius:10px;border:1px solid var(--gold2);background:rgba(255,196,61,.08);margin-bottom:12px}.circuit-logo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;color:#111;padding:12px 15px;border-radius:10px 10px 0 0}.circuit-logo-row b,.circuit-logo-row span{display:block}.circuit-logo-row span{font-size:12px;color:#555}.system-row td{background:#fff9df}.system-row input:disabled{background:#ececec;color:#666}.finish-summary{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:18px}.summary-logo{background:#fff;padding:10px}.summary-logo img{width:100%;max-height:110px;object-fit:cover;object-position:left center}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.summary-grid>div{background:#151b21;padding:13px}.summary-grid b,.summary-grid span{display:block}.summary-grid b{font-size:11px;color:var(--gold);text-transform:uppercase;margin-bottom:5px}.corporate-print-header,.corporate-print-footer{width:100%;display:block;object-fit:contain}.corporate-print-header{max-height:32mm;object-position:left center;margin-bottom:4mm}.corporate-print-footer{max-height:18mm;object-position:center bottom;margin-top:5mm}.label-print-document{page-break-after:always}.label-print-document:last-child{page-break-after:auto}.project-print-bundle .label-print-document{break-after:page}.project-print-bundle .label-print-document:last-child{break-after:auto}
@media(max-width:760px){.project-folder-head{align-items:flex-start;flex-direction:column}.project-folder-head .toolbar{width:100%}.wizard-brand img{width:125px;height:45px}.summary-grid{grid-template-columns:1fr 1fr}.finish-actions button,.wizard-actions button{flex:1;min-width:145px}.modal-wizard .body{padding:14px}.circuit-logo-row{align-items:flex-start;flex-direction:column}}
@media print{.corporate-print-header,.corporate-print-footer{display:block!important}.label-print-document{padding:0 3mm}.label-print-document .print-block:nth-of-type(2n+3){page-break-before:always}.project-print-bundle .label-print-document{page-break-after:always}.project-print-bundle .label-print-document:last-child{page-break-after:auto}}
.field-help{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.35}.block-separator td{padding:14px 8px 7px!important;background:transparent!important;border:0!important}.block-title{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid rgba(201,166,79,.42);border-radius:10px;background:linear-gradient(90deg,rgba(201,166,79,.16),rgba(201,166,79,.04));color:var(--text)}.block-title b{color:var(--gold);font-size:15px}.block-title span{color:var(--muted);font-size:12px}

/* V1.3 – Projektart-Auswahl */
.type-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.type-choice{min-height:170px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;cursor:pointer;transition:.2s ease;text-align:center}
.type-choice:hover,.type-choice:focus-visible{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,165,82,.18);outline:none}
.type-choice-icon{font-size:38px}.type-choice b{font-size:20px}.type-choice small{color:var(--muted);line-height:1.4}
input[readonly]{opacity:1;background:color-mix(in srgb,var(--panel) 80%,var(--gold) 8%);font-weight:700}
@media(max-width:620px){.type-choice-grid{grid-template-columns:1fr}.type-choice{min-height:130px}}

/* V1.4: isolated intelligent circuit mask */
.description-cell{min-width:270px}.description-cell select,.description-cell input{width:100%}.description-cell .manual-description{margin-top:5px}.circuit-table{min-width:920px}.circuit-table th:nth-child(1){width:48px}.circuit-table th:nth-child(2){width:215px}.circuit-table th:nth-child(3){width:145px}.circuit-table th:nth-child(4){width:120px}.circuit-table th:nth-child(5){width:150px}
@media print{
 html,body{background:#fff!important;background-image:none!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 body:before,body:after{display:none!important;content:none!important}
 .print-sheet,.label-print-document,.print-head,.print-meta,.print-block,.print-table,.print-table th,.print-table td{background:#fff!important;background-image:none!important;color:#000!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;box-shadow:none!important}
 .print-sheet{position:static!important;inset:auto!important;width:auto!important;min-height:0!important;padding:7mm!important;overflow:visible!important}
 .label-print-document{display:block!important;position:relative!important}
 .print-table th{background:#eee!important}
 .corporate-print-header,.corporate-print-footer{visibility:visible!important;opacity:1!important;filter:none!important}
}

/* V1.5 – konsolidierte Pakete 1–5 */
.circuit-table tr[data-row]{transition:background-color .16s ease,outline-color .16s ease,box-shadow .16s ease}
.circuit-table tr[data-row].active-row td{background:rgba(255,196,61,.12)!important;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.circuit-table tr[data-row].active-row td:first-child{border-left:2px solid var(--gold);box-shadow:-3px 0 12px rgba(255,196,61,.2)}
.circuit-table tr[data-row].active-row td:last-child{border-right:2px solid var(--gold);box-shadow:3px 0 12px rgba(255,196,61,.2)}
.description-picker{position:relative;min-width:260px}
.description-picker>details{position:relative}
.description-picker>details>summary{list-style:none;width:100%;min-height:42px;border:1px solid #37404a;background:#fff;color:#111;border-radius:9px;padding:10px 34px 10px 11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.description-picker>details>summary::-webkit-details-marker{display:none}
.description-picker>details>summary:after{content:'▾';position:absolute;right:12px;color:#555}
.description-picker>details[open]>summary{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,196,61,.15)}
.description-menu{position:absolute;z-index:80;top:46px;left:0;right:0;max-height:360px;overflow:auto;background:#fff;color:#111;border:1px solid #c9ced4;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.34);padding:8px}
.description-menu button{display:block;width:100%;border:0;background:transparent;color:#111;text-align:left;padding:9px 10px;border-radius:7px}
.description-menu button:hover,.description-menu button:focus{background:#fff2c7;outline:none}
.description-menu .manual-first{font-weight:800;border:1px solid var(--gold2);background:#fff8df;margin-bottom:8px}
.description-group{border-top:1px solid #e4e6e8;padding:3px 0}
.description-group>summary{font-weight:750;cursor:pointer;padding:10px 8px;list-style:none;position:relative}
.description-group>summary::-webkit-details-marker{display:none}
.description-group>summary:before{content:'▶';display:inline-block;margin-right:8px;font-size:10px;transition:transform .15s}
.description-group[open]>summary:before{transform:rotate(90deg)}
.description-group>div{padding:0 0 5px 13px}
.manual-description{margin-top:6px!important}
.system-row [disabled]{cursor:not-allowed}
.system-row:has([data-c="protection"] option:checked){ }
@media(max-width:760px){.description-picker{min-width:220px}.description-menu{position:fixed;left:12px;right:12px;top:18vh;max-height:64vh}}
@media print{.circuit-table tr[data-row].active-row td{background:#fff!important;border:1px solid #333!important;box-shadow:none!important}}

/* V1.6 – direkte eigene Stromkreisbeschriftung im vorhandenen Tabellenfeld */
.description-input-wrap{position:relative;display:flex;align-items:stretch;min-width:260px}
.description-input-wrap>.description-direct{width:100%;min-height:42px;padding-right:44px;margin:0!important;border:1px solid #37404a;background:#fff;color:#111;border-radius:9px}
.description-input-wrap>.description-direct:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,196,61,.18);outline:none}
.description-input-wrap>details{position:absolute;right:0;top:0;height:100%;width:42px}
.description-input-wrap>details>summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-left:1px solid #c9ced4;border-radius:0 9px 9px 0;background:#fff;color:#333;cursor:pointer;font-size:16px}
.description-input-wrap>details>summary::-webkit-details-marker{display:none}
.description-input-wrap>details[open]>summary{background:#fff2c7;color:#111;box-shadow:none}
.description-input-wrap .description-menu{top:46px;left:auto;right:0;width:min(360px,80vw)}
.description-cell .manual-description{margin-top:0}
@media(max-width:760px){.description-input-wrap{min-width:220px}.description-input-wrap .description-menu{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-height:64vh}}

/* V1.9.2 – einheitliche Corporate-DIN-A4-Ausgabe mit individuellem QR-Code */
.print-sheet{display:none}
@page{size:A4 portrait;margin:0}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body{width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important}
  .app-shell,.modal-backdrop,#toast{display:none!important}
  .print-sheet{display:block!important;width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;font-family:Arial,Helvetica,sans-serif!important}
  .label-print-document{display:block!important;margin:0!important;padding:0!important}
  .a4-page{box-sizing:border-box!important;width:210mm!important;height:297mm!important;margin:0!important;padding:5mm 7mm 4.5mm!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;color:#111!important;break-after:page!important;page-break-after:always!important}
  .a4-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .project-print-bundle .label-print-document:not(:last-child) .a4-page:last-child{break-after:page!important;page-break-after:always!important}
  .a4-header{flex:0 0 31mm!important;height:31mm!important;margin:0 0 3mm!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-top:.45mm solid #e0a900!important;border-bottom:.45mm solid #e0a900!important;background:#fff!important}
  .text-logo-header{position:relative!important;padding:2.5mm 8mm!important}
  .text-logo-header:before,.text-logo-header:after{content:''!important;position:absolute!important;top:50%!important;width:24mm!important;height:.35mm!important;background:#e0a900!important}
  .text-logo-header:before{left:0!important}.text-logo-header:after{right:0!important}
  .ek-wordmark{width:100%!important;text-align:center!important;color:#7f1110!important}
  .ek-company-line{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:2.2mm!important;line-height:1!important}
  .ek-company-name{font-size:28pt!important;font-weight:900!important;letter-spacing:-.7mm!important;white-space:nowrap!important}
  .ek-company-suffix{margin-top:2mm!important;font-size:7.3pt!important;font-weight:800!important;white-space:nowrap!important}
  .ek-slogan{margin-top:2.2mm!important;font-size:7.2pt!important;font-weight:700!important;letter-spacing:1.5mm!important;color:#111!important}
  .ek-slogan strong{color:#9a1612!important}
  .print-meta-shell{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 27mm!important;gap:2.5mm!important;margin-bottom:2.6mm!important}
  .print-meta{display:grid!important;grid-template-columns:1.35fr .72fr .72fr!important;border-top:.28mm solid #555!important;border-left:.28mm solid #555!important;border-radius:1.5mm!important;overflow:hidden!important;background:#fff!important}
  .print-meta>div{box-sizing:border-box!important;min-height:10.3mm!important;padding:1.45mm 2mm!important;border-right:.28mm solid #555!important;border-bottom:.28mm solid #555!important;background:#fff!important;overflow:hidden!important}
  .print-meta .meta-project{grid-column:span 1!important}
  .print-meta .meta-address{grid-column:1/-1!important;min-height:8.5mm!important}
  .print-meta b,.print-notes b,.print-qr>b{display:block!important;margin:0 0 .7mm!important;font-size:5.9pt!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.12mm!important;color:#3e3e3e!important}
  .print-meta span{display:block!important;font-size:7.5pt!important;line-height:1.14!important;font-weight:600!important;overflow-wrap:anywhere!important}
  .print-qr{box-sizing:border-box!important;border:.35mm solid #d6a600!important;border-radius:1.8mm!important;padding:1.4mm!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important}
  .print-qr>b{align-self:flex-start!important;margin-bottom:1mm!important}
  .qr{width:20.5mm!important;height:20.5mm!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important}
  .qr canvas,.qr img{width:20.5mm!important;height:20.5mm!important;display:block!important}
  .print-qr small{max-width:100%!important;margin-top:.7mm!important;font-size:4.8pt!important;line-height:1.1!important;color:#555!important;text-align:center!important;overflow-wrap:anywhere!important}
  .a4-content{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:2.2mm!important;overflow:hidden!important}
  .print-block{flex:1 1 0!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .print-row-title{flex:0 0 5.3mm!important;box-sizing:border-box!important;height:5.3mm!important;padding:1mm 2mm!important;border:.28mm solid #735d00!important;border-bottom:0!important;background:#f4c400!important;color:#111!important;font-size:8pt!important;font-weight:700!important;line-height:3.05mm!important}
  .print-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;font-size:6.65pt!important;background:#fff!important;color:#111!important}
  .print-table col.col-f{width:6%}.print-table col.col-protection{width:24%}.print-table col.col-curve{width:14%}.print-table col.col-amp{width:11%}.print-table col.col-maker{width:13%}.print-table col.col-desc{width:32%}
  .print-table thead{display:table-header-group!important}
  .print-table tbody tr{height:4.45mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .print-table th,.print-table td{box-sizing:border-box!important;border:.24mm solid #666!important;padding:.5mm .85mm!important;vertical-align:middle!important;line-height:1.08!important;background:#fff!important;color:#111!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:hidden!important}
  .print-table th{height:5.5mm!important;background:#f4c400!important;font-size:5.75pt!important;text-transform:uppercase!important;letter-spacing:.02mm!important;text-align:center!important}
  .print-table th:first-child,.print-table td:first-child{text-align:center!important;font-weight:700!important}
  .print-table td:nth-child(3),.print-table td:nth-child(4),.print-table td:nth-child(5){text-align:center!important}
  .print-notes{flex:0 0 13mm!important;box-sizing:border-box!important;margin-top:2.2mm!important;padding:1.7mm 2.3mm!important;border:.28mm solid #666!important;border-radius:1.5mm!important;font-size:7pt!important;overflow:hidden!important;background:#fff!important}
  .print-notes div{white-space:pre-wrap!important;line-height:1.25!important}
  .a4-footer{flex:0 0 13mm!important;box-sizing:border-box!important;margin-top:2.2mm!important;padding-top:1.7mm!important;border-top:.8mm solid #f4c400!important;position:relative!important;background:#fff!important}
  .footer-contact{display:grid!important;grid-template-columns:1.7fr .8fr 1fr .8fr!important;gap:2.2mm!important;align-items:center!important;font-size:5.45pt!important;line-height:1.2!important;color:#222!important;padding-right:28mm!important}
  .footer-contact span{padding-right:1.7mm!important;border-right:.22mm solid #ddd!important}
  .footer-contact span:last-child{border-right:0!important}
  .page-mark{position:absolute!important;right:0!important;bottom:0!important;min-width:24mm!important;padding:1.5mm 1.7mm!important;border:.22mm solid #bbb!important;font-size:5.5pt!important;color:#444!important;background:#fff!important;text-align:center!important}
}

/* ===== Materialerfassung V1.8 ===== */
.material-context{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:16px;align-items:end;margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.material-summary{display:grid;grid-template-columns:auto auto;gap:3px 10px;align-items:center;min-width:180px;padding:10px 14px;border-radius:14px;background:rgba(244,196,0,.1);border:1px solid rgba(244,196,0,.3)}
.material-summary strong{font-size:20px;color:var(--gold)}.material-summary span{font-size:12px;color:var(--muted)}
.material-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:20px;align-items:start}.material-groups{display:grid;gap:10px}.material-group{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.material-group-head{width:100%;display:grid;grid-template-columns:34px 1fr auto 24px;gap:10px;align-items:center;padding:15px 16px;text-align:left;border:0;background:transparent;color:var(--text);cursor:pointer}.material-group-head:hover,.material-group-head[aria-expanded="true"]{background:rgba(244,196,0,.08)}.material-group-head>span{font-size:22px;color:var(--gold)}.material-group-head small{color:var(--muted);font-size:11px}.material-group-head i{font-style:normal;transition:.2s}.material-group-head[aria-expanded="true"] i{transform:rotate(180deg)}
.material-folder-list{padding:0 10px 10px}.material-folder{width:100%;display:grid;grid-template-columns:1fr auto 18px;gap:8px;align-items:center;padding:12px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.material-folder:hover{background:rgba(244,196,0,.07);border-radius:10px}.material-folder small{color:var(--muted)}.material-folder span{color:var(--gold);font-size:20px}
.material-current{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:16px}.compact-search{max-width:250px}.material-entry-list{display:grid;gap:10px}.material-entry{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(127,127,127,.04)}.material-entry>div:first-child{display:grid;gap:3px;min-width:0}.material-entry small,.material-entry span{color:var(--muted)}.material-entry b{overflow-wrap:anywhere}.material-qty{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.material-qty strong{color:var(--gold);white-space:nowrap}
.material-modal{width:min(880px,calc(100vw - 28px));max-height:90dvh}.material-picker-v18{display:grid;gap:16px}.material-picker-info{display:grid;gap:4px;padding:13px 14px;border-radius:14px;background:rgba(244,196,0,.1);border:1px solid rgba(244,196,0,.35)}.material-picker-info span{font-size:12px;color:var(--muted)}.material-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-article-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:14px;align-items:start}.quantity-inline{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--input)}.quantity-inline input{border:0!important;border-radius:0!important}.quantity-inline span{padding:0 12px;color:var(--muted);font-weight:700}.material-quantity small{display:block;margin-top:6px;color:var(--muted)}.material-selection-preview{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:54px;padding:13px 15px;border-radius:14px;background:rgba(244,196,0,.08);border:1px solid rgba(244,196,0,.28)}.material-selection-preview span{color:var(--muted)}.material-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.material-modal-actions .primary:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:980px){.material-layout{grid-template-columns:1fr}.material-context{grid-template-columns:1fr 1fr}.material-summary{grid-column:1/-1}}
@media(max-width:640px){.material-context{grid-template-columns:1fr;padding:14px}.material-summary{grid-column:auto}.material-filter-grid,.material-article-row{grid-template-columns:1fr}.material-current{padding:12px}.material-entry{align-items:flex-start;flex-direction:column}.material-qty{width:100%;justify-content:flex-start}.material-group-head{grid-template-columns:30px 1fr 20px}.material-group-head small{display:none}.material-modal{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;margin-top:auto}.material-modal-actions{position:sticky;bottom:-20px;margin:0 -20px -20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}}


/* V1.9.3 – deutlichere Projektmaske */
.project-form-modal{width:min(930px,100%)}
.project-form-modal .body{padding:24px}
.project-form-modal .form-grid{gap:0;border:1px solid #5b6570;border-radius:14px;overflow:hidden;background:#1a2027}
.project-form-modal .field{gap:8px;min-height:96px;padding:16px 17px;border-right:1px solid #5b6570;border-bottom:1px solid #5b6570;background:rgba(255,255,255,.018)}
.project-form-modal .field:nth-child(3n){border-right:0}
.project-form-modal .field label{font-size:12px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:#f4c400}
.project-form-modal .field input,.project-form-modal .field select{min-height:45px;border:1.5px solid #697582;background:#fff;color:#111;font-weight:650}
.project-form-modal .field input:disabled,.project-form-modal .field input[readonly]{background:#eef1f4;color:#222;opacity:1}
.light .project-form-modal .form-grid{border-color:#8f98a1;background:#fff}
.light .project-form-modal .field{border-color:#a7afb7;background:#fafbfc}
.light .project-form-modal .field label{color:#7b5c00}
@media(max-width:1100px){.project-form-modal .field:nth-child(3n){border-right:1px solid #5b6570}.project-form-modal .field:nth-child(2n){border-right:0}}
@media(max-width:760px){.project-form-modal .body{padding:14px}.project-form-modal .form-grid{display:block}.project-form-modal .field{min-height:auto;border-right:0!important;padding:14px}.project-form-modal .field:last-child{border-bottom:0}}

/* ===== Black Gold Enterprise Design V2.0 – reine UI-Erweiterung ===== */
:root{
  --bg:#060708;--panel:#0d0f11;--panel2:#14171a;--line:rgba(216,175,74,.28);
  --text:#f8f4ea;--muted:#aaa69d;--gold:#e2b84f;--gold2:#b98522;
  --green:#d8af4a;--blue:#d8af4a;--purple:#d8af4a;--radius:20px;
  --shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025)
}
html,body{background:
 radial-gradient(circle at 82% -12%,rgba(226,184,79,.13),transparent 30%),
 linear-gradient(135deg,#050607 0%,#0a0b0d 48%,#050607 100%);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(226,184,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(226,184,79,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.sidebar{background:linear-gradient(180deg,rgba(7,8,9,.98),rgba(10,11,12,.96));border-right-color:rgba(226,184,79,.24)}
.brand{padding:4px 2px 18px;border-bottom:1px solid rgba(226,184,79,.18)}
.ek-mark{background:linear-gradient(135deg,#fff1b0,#c48b22 65%,#7f5410);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 16px rgba(226,184,79,.2))}
.brand h1{letter-spacing:.04em}.brand p{color:#c9b77d}.product{color:#fff}.product small{color:var(--gold)}
.nav button{border:1px solid transparent;transition:.2s ease}.nav button:hover{border-color:rgba(226,184,79,.22);background:rgba(226,184,79,.05)}
.nav button.active{background:linear-gradient(135deg,rgba(226,184,79,.22),rgba(127,84,16,.18));border-color:rgba(226,184,79,.65);color:#ffe7a0;box-shadow:inset 3px 0 0 var(--gold)}
.topbar{border-bottom-color:rgba(226,184,79,.22)}.avatar{box-shadow:0 0 0 4px rgba(226,184,79,.08)}
.dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:34px 0 20px}.dashboard-title span{font-size:11px;letter-spacing:.28em;color:var(--gold)}.dashboard-title h1{font-size:34px;margin:6px 0 4px}.dashboard-title p{margin:0;color:var(--muted)}
.searchbar{margin-top:0}.searchbar input{background:rgba(15,17,19,.86);border-color:rgba(226,184,79,.25);box-shadow:0 12px 35px rgba(0,0,0,.25)}
.hero-card,.stat-card,.panel,.quickbar,.form-card,.project-card,.activity,.table-wrap,.setting-card{background:linear-gradient(145deg,rgba(20,22,24,.96),rgba(8,9,10,.98));border-color:rgba(226,184,79,.25)}
.hero-card{min-height:270px;padding:0;display:flex;flex-direction:column;justify-content:flex-end}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.96) 8%,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:22px 24px 24px}.hero-copy small{color:var(--gold);letter-spacing:.18em;font-size:9px}.hero-copy h2{margin:7px 0 7px;font-size:22px}.hero-copy p{margin:0;color:#d8d3c8;font-size:13px}.round-arrow{z-index:3;border-color:var(--gold);background:rgba(4,5,6,.78);box-shadow:0 0 24px rgba(226,184,79,.15)}
.building-visual{position:absolute;inset:0 0 72px;display:grid;grid-template-columns:repeat(3,26px);grid-auto-rows:22px;gap:12px;place-content:center;background:radial-gradient(circle at 50% 65%,rgba(226,184,79,.22),transparent 42%),linear-gradient(160deg,#1d2124,#090a0b);clip-path:polygon(15% 22%,50% 5%,86% 23%,86% 100%,15% 100%)}
.building-visual:before{content:"";position:absolute;inset:12% 12% 0;border:1px solid rgba(226,184,79,.42);clip-path:polygon(5% 18%,50% 0,95% 18%,95% 100%,5% 100%)}
.building-visual i{display:block;border:1px solid rgba(226,184,79,.5);background:rgba(226,184,79,.16);box-shadow:0 0 14px rgba(226,184,79,.12);z-index:1}.building-visual i:nth-child(2n),.building-label i,.building-export i:nth-child(-n+4){background:linear-gradient(135deg,#ffe39a,#b77b14);box-shadow:0 0 16px rgba(226,184,79,.58)}
.building-team{clip-path:polygon(20% 30%,50% 12%,80% 30%,80% 100%,20% 100%)}.building-export{clip-path:polygon(12% 18%,88% 18%,88% 100%,12% 100%)}
.stat-card{border-radius:16px!important;margin-right:8px}.stat-card:last-child{margin-right:0}.stat-icon{border-radius:14px!important;background:linear-gradient(145deg,rgba(226,184,79,.28),rgba(111,72,12,.22))!important;color:#ffd871;border:1px solid rgba(226,184,79,.35)}.bar{background:#29261d}.bar i{background:linear-gradient(90deg,#8b5c12,#f2cf72)!important}
.project-thumb{position:relative;overflow:hidden;background:linear-gradient(160deg,#272b2f,#0a0b0c);color:#e8bd55;border:1px solid rgba(226,184,79,.3)}
.primary{background:linear-gradient(135deg,#f5d575,#bd8120);box-shadow:0 10px 26px rgba(184,126,27,.2)}.secondary,.quickbar button,.outline-btn{border-color:rgba(226,184,79,.35);background:rgba(226,184,79,.04)}
.field input,.field select,.field textarea,.circuit-table input,.circuit-table select{border-color:#b9a875}.modal{border-color:rgba(226,184,79,.35);background:#0d0f11}.modal header,.modal footer{background:#0d0f11}
.light{--bg:#f4f0e8;--panel:#fff;--panel2:#f7f2e8;--text:#17130d;--muted:#6b665e;--line:rgba(145,98,24,.25)}
.light body{background:linear-gradient(135deg,#f9f5ec,#ede5d7)}
@media(max-width:760px){.dashboard-title{padding-top:20px;align-items:flex-start;flex-direction:column}.dashboard-title h1{font-size:28px}.dashboard-title .primary{width:100%}.hero-card{min-height:235px}.building-visual{inset-bottom:66px}}

/* Ausgabedatei: originales Elektro-Koch-Logo sauber in DIN A4 integriert */
@media print{
 .a4-header.corporate-logo-header{height:31mm!important;padding:0!important;border:.32mm solid #d5a431!important;border-radius:1.8mm!important;background:#f4c400!important;overflow:hidden!important;justify-content:flex-start!important}
 .corporate-logo-header img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 28%!important;filter:none!important}
 .print-meta{border-color:#2b2b2b!important}.print-meta>div{border-color:#777!important}
 .print-row-title,.print-table th{background:#111!important;color:#efc556!important;border-color:#111!important}
 .a4-footer{border-top-color:#d6a72c!important}.page-mark{border-color:#d6a72c!important}
}

/* Smart Scan & Schnelllegende V2.1 */
.scan-shell{display:grid;gap:16px}.scan-intro{padding:16px;border:1px solid rgba(212,175,55,.35);border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(255,255,255,.02))}.scan-intro p{margin:7px 0 0;color:var(--muted);line-height:1.55}.scan-actions{display:flex;gap:10px;flex-wrap:wrap}.scan-preview{min-height:150px;border:1px dashed rgba(212,175,55,.55);border-radius:16px;display:grid;place-items:center;padding:12px;overflow:hidden}.scan-preview img{display:block;max-width:100%;max-height:330px;border-radius:12px}.scan-preview span{display:block;margin-top:8px;color:var(--muted)}.scan-review{display:grid;gap:7px}.scan-review-head{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;color:var(--muted)}.scan-review-row{display:grid;grid-template-columns:70px minmax(180px,1fr) 90px;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.scan-review-row.threepole{border-color:rgba(212,175,55,.65);box-shadow:inset 3px 0 var(--gold)}.scan-f{font-weight:800;color:var(--gold)}.quick-folder-head{margin-bottom:16px;padding:16px 18px;border:1px solid rgba(212,175,55,.45);border-radius:16px;background:linear-gradient(120deg,rgba(212,175,55,.14),rgba(0,0,0,.06));display:flex;justify-content:space-between}.quick-folder-head b,.quick-folder-head span{display:block}.quick-folder-head span{margin-top:5px;color:var(--muted)}.quick-print-meta{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:0;border:1px solid #d7d7d7;margin:0 0 6mm}.quick-print-meta>div{padding:3mm;border-right:1px solid #ddd}.quick-print-meta>div:last-child{border-right:0}.quick-print-meta b,.quick-print-meta span{display:block}.quick-print-meta b{font-size:9pt;text-transform:uppercase;color:#7b5b00;margin-bottom:1mm}.quick-print-meta span{font-size:11pt;color:#111}@media(max-width:650px){.scan-review-row{grid-template-columns:54px 1fr}.scan-review-row>span:last-child{grid-column:2}.quick-print-meta{grid-template-columns:1fr}.quick-print-meta>div{border-right:0;border-bottom:1px solid #ddd}}
/* Smart Scan V2.2 – Mehrfachfoto */
.scan-photo-count{font-weight:700;color:var(--gold);font-size:.92rem}.scan-preview{display:block}.scan-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;width:100%}.scan-photo-card{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.025)}.scan-photo-card img{width:100%;height:160px;object-fit:cover;border-radius:0;max-height:none}.scan-photo-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.scan-photo-card figcaption span{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.scan-photo-remove{width:30px;height:30px;padding:0;border-radius:50%;font-size:20px;line-height:1;background:rgba(180,35,35,.16);border:1px solid rgba(255,90,90,.35);color:#ff9b9b}.scan-photo-remove:hover{background:rgba(180,35,35,.3)}
@media(max-width:650px){.scan-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-photo-card img{height:125px}}

/* EK Smart Label V2.5 – Corporate Yellow/Red UI */
:root{--ek-yellow:#ffd200;--ek-yellow-2:#f2b900;--ek-red:#c90012;--ek-red-dark:#8e0010;--ek-black:#090909;--ek-paper:#fff}
body{background:#f3f4f6}
.sidebar{background:linear-gradient(180deg,#080909 0%,#111214 58%,#080909 100%);border-right:1px solid rgba(255,210,0,.25);padding:22px 12px}
.brand{padding:3px 8px 17px;gap:10px}.ek-mark{color:var(--ek-yellow);text-shadow:0 0 20px rgba(255,210,0,.25)}.brand h1{color:var(--ek-yellow);font-size:19px}.brand p{color:#fff;font-size:11px}.product{color:#fff;text-align:left;padding-left:9px;margin:14px 0 25px}.product small{color:var(--ek-yellow)}
.nav button{border-radius:7px;padding:14px 12px;border-left:3px solid transparent}.nav button:hover{background:rgba(255,210,0,.08)}.nav button.active{background:linear-gradient(90deg,#927100,#d8a700);color:#fff;border-left-color:var(--ek-yellow);box-shadow:inset 0 0 18px rgba(255,210,0,.12)}.nav .ico{color:var(--ek-yellow);text-align:center}
.main{background:#f6f7f8;color:#171717;padding:0 24px 35px}.topbar{background:#111315;color:#fff;margin:0 -24px;padding:0 24px;border-bottom:3px solid var(--ek-yellow);height:68px}.greeting{font-weight:700}.greeting b{color:var(--ek-yellow)}.top-actions{color:#fff}.top-actions button{color:#fff}.page-head h1,.dashboard-title h1{color:#171717}.page-head p,.dashboard-title p{color:#666}
.primary{background:linear-gradient(180deg,#ffdc22,#f2b900);color:#111;border:1px solid #d39f00;box-shadow:0 2px 0 rgba(160,111,0,.3)}.primary:hover{filter:brightness(1.03)}.secondary{background:#fff;color:#222;border-color:#d1d5db}.danger{background:#fff}
.hero-card,.stat-card,.panel,.quickbar,.form-card,.project-card,.activity,.table-wrap{background:#fff;color:#161616;border-color:#dadde1;box-shadow:0 6px 20px rgba(0,0,0,.07)}.hero-card{border-top:4px solid var(--ek-yellow)}.hero-card h2,.section-head h2{color:#111}.hero-card p,.muted,.activity-row small{color:#60666d}.round-arrow{border-color:var(--ek-yellow-2);color:#111;background:var(--ek-yellow)}
.data-table th{background:#0c0c0c;color:var(--ek-yellow);border-bottom:3px solid var(--ek-red);font-weight:800}.data-table td{color:#222;border-bottom:1px solid #dedede}.data-table tr:hover td{background:#fff8d8}.table-wrap{border-radius:9px}.badge{color:var(--ek-red);border-color:var(--ek-red)}.badge.green{color:#217c32;border-color:#217c32}.badge.blue{color:#8a6500;border-color:#d1a600}
.searchbar input{background:#fff;color:#111;border-color:#d5d8dc}.quickbar button{background:#fff;color:#222;border-color:#d6b000}.stat-card strong{color:#111}.stat-card span{color:#555}.stat-icon{background:#fff5b3!important;color:#8f6700;border:1px solid #edc700}
.modal{background:#f5f6f7;color:#171717;border-color:#cfd3d7}.modal header,.modal footer{background:#101113;color:#fff;border-color:#333}.modal header h2{color:var(--ek-yellow)}.modal .body{color:#181818}.stepnav button{background:#fff;color:#222;border-color:#d5d8db}.stepnav button.active{background:#fff3a8;color:#8f000b;border-color:#e3b900}.field label{color:#333}.circuit-logo-row{border:1px solid #e0b900;background:linear-gradient(90deg,#ffd300,#ffe96c)}.circuit-table th{background:#0c0c0c;color:#fff;border-color:#333;border-bottom:2px solid var(--ek-red)}.block-title{background:linear-gradient(90deg,#ffd200,#f3b900);color:#111}.system-row td{background:#fff6c9}.intelligent-hint{background:#fff6c9;color:#282000}
.scan-hub-intro{display:flex;align-items:center;gap:18px;padding:18px 20px;margin:0 0 18px;background:linear-gradient(90deg,#ffd200,#ffe768);border-left:6px solid var(--ek-red);border-radius:8px;color:#111}.scan-hub-intro b,.scan-hub-intro span{display:block}.scan-hub-intro span{margin-top:4px}.scan-hub-icon{font-size:36px;color:var(--ek-red)}
.echeck{border-color:#4a4a4a;background:#111;color:#fff}.version{color:#888}.summary-grid>div{background:#fff;color:#111}.summary-grid b{color:var(--ek-red)}

/* Print preview and real PDF output */
.a4-page{background:#fff!important;color:#111!important;border-radius:2mm;box-shadow:0 10px 35px rgba(0,0,0,.15)}
.a4-header.corporate-logo-header{background:#ffd200!important;border:1px solid #e0a400!important;border-radius:2mm!important;overflow:hidden!important}.a4-header.corporate-logo-header img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.print-meta,.quick-print-meta{border:1px solid #777!important;background:#fff!important}.print-meta>div,.quick-print-meta>div{border-color:#999!important;background:#fff!important}.print-meta b,.quick-print-meta b{color:#111!important}.print-meta span,.quick-print-meta span{color:#111!important}
.print-row-title{background:var(--ek-yellow)!important;color:#111!important;border-bottom:0!important;border-radius:2.4mm 2.4mm 0 0!important}.print-table{border:1px solid #555!important}.print-table th{background:#0b0b0b!important;color:#fff!important;border-color:#555!important;border-top:2px solid var(--ek-red)!important}.print-table th:first-child{background:linear-gradient(180deg,var(--ek-red),var(--ek-red-dark))!important}.print-table td{background:#fff!important;color:#111!important;border-color:#aaa!important}.print-block{border-bottom:1.5px solid var(--ek-red)!important;margin-bottom:3mm!important}.a4-footer{border-top:1.5px solid var(--ek-red)!important;color:#222!important}.footer-contact b{color:#111!important}
@media(max-width:900px){.main{padding:0 14px 25px}.topbar{margin:0 -14px;padding:0 14px}.page-head{align-items:flex-start}.page-head .toolbar{width:100%}.page-head .toolbar button{flex:1}.data-table{min-width:760px}}
@media(max-width:760px){.sidebar{padding:18px 10px}.main{background:#f6f7f8}.topbar{height:58px}.greeting small,.location-part,.date-part{display:none}.hero-card{min-height:185px}.cards4{grid-template-columns:1fr}.scan-hub-intro{align-items:flex-start}.modal{border-radius:12px}.circuit-shell{grid-template-columns:1fr}.stepnav{grid-template-columns:repeat(3,1fr)}.stepnav button{text-align:center;padding:10px 4px;font-size:12px}}
@media print{
 @page{size:A4 portrait;margin:6mm}
 .a4-page{box-shadow:none!important;border-radius:0!important;background:#fff!important}
 .a4-header.corporate-logo-header{height:31mm!important;background:#ffd200!important;border:.3mm solid #d19b00!important;border-radius:1.4mm!important}
 .print-row-title{background:#ffd200!important;color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .print-table th{background:#0b0b0b!important;color:#fff!important;border-top:.45mm solid #c90012!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .print-table th:first-child{background:#c90012!important;color:#fff!important}
 .print-block{border-bottom:.35mm solid #c90012!important}
 .a4-footer{border-top:.35mm solid #c90012!important}
}
.integrated-ai-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid rgba(245,190,0,.38);border-radius:12px;background:rgba(245,190,0,.08)}
.integrated-ai-status b{color:#c89300}.integrated-ai-status span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.75}

/* V4.3 PIN-Anmeldung */
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 10%,rgba(255,209,0,.15),transparent 32%),#090c10}
.login-card{width:min(460px,100%);padding:30px;border:1px solid rgba(255,209,0,.32);border-radius:24px;background:linear-gradient(145deg,rgba(24,27,31,.98),rgba(9,12,16,.98));box-shadow:0 28px 80px rgba(0,0,0,.5);color:#fff}
.login-brand{margin-bottom:18px}.login-card .product{margin-bottom:28px}.login-card h2{font-size:30px;margin:0 0 6px}.login-submit{width:100%;margin-top:20px;min-height:50px}.login-error{min-height:22px;margin-top:12px;color:#ff6b6b;font-weight:700;text-align:center}
.logout-btn{border:1px solid rgba(255,209,0,.35);background:transparent;color:var(--gold);border-radius:10px;width:38px;height:38px;font-size:18px;cursor:pointer}

/* V4.4 */
.project-progress-line{height:8px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden;margin:10px 0 5px}.project-progress-line i{display:block;height:100%;background:var(--gold);border-radius:inherit}.building-overview{margin:18px 0 22px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.building-roof{padding:14px 18px;background:linear-gradient(90deg,#ffd100,#ffbd00);color:#111;font-weight:900}.building-floors{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;padding:14px}.building-unit{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:13px;padding:14px;text-align:left;display:grid;gap:5px}.building-unit span{font-weight:900}.building-unit small{color:var(--muted)}.building-unit.working{border-color:#ffd100;box-shadow:inset 0 0 0 1px #ffd100}.building-unit.done{border-color:#34a56f;background:rgba(52,165,111,.12)}.badge.warn{background:rgba(255,174,0,.15);color:#ffbd28}.validation-card{margin:14px 0;padding:14px;border-radius:14px;border:1px solid var(--line);display:grid;gap:10px}.validation-card>div{display:flex;justify-content:space-between;gap:12px}.validation-card span{color:var(--muted)}.validation-card ul{margin:0;padding-left:20px}.validation-card.has-errors{border-color:#c78300;background:rgba(255,174,0,.08)}.validation-card.valid{border-color:#329b66;background:rgba(50,155,102,.08)}.autosave-badge{margin-left:10px;font-size:11px;color:#35a76f;font-weight:700}.my-tasks{margin-top:24px}.my-tasks .section-head p{margin:4px 0 0;color:var(--muted)}.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.task-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text)}.task-card div{flex:1;display:grid;gap:4px}.task-card small{color:var(--muted)}.task-status{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(255,209,0,.55)}@media(max-width:700px){.building-floors{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-card>div{display:grid}.task-grid{grid-template-columns:1fr}}

/* V4.5 digitale Abnahme */
.approval-panel{display:grid;gap:14px}.approval-head{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.approval-head span{color:var(--muted)}.approval-check{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:rgba(255,255,255,.025)}.approval-check input{width:22px;height:22px;accent-color:var(--gold)}.approval-check span{display:grid;gap:3px}.approval-check small{color:var(--muted)}.approval-note{margin-top:4px}.badge.blue{background:rgba(255,209,0,.12);color:var(--gold);border-color:rgba(255,209,0,.35)}


/* V4.5.3 – klassische Corporate-Druckausgabe wiederhergestellt */
@media print{
  .a4-page{background:#fff!important;color:#111!important}
  .text-logo-header{height:31mm!important;min-height:31mm!important;border-top:.45mm solid #e0a900!important;border-bottom:.45mm solid #e0a900!important;background:#fff!important}
  .ek-company-line{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:3mm!important}
  .ek-company-name{color:#7f1110!important;font-size:28pt!important;font-weight:900!important;letter-spacing:-.7mm!important}
  .ek-company-suffix{color:#111!important;font-size:10pt!important;font-weight:700!important}
  .ek-slogan{margin-top:1.2mm!important;color:#111!important;font-size:8.5pt!important;letter-spacing:.65mm!important}
  .ek-slogan strong{color:#c90012!important}
  .print-meta-shell{margin-bottom:2.8mm!important}
  .print-meta{border-color:#666!important;border-radius:1.2mm!important}
  .print-meta>div{border-color:#8a8a8a!important;background:#fff!important}
  .print-meta b{color:#555!important}
  .print-qr{border-color:#d6a600!important;background:#fff!important}
  .print-row-title{background:#f4c400!important;color:#111!important;border-color:#735d00!important;border-radius:0!important}
  .print-table{border-color:#555!important}
  .print-table th{background:#f4c400!important;color:#111!important;border-color:#666!important;border-top:.24mm solid #666!important}
  .print-table th:first-child{background:#f4c400!important;color:#111!important}
  .print-table td{background:#fff!important;color:#111!important;border-color:#777!important}
  .print-block{border-bottom:0!important;margin-bottom:2.2mm!important}
  .a4-footer{border-top:.35mm solid #d6a600!important;color:#222!important}
}

/* V4.5.4 – Pflichtfelder bei der Projektanlage */
.project-required-note{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,209,0,.38);border-radius:12px;background:rgba(255,209,0,.07);color:var(--muted)}
.project-required-note b,.required-star{color:var(--gold)}
.required-hint{display:none;margin-top:6px;color:#ff7777;font-size:12px;font-weight:700}
.required-hint.visible{display:block}
.field input.invalid,.field select.invalid{border-color:#e04d4d!important;box-shadow:0 0 0 3px rgba(224,77,77,.12)!important}
#modalSave:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.25);box-shadow:none}
.required-assignees select{min-height:132px}

/* V4.5.5 – stabile DIN-A4-Ausgabe und getrennte Druck-/PDF-Aktionen */
@media print{
  @page{size:A4 portrait;margin:0!important}
  html,body{width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  .print-sheet{width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .label-print-document{width:210mm!important;margin:0!important;padding:0!important}
  .a4-page{box-sizing:border-box!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:5mm 7mm 4.5mm!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;break-after:page!important;page-break-after:always!important}
  .a4-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .print-block,.print-block:nth-of-type(2n+3){page-break-before:auto!important;break-before:auto!important;page-break-inside:avoid!important;break-inside:avoid!important}
  .a4-content{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;gap:2.2mm!important;overflow:hidden!important}
  .print-table{width:100%!important;table-layout:fixed!important}
}

/* V4.5.6 – Schließen-Button für alle Hauptmenü-Ansichten */
.content{position:relative}
.page-close-btn{
 position:absolute;
 top:101px;
 right:0;
 z-index:15;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:1px solid var(--line);
 border-radius:12px;
 background:rgba(17,23,29,.96);
 color:#fff;
 font-size:21px;
 line-height:1;
 box-shadow:0 10px 28px rgba(0,0,0,.28);
 transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease;
}
.page-close-btn:hover,.page-close-btn:focus-visible{
 transform:translateY(-1px);
 border-color:var(--gold);
 color:var(--gold);
 background:#171d24;
 outline:none;
}
.page-close-btn:active{transform:scale(.96)}
.light .page-close-btn{background:rgba(255,255,255,.97);color:#16191d;box-shadow:0 8px 24px rgba(0,0,0,.12)}
@media(max-width:760px){
 .page-close-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 92px);right:14px;width:46px;height:46px;border-radius:50%;background:#11171d}
 .page-head{padding-right:54px}
}

/* V4.5.7 – moderne Hauptbereiche */
.modern-page{padding:28px 30px 42px;min-height:calc(100vh - 92px);background:radial-gradient(circle at 80% 0,rgba(245,195,24,.07),transparent 34%)}
.modern-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.modern-page-head h1{font-size:30px;margin:4px 0 5px}.modern-page-head p{color:var(--muted);margin:0}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.22em}.modern-search{max-width:560px;margin-bottom:22px}.modern-search input{width:100%;background:#151a20;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:13px 16px;color:#fff}.modern-panel{background:linear-gradient(145deg,#151a20,#0e1318);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.25);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px}.panel-title h2{margin:0 0 3px;font-size:19px}.panel-title p{margin:0;color:var(--muted);font-size:13px}
.visual-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.visual-project-card{position:relative;min-height:230px;border-radius:16px;overflow:hidden;border:1px solid rgba(245,195,24,.38);cursor:pointer;background:#0e1216;box-shadow:0 15px 35px rgba(0,0,0,.26);transition:.22s ease}.visual-project-card:hover{transform:translateY(-4px);border-color:var(--gold)}.visual-project-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.visual-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(6,9,12,.2) 45%,rgba(6,9,12,.98) 100%)}.visual-project-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px}.visual-project-overlay small{color:var(--gold);font-weight:700}.visual-project-overlay h3{margin:5px 0;font-size:17px}.visual-project-overlay p{margin:0 0 13px;color:#c8ced5;font-size:12px}.visual-project-overlay>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.visual-project-overlay b{font-size:11px;color:#e0b927}.visual-empty{grid-column:1/-1}
.modern-table{margin:0}.modern-table thead th{background:#1a2026;color:#c5cbd1;border-bottom-color:rgba(245,195,24,.35)}.modern-table tbody tr:hover{background:rgba(245,195,24,.045)}
.distributor-layout{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(340px,.95fr);gap:20px}.distributor-list{padding-bottom:8px}.distributor-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:13px;margin:0 14px 11px;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.mini-cabinet{width:46px;height:46px;border-radius:10px;background:linear-gradient(145deg,#f5f6f6,#a9afb3);color:#252a2f;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 0 0 4px rgba(0,0,0,.08)}.distributor-copy{display:flex;flex-direction:column;min-width:0}.distributor-copy small,.distributor-copy span{color:var(--muted);font-size:11px;margin-top:3px}.distributor-preview{padding:16px}.distributor-preview>img{width:100%;height:255px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.preview-details h2{margin:18px 0 10px}.preview-details dl{margin:0}.preview-details dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.preview-details dt{color:var(--muted)}.preview-details dd{margin:0;text-align:right}
.team-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.team-stat{display:flex;align-items:center;gap:14px;min-height:90px;padding:18px;background:linear-gradient(145deg,#181e24,#11161b);border:1px solid rgba(255,255,255,.08);border-radius:14px}.team-stat>span{font-size:26px;color:var(--gold)}.team-stat strong{display:block;font-size:25px}.team-stat small{color:var(--muted)}.team-panel{padding:4px 0}.employee-cell{display:flex;align-items:center;gap:11px}.employee-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2e353d,#151a20);border:1px solid rgba(245,195,24,.4);color:var(--gold);font-size:11px;font-weight:800}.employee-cell small{display:block;color:var(--muted);margin-top:2px}
.backup-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:stretch;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#12181e,#081017);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.backup-status{display:flex;align-items:center;gap:18px;padding:28px}.backup-status h2{margin:0 0 5px}.backup-status p{margin:0 0 7px;color:#fff}.backup-status small{color:var(--muted)}.backup-check{width:58px;height:58px;border:2px solid #46d15c;border-radius:50%;display:grid;place-items:center;color:#46d15c;font-size:30px}.backup-hero img{width:100%;height:190px;object-fit:cover}.backup-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.backup-action{padding:19px;background:linear-gradient(145deg,#181e24,#11161b);border:1px solid rgba(255,255,255,.08);border-radius:14px}.backup-action>span{display:block;font-size:30px;color:var(--gold);margin-bottom:9px}.backup-action h3{margin:0 0 5px}.backup-action p{margin:0 0 14px;color:var(--muted);min-height:38px}.backup-bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.backup-bottom-grid>.modern-panel{padding:20px}.danger-panel{display:flex;flex-direction:column;justify-content:space-between}.danger-panel p{color:var(--muted)}
.light .modern-page{background:radial-gradient(circle at 80% 0,rgba(245,195,24,.12),transparent 34%)}.light .modern-panel,.light .team-stat,.light .backup-action{background:#fff;border-color:#e3e6e9;box-shadow:0 12px 32px rgba(31,39,48,.09)}.light .modern-search input{background:#fff;color:#111;border-color:#dfe3e7}.light .modern-table thead th{background:#f0f2f4;color:#333}.light .distributor-row{background:#f7f8f9;border-color:#e5e8ea}.light .backup-hero{background:#fff;border-color:#e3e6e9}.light .visual-project-overlay{color:#fff}.light .preview-details dl div{border-color:#e5e8ea}
@media(max-width:1100px){.visual-project-grid{grid-template-columns:repeat(2,1fr)}.distributor-layout{grid-template-columns:1fr}.team-hero{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.modern-page{padding:20px 14px 32px}.modern-page-head{flex-direction:column;padding-right:44px}.modern-page-head .primary{width:100%}.visual-project-grid,.team-hero,.backup-action-grid,.backup-bottom-grid,.backup-hero{grid-template-columns:1fr}.visual-project-card{min-height:220px}.distributor-row{grid-template-columns:48px 1fr auto}.distributor-row>.row-actions{grid-column:1/-1;justify-content:flex-end}.backup-hero img{height:150px}.modern-table{min-width:820px}}


/* V4.5.8 – finale EK-Smart-Label-Verteilerausgabe */
.ek-output-document{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}
.ek-output-page{display:flex;flex-direction:column;width:210mm;height:297mm;min-height:297mm;box-sizing:border-box;padding:2.2mm 3mm 2mm;background:#fff;overflow:hidden}
.ek-output-header{position:relative;flex:0 0 32mm;display:grid;grid-template-columns:1.25fr .8fr 28mm;grid-template-rows:1fr 7mm;align-items:center;gap:2mm;padding:3mm 4mm 1.5mm;border-radius:2.2mm;background:linear-gradient(105deg,#ffd900 0%,#ffc900 58%,#ffd900 100%);overflow:hidden;box-sizing:border-box}
.ek-output-header:before,.ek-output-header:after{content:"";position:absolute;pointer-events:none}.ek-output-header:before{left:-6mm;top:-10mm;width:50mm;height:23mm;border-bottom:1.2mm solid #b6000c;transform:rotate(-16deg);box-shadow:0 3mm 0 -.8mm #d42b00,0 6mm 0 -1.6mm #b6000c}.ek-output-header:after{right:-10mm;bottom:-9mm;width:46mm;height:22mm;border-top:.7mm solid rgba(180,0,12,.72);transform:rotate(-18deg)}
.ek-output-brand{display:flex;align-items:center;gap:3mm;z-index:1}.ek-bulb{width:16mm;height:20mm;display:grid;place-items:center;font-size:15mm;line-height:1;color:#111;transform:rotate(-8deg)}
.ek-output-company{font-size:10mm;font-weight:900;letter-spacing:-.5mm;color:#a90012;line-height:.85;white-space:nowrap}.ek-output-company span{margin-left:1.2mm;font-size:3.4mm;letter-spacing:0;color:#79000b}.ek-output-slogan{margin-top:3mm;font-size:2.55mm;font-weight:800;letter-spacing:1.15mm;color:#111}
.ek-output-product{position:relative;z-index:1;display:grid;justify-items:start;gap:1.1mm;padding-left:2mm}.ek-output-product strong{font-size:6.2mm;font-weight:900;white-space:nowrap}.ek-output-product span{font-size:3.4mm;font-weight:900}.ek-output-product i{position:absolute;right:-4mm;bottom:-1mm;font-style:normal;font-size:12mm;font-weight:900;color:#ae0011}
.ek-echeck-badge{position:relative;z-index:1;width:27mm;height:27mm;border:1.4mm solid #909090;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 0 56%,#d8d8d8 57% 70%,#777 71% 76%,#ddd 77%);box-shadow:0 0 0 .45mm #fff,0 1mm 2mm rgba(0,0,0,.25);text-align:center}.ek-echeck-badge small{font-size:1.55mm;font-weight:800}.ek-echeck-badge b{font-size:5mm;line-height:1.15}.ek-echeck-badge em{font-size:1.45mm;font-style:normal;font-weight:800;line-height:1.05}
.ek-output-contact{grid-column:1/3;display:flex;align-items:center;gap:8mm;z-index:1;font-size:2.7mm;font-weight:700;white-space:nowrap}
.ek-output-meta{flex:0 0 27mm;display:grid;grid-template-columns:1.35fr .95fr .72fr .75fr .95fr .72fr;grid-template-rows:13mm 14mm;margin-top:2mm;border:.25mm solid #888;border-radius:1.2mm;overflow:hidden;box-sizing:border-box}.ek-output-meta>div{min-width:0;padding:2.1mm 2.5mm;border-right:.2mm solid #aaa;border-bottom:.2mm solid #aaa;box-sizing:border-box}.ek-output-meta>div:nth-child(6){border-right:0}.ek-output-meta>div:nth-child(n+7){border-bottom:0}.ek-output-meta b{display:block;margin-bottom:1mm;font-size:1.95mm;font-weight:900}.ek-output-meta span{display:block;font-size:3.25mm;font-weight:700;line-height:1.1;white-space:normal}.ek-output-meta .ek-date-red{color:#bd0011}.ek-meta-address{grid-column:1/3}.ek-meta-created{grid-column:3/5}.ek-output-meta>div:nth-child(10){border-right:0}
.ek-output-content{display:flex;flex-direction:column;gap:1.5mm;flex:1;min-height:0;margin-top:1.8mm}.ek-output-block{position:relative;flex:1;min-height:0;padding-top:4mm;box-sizing:border-box}.ek-output-block-tab{position:absolute;left:0;top:0;z-index:2;min-width:25mm;height:4.8mm;padding:0 4mm;display:flex;align-items:center;border-radius:1.7mm 1.7mm 0 0;background:#ffd400;color:#111;font-size:2.6mm;font-weight:900;box-sizing:border-box}.ek-output-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;border-bottom:.35mm solid #c70014}.ek-output-table .ek-col-number{width:14mm}.ek-output-table .ek-col-protection{width:88mm}.ek-output-table th{height:6mm;padding:1.1mm 2mm;background:#050505;color:#fff;border:.18mm solid #777;font-size:2.55mm;font-weight:900;text-align:center}.ek-output-table th:first-child{background:#b4000f}.ek-output-table td{height:3.7mm;padding:.25mm 2mm;border:.16mm solid #c5c5c5;background:#fff;color:#111;font-size:2.45mm;line-height:1.02;vertical-align:middle}.ek-output-table td:first-child{text-align:center;font-weight:900}.ek-output-table td:nth-child(2),.ek-output-table td:nth-child(3){font-weight:600}
.ek-output-bottom{flex:0 0 22mm;display:grid;grid-template-columns:1fr 25mm;gap:4mm;margin-top:1.8mm}.ek-output-notes{border:.25mm solid #888;border-radius:1.2mm;padding:2mm 3mm;overflow:hidden}.ek-output-notes b{display:block;color:#a60010;font-size:2.7mm}.ek-output-notes div{margin-top:1.3mm;font-size:2.5mm;white-space:pre-wrap}.ek-output-qr{border:.25mm solid #888;border-radius:1.2mm;padding:1.2mm;display:flex;flex-direction:column;align-items:center;justify-content:center}.ek-output-qr .qr{width:17mm;height:17mm}.ek-output-qr small{margin-top:.5mm;font-size:1.75mm;font-weight:900;text-align:center}.ek-output-footer{flex:0 0 4mm;display:flex;align-items:end;justify-content:center;font-size:2.05mm;color:#333;text-align:center}.ek-output-page-note{margin:auto 0 2mm;text-align:right;font-size:2.2mm;color:#555}
@media screen{
 .ek-output-page{margin:0 auto 18px!important;box-shadow:0 8px 28px rgba(0,0,0,.25)}
}
@media print{
 @page{size:A4 portrait;margin:0}
 .ek-output-document,.label-print-document{width:210mm!important;margin:0!important;padding:0!important}
 .ek-output-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:2.2mm 3mm 2mm!important;break-after:page!important;page-break-after:always!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .ek-output-page:last-child{break-after:auto!important;page-break-after:auto!important}
 .ek-output-header,.ek-output-block-tab,.ek-output-table th,.ek-output-table th:first-child{ -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* V4.6.0 – visuelle Hauptordner */
.ek-dashboard-folders{gap:22px}
.ek-folder-card{position:relative;min-height:318px;border-radius:22px;overflow:hidden;background:#090b0d;border:1px solid rgba(255,205,0,.38);box-shadow:0 18px 38px rgba(0,0,0,.18);cursor:pointer;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ek-folder-card:hover{transform:translateY(-6px);border-color:#ffd300;box-shadow:0 24px 48px rgba(0,0,0,.25)}
.ek-folder-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transition:transform .4s ease}
.ek-folder-card:hover>img{transform:scale(1.035)}
.ek-folder-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.04) 8%,rgba(0,0,0,.16) 40%,rgba(0,0,0,.95) 78%,#050607 100%)}
.ek-folder-card:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ffe45c,#ffc400,#aa7300)}
.ek-folder-icon{position:absolute;left:18px;top:18px;width:58px;height:58px;border-radius:16px;background:rgba(3,5,7,.88);border:1px solid rgba(255,211,0,.5);display:grid;place-items:center;color:#ffd300;font-size:29px;box-shadow:0 9px 24px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.ek-folder-content{position:absolute;left:20px;right:78px;bottom:22px;color:#fff}
.ek-folder-content small{display:block;color:#ffd300;font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:7px}
.ek-folder-content h2{color:#fff!important;font-size:26px;line-height:1.08;margin:0 0 8px;font-weight:850;letter-spacing:-.03em}
.ek-folder-content p{margin:0;color:#d8dde2!important;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ek-folder-arrow{position:absolute;right:18px;bottom:21px;width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(145deg,#ffe342,#ffc900);color:#080808;font-size:27px;font-weight:800;box-shadow:0 9px 22px rgba(255,198,0,.28)}
.ek-folder-arrow:hover{transform:scale(1.06)}
@media(max-width:1100px){.ek-folder-card{min-height:290px}}
@media(max-width:760px){.ek-dashboard-folders{grid-template-columns:1fr}.ek-folder-card{min-height:260px}.ek-folder-content h2{font-size:24px}}


/* V4.6.0 – finale DIN-A4-Ausgabe nach freigegebener Vorlage */
.ek-output-page{
  padding:1.6mm 2.8mm 1.8mm!important;
  background:#fff!important;
}
.ek-output-header{
  flex:0 0 34mm!important;
  grid-template-columns:1.35fr .78fr 29mm!important;
  grid-template-rows:1fr 6.5mm!important;
  padding:2.8mm 4mm 1.4mm!important;
  border-radius:1.7mm!important;
  background:#ffd200!important;
  box-shadow:none!important;
}
.ek-output-company{font-size:9.3mm!important;color:#a60012!important}
.ek-output-company span{font-size:3.2mm!important;color:#7d0010!important}
.ek-output-slogan{font-size:2.35mm!important;letter-spacing:1.08mm!important;margin-top:2.5mm!important}
.ek-output-product strong{font-size:5.8mm!important}
.ek-output-product span{font-size:3mm!important}
.ek-output-contact{font-size:2.45mm!important;gap:7mm!important}
.ek-echeck-badge{width:27.5mm!important;height:27.5mm!important}
.ek-output-meta{
  flex:0 0 25.5mm!important;
  grid-template-rows:12mm 13.5mm!important;
  margin-top:1.7mm!important;
  border:.22mm solid #777!important;
  border-radius:.8mm!important;
}
.ek-output-meta>div{padding:1.7mm 2.2mm!important;border-color:#9b9b9b!important}
.ek-output-meta b{font-size:1.75mm!important;margin-bottom:.7mm!important}
.ek-output-meta span{font-size:3.05mm!important}
.ek-output-content{gap:1.15mm!important;margin-top:1.4mm!important}
.ek-output-block{padding-top:4.25mm!important}
.ek-output-block-tab{
  height:4.55mm!important;min-width:25mm!important;padding:0 4mm!important;
  border-radius:1.4mm 1.4mm 0 0!important;background:#ffd200!important;
  font-size:2.45mm!important;
}
.ek-output-table{border-bottom:.3mm solid #b4000f!important}
.ek-output-table .ek-col-number{width:14.5mm!important}
.ek-output-table .ek-col-protection{width:89mm!important}
.ek-output-table th{height:5.6mm!important;padding:.7mm 1.8mm!important;font-size:2.45mm!important;background:#050505!important;border-color:#777!important}
.ek-output-table th:first-child{background:#b4000f!important}
.ek-output-table td{height:3.48mm!important;padding:.18mm 1.8mm!important;font-size:2.35mm!important;border-color:#c8c8c8!important;line-height:1!important}
.ek-output-bottom{flex:0 0 21mm!important;grid-template-columns:1fr 25.5mm!important;gap:4.5mm!important;margin-top:1.4mm!important}
.ek-output-notes,.ek-output-qr{border:.22mm solid #777!important;border-radius:.8mm!important}
.ek-output-notes{padding:2mm 3mm!important}
.ek-output-notes b{font-size:2.55mm!important;color:#a60010!important}
.ek-output-qr{padding:1mm!important}
.ek-output-qr .qr{width:17.5mm!important;height:17.5mm!important}
.ek-output-qr small{font-size:1.7mm!important}
.ek-output-footer{flex:0 0 3.5mm!important;font-size:1.95mm!important}
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}
  .print-sheet,.label-print-document,.ek-output-document{width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  .ek-output-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:1.6mm 2.8mm 1.8mm!important;overflow:hidden!important;box-sizing:border-box!important}
  .ek-output-header,.ek-output-block-tab,.ek-output-table th,.ek-output-table th:first-child{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* V4.6.1 – optimierte Schrifterkennung und Feldlesbarkeit */
:root{--field-text:#101317;--field-bg:#fff;--field-placeholder:#727b84;--field-label:#eef2f5}
.field label,.field-help,.approval-check b{letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.field label{font-size:13px;font-weight:700;line-height:1.3;color:var(--field-label)}
.field input,.field select,.field textarea,.circuit-table input,.circuit-table select,
.scan-review-row input,.searchbar input{
  min-height:44px;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:.005em;
  color:var(--field-text);background:var(--field-bg);caret-color:#111;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
.field textarea{line-height:1.5}
.field input::placeholder,.field textarea::placeholder,.circuit-table input::placeholder,.searchbar input::placeholder{color:var(--field-placeholder);opacity:1;font-weight:500}
.field input[readonly]{background:#edf1f4;color:#343a40;font-weight:650}
.field select,.circuit-table select{padding-right:34px;text-overflow:ellipsis}
.circuit-table input,.circuit-table select{min-height:38px;font-size:15px;padding:8px 9px}
.circuit-table td{vertical-align:middle}
.field input:focus,.field select:focus,.field textarea:focus,.circuit-table input:focus,.circuit-table select:focus,.scan-review-row input:focus{
  border-color:#e1ad00!important;box-shadow:0 0 0 3px rgba(255,196,0,.24)!important;background:#fff!important;
}
.light .field label{color:#32383e}.light .field-help{color:#59636d}
.light .field input,.light .field select,.light .field textarea,.light .circuit-table input,.light .circuit-table select{border-color:#aeb6bf}
.invalid-hint,.field-error{font-size:12px;font-weight:700;line-height:1.35}

/* Ausgabe: alle dynamischen Textfelder kontrastreich und eindeutig lesbar */
.ek-output-document,.ek-output-document *{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.ek-output-meta b{font-size:1.9mm!important;letter-spacing:.03mm;color:#111!important}
.ek-output-meta span{font-size:3.15mm!important;font-weight:750!important;line-height:1.12!important;overflow-wrap:anywhere}
.ek-output-table th{font-size:2.55mm!important;letter-spacing:.015mm!important}
.ek-output-table td{font-size:2.48mm!important;font-weight:600!important;line-height:1.06!important;color:#050505!important}
.ek-output-table td:first-child{font-size:2.58mm!important;font-weight:900!important}
.ek-output-table td:nth-child(2),.ek-output-table td:nth-child(3){overflow-wrap:anywhere;word-break:normal}
.ek-output-notes b{font-weight:900!important;letter-spacing:.02mm}
.ek-output-notes div{font-size:2.55mm!important;line-height:1.2!important;color:#111!important}
.ek-output-footer{font-weight:600!important;color:#222!important}

@media(max-width:700px){
 .field input,.field select,.field textarea,.searchbar input{font-size:16px!important}
 .circuit-table input,.circuit-table select{font-size:15px!important}
}
@media print{
 .ek-output-meta span{font-size:3.1mm!important}
 .ek-output-table td{font-size:2.44mm!important}
 .ek-output-table th{font-size:2.5mm!important}
}

/* V4.6.2: schärfere Projekt- und Verteilerbilder */
.ek-folder-card>img{image-rendering:auto;filter:saturate(1.04) contrast(1.04);transform:scale(1.015);transition:transform .35s ease,filter .35s ease}
.ek-folder-card:hover>img{transform:scale(1.055);filter:saturate(1.08) contrast(1.07)}
.ek-folder-card:nth-child(1)>img{object-position:center 48%}
.ek-folder-card:nth-child(2)>img{object-position:center 50%}


/* V4.6.3 – Ausgabedatei exakt nach freigegebener Darstellung */
.ek-output-page{padding:1.15mm 1.45mm 1.3mm!important}
.ek-output-header{flex-basis:34.8mm!important;grid-template-columns:1.42fr .78fr 29.5mm!important;grid-template-rows:1fr 6.2mm!important;gap:1.2mm!important;padding:2.3mm 3.4mm 1.1mm!important;border-radius:1.25mm!important;background:linear-gradient(90deg,#ffd91a 0%,#ffd000 58%,#ffdc25 100%)!important}
.ek-output-header:before{left:-5mm!important;top:-10.5mm!important;width:53mm!important;height:24mm!important;border-bottom:1.05mm solid #a9000e!important;box-shadow:0 2.8mm 0 -.75mm #e24500,0 5.5mm 0 -1.45mm #b60010!important}
.ek-output-header:after{right:-7mm!important;bottom:-7mm!important;width:49mm!important;height:20mm!important;border-top:.55mm solid rgba(180,0,12,.7)!important}
.ek-output-brand{gap:2.4mm!important}.ek-bulb{width:15.3mm!important;height:20mm!important;font-size:0!important;transform:none!important}.ek-bulb svg{display:block;width:100%;height:100%;color:#111}
.ek-output-company{font-size:9.6mm!important;line-height:.82!important;letter-spacing:-.48mm!important}.ek-output-company span{font-size:3.05mm!important;margin-left:1mm!important;vertical-align:baseline!important}
.ek-output-slogan{font-size:2.25mm!important;letter-spacing:1.03mm!important;margin-top:2.35mm!important}
.ek-output-product{padding-left:.5mm!important;gap:.8mm!important;align-self:center!important}.ek-output-product strong{font-size:5.65mm!important;letter-spacing:-.12mm!important}.ek-output-product span{font-size:2.85mm!important}.ek-output-product i{right:-2mm!important;bottom:-.5mm!important;width:17mm!important;height:9mm!important;font-size:0!important;color:#a90012!important}.ek-output-product i svg{display:block;width:100%;height:100%}
.ek-echeck-badge{width:28mm!important;height:28mm!important;border-width:1.25mm!important;box-shadow:0 0 0 .35mm #fff,0 .7mm 1.4mm rgba(0,0,0,.28)!important}.ek-echeck-badge small{font-size:1.4mm!important}.ek-echeck-badge b{font-size:4.85mm!important}.ek-echeck-badge em{font-size:1.28mm!important}
.ek-output-contact{font-size:2.42mm!important;gap:7.5mm!important;padding-left:1mm!important}
.ek-output-meta{flex-basis:24.2mm!important;grid-template-columns:1.45fr 1fr .72fr .78fr 1fr .7fr!important;grid-template-rows:11.4mm 12.8mm!important;margin-top:1.25mm!important;border:.2mm solid #858585!important;border-radius:.55mm!important}
.ek-output-meta>div{padding:1.45mm 2mm!important;border-right:.18mm solid #a0a0a0!important;border-bottom:.18mm solid #a0a0a0!important}.ek-output-meta b{font-size:1.63mm!important;margin-bottom:.55mm!important}.ek-output-meta span{font-size:2.92mm!important;font-weight:720!important;line-height:1.06!important}
.ek-output-content{gap:.9mm!important;margin-top:1.05mm!important}.ek-output-block{padding-top:3.85mm!important}.ek-output-block-tab{height:4.05mm!important;min-width:24.3mm!important;padding:0 3.8mm!important;border-radius:1.05mm 1.05mm 0 0!important;font-size:2.3mm!important}
.ek-output-table{border-bottom:.24mm solid #c00012!important}.ek-output-table .ek-col-number{width:14.5mm!important}.ek-output-table .ek-col-protection{width:88.5mm!important}.ek-output-table th{height:5.05mm!important;padding:.45mm 1.7mm!important;font-size:2.31mm!important;border:.15mm solid #888!important}.ek-output-table td{height:3.18mm!important;padding:.1mm 1.75mm!important;font-size:2.26mm!important;line-height:1!important;border:.13mm solid #c9c9c9!important}.ek-output-table td:first-child{font-size:2.32mm!important}
.ek-output-bottom{flex-basis:19.8mm!important;grid-template-columns:1fr 24.5mm!important;gap:4.5mm!important;margin-top:1.05mm!important}.ek-output-notes,.ek-output-qr{border:.2mm solid #777!important;border-radius:.55mm!important}.ek-output-notes{padding:1.65mm 3mm!important}.ek-output-notes b{font-size:2.35mm!important}.ek-output-qr{padding:.8mm!important}.ek-output-qr .qr{width:16.6mm!important;height:16.6mm!important}.ek-output-qr small{font-size:1.55mm!important;margin-top:.3mm!important}.ek-output-footer{flex-basis:3.1mm!important;font-size:1.82mm!important}
@media print{.ek-output-page{padding:1.15mm 1.45mm 1.3mm!important}}

/* V5.0 Cloud Sync */
.cloud-sync-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,204,0,.35);background:rgba(255,204,0,.08);color:var(--gold)}
.cloud-sync-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.cloud-sync-status[data-state="ok"]{color:#39d98a;border-color:rgba(57,217,138,.3);background:rgba(57,217,138,.08)}
.cloud-sync-status[data-state="working"]{color:var(--gold)}
.cloud-sync-status[data-state="error"]{color:#ff7a7a;border-color:rgba(255,122,122,.3);background:rgba(255,122,122,.08)}
@media(max-width:900px){.cloud-sync-status{font-size:0;padding:8px}.cloud-sync-status::before{width:9px;height:9px}}

/* V6.4 central sync controls */
.cloud-sync-button{width:34px;height:34px;border:1px solid rgba(255,208,0,.45);border-radius:50%;background:rgba(255,208,0,.08);color:#ffd000;font-size:20px;display:inline-grid;place-items:center;cursor:pointer}
.cloud-sync-button:disabled{opacity:.5;cursor:wait}.cloud-sync-status{font-size:12px;font-weight:800;white-space:nowrap}