:root{
  --bg:#050505;
  --panel:#101010;
  --panel2:#171717;
  --text:#ffffff;
  --muted:#a8a8a8;
  --line:rgba(255,255,255,.12);
  --brand:#ffffff;
  --accent:#d6d6d6;
  --ok:#25d366;
  --danger:#ff4d4d;
  --shadow:0 28px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.14),transparent 28%),
    radial-gradient(circle at 100% 12%,rgba(255,255,255,.08),transparent 32%),
    linear-gradient(135deg,#000,#101010 55%,#040404);
  color:var(--text);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,transparent 80%);
}
a{color:inherit;text-decoration:none}
.topbar{
  position:sticky;top:0;z-index:10;
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px clamp(18px,4vw,58px);
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.logo{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.logo img{width:138px;max-width:45vw;height:auto;display:block}
.logo small{display:block;color:var(--muted);font-weight:800;font-size:12px;letter-spacing:.18em}
.topbar nav{display:flex;gap:10px;flex-wrap:wrap}
.topbar nav a{padding:10px 13px;border:1px solid transparent;border-radius:999px;color:#ededed;font-weight:800}
.topbar nav a:hover{border-color:var(--line);background:rgba(255,255,255,.08)}
.page{position:relative;width:min(1180px,100%);margin:0 auto;padding:34px 18px 70px}
.hero-panel,.sem-glass{
  position:relative;overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  box-shadow:var(--shadow);
}
.hero-panel:after,.sem-glass:after{
  content:"SEM";
  position:absolute;right:-18px;bottom:-44px;
  font-size:150px;font-weight:950;letter-spacing:-12px;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px;border-radius:30px}
.hero-panel h1,.page-head h1{font-size:clamp(32px,5vw,62px);line-height:.95;margin:7px 0 14px;letter-spacing:-2.6px;text-transform:uppercase}
.hero-panel p:not(.eyebrow){max-width:720px;color:#d8d8d8;font-size:17px;line-height:1.6}
.eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:12px;text-shadow:0 0 24px rgba(255,255,255,.28)}
.muted{color:var(--muted);line-height:1.55}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.075);color:white;font-weight:900;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.btn.primary{border-color:#fff;background:#fff;color:#000;box-shadow:0 16px 40px rgba(255,255,255,.12)}
.btn.small{min-height:34px;padding:7px 10px;font-size:13px}.btn.danger{border-color:rgba(255,77,77,.4);color:#ffd7d7;background:rgba(255,77,77,.07)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.stat,.card,.link-card,.login-card,.customer-card{border:1px solid var(--line);background:rgba(16,16,16,.88);border-radius:24px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.24)}
.stat span{display:block;font-size:44px;font-weight:950;letter-spacing:-2px}.stat small{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.grid-two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.card h2{margin-top:0}
.task-list{display:grid;gap:10px}.task-item{position:relative;display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.045);transition:.2s ease}.task-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)}
.task-main{display:flex;gap:12px;align-items:center}.task-item span{color:var(--muted)}.task-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-meta small{color:var(--muted);font-weight:800}
.badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:950;border:1px solid rgba(255,255,255,.09)}.badge-new{background:#202b44;color:#c7d8ff}.badge-plan{background:#2e2547;color:#ddceff}.badge-work{background:#3d2914;color:#ffd4a3}.badge-client{background:#402323;color:#ffcaca}.badge-supplier{background:#3b3218;color:#ffe7a8}.badge-done{background:#123521;color:#a9ffd0}.badge-paid{background:#102f35;color:#a9f4ff}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-grid.compact{grid-template-columns:1fr}.link-grid.compact-icons{grid-template-columns:repeat(4,1fr)}.link-grid.compact-icons a,.link-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.055)}.link-grid.compact-icons a:hover,.link-card:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.link-grid.compact-icons a{display:flex;gap:12px;align-items:center;font-weight:900}.link-grid.compact-icons img{width:38px;height:38px;object-fit:contain}.link-card{display:grid;gap:9px;transition:.2s ease}.link-card img{width:58px;height:58px;object-fit:contain}.link-card strong{font-size:18px}.link-card span{color:var(--muted);font-size:13px;line-height:1.4}
.filterbar{display:flex;gap:10px;margin:18px 0}.filterbar input,.filterbar select,input,select,textarea{width:100%;border:1px solid var(--line);background:#080808;color:white;border-radius:15px;padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(255,255,255,.45);box-shadow:0 0 0 4px rgba(255,255,255,.06)}label{display:grid;gap:8px;color:#ededed;font-weight:850}label small{color:var(--muted);font-weight:600}.form-stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.client-logo{width:54px;height:54px;min-width:54px;border-radius:18px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;overflow:hidden;color:#000;font-weight:950;letter-spacing:-1px}.client-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}.client-logo.small{width:42px;height:42px;min-width:42px;border-radius:14px;font-size:13px}.client-logo.large{width:76px;height:76px;min-width:76px;border-radius:24px;font-size:24px}.client-logo-fallback{background:linear-gradient(135deg,#fff,#bfbfbf);color:#050505}
.client-strip{display:grid;gap:10px}.client-pill{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.045);font-weight:900}
.client-order-groups{display:grid;gap:18px}.client-group-head,.client-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.client-title{justify-content:flex-start}.client-title h2{margin:0;font-size:24px}.client-title p{margin:4px 0 0;color:var(--muted);font-weight:800}.order-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.order-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.045);transition:.2s ease}.order-card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.order-card small{color:var(--muted);line-height:1.4}.order-card strong{font-size:18px}.progress-line{height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.progress-line i{display:block;height:100%;background:#fff;border-radius:999px}
.checklist-box{display:grid;gap:10px;border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.04)}.checklist-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.checklist-head label{font-size:18px}.checklist-head span{color:var(--muted);font-weight:900}.check-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center}.check-row input[type="checkbox"]{width:22px;height:22px;accent-color:#fff}.new-steps{margin-top:8px}
.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.customer-card{display:flex;align-items:center;gap:14px}.customer-card h2{margin:0;font-size:20px}.customer-card p{margin:5px 0 0;color:var(--muted);font-weight:800}.customer-card .btn{margin-left:auto}.dashboard-links{margin-top:18px}
.login-body{display:grid;place-items:center;padding:18px;min-height:100vh}.login-card{width:min(480px,100%);padding:28px}.login-logo{width:180px;max-width:70%;height:auto;margin-bottom:22px}.login-card h1{font-size:clamp(38px,9vw,62px);line-height:.9;margin:10px 0 16px;letter-spacing:-3px;text-transform:uppercase}.login-hint{color:#777;font-size:12px;text-align:center;margin:14px 0 0}.alert,.success{padding:13px 15px;border-radius:14px;margin:12px 0;font-weight:850}.alert{background:rgba(255,77,77,.15);border:1px solid rgba(255,77,77,.35)}.success{background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.35)}.footer{text-align:center;color:var(--muted);padding:22px}
@media(max-width:950px){.link-grid,.link-grid.compact-icons,.customer-grid,.order-cards{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.topbar{align-items:flex-start;gap:14px;flex-direction:column}.logo{width:100%;justify-content:space-between}.hero-panel,.card-head,.page-head,.client-group-head{align-items:flex-start;flex-direction:column}.stats-grid,.grid-two,.link-grid,.link-grid.compact-icons,.form-grid,.customer-grid,.order-cards{grid-template-columns:1fr}.filterbar{flex-direction:column}.hero-panel{padding:24px}.topbar nav{width:100%;display:grid;grid-template-columns:1fr 1fr}.topbar nav a{text-align:center;background:rgba(255,255,255,.05)}.customer-card{align-items:flex-start;flex-direction:column}.customer-card .btn{margin-left:0}.task-meta{align-items:flex-start;flex-direction:column}}
/* Update v4: mobile menu, analytics, margin tracking */
.menu-toggle{display:none;position:relative;width:48px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.07);cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:999px;transition:.2s ease}.main-nav{transition:.22s ease}
.stats-grid-wide{grid-template-columns:repeat(4,1fr)}.stat span{font-size:clamp(28px,4vw,44px)}.stat-alert{border-color:rgba(255,77,77,.42);background:rgba(255,77,77,.08)}
.month-filter{display:grid;grid-template-columns:1fr 210px auto;gap:14px;align-items:end;margin:18px 0}.month-filter h2{margin:3px 0 0;font-size:28px}.month-filter .eyebrow{margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}.mini-stats div{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.045)}.mini-stats strong{display:block;font-size:28px}.mini-stats span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.warning-row{display:flex;gap:7px;flex-wrap:wrap}.warning-row span{display:inline-flex;border:1px solid rgba(255,214,102,.34);background:rgba(255,214,102,.12);color:#ffe8a3;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:950}.warning-list{display:grid;gap:10px}.warning-list a{display:grid;gap:4px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:15px;padding:12px}.warning-list small{color:#ffe8a3}.checkbox-panel{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:14px;display:grid;gap:12px}.checkbox-panel label{display:flex;grid-template-columns:none;align-items:center;gap:10px;font-weight:850}.checkbox-panel input,.inline-check input{width:18px;height:18px;accent-color:#fff}.margin-preview{border:1px solid rgba(37,211,102,.35);background:rgba(37,211,102,.09);border-radius:18px;padding:14px;color:#dbffe9}.inline-check{width:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:15px;padding:0 13px;white-space:nowrap}
@media(max-width:950px){.stats-grid-wide{grid-template-columns:repeat(2,1fr)}.month-filter{grid-template-columns:1fr}}
@media(max-width:800px){
  .topbar{position:sticky;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px}.logo{width:auto;justify-content:flex-start}.logo img{width:118px}.logo small{display:none}.menu-toggle{display:block}.topbar .main-nav{grid-column:1/-1;display:none;width:100%;grid-template-columns:1fr;gap:8px;padding-top:8px}.menu-open .topbar .main-nav{display:grid}.topbar nav a{border-radius:14px;padding:14px;background:rgba(255,255,255,.075);text-align:left}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .stats-grid,.stats-grid-wide{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat small{font-size:11px}.mini-stats{grid-template-columns:1fr}.month-filter{padding:16px}.inline-check{width:100%;min-height:46px}.filterbar .btn{width:100%}
}
@media(max-width:520px){.stats-grid,.stats-grid-wide{grid-template-columns:1fr}.hero-panel h1,.page-head h1{letter-spacing:-1.5px}.page{padding-left:12px;padding-right:12px}.client-logo{width:46px;height:46px;min-width:46px}.task-main{align-items:flex-start}.link-grid.compact-icons a{min-height:66px}}

/* Update v5: Favicon, Noindex-ready, polished SEM dashboard design */
:root{
  --bg:#050505;
  --bg-soft:#0b0b0d;
  --panel:#101012;
  --panel-strong:#151518;
  --text:#ffffff;
  --muted:#a8a8a8;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.23);
  --glow:rgba(255,255,255,.14);
  --shadow:0 30px 90px rgba(0,0,0,.62);
}
body{
  background:
    radial-gradient(circle at 16% -5%,rgba(255,255,255,.16),transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(135deg,#020202 0%,#101012 48%,#030303 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body:before{opacity:.22;background-size:46px 46px;}
body:after{
  content:"";
  position:fixed;
  inset:auto 0 0 0;
  height:34vh;
  pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.92),transparent);
  z-index:-1;
}
.topbar{
  top:12px;
  width:min(1180px,calc(100% - 24px));
  margin:12px auto 0;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(10,10,12,.76);
  box-shadow:0 18px 70px rgba(0,0,0,.38);
}
.logo img{filter:drop-shadow(0 12px 30px rgba(255,255,255,.06));}
.main-nav a{
  position:relative;
  color:#ddd;
  background:rgba(255,255,255,.025);
}
.main-nav a.active,
.main-nav a:hover{
  color:#000;
  background:#fff;
  border-color:#fff;
  box-shadow:0 14px 35px rgba(255,255,255,.10);
}
.main-nav .logout-link:hover{color:#fff;background:rgba(255,77,77,.14);border-color:rgba(255,77,77,.35)}
.page{padding-top:30px;}
.hero-panel{
  min-height:245px;
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045)),
    radial-gradient(circle at 85% 22%,rgba(255,255,255,.20),transparent 18%);
}
.hero-panel:before,
.login-card:before,
.card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 35%,rgba(255,255,255,.05));
  opacity:.35;
}
.hero-panel h1,.page-head h1,.login-card h1{
  text-wrap:balance;
}
.hero-panel .btn.primary{min-width:180px;}
.card,.stat,.link-card,.login-card,.customer-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(20,20,24,.92),rgba(10,10,12,.88));
  border-color:var(--line);
  box-shadow:0 20px 70px rgba(0,0,0,.30);
}
.card:hover,.stat:hover,.link-card:hover,.customer-card:hover{
  border-color:var(--line-strong);
}
.stat{
  min-height:138px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.stat span{
  background:linear-gradient(180deg,#fff,#bcbcbc);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.stat small{line-height:1.35;}
.stat-alert span{color:#ff8a8a;background:none;-webkit-background-clip:initial;background-clip:initial;}
.month-filter{
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
}
.btn{
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.btn.primary{
  background:linear-gradient(180deg,#fff,#d9d9d9);
  color:#050505;
}
.btn.primary:hover{box-shadow:0 20px 55px rgba(255,255,255,.17);}
input,select,textarea{
  background:rgba(0,0,0,.55);
  border-color:rgba(255,255,255,.16);
}
.task-item,.order-card,.warning-list a,.link-grid.compact-icons a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.progress-line{height:8px;background:rgba(255,255,255,.09)}
.progress-line i{background:linear-gradient(90deg,#fff,#9f9f9f)}
.warning-row span{border-color:rgba(255,214,102,.45);}
.client-logo{box-shadow:0 14px 38px rgba(0,0,0,.28)}
.link-card img,.link-grid.compact-icons img{
  filter:drop-shadow(0 13px 28px rgba(255,255,255,.07));
}
.link-card strong{letter-spacing:-.02em;}
.footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:30px 18px 44px;
  font-weight:800;
}
.footer-dot{opacity:.45}
.login-body{
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#000,#101012 54%,#000);
}
.login-card{
  border-radius:34px;
  padding:34px;
}
.login-card code{
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  border-radius:7px;
  padding:2px 6px;
}
.login-logo{display:block;margin-left:auto;margin-right:auto;}
.menu-toggle:hover{background:rgba(255,255,255,.12)}
@media(max-width:800px){
  .topbar{
    top:8px;
    width:calc(100% - 16px);
    margin-top:8px;
    border-radius:20px;
  }
  .topbar .main-nav{
    max-height:calc(100vh - 100px);
    overflow:auto;
  }
  .main-nav a.active{
    color:#000!important;
    background:#fff!important;
  }
  .hero-panel{
    min-height:auto;
    border-radius:28px;
  }
  .hero-panel .btn.primary{width:100%;}
  .card,.stat,.link-card,.login-card,.customer-card{border-radius:22px;}
  .footer{flex-direction:column;gap:4px;font-size:13px;}
  .footer-dot{display:none;}
}
@media(max-width:520px){
  .topbar{grid-template-columns:1fr 46px;}
  .menu-toggle{width:46px;height:42px;}
  .logo img{width:108px;}
  .login-card{padding:24px;border-radius:28px;}
  .stats-grid,.stats-grid-wide{gap:10px;}
}

/* SEM KI Modul */
.ai-layout{align-items:start;margin-top:18px;}
.ai-helper{position:sticky;top:104px;}
.clean-list{display:grid;gap:12px;padding-left:18px;color:var(--muted);line-height:1.55;}
.clean-list strong{color:#fff;}
.ai-prompt-card{display:grid;gap:6px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:16px;margin-top:18px;}
.ai-prompt-card span{color:var(--muted);line-height:1.45;}
.ai-result-card{margin-top:18px;}
.ai-output{white-space:normal;line-height:1.65;font-size:15.5px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));padding:22px;}
.copy-source{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.alert code,.login-card code{background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:8px;padding:2px 6px;color:#fff;}
@media(max-width:900px){.ai-helper{position:static;}.ai-layout{grid-template-columns:1fr;}}

.hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:800px){.hero-actions,.hero-actions .btn{width:100%;}}

/* Update v7: private finance panel on dashboard */
.operations-stats{margin-bottom:18px;}
.finance-panel{
  margin-top:26px;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(8,8,8,.94));
}
.finance-panel.is-hidden{
  background:rgba(12,12,12,.78);
}
.finance-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.finance-head h2{margin:4px 0 8px;}
.finance-toggle{min-width:150px;}
.finance-content{margin-top:18px;}
.finance-stats{margin:12px 0;}
.finance-stats.secondary .stat{opacity:.9;}
.finance-note{
  color:var(--muted);
  font-weight:750;
  line-height:1.55;
  margin:14px 0 0;
  padding:13px 15px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
@media(max-width:800px){
  .finance-head{align-items:flex-start;flex-direction:column;}
  .finance-toggle{width:100%;}
}

/* Update v8: Preisliste / Preistabelle */
.price-grid{align-items:start;margin-top:18px}.upload-card h2,.manual-price-card h2{margin-top:4px}.help-box{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:16px;padding:13px;color:var(--muted);font-size:13px;line-height:1.55}.price-stats{margin-top:18px}.price-filter{display:grid;grid-template-columns:1fr 220px auto auto;gap:12px;align-items:end;margin:18px 0}.price-filter input{min-height:48px}.price-table-card{margin-top:18px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.20)}.price-table{width:100%;border-collapse:collapse;min-width:920px}.price-table th,.price-table td{padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.price-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.045);position:sticky;top:0;z-index:1}.price-table td strong{display:block}.price-table td small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}.price-table tr:hover td{background:rgba(255,255,255,.035)}.margin-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid rgba(37,211,102,.35);background:rgba(37,211,102,.10);color:#dffff0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.margin-pill.bad{border-color:rgba(255,77,77,.45);background:rgba(255,77,77,.12);color:#ffd6d6}.row-actions{text-align:right}.mini-delete{border:1px solid rgba(255,77,77,.35);background:rgba(255,77,77,.10);color:#ffdede;border-radius:999px;padding:8px 10px;font-weight:900;cursor:pointer}.mini-delete:hover{background:rgba(255,77,77,.18)}.empty-state{padding:28px;border:1px dashed var(--line-strong);border-radius:20px;background:rgba(255,255,255,.035);text-align:center}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0;color:var(--muted)}.danger-zone{margin:18px 0 0;display:flex;justify-content:flex-end}
@media(max-width:900px){.price-filter{grid-template-columns:1fr}.price-filter .btn{width:100%}.table-wrap{overflow:visible;border:none;background:transparent}.price-table{min-width:0;border-collapse:separate;border-spacing:0 12px}.price-table thead{display:none}.price-table,.price-table tbody,.price-table tr,.price-table td{display:block;width:100%}.price-table tr{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.045);padding:10px;box-shadow:0 14px 36px rgba(0,0,0,.18)}.price-table td{border-bottom:1px solid rgba(255,255,255,.07);padding:11px 10px;display:grid;grid-template-columns:105px 1fr;gap:12px}.price-table td:last-child{border-bottom:0}.price-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.06em}.row-actions:before{content:''!important}.row-actions{display:block!important;text-align:left}.mini-delete{width:100%}.margin-pill{white-space:normal;text-align:center}.danger-zone{justify-content:stretch}.danger-zone .btn{width:100%}}

/* v9: Navigation/Kundenbutton + übersichtliche Preisliste */
.page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.price-list-head{align-items:flex-start;gap:14px}.view-hint{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;white-space:nowrap}.price-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.price-product-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.18);padding:18px;display:flex;flex-direction:column;gap:16px}.price-product-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.price-product-top h3{margin:8px 0 0;font-size:20px;line-height:1.2}.price-category{display:inline-flex;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.sku{margin:6px 0 0;color:var(--muted);font-size:13px}.icon-delete{width:34px;height:34px;border-radius:50%;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.price-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-meta-grid div{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16);border-radius:16px;padding:11px;min-width:0}.price-meta-grid small,.money-box small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;margin-bottom:5px}.price-meta-grid strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.money-box{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:18px;padding:13px}.money-box strong{display:block;font-size:19px}.money-box em{display:block;font-style:normal;color:var(--muted);font-weight:900;margin-top:3px}.money-box.highlight{border-color:rgba(37,211,102,.35);background:rgba(37,211,102,.10)}.price-note{margin:0;border-left:3px solid rgba(255,255,255,.16);padding:10px 0 10px 12px;color:var(--muted);line-height:1.55;background:rgba(0,0,0,.10);border-radius:0 12px 12px 0}.source-line{margin:auto 0 0;color:var(--muted);font-size:12px;opacity:.85}.price-table{display:none}
@media(max-width:1000px){.price-products-grid{grid-template-columns:1fr}.price-meta-grid,.price-money-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.page-actions{width:100%;display:grid;grid-template-columns:1fr}.page-actions .btn{width:100%}.price-list-head{display:block}.view-hint{display:inline-flex;margin-top:10px}.price-product-card{padding:15px;border-radius:20px}.price-product-top{gap:10px}.price-product-top h3{font-size:18px}.price-meta-grid,.price-money-grid{grid-template-columns:1fr}.price-meta-grid strong{white-space:normal}.money-box{display:flex;align-items:center;justify-content:space-between;gap:10px}.money-box small{margin-bottom:0}.money-box em{margin-top:0}}

