:root{--bg:#080b12;--panel:#101522;--panel2:#151b2b;--card:#111827;--line:rgba(255,255,255,.09);--text:#eef2ff;--muted:#94a3b8;--gold:#f5c84b;--gold2:#d99b17;--green:#22c55e;--red:#ef4444;--orange:#f97316;--blue:#38bdf8;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% 0,#263044 0,#101522 28%,#080b12 72%);color:var(--text);min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:260px minmax(250px,1fr) auto;gap:16px;align-items:center;padding:14px 22px;background:rgba(8,11,18,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;font-weight:900;box-shadow:0 12px 30px rgba(245,200,75,.23)}.brand b{display:block;font-size:1.05rem;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:.76rem;margin-top:1px}.top-user{color:var(--muted);font-size:.86rem;white-space:nowrap}.mainnav{position:sticky;top:73px;z-index:45;display:flex;gap:8px;align-items:center;overflow:auto;padding:10px 22px;background:rgba(12,17,29,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-item{white-space:nowrap;text-decoration:none;color:#cbd5e1;padding:9px 13px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:.86rem}.nav-item:hover,.nav-item.active{color:#111827;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 8px 22px rgba(245,200,75,.18)}.nav-item.logout{margin-left:auto;color:#fca5a5}.layout{max-width:1480px;margin:0 auto;padding:28px 18px 56px}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.page-title{font-size:clamp(1.55rem,2.7vw,2.55rem);letter-spacing:-.04em;line-height:1;margin:0 0 8px}.page-subtitle{color:var(--muted);margin:0;font-size:.98rem}.section{margin-top:18px;background:linear-gradient(180deg,rgba(21,27,43,.96),rgba(15,21,34,.96));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.section-title{margin:0 0 12px;font-size:1.05rem;letter-spacing:-.015em}.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 12px 34px rgba(0,0,0,.22)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card-button{color:inherit;text-decoration:none;transition:.15s}.card-button:hover{transform:translateY(-2px);border-color:rgba(245,200,75,.45)}.card-icon{font-size:1.75rem;margin-bottom:8px}.card-title{font-weight:800;margin-bottom:4px}.card-text{color:var(--muted);font-size:.88rem;line-height:1.45}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.kpi{padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(245,200,75,.13),rgba(56,189,248,.05));border:1px solid var(--line)}.kpi strong{display:block;font-size:2.1rem;letter-spacing:-.05em}.kpi span{color:var(--muted);font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:end}.form-row{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.input,select.input,textarea.input{width:100%;background:rgba(8,11,18,.82);border:1px solid rgba(148,163,184,.25);border-radius:14px;color:var(--text);padding:11px 13px;font-size:.95rem;outline:none}.input:focus{border-color:rgba(245,200,75,.7);box-shadow:0 0 0 3px rgba(245,200,75,.12)}textarea.input{min-height:92px;resize:vertical}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:0;padding:11px 15px;font-weight:850;cursor:pointer;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111827;box-shadow:0 14px 34px rgba(245,200,75,.18)}.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text)}.global-customer-search{display:flex;gap:8px;align-items:center}.global-customer-search .input{height:42px}.table-wrapper{overflow:auto;border:1px solid var(--line);border-radius:18px}table.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.table th{position:sticky;top:0;background:#151b2b;color:#cbd5e1;text-align:left;padding:12px 11px;font-size:.76rem;text-transform:uppercase;letter-spacing:.045em}.table td{padding:12px 11px;border-top:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:rgba(255,255,255,.025)}.link-small{color:#fde68a;font-weight:800;text-decoration:none}.link-small:hover{text-decoration:underline}.alert{margin:12px 0;padding:11px 13px;border-radius:16px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.10);color:#bbf7d0}.alert.error{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.10);color:#fecaca}.status-row{display:flex;gap:8px;flex-wrap:wrap}.status-pill,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:850;border:1px solid var(--line);white-space:nowrap}.status-pill.ok,.badge.green{color:#bbf7d0;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.32)}.status-pill.bad,.badge.red{color:#fecaca;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.32)}.status-pill.warn,.badge.yellow{color:#fde68a;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.32)}.status-pill.muted,.badge{color:#cbd5e1;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18)}.customer-name{font-weight:900;font-size:.98rem}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#cbd5e1;border-radius:999px;padding:9px 12px;font-weight:850;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111827}.tab-panel{display:none}.tab-panel.active{display:block}.hero-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,rgba(245,200,75,.18),rgba(56,189,248,.08));border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.footer{padding:20px;text-align:center;color:var(--muted);border-top:1px solid var(--line);background:rgba(8,11,18,.75)}.login-page{max-width:420px;margin:70px auto;padding:24px;border-radius:26px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.login-title{font-size:1.45rem;font-weight:900}.login-sub{color:var(--muted);margin:4px 0 18px}.select2-container{width:100%!important}.select2-container--default .select2-selection--single{background:rgba(8,11,18,.82);border:1px solid rgba(148,163,184,.25);border-radius:14px;height:44px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#eef2ff;line-height:44px;padding-left:13px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}.select2-dropdown{background:#101522;border:1px solid var(--line)}.select2-container--default .select2-results__option{color:#eef2ff}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#263044;color:#fff}@media(max-width:980px){.topbar{grid-template-columns:1fr}.mainnav{top:129px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.split,.hero-card{grid-template-columns:1fr}}@media(max-width:640px){.layout{padding:18px 10px 42px}.mainnav{top:169px;padding:8px 10px}.kpi-grid{grid-template-columns:1fr}.section{padding:13px;border-radius:18px}.topbar{padding:12px}}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}

/* Compact customer overview */
.customers-compact th:last-child, .customers-compact td:last-child { width: 150px; text-align: right; }
.customers-compact .status-row { gap: 6px; }
@media (max-width: 760px){ .customers-compact th:nth-child(2), .customers-compact td:nth-child(2){ min-width: 260px; } }

/* SunPos 3.0 UX polish v4 */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 10%,rgba(245,200,75,.10),transparent 28%),radial-gradient(circle at 70% 85%,rgba(56,189,248,.08),transparent 32%);z-index:-1}.topbar{box-shadow:0 10px 34px rgba(0,0,0,.22)}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(25deg) translateX(-120%);animation:spShine 5s ease-in-out infinite}@keyframes spShine{0%,72%{transform:rotate(25deg) translateX(-120%)}88%,100%{transform:rotate(25deg) translateX(120%)}}
.global-customer-search{position:relative}.global-customer-search:before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8;font-weight:900;z-index:1}.global-customer-search .input{padding-left:38px;border-radius:999px;background:rgba(255,255,255,.06)}.global-customer-search .btn-ghost{border-radius:999px}.top-user{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:999px;padding:8px 12px}.mainnav{scrollbar-width:none}.mainnav::-webkit-scrollbar{display:none}.nav-item{transition:transform .15s ease,background .15s ease,border-color .15s ease}.nav-item:hover{transform:translateY(-1px)}.nav-item.active{position:relative}.nav-item.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-10px;height:3px;border-radius:999px;background:var(--gold)}
.hero-card{position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(245,200,75,.16);filter:blur(2px)}.hero-card>*{position:relative}.quick-actions .btn-primary,.quick-actions .btn-ghost{min-height:42px}.section{transition:border-color .18s ease,transform .18s ease}.section:hover{border-color:rgba(245,200,75,.18)}.section-title{display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(245,200,75,.10)}.card{position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto 18px 0 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,200,75,.55),transparent);opacity:0;transition:opacity .18s ease}.card:hover:after{opacity:1}.card-button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card-button:hover{box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 0 1px rgba(245,200,75,.16)}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.07)}.kpi strong{font-variant-numeric:tabular-nums}.table-wrapper{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.table th{backdrop-filter:blur(12px)}.table tbody tr{transition:transform .12s ease,background .12s ease}.table tbody tr:hover td{background:rgba(245,200,75,.045)}.customers-compact tbody tr{cursor:pointer}.customers-compact td:first-child{min-width:245px}.btn-primary,.btn-ghost{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn-primary:hover,.btn-ghost:hover{transform:translateY(-1px)}.btn-primary:active,.btn-ghost:active{transform:translateY(0)}.btn-ghost:hover{background:rgba(255,255,255,.095);box-shadow:0 12px 28px rgba(0,0,0,.18)}.status-pill,.badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.status-pill.ok:before,.badge.green:before{content:"✓"}.status-pill.bad:before,.badge.red:before{content:"!"}.status-pill.warn:before,.badge.yellow:before{content:"•"}.input,select.input,textarea.input{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:hover,select.input:hover,textarea.input:hover{border-color:rgba(245,200,75,.38)}.page-head{position:relative}.page-head .btn-primary{white-space:nowrap}.floating-tools{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px}.floating-tools button,.floating-tools a{width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:rgba(15,21,34,.92);color:var(--text);display:grid;place-items:center;text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.35);cursor:pointer;backdrop-filter:blur(14px)}.floating-tools button:hover,.floating-tools a:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111827}.toast{position:fixed;right:18px;top:92px;background:#101522;border:1px solid rgba(245,200,75,.25);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(-10px);transition:.18s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.top-user{justify-self:start}.page-head{align-items:flex-start;flex-direction:column}.quick-actions{justify-content:flex-start}}@media(max-width:720px){.global-customer-search{display:grid;grid-template-columns:1fr auto}.hero-card{padding:17px}.table td,.table th{padding:10px 9px}.status-pill,.badge{font-size:.72rem;padding:4px 8px}.floating-tools{right:10px;bottom:10px}.floating-tools button,.floating-tools a{width:42px;height:42px}}

/* Wartungskontrolle */
.maintenance-table .mini-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:6px;align-items:center}.checkline{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#e5e7eb}.checkline input{width:18px;height:18px;accent-color:#f5c84b}.maintenance-table td{vertical-align:top}.maintenance-table textarea.input{font-size:.84rem}@media(max-width:900px){.maintenance-table .mini-form{grid-template-columns:1fr}.maintenance-table{min-width:980px}}


/* SunPos Intern 4.0 – high contrast, clearer daily workflow */
:root{
  --bg:#f3f6fb;--panel:#ffffff;--panel2:#f8fafc;--card:#ffffff;
  --line:#d9e2ef;--text:#142033;--muted:#5f6f85;--gold:#f2bd27;--gold2:#d99b17;
  --green:#15803d;--red:#c62828;--orange:#b45309;--blue:#1d4ed8;
  --shadow:0 12px 34px rgba(31,48,74,.10)
}
body{background:linear-gradient(180deg,#edf3fa 0,#f8fafc 42%,#f3f6fb 100%);color:var(--text)}
body:before{background:radial-gradient(circle at 92% 2%,rgba(242,189,39,.16),transparent 24%),radial-gradient(circle at 8% 28%,rgba(29,78,216,.07),transparent 26%)}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:#d6dfeb;box-shadow:0 8px 24px rgba(31,48,74,.08)}
.brand{color:#142033}.brand small,.top-user,.page-subtitle,.muted,.card-text,.section-note{color:#5f6f85}
.top-user{background:#f3f6fa;border-color:#d6dfeb;color:#334155}
.mainnav{background:rgba(246,249,253,.97);border-bottom-color:#d6dfeb}
.nav-item{color:#334155}.nav-item:hover,.nav-item.active{color:#111827}.nav-item.logout{color:#b42318}
.section,.card{background:#fff;border-color:#d9e2ef;box-shadow:var(--shadow)}
.section:hover{border-color:#c5d2e3}.hero-card{background:linear-gradient(135deg,#fff8dc,#edf5ff);border-color:#d9e2ef}
.input,select.input,textarea.input,.form-control,.form-select{background:#fff!important;border:1px solid #cbd6e5!important;color:#142033!important;border-radius:12px;padding:10px 12px}
.input::placeholder,.form-control::placeholder{color:#8492a6}.input:focus,.form-control:focus,.form-select:focus{border-color:#d99b17!important;box-shadow:0 0 0 3px rgba(242,189,39,.18)!important}
.btn-ghost{background:#fff;border-color:#cbd6e5;color:#1f2d40}.btn-ghost:hover{background:#f5f8fc}.btn-primary{color:#111827}
.table-wrapper{border-color:#d9e2ef;background:#fff}.table th{background:#eaf0f7;color:#334155}.table td{border-top-color:#e4eaf2;color:#1f2937}.table tbody tr:hover td{background:#fff8df}
.status-pill.muted,.badge{color:#475569;background:#eef2f7;border-color:#d8e0ea}.status-pill.ok,.badge.green{color:#166534;background:#ecfdf3;border-color:#a7e5bc}.status-pill.bad,.badge.red{color:#991b1b;background:#fff1f2;border-color:#fecdd3}.status-pill.warn,.badge.yellow{color:#92400e;background:#fffbeb;border-color:#fde68a}
.alert{color:#166534;background:#ecfdf3;border-color:#86d9a4}.alert.error{color:#991b1b;background:#fff1f2;border-color:#fda4af}
.link-small{color:#1d4ed8}.footer{background:#eaf0f7;color:#5f6f85;border-top-color:#d6dfeb}
.login-page{background:#fff;border-color:#d9e2ef}.select2-container--default .select2-selection--single{background:#fff;border-color:#cbd6e5}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#142033}.select2-dropdown{background:#fff;border-color:#cbd6e5}.select2-container--default .select2-results__option{color:#142033}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#eaf0f7;color:#142033}
.product-picker-block{grid-column:1/-1}.quick-article-bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.quick-article{border:1px solid #cbd6e5;background:#fff;color:#142033;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.quick-article:hover{border-color:#d7a718;background:#fff8df}.material-row{display:grid;grid-template-columns:90px minmax(240px,1fr) 46px;gap:8px;align-items:center;margin-bottom:8px}@media(max-width:640px){.material-row{grid-template-columns:72px minmax(150px,1fr) 42px}.quick-article-bar .btn-primary,.quick-article{padding:9px 10px;font-size:.82rem}}
.tab-btn{background:#f4f7fb;color:#334155;border-color:#d5deea}.tab-btn.active{color:#111827}
.checkline{color:#1f2937}.floating-tools button,.floating-tools a{background:#fff;color:#142033;border-color:#d6dfeb}.toast{background:#fff;color:#142033;border-color:#e8c660}
.eyebrow{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#fff3bf;color:#6b4c00;font-size:.74rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dashboard-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.module-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:110px;padding:18px;border:1px solid #d9e2ef;border-radius:20px;background:#fff;color:#142033;text-decoration:none;box-shadow:var(--shadow);transition:.16s}
.module-card:hover{transform:translateY(-2px);border-color:#e0b52e;box-shadow:0 17px 38px rgba(31,48,74,.14)}.module-card.module-primary{background:linear-gradient(135deg,#fff4c4,#fff)}
.module-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eef3f9;font-size:1.5rem}.module-card b{display:block;font-size:1rem}.module-card small{display:block;margin-top:4px;color:#64748b;line-height:1.35}.module-card strong{font-size:1.65rem;color:#25354b}
.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.section-note{margin:-5px 0 0;font-size:.86rem}
.action-list{display:flex;flex-direction:column}.action-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid #e5eaf1;color:#1f2937;text-decoration:none}.action-row:first-child{border-top:0}.action-row:hover{background:#f8fafc}.action-row b,.action-row small{display:block}.action-row small{margin-top:3px;color:#64748b}.action-row>span:last-child{color:#1d4ed8;font-weight:800;font-size:.84rem}.action-dot{width:11px;height:11px;border-radius:50%}.action-dot.danger{background:#dc2626}.action-dot.warning{background:#d97706}.action-dot.info{background:#2563eb}.action-dot.success{background:#16a34a}
.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-tile{display:flex;align-items:center;gap:10px;min-height:67px;padding:13px;border:1px solid #dce4ef;border-radius:15px;background:#f8fafc;color:#1f2937;text-decoration:none}.quick-tile:hover{background:#fff8dc;border-color:#e5c14b}.quick-tile span{font-size:1.35rem}
@media(max-width:1050px){.dashboard-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-modules{grid-template-columns:1fr}.module-card{min-height:92px}.quick-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.action-row{grid-template-columns:auto 1fr}.action-row>span:last-child{grid-column:2}}

/* SunPos Intern 4.8 – Fokus + aufgeräumte Administration */
.dashboard-focus{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:18px}.focus-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:150px;padding:22px;border:1px solid #d9e2ef;border-radius:24px;background:#fff;color:#142033;text-decoration:none;box-shadow:var(--shadow)}.focus-card.focus-main{background:linear-gradient(135deg,#fff2b5,#fff)}.focus-card:hover{transform:translateY(-2px);border-color:#e0b52e}.focus-icon{grid-row:1/3;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eef3f9;font-size:1.8rem}.focus-card b{display:block;font-size:1.15rem}.focus-card small{display:block;margin-top:6px;color:#64748b;line-height:1.45}.focus-card strong{grid-column:2;color:#1d4ed8;font-size:.9rem}.simple-customer-list{display:flex;flex-direction:column}.simple-customer-list a{display:flex;justify-content:space-between;gap:14px;padding:11px 4px;border-top:1px solid #e5eaf1;color:#1f2937;text-decoration:none}.simple-customer-list a:first-child{border-top:0}.simple-customer-list span{color:#64748b}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:120px;padding:17px;border:1px solid #d9e2ef;border-radius:18px;background:#f8fafc;color:#1f2937;text-decoration:none}.admin-card:hover{background:#fff8df;border-color:#e4bd36}.admin-card b{font-size:1rem}.admin-card span{color:#64748b;line-height:1.4}.admin-card em{position:absolute;right:14px;top:14px;font-style:normal;font-size:.74rem;font-weight:800;color:#5f6f85;background:#eef2f7;border-radius:999px;padding:5px 8px}.auto-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.auto-status-grid>div{padding:14px;border:1px solid #dce4ef;border-radius:15px;background:#f8fafc}.auto-status-grid b,.auto-status-grid span,.auto-status-grid small{display:block}.auto-status-grid span{margin-top:5px;font-weight:800}.auto-status-grid small{margin-top:4px;color:#64748b}.details-content{padding-top:16px}details summary{cursor:pointer;padding:4px 0;list-style:none}details summary::-webkit-details-marker{display:none}.exception-link-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px}.admin-secondary{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.dashboard-focus{grid-template-columns:1fr}.auto-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.admin-grid,.auto-status-grid,.admin-secondary{grid-template-columns:1fr}.exception-link-form{grid-template-columns:1fr}.focus-card{min-height:120px}}

/* SunPos Intern 5.7 – ruhiger Arbeitsbereich + direkte sevdesk-Artikel */
.layout{max-width:1560px;padding-top:24px}.topbar{padding-block:12px}.mainnav{padding-block:8px}.nav-item{font-weight:750}.nav-item.active{box-shadow:0 5px 16px rgba(217,155,23,.18)}
.page-title{color:#102038}.page-subtitle{max-width:850px;line-height:1.55}.hero-card{border-radius:22px;box-shadow:0 14px 36px rgba(31,48,74,.10)}
.section{border-radius:20px;padding:21px;box-shadow:0 8px 26px rgba(31,48,74,.075)}.section-title{font-size:1.12rem}.section-title:before{width:8px;height:8px;box-shadow:0 0 0 4px rgba(242,189,39,.13)}
.btn-primary,.btn-ghost{min-height:42px;border-radius:11px}.btn-primary{box-shadow:0 8px 22px rgba(217,155,23,.2)}.input,select.input,textarea.input{min-height:44px}
.dashboard-focus{grid-template-columns:repeat(4,minmax(0,1fr))}.focus-card{min-height:138px;padding:19px;border-radius:20px}.focus-card.focus-main{background:linear-gradient(135deg,#fff0ad,#fffaf0)}
.product-picker-block{grid-column:1/-1;padding:16px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fafc}.field-help{margin:-2px 0 7px;color:#64748b;font-size:.84rem}.material-row{display:grid;grid-template-columns:110px minmax(280px,1fr) 46px;gap:8px;margin-bottom:8px;align-items:center}.material-qty{text-align:center;font-weight:800}.material-remove{min-width:46px;padding:8px;font-size:1.25rem;color:#991b1b}.add-product-button{align-self:flex-start;margin-top:2px}.product-picker-block .alert{margin:5px 0 10px}
#checklist-row{grid-column:1/-1;padding:16px;border:1px solid #dbe4ef;border-radius:16px;background:#fbfcfe}#checklist-row label{padding:7px 9px;border:1px solid #e1e7ef;border-radius:10px;background:#fff}#checklist-row input[type=checkbox]{accent-color:#d99b17}
#sig-canvas{background:#fff!important;border:1px solid #d9e2ef}.table-wrapper{border-radius:14px}.quick-tile,.admin-card{border-radius:14px}
@media(max-width:1250px){.dashboard-focus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-focus{grid-template-columns:1fr}.material-row{grid-template-columns:82px 1fr 42px}.product-picker-block{padding:12px}.quick-actions{width:100%}.quick-actions .btn-primary,.quick-actions .btn-ghost{flex:1}.top-user{display:none}}
.setup-builder,.extras-builder{grid-column:1/-1;padding:18px;border:1px solid #dbe4ef;border-radius:18px;background:#f8fafc;gap:10px}.setup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:4px}.setup-heading h3{margin:3px 0 0;font-size:1.15rem;color:#142033}.setup-hint{font-size:.82rem;color:#64748b}.setup-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid #e1e7ef;border-radius:14px}.setup-step label{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(180px,1fr);gap:12px;align-items:center;color:#142033}.step-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#142033;color:#fff;font-weight:900}.extra-row{display:grid;grid-template-columns:86px minmax(0,1fr) 44px;gap:8px;align-items:center;margin-bottom:8px}.extra-remove{height:44px;border:1px solid #fecaca;border-radius:11px;background:#fff1f2;color:#991b1b;font-size:1.3rem;font-weight:900}.add-extra-button{align-self:flex-start}.extras-builder:has(#extra-rows:empty) #extra-rows:after{content:'Noch keine zusätzlichen Artikel.';display:block;padding:13px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;text-align:center}
@media(max-width:760px){.layout{padding-left:9px;padding-right:9px}.form-grid{grid-template-columns:1fr}.section{padding:11px;border-radius:15px}.setup-builder,.extras-builder{padding:11px;border-radius:14px}.setup-heading{display:block}.setup-hint{display:block;margin-top:5px}.setup-step{grid-template-columns:32px minmax(0,1fr);padding:9px 8px}.step-number{width:30px;height:30px}.setup-step label{grid-template-columns:1fr;gap:5px}.setup-step .input{min-width:0}.extra-row{grid-template-columns:64px minmax(0,1fr) 40px}.extra-row .input{padding-left:9px;padding-right:9px}.page-head{align-items:stretch}.page-head>.btn-ghost{width:100%}.card{padding:11px}.btn-primary,.btn-ghost{width:100%}#checklist-row{padding:11px}#checklist-row>div{display:grid!important;grid-template-columns:1fr 1fr!important}#checklist-row label{font-size:.75rem}}
@media(max-width:420px){#checklist-row>div{grid-template-columns:1fr!important}.extra-row{grid-template-columns:58px minmax(0,1fr) 38px}.setup-heading h3{font-size:1.02rem}}

/* 5.30 – Wartungsvertrag/Verlauf und EC-Anbieter in der Kundenliste */
.customer-filter-grid{grid-template-columns:minmax(260px,1.5fr) minmax(190px,1fr) minmax(190px,1fr) auto auto;align-items:end}
.ec-lppay-form{margin-top:8px}.ec-lppay-form label{display:inline-flex;align-items:center;gap:7px;color:#475569;font-size:.82rem;cursor:pointer}.ec-lppay-form input{width:17px;height:17px;accent-color:#d99b17}.customer-file-ec{padding-top:12px}
@media(max-width:900px){.customer-filter-grid{grid-template-columns:1fr 1fr}.customers-compact .btn-primary{width:auto}}
@media(max-width:620px){.customer-filter-grid{grid-template-columns:1fr}.customers-compact,.customers-compact tbody,.customers-compact tr,.customers-compact td{display:block;width:100%}.customers-compact thead{display:none}.customers-compact tr{padding:12px;border-bottom:1px solid #d9e2ef}.customers-compact td{padding:7px 3px;border:0}.customers-compact .btn-primary{width:100%}}

/* 5.31 Management-Cockpit */
.management-nav{border-color:rgba(245,200,75,.45);color:#8b6500}.management-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px;border-radius:26px;background:linear-gradient(135deg,#111b2d,#1e2d46 62%,#594612);color:#fff;box-shadow:0 22px 55px rgba(15,23,42,.24)}.management-hero h1{margin:4px 0 8px;font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.045em}.management-hero p{margin:0;color:#cbd5e1;max-width:780px}.management-hero .eyebrow{color:#f8d86e}.management-hero-actions{display:flex;align-items:center;gap:14px}.management-hero-actions span{font-size:.74rem;color:#cbd5e1;line-height:1.5}.management-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.management-kpi{position:relative;display:flex;min-height:130px;flex-direction:column;padding:17px;border:1px solid #dbe3ee;border-radius:20px;background:#fff;color:#172033;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.07);overflow:hidden}.management-kpi:after{content:"";position:absolute;right:-18px;top:-22px;width:86px;height:86px;border-radius:50%;background:var(--tone,#dbeafe);opacity:.75}.management-kpi span{font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em;color:#64748b}.management-kpi b{margin:7px 0 5px;font-size:clamp(1.45rem,2.3vw,2.25rem);letter-spacing:-.045em}.management-kpi small{margin-top:auto;color:#64748b;line-height:1.35}.management-kpi:hover{transform:translateY(-2px);border-color:#d4af2f}.tone-red{--tone:#fecaca}.tone-green{--tone:#bbf7d0}.tone-blue{--tone:#bfdbfe}.tone-gold{--tone:#fde68a}.tone-violet{--tone:#ddd6fe}.tone-orange{--tone:#fed7aa}.tone-cyan{--tone:#a5f3fc}.tone-slate{--tone:#cbd5e1}.management-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.management-grid-charts{grid-template-columns:1fr 1fr}.management-panel{margin-top:14px;padding:18px;border:1px solid #dbe3ee;border-radius:22px;background:#fff;color:#172033;box-shadow:0 12px 34px rgba(15,23,42,.07)}.management-grid>.management-panel{margin-top:0}.management-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.management-panel-head h2{margin:3px 0 0;font-size:1.15rem}.management-panel-head a{color:#1d4ed8;font-size:.82rem;font-weight:850;text-decoration:none}.management-panel-head>.eyebrow,.management-panel .eyebrow{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#8a6b09}.management-panel-head>strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:14px;background:#fee2e2;color:#991b1b}.bar-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:245px;padding:20px 5px 0;border-bottom:1px solid #dbe3ee}.bar-group{display:grid;grid-template-rows:175px auto auto;gap:4px;height:100%;align-items:end;text-align:center}.bar-pair{height:175px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar-single{height:175px;display:flex;align-items:flex-end;justify-content:center}.bar{display:block;width:18px;min-height:3px;border-radius:7px 7px 2px 2px;background:#94a3b8}.bar-single .bar{width:min(34px,70%)}.bar.blue,.chart-legend i.blue{background:#3b82f6}.bar.gold,.chart-legend i.gold{background:#eab308}.bar.green{background:#22c55e}.bar-group b{font-size:.76rem}.bar-group small{font-size:.64rem;color:#64748b;white-space:nowrap}.chart-legend{display:flex;gap:14px;justify-content:center;margin-top:10px;color:#64748b;font-size:.74rem}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:50%}.management-actions{display:flex;flex-direction:column}.management-actions a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 2px;border-top:1px solid #e5eaf1;color:#172033;text-decoration:none}.management-actions a:first-child{border-top:0}.management-actions i{width:11px;height:11px;border-radius:50%;background:#22c55e}.management-actions i.danger{background:#ef4444;box-shadow:0 0 0 5px #fee2e2}.management-actions i.warning{background:#f59e0b;box-shadow:0 0 0 5px #fef3c7}.management-actions b,.management-actions small{display:block}.management-actions small{margin-top:3px;color:#64748b}.management-actions strong{font-size:1.15rem}.today-list,.compact-management-list{display:flex;flex-direction:column}.today-list a,.compact-management-list a{display:flex;gap:12px;align-items:center;padding:11px 2px;border-top:1px solid #e5eaf1;color:#172033;text-decoration:none}.today-list a:first-child,.compact-management-list a:first-child{border-top:0}.today-list time{display:grid;place-items:center;min-width:54px;padding:7px;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-weight:900}.today-list span,.compact-management-list span{min-width:0;flex:1}.today-list b,.today-list small,.compact-management-list b,.compact-management-list small{display:block}.today-list small,.compact-management-list small{margin-top:3px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-management-list a{justify-content:space-between}.compact-management-list strong{font-size:.75rem;color:#1d4ed8}.empty-management{padding:24px 8px;text-align:center;color:#64748b}.ec-panel{margin-top:14px}.source-state{padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:850}.source-state.ok{background:#dcfce7;color:#166534}.source-state.bad{background:#fee2e2;color:#991b1b}.ec-status-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.ec-status-grid>div{padding:13px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0}.ec-status-grid>div.warn{background:#fff7ed;border-color:#fed7aa}.ec-status-grid span,.ec-status-grid b{display:block}.ec-status-grid span{min-height:30px;font-size:.7rem;color:#64748b}.ec-status-grid b{font-size:1.55rem}.attention{border-color:#fecaca}
@media(max-width:1200px){.management-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.management-hero,.management-grid,.management-grid-charts{grid-template-columns:1fr}.management-hero-actions{align-items:stretch;flex-direction:column}.management-hero-actions .btn-primary{width:100%}}
@media(max-width:620px){.management-kpis{grid-template-columns:1fr 1fr}.management-kpi{min-height:115px;padding:13px}.management-kpi b{font-size:1.4rem}.management-panel{padding:13px}.ec-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-chart{gap:4px}.bar{width:11px}.bar-group small{font-size:.58rem}}
.team-performance{display:flex;flex-direction:column;gap:11px}.team-performance>div{display:grid;grid-template-columns:minmax(130px,220px) 1fr 40px;gap:12px;align-items:center}.team-performance b{font-size:.84rem}.team-performance span{height:11px;border-radius:999px;background:#eef2f7;overflow:hidden}.team-performance i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e8b827,#f6d66f)}.team-performance strong{text-align:right}@media(max-width:620px){.team-performance>div{grid-template-columns:110px 1fr 28px}.team-performance b{font-size:.75rem}}

/* 5.15 – dauerhafte Kundenzuordnung in Zahlungs-Ausnahmen */
.exception-link-form,.exception-invoice-form{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:8px;align-items:center}.invoice-emergency{margin-top:8px}.invoice-emergency summary{font-size:.78rem;color:#64748b}.invoice-emergency .exception-invoice-form{margin-top:7px}@media(max-width:720px){.exception-link-form,.exception-invoice-form{grid-template-columns:1fr}.exception-link-form .btn-primary,.exception-invoice-form .btn-ghost{width:100%}}
.manual-booked-form{margin-top:8px}.manual-booked-form .btn-ghost{width:100%;font-size:.78rem;color:#166534;background:#ecfdf3;border-color:#86efac}

/* 5.32 – eindeutige GoCardless-Kundenzuordnung */
.gc-identity{display:flex;flex-direction:column;gap:3px;margin-top:6px;color:#64748b;font-size:.72rem;line-height:1.35;word-break:break-word}.gc-suggestion{margin-top:8px;padding:7px 9px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e3a8a;font-size:.76rem}.gc-suggestion small{display:block;margin-top:2px;color:#64748b}.failed-payments{border-color:#fecaca;background:#fffafa}.failed-payments tbody tr{background:#fff7f7}.failed-payments .btn-ghost{color:#334155;background:#fff}.status-pill.bad{background:#fee2e2;color:#991b1b;border-color:#fecaca}@media(max-width:760px){.failed-payments table,.failed-payments tbody,.failed-payments tr,.failed-payments td{display:block;width:100%}.failed-payments thead{display:none}.failed-payments tr{padding:12px;border-bottom:1px solid #fecaca}.failed-payments td{padding:7px 3px;border:0}}