/* v11: TV-Bildschirmschoner optimiert fuer Fernseher */
.screen-body{
  min-height:100vh;
  overflow:hidden;
  background:#020202;
  color:#fff;
  position:relative;
}
.screen-body:before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 76% 54%, rgba(255,255,255,.10), transparent 25%),
    radial-gradient(circle at 9% 50%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(125deg, #020202 0%, #111113 48%, #030303 100%);
  pointer-events:none;
}
.screen-body:after{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.055), transparent 18%, transparent 82%, rgba(255,255,255,.04));
  opacity:.55;
  pointer-events:none;
}
.screen-grid-bg{
  position:fixed;
  inset:-50px;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at center, black 0 50%, transparent 82%);
  animation:gridFloat 36s linear infinite;
  opacity:.40;
}
.screen-orb{
  position:fixed;
  width:34vw;
  height:34vw;
  min-width:300px;
  min-height:300px;
  border-radius:50%;
  filter:blur(42px);
  opacity:.28;
  pointer-events:none;
  mix-blend-mode:screen;
}
.orb-one{left:-14vw;top:22vh;background:radial-gradient(circle, rgba(255,255,255,.55), transparent 66%);animation:orbMoveOne 26s ease-in-out infinite alternate;}
.orb-two{right:-16vw;top:10vh;background:radial-gradient(circle, rgba(170,170,170,.38), transparent 68%);animation:orbMoveTwo 30s ease-in-out infinite alternate;}
.orb-three{left:42vw;bottom:-22vw;background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%);animation:orbMoveThree 34s ease-in-out infinite alternate;}
.screen-stage{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:74px 6vw 78px;
}
.screen-stage-tv{
  display:grid;
  grid-template-columns:minmax(170px, 22vw) minmax(0, 1fr) minmax(40px, 7vw);
  gap:clamp(22px, 4vw, 82px);
}
.screen-logo-side{
  position:relative;
  height:min(74vh, 720px);
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.screen-logo-vertical-glow{
  position:absolute;
  width:clamp(120px, 15vw, 250px);
  height:72vh;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:
    linear-gradient(180deg, transparent, rgba(255,255,255,.23), transparent),
    radial-gradient(circle, rgba(255,255,255,.22), transparent 62%);
  filter:blur(30px);
  opacity:.72;
  animation:verticalGlow 7s ease-in-out infinite;
}
.screen-logo-wrap{
  position:relative;
  width:min(520px, 62vh);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  transform:rotate(-90deg);
  animation:logoFloatTv 7.5s ease-in-out infinite;
  z-index:2;
}
.screen-logo-wrap:before{
  content:"";
  position:absolute;
  width:78%;
  height:78%;
  background:radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,.07) 36%, transparent 70%);
  filter:blur(12px);
  opacity:.82;
}
.screen-logo-scan{
  position:absolute;
  width:86%;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent);
  box-shadow:0 0 24px rgba(255,255,255,.45);
  opacity:.75;
  animation:logoScan 4.8s ease-in-out infinite;
  z-index:2;
}
.screen-logo{
  position:relative;
  z-index:3;
  width:82%;
  max-width:430px;
  filter:
    drop-shadow(0 36px 70px rgba(0,0,0,.75))
    drop-shadow(0 0 28px rgba(255,255,255,.22));
}
.screen-side-line{
  position:absolute;
  right:-6px;
  top:11%;
  bottom:11%;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.30), transparent);
  box-shadow:0 0 28px rgba(255,255,255,.18);
}
.screen-copy{max-width:1180px;}
.screen-copy-centered{
  align-self:center;
  justify-self:center;
  width:100%;
  max-width:min(1200px, 70vw);
  min-height:56vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
.screen-kicker{
  position:fixed;
  top:clamp(86px, 10vh, 116px);
  left:50%;
  transform:translateX(-50%);
  width:min(1100px, 76vw);
  margin:0;
  text-transform:uppercase;
  letter-spacing:.33em;
  font-size:clamp(11px, .98vw, 16px);
  color:rgba(255,255,255,.64);
  font-weight:950;
  white-space:nowrap;
  text-align:center;
}
.screen-copy h1{
  height:clamp(210px, 34vh, 370px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  font-size:clamp(56px, 7.4vw, 132px);
  line-height:.94;
  letter-spacing:-.07em;
  text-wrap:balance;
  text-shadow:0 26px 78px rgba(0,0,0,.72);
  overflow:hidden;
}
.screen-cursor{
  display:inline-block;
  margin-left:8px;
  animation:cursorBlink 1.05s steps(1) infinite;
  opacity:.9;
}
.screen-subline{display:none;}
.screen-ticker{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(18px);
}
.ticker-track{
  display:flex;
  gap:40px;
  width:max-content;
  padding:12px 0;
  animation:ticker 62s linear infinite;
}
.ticker-track span{
  white-space:nowrap;
  color:rgba(255,255,255,.70);
  text-transform:uppercase;
  letter-spacing:.20em;
  font-weight:950;
  font-size:12px;
}
.screen-back,.screen-fullscreen{
  position:fixed;
  top:20px;
  z-index:5;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(16px);
  color:#fff;
  border-radius:999px;
  padding:11px 14px;
  text-decoration:none;
  font-weight:900;
  cursor:pointer;
}
.screen-back{left:22px;}
.screen-fullscreen{right:22px;}
.notes-fab{
  position:fixed;
  right:24px;
  bottom:68px;
  z-index:6;
  border:1px solid rgba(255,255,255,.18);
  background:#fff;
  color:#050505;
  box-shadow:0 20px 60px rgba(0,0,0,.40);
  border-radius:999px;
  padding:13px 17px;
  font-weight:950;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.notes-fab span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#050505;
  color:#fff;
  font-size:20px;
  line-height:1;
}
.notes-fab.is-hidden{display:none;}
.meeting-notes{
  position:fixed;
  right:24px;
  bottom:68px;
  z-index:8;
  width:min(520px, calc(100vw - 32px));
  max-height:calc(100vh - 100px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,10,10,.90);
  backdrop-filter:blur(24px);
  border-radius:28px;
  box-shadow:0 30px 100px rgba(0,0,0,.62);
  padding:16px;
  transform:translateY(18px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:.22s ease;
}
.meeting-notes.is-open{
  transform:translateY(0) scale(1);
  opacity:1;
  pointer-events:auto;
}
.meeting-notes-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:6px 4px 14px;}
.meeting-notes-head strong{display:block;font-size:20px;}
.meeting-notes-head small{display:block;color:rgba(255,255,255,.62);margin-top:4px;font-weight:800;}
.meeting-notes-head button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:26px;cursor:pointer;}
.meeting-notes-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.meeting-notes-form label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.62);font-weight:950;}
.meeting-notes-form input,.meeting-notes-form select,.meeting-notes-form textarea{margin-top:7px;width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:13px 14px;outline:none;font:inherit;text-transform:none;letter-spacing:0;}
.meeting-notes-form textarea{resize:vertical;line-height:1.5;}
.meeting-notes-form select option{color:#050505;}
.notes-full{grid-column:1/-1;}
.meeting-notes-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.meeting-notes-actions .btn{flex:1;justify-content:center;}
.notes-save-hint{margin:12px 4px 2px;color:rgba(255,255,255,.58);font-size:13px;font-weight:800;line-height:1.45;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cursorBlink{50%{opacity:0}}
@keyframes logoFloatTv{0%,100%{transform:rotate(-90deg) translateY(0) scale(1)}50%{transform:rotate(-90deg) translateY(-12px) scale(1.035)}}
@keyframes logoScan{0%,100%{transform:translateY(-115px);opacity:0}18%,76%{opacity:.82}50%{transform:translateY(115px)}100%{transform:translateY(115px);opacity:0}}
@keyframes verticalGlow{0%,100%{opacity:.50;transform:translate(-50%,-50%) scaleY(.86)}50%{opacity:1;transform:translate(-50%,-50%) scaleY(1.08)}}
@keyframes gridFloat{to{transform:translate3d(64px,64px,0)}}
@keyframes orbMoveOne{to{transform:translate(12vw, 8vh) scale(1.08)}}
@keyframes orbMoveTwo{to{transform:translate(-12vw, 22vh) scale(.98)}}
@keyframes orbMoveThree{to{transform:translate(8vw, -14vh) scale(1.12)}}
@media(max-height:760px) and (min-width:900px){
  .screen-stage{padding-top:62px;padding-bottom:60px;}
  .screen-stage-tv{grid-template-columns:minmax(150px, 21vw) minmax(0, 1fr) minmax(30px, 5vw);}
  .screen-logo-side{height:68vh;}
  .screen-logo-wrap{width:min(410px, 55vh);}
  .screen-kicker{top:78px;font-size:clamp(10px,.88vw,14px);}
  .screen-copy h1{height:250px;font-size:clamp(48px, 6.7vw, 112px);}
  .ticker-track{padding:10px 0;}
  .notes-fab{bottom:60px;}
}
@media(max-width:900px){
  .screen-body{overflow:auto;}
  .screen-stage-tv{display:flex;flex-direction:column;padding:96px 20px 116px;gap:18px;}
  .screen-logo-side{height:auto;width:min(300px,72vw);margin:0 auto;}
  .screen-side-line{display:none;}
  .screen-logo-vertical-glow{width:70vw;height:220px;}
  .screen-logo-wrap{width:min(280px,68vw);transform:rotate(0deg);animation:logoBreathMobile 5s ease-in-out infinite;}
  .screen-copy-centered{max-width:100%;min-height:auto;}
  .screen-kicker{position:static;transform:none;width:auto;white-space:normal;margin:0 auto 18px;font-size:11px;letter-spacing:.18em;}
  .screen-copy h1{height:clamp(150px, 25vh, 220px);font-size:clamp(42px,13vw,74px);}
  .screen-back,.screen-fullscreen{top:14px;padding:10px 12px;font-size:13px;}
  .screen-back{left:14px}.screen-fullscreen{right:14px}
  .notes-fab{left:16px;right:16px;bottom:66px;justify-content:center;}
  .meeting-notes{left:16px;right:16px;bottom:66px;width:auto;border-radius:22px;}
  .meeting-notes-form{grid-template-columns:1fr;}
  @keyframes logoBreathMobile{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
}

.footer-tv-link{color:rgba(255,255,255,.78);text-decoration:none;font-weight:900;transition:.18s ease}.footer-tv-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* v13: vereinfachte Auftragsseite + dauerhafte Filter + Scroll-Rueckkehr */
.orders-head-simple .page-subtitle{margin:0;color:var(--muted);font-weight:750;line-height:1.5;max-width:680px}
.today-focus{margin:18px 0 14px;border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032));}
.focus-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.focus-head h2{margin:4px 0 0;font-size:clamp(24px,3vw,38px);letter-spacing:-.8px}.focus-count{width:58px;height:58px;border-radius:20px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:1000;box-shadow:0 14px 40px rgba(255,255,255,.11)}
.focus-list{display:grid;gap:12px}.focus-item{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(210px,.9fr) auto;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:16px;background:rgba(0,0,0,.20);box-shadow:0 16px 44px rgba(0,0,0,.18)}.focus-item.is-hot{border-color:rgba(255,214,102,.35);background:linear-gradient(145deg,rgba(255,214,102,.11),rgba(255,255,255,.035))}.focus-item strong{display:block;font-size:18px;line-height:1.25}.focus-item small{display:block;color:var(--muted);margin-top:5px;font-weight:750}.focus-next span,.order-row-details small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;margin-bottom:5px}.focus-next b{font-size:15px;line-height:1.35}.focus-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.deadline-pill{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;color:#fff;white-space:nowrap}
.quick-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.quick-stat{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.045);padding:15px;text-decoration:none;transition:.18s ease}.quick-stat:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)}.quick-stat strong{display:block;font-size:30px;line-height:1;color:#fff}.quick-stat span{display:block;margin-top:7px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.quick-stat.warn{border-color:rgba(255,214,102,.38);background:rgba(255,214,102,.10)}
.orders-filter{align-items:stretch;grid-template-columns:minmax(220px,1fr) 210px auto auto auto}.orders-filter .persistent-filter{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.075)}
.orders-simple-list{display:grid;gap:13px;margin-top:18px}.order-row-card{scroll-margin-top:120px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.030));padding:16px;display:grid;gap:13px;box-shadow:0 18px 46px rgba(0,0,0,.16)}.order-row-card:target{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 4px rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.22)}.order-row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.order-row-title{display:flex;align-items:center;gap:13px;min-width:0}.order-row-title strong{display:block;font-size:19px;line-height:1.25}.order-row-title small{display:block;color:var(--muted);margin-top:5px;font-weight:800}.order-row-details{display:grid;grid-template-columns:1.25fr .9fr .75fr .75fr;gap:10px}.order-row-details div{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.16);padding:11px;min-width:0}.order-row-details b{display:block;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quick-status-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quick-status-form .btn{min-height:34px;padding:7px 10px;font-size:12px}.order-row-card .progress-line{height:6px;background:rgba(255,255,255,.09)}
@media(max-width:1000px){.focus-item{grid-template-columns:1fr}.focus-actions{justify-content:flex-start}.quick-stats-row{grid-template-columns:1fr 1fr}.orders-filter{display:flex;flex-direction:column}.order-row-details{grid-template-columns:1fr 1fr}.order-row-actions{align-items:stretch}.order-row-actions>.btn{width:100%}.quick-status-form{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.quick-status-form .btn{width:100%}}
@media(max-width:620px){.focus-head{align-items:flex-start;flex-direction:column}.focus-count{width:100%;height:48px}.quick-stats-row{grid-template-columns:1fr 1fr;gap:9px}.quick-stat{padding:13px;border-radius:17px}.quick-stat strong{font-size:25px}.order-row-main{align-items:flex-start;flex-direction:column}.order-row-details{grid-template-columns:1fr}.order-row-details b{white-space:normal}.quick-status-form{grid-template-columns:1fr}.deadline-pill{white-space:normal}.order-row-card{border-radius:20px;padding:14px}.focus-item{border-radius:20px;padding:14px}.order-row-title{align-items:flex-start}}

/* v15: Version-13-Ansicht behalten, aber Auftraege nach Kunden gruppieren */
.orders-simple-groups{display:grid;gap:18px;margin-top:18px}
.orders-client-block{border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));padding:16px;box-shadow:0 18px 52px rgba(0,0,0,.18);scroll-margin-top:120px}
.orders-client-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}
.orders-client-title{display:flex;align-items:center;gap:13px;min-width:0}
.orders-client-title h2{margin:0;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.4px;line-height:1.1}
.orders-client-title p{margin:5px 0 0;color:var(--muted);font-weight:900;font-size:13px}
.orders-client-block .orders-simple-list{margin-top:0}
@media(max-width:620px){.orders-client-block{padding:13px;border-radius:22px}.orders-client-heading{align-items:flex-start}.orders-client-title{align-items:flex-start}.orders-client-title h2{font-size:21px}}

/* Lieferantenportal & Auftragsdateien */
.file-box {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 18px;
  background: rgba(255,255,255,.035);
}
.file-box input[type="file"] {
  width: 100%;
  margin-top: 10px;
  padding: 13px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.20);
  background: rgba(0,0,0,.22);
  color: var(--text);
}
.file-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
}
.file-item strong { display: block; }
.file-item small { color: var(--muted); }
.file-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.supplier-login-body,
.supplier-body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.12), transparent 26%),
    radial-gradient(circle at 90% 30%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(135deg, #020202, #0a0a0a 55%, #151515);
  color: var(--text);
}
.supplier-login-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.supplier-login-card {
  max-width: 520px;
  width: 100%;
}
.supplier-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px clamp(18px, 4vw, 42px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(5,5,5,.86);
  backdrop-filter: blur(18px);
}
.supplier-user {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted);
}
.supplier-page { max-width: 1180px; }
.supplier-order-list {
  display: grid;
  gap: 18px;
}
.supplier-order-card {
  display: grid;
  gap: 18px;
}
.supplier-order-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.supplier-order-head h2 { margin: 4px 0 6px; }
.supplier-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.supplier-info-grid > div,
.supplier-notes,
.supplier-checklist,
.supplier-files {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}
.supplier-info-grid small,
.supplier-notes small,
.supplier-checklist small,
.supplier-files small {
  display: block;
  color: var(--muted);
  font-size: .78rem;
  margin-bottom: 5px;
}
.supplier-notes p { margin: 0; line-height: 1.55; }
.supplier-step {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.supplier-step:last-child { border-bottom: 0; }
.supplier-step.done { color: var(--muted); text-decoration: line-through; }
.supplier-status-form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding-top: 4px;
}
.supplier-status-form label { margin: 0; }
@media (max-width: 760px) {
  .supplier-topbar,
  .supplier-order-head,
  .file-item {
    align-items: stretch;
    flex-direction: column;
  }
  .supplier-user { justify-content: space-between; }
  .supplier-info-grid,
  .supplier-status-form {
    grid-template-columns: 1fr;
  }
  .file-actions { justify-content: flex-start; }
}

/* v17: Auftraege uebersichtlicher, Kunden einklappbar, nur Oeffnen-Button */
.quick-stats-row{grid-template-columns:repeat(5,1fr)}
.order-client-collapsible{padding:0;overflow:hidden}
.order-client-collapsible>summary{list-style:none;cursor:pointer;user-select:none;margin:0;padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.08);transition:.18s ease;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.order-client-collapsible>summary::-webkit-details-marker{display:none}
.order-client-collapsible>summary:hover{background:rgba(255,255,255,.06)}
.order-client-collapsible:not([open])>summary{border-bottom:0}
.client-toggle-label{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:999px;min-height:38px;padding:8px 13px;color:#fff;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.order-client-collapsible[open] .closed-text{display:none}.order-client-collapsible:not([open]) .open-text{display:none}
.order-client-collapsible .orders-simple-list{padding:14px 16px 16px}
.order-row-card{border-radius:18px;padding:13px 14px;gap:10px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.025));box-shadow:0 12px 34px rgba(0,0,0,.14)}
.order-row-card:hover{border-color:rgba(255,255,255,.20);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032))}
.order-row-card:target,.order-row-card.is-return-target{border-color:rgba(255,255,255,.45);box-shadow:0 0 0 4px rgba(255,255,255,.08),0 18px 52px rgba(0,0,0,.24)}
.order-row-main{align-items:center}.order-row-title strong{font-size:18px}.order-row-title small{font-size:13px;margin-top:3px}
.order-row-details{grid-template-columns:1.25fr .85fr .75fr .75fr .75fr .95fr;gap:8px}.order-row-details div{border-radius:14px;padding:9px 10px;background:rgba(0,0,0,.12)}
.order-row-details small{font-size:10px;margin-bottom:4px}.order-row-details b{font-size:12.5px}.order-row-actions.single-action{justify-content:flex-end;margin-top:2px}.order-row-actions.single-action .btn{min-width:138px;text-align:center}.quick-status-form{display:none!important}
@media(max-width:1200px){.order-row-details{grid-template-columns:1fr 1fr 1fr}.quick-stats-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.order-client-collapsible>summary{padding:14px}.client-toggle-label{width:100%;margin-top:10px}.orders-client-heading{align-items:flex-start;flex-direction:column}.order-client-collapsible .orders-simple-list{padding:12px}.order-row-main{align-items:flex-start;flex-direction:column}.order-row-details{grid-template-columns:1fr 1fr}.quick-stats-row{grid-template-columns:1fr 1fr}.order-row-actions.single-action .btn{width:100%}}
@media(max-width:520px){.order-row-details{grid-template-columns:1fr}.quick-stats-row{grid-template-columns:1fr}.order-row-details b{white-space:normal}}

/* v18 - klarere Auftragsdaten / Dashboard */
.dashboard-operational-v18 .stat-link {
  text-decoration: none;
  color: inherit;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.dashboard-operational-v18 .stat-link:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
}
.badge-production {
  background: rgba(140, 170, 255, .14);
  color: #dce5ff;
  border-color: rgba(140, 170, 255, .32);
}
.order-row-details div:first-child {
  grid-column: span 2;
}
.order-row-details div b {
  line-height: 1.35;
}
.checklist-box {
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.10);
}
.check-row {
  align-items: flex-start;
  gap: 12px;
}
.check-row textarea {
  width: 100%;
  min-height: 52px;
  resize: vertical;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: #fff;
  padding: 12px 14px;
  font: inherit;
  line-height: 1.4;
}
.check-row textarea:focus,
.new-steps textarea:focus {
  outline: none;
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 0 0 4px rgba(255,255,255,.05);
}
.new-steps textarea {
  min-height: 150px;
  line-height: 1.45;
}
.margin-preview {
  border-left: 4px solid rgba(255,255,255,.45);
}
.orders-filter {
  position: sticky;
  top: 82px;
  z-index: 5;
  backdrop-filter: blur(18px);
}
.orders-client-heading {
  cursor: pointer;
}
.orders-client-heading::after {
  content: 'auf / zu';
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-left: auto;
}
.order-client-collapsible[open] .orders-client-heading::after {
  content: 'zuklappen';
}
@media (max-width: 900px) {
  .order-row-details div:first-child { grid-column: span 1; }
  .orders-filter { position: static; }
}

/* v20 - Kunden-Aufklappen Button rechts, kein doppelter Auf/ZU Text */
.orders-client-heading{
  display:flex;
  align-items:center;
  gap:14px;
}
.orders-client-title{
  flex:1 1 auto;
  min-width:0;
}
.client-toggle-label{
  margin-left:auto;
  flex:0 0 auto;
}
.orders-client-heading::after{
  content:none !important;
  display:none !important;
}
@media(max-width:760px){
  .orders-client-heading{
    flex-direction:row !important;
    align-items:center !important;
  }
  .client-toggle-label{
    width:auto !important;
    margin-top:0 !important;
    margin-left:auto !important;
  }
}