/* ===========================================================================
   Tagwerkstatt – Design „Modern“
   Eine Gestaltungsschicht über style.css. Sie wird NUR für Firmen mit dem
   Design „modern“ geladen; Firmen mit „klassisch“ sehen die App unverändert.
   Die Firmenfarben (--navy = Primärfarbe, --gold/--accent = Akzent) kommen
   weiterhin aus der Firmenverwaltung und bleiben WCAG-gesichert.

   Gestaltungsgrundsätze (bewusst gewählt):
   - Ruhe vor Reiz: helle, neutrale Flächen, feine Linien, weiche Schatten –
     weniger visuelles Rauschen senkt die kognitive Last im Arbeitsalltag.
   - Eine Signalfarbe: Der Akzent markiert die eine wichtigste Handlung einer
     Fläche (Von-Restorff-Effekt); alles andere ist zurückhaltend.
   - Große Ziele (min. 44 px) für Finger am Werkstatt-Tablet (Fitts).
   - Rückmeldung auf jede Handlung (Hover, Druck, Fokus) – das Gefühl von
     Kontrolle macht Software vertrauenswürdig.
   - Bewegung nur zur Orientierung, kurz und weich; bei „Bewegung
     reduzieren“ entfällt sie.
   =========================================================================== */
body.design-modern{
  --disp:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --head:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ink:#0f1b2d; --muted:#5f6c7e; --line:#e6ebf1; --paper:#f4f6fa; --card:#fff;
  --ok:#16a34a; --err:#dc2626; --warn:#d97706; --green:#22c55e;
  --r:14px; --r-lg:18px;
  --sh-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04);
  --sh:0 2px 4px rgba(16,24,40,.04),0 12px 32px -12px rgba(16,24,40,.16);
  --m-fokus:0 0 0 3px rgba(13,62,104,.22);
  --m-weich:cubic-bezier(.22,.61,.36,1);
  --m-feder:cubic-bezier(.34,1.56,.64,1);
  font-family:var(--body);font-size:15px;line-height:1.55;letter-spacing:-.006em;
  background:linear-gradient(180deg,#eef2f8 0,var(--paper) 260px);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";
}
@supports (color:color-mix(in srgb,red 50%,blue)){
  body.design-modern{--m-fokus:0 0 0 3px color-mix(in srgb,var(--navy) 24%,transparent);}
}
body.design-modern h1,body.design-modern h2,body.design-modern h3{letter-spacing:-.022em;font-weight:700;color:var(--ink);}
body.design-modern h1{font-size:1.75rem;font-weight:800;}
body.design-modern h2{font-size:1.12rem;}
body.design-modern h3{font-size:1rem;}
/* Schwach gewichtet, damit Knöpfe aus Links (a.btn) ihre eigene Schriftfarbe behalten. */
:where(body.design-modern) a{color:var(--navy);}
:where(body.design-modern) a:hover{color:var(--navy700);}
body.design-modern :focus-visible{outline:none;box-shadow:var(--m-fokus);border-radius:10px;}
body.design-modern ::selection{background:var(--navy);color:#fff;}
body.design-modern .muted,body.design-modern .hint{color:var(--muted);}

/* ---- Seitenleiste --------------------------------------------------------- */
.design-modern .side{background:var(--navy900);background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 40%),
    radial-gradient(120% 60% at 0% 0%,var(--navy),transparent 70%);
  padding:1.2rem .85rem;gap:1.1rem;border-right:1px solid rgba(255,255,255,.06);}
.design-modern .side__brand{padding:.25rem .35rem .2rem;}
.design-modern .side__mark{width:38px;height:38px;border-radius:11px;font:800 1rem/1 var(--disp);letter-spacing:-.02em;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 8px 18px -8px rgba(0,0,0,.45);}
.design-modern .side__brandtext strong{font:700 .98rem/1.2 var(--head);letter-spacing:-.01em;}
.design-modern .side__badge{font:600 .66rem/1.2 var(--head);letter-spacing:.06em;color:rgba(255,255,255,.62);text-transform:uppercase;}
.design-modern .side__ctx{border-radius:12px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);}
.design-modern .side__ctx label{letter-spacing:.06em;font-size:.64rem;}
.design-modern .side__ctx select{border-radius:9px;min-height:36px;}
.design-modern .side__nav{gap:2px;}
.design-modern .side__nav a{font:500 .9rem/1.2 var(--head);letter-spacing:-.005em;color:rgba(255,255,255,.72);padding:.62rem .75rem;
  border-radius:10px;gap:.7rem;min-height:40px;transition:background .18s var(--m-weich),color .18s var(--m-weich);}
.design-modern .side__nav a .ic{font-size:0;width:18px;height:18px;flex:none;opacity:.75;background:currentColor;
  -webkit-mask:var(--ico,none) center/contain no-repeat;mask:var(--ico,none) center/contain no-repeat;transition:opacity .18s,transform .25s var(--m-feder);}
.design-modern .side__nav a:hover{background:rgba(255,255,255,.07);color:#fff;}
.design-modern .side__nav a:hover .ic{opacity:1;transform:scale(1.08);}
.design-modern .side__nav a.active{background:rgba(255,255,255,.12);color:#fff;font-weight:600;box-shadow:none;}
.design-modern .side__nav a.active .ic{opacity:1;}
.design-modern .side__nav a.active::before{content:"";position:absolute;left:-.85rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--gold);}
.design-modern .side__sep{font:600 .66rem/1 var(--head);letter-spacing:.08em;color:rgba(255,255,255,.42);padding:1.05rem .75rem .45rem;}
.design-modern .side__count{font:700 .7rem/1 var(--head);min-width:1.3rem;height:1.3rem;}
.design-modern .side__foot{border-top-color:rgba(255,255,255,.08);color:rgba(255,255,255,.55);padding:1rem .35rem 0;}
.design-modern .btn--logout{border-radius:10px;min-height:38px;}
.side__nav a[href$="/dashboard.php"],.side__nav a[href="dashboard.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='13.5'%20y='3.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='3.5'%20y='13.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='13.5'%20y='13.5'%20width='7'%20height='7'%20rx='2'/%3E%3C/svg%3E");}
.side__nav a[href$="/meine-zeiten.php"],.side__nav a[href="meine-zeiten.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E");}
.side__nav a[href$="/nachtrag.php"],.side__nav a[href="nachtrag.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%208v8M8%2012h8'/%3E%3C/svg%3E");}
.side__nav a[href$="/urlaub.php"],.side__nav a[href="urlaub.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='4'/%3E%3Cpath%20d='M12%202.5v2M12%2019.5v2M4.6%204.6l1.4%201.4M18%2018l1.4%201.4M2.5%2012h2M19.5%2012h2M4.6%2019.4L6%2018M18%206l1.4-1.4'/%3E%3C/svg%3E");}
.side__nav a[href$="/kalender.php"],.side__nav a[href="kalender.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4.5'%20width='18'%20height='16'%20rx='2.5'/%3E%3Cpath%20d='M3%209.5h18M8%202.5v4M16%202.5v4'/%3E%3C/svg%3E");}
.side__nav a[href$="/meine-aufgaben.php"],.side__nav a[href="meine-aufgaben.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='17'%20height='17'%20rx='3'/%3E%3Cpath%20d='M8%2012l3%203%205-6'/%3E%3C/svg%3E");}
.side__nav a[href$="/planung.php"],.side__nav a[href="planung.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4.5'%20width='18'%20height='16'%20rx='2.5'/%3E%3Cpath%20d='M3%209.5h18M8%202.5v4M16%202.5v4M7%2013.5h5M7%2017h8'/%3E%3C/svg%3E");}
.side__nav a[href$="/auftraege.php"],.side__nav a[href="auftraege.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='3.5'%20width='14'%20height='18'%20rx='2.5'/%3E%3Cpath%20d='M9%203.5h6v3H9z'/%3E%3Cpath%20d='M8.5%2012h7M8.5%2016h5'/%3E%3C/svg%3E");}
.side__nav a[href$="/genehmigungen.php"],.side__nav a[href="genehmigungen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M8%2012.5l2.8%202.8L16.5%209.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/abwesenheiten.php"],.side__nav a[href="abwesenheiten.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4.5'%20width='18'%20height='16'%20rx='2.5'/%3E%3Cpath%20d='M3%209.5h18M8%202.5v4M16%202.5v4M9.5%2013.5l5%205M14.5%2013.5l-5%205'/%3E%3C/svg%3E");}
.side__nav a[href$="/anfragen.php"],.side__nav a[href="anfragen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3.5%2013.5l2-8A2%202%200%200%201%207.4%204h9.2a2%202%200%200%201%201.9%201.5l2%208'/%3E%3Cpath%20d='M3.5%2013.5V18a2%202%200%200%200%202%202h13a2%202%200%200%200%202-2v-4.5h-5a3%203%200%200%201-6%200z'/%3E%3C/svg%3E");}
.side__nav a[href$="/kunden.php"],.side__nav a[href="kunden.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M4%2021a8%208%200%200%201%2016%200'/%3E%3C/svg%3E");}
.side__nav a[href$="/mitarbeiter.php"],.side__nav a[href="mitarbeiter.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='8'%20r='3.5'/%3E%3Cpath%20d='M2.5%2020a6.5%206.5%200%200%201%2013%200'/%3E%3Ccircle%20cx='17.5'%20cy='9'%20r='2.5'/%3E%3Cpath%20d='M16%2014.2A5%205%200%200%201%2021.5%2019'/%3E%3C/svg%3E");}
.side__nav a[href$="/ueberstunden.php"],.side__nav a[href="ueberstunden.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='13.5'%20r='7.5'/%3E%3Cpath%20d='M12%2013.5V10M9.5%202.5h5M18.5%206.5l1.5-1.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/gehalt.php"],.side__nav a[href="gehalt.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M17.5%206.5A7%207%200%201%200%2017.5%2017.5'/%3E%3Cpath%20d='M4%2010.5h9M4%2013.5h9'/%3E%3C/svg%3E");}
.side__nav a[href$="/auswertung.php"],.side__nav a[href="auswertung.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020V10M10%2020V4M16%2020v-7M21%2020H3'/%3E%3C/svg%3E");}
.side__nav a[href$="/zeiten-admin.php"],.side__nav a[href="zeiten-admin.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020h4L19%209a2.8%202.8%200%200%200-4-4L4%2016z'/%3E%3Cpath%20d='M13.5%206.5l4%204'/%3E%3C/svg%3E");}
.side__nav a[href$="/pausen-nachtrag.php"],.side__nav a[href="pausen-nachtrag.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M10%209v6M14%209v6'/%3E%3C/svg%3E");}
.side__nav a[href$="/export.php"],.side__nav a[href="export.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v11'/%3E%3Cpath%20d='M7.5%209.5L12%2014l4.5-4.5'/%3E%3Cpath%20d='M4%2016.5V19a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-2.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/meldungen.php"],.side__nav a[href="meldungen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z'/%3E%3Cpath%20d='M10%2020.5a2%202%200%200%200%204%200'/%3E%3C/svg%3E");}
.side__nav a[href$="/feiertage.php"],.side__nav a[href="feiertage.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l2.7%205.6%206.1.8-4.5%204.2%201.1%206.1L12%2016.8l-5.4%202.9%201.1-6.1-4.5-4.2%206.1-.8z'/%3E%3C/svg%3E");}
.side__nav a[href$="/firma.php"],.side__nav a[href="firma.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021h18'/%3E%3Cpath%20d='M5%2021V7l7-4v18'/%3E%3Cpath%20d='M19%2021V11l-7-4'/%3E%3C/svg%3E");}
.side__nav a[href$="/firmen.php"],.side__nav a[href="firmen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021h18M4.5%2021V9.5l5-3v14.5M9.5%2021V4l5%202.5V21M14.5%2021V10l5%202.5V21'/%3E%3C/svg%3E");}
.side__nav a[href$="/rechte.php"],.side__nav a[href="rechte.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='7.5'%20cy='15.5'%20r='4'/%3E%3Cpath%20d='M10.5%2012.5L20%203M16%207l2.5%202.5M13.5%209.5l2%202'/%3E%3C/svg%3E");}
.side__nav a[href$="/mailserver.php"],.side__nav a[href="mailserver.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2.5'/%3E%3Cpath%20d='M3.5%206.5l8.5%206.5%208.5-6.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/stripe.php"],.side__nav a[href="stripe.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5.5'%20width='18'%20height='13'%20rx='2'/%3E%3Cpath%20d='M3%2010h18M7%2015h4'/%3E%3C/svg%3E");}
.side__nav a[href$="/abo.php"],.side__nav a[href="abo.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5.5'%20width='18'%20height='13'%20rx='2'/%3E%3Cpath%20d='M3%2010h18M7%2015h4'/%3E%3C/svg%3E");}
.side__nav a[href$="/belege.php"],.side__nav a[href="belege.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%203h9l4%204v14H6z'/%3E%3Cpath%20d='M15%203v4h4M9%2011h7M9%2015h7M9%2019h4'/%3E%3C/svg%3E");}
.side__nav a[href$="/eingangsrechnungen.php"],.side__nav a[href="eingangsrechnungen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2013.5V18a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-4.5'/%3E%3Cpath%20d='M12%203v11'/%3E%3Cpath%20d='M7.5%209.5L12%2014l4.5-4.5'/%3E%3Cpath%20d='M4%2013.5h4l1.5%202h5l1.5-2h4'/%3E%3C/svg%3E");}
.side__nav a[href$="/nachkalkulation.php"],.side__nav a[href="nachkalkulation.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4.5'%20y='3'%20width='15'%20height='18'%20rx='2.5'/%3E%3Cpath%20d='M8%207h8M8%2011.5h2M12%2011.5h2M16%2011.5v.01M8%2015.5h2M12%2015.5h2M16%2015.5v2'/%3E%3C/svg%3E");}
.side__nav a[href$="/bereiche.php"],.side__nav a[href="bereiche.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l9%204.5-9%204.5-9-4.5z'/%3E%3Cpath%20d='M3%2012l9%204.5%209-4.5M3%2016.5l9%204.5%209-4.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/datev.php"],.side__nav a[href="datev.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v11'/%3E%3Cpath%20d='M7.5%209.5L12%2014l4.5-4.5'/%3E%3Cpath%20d='M4%2016.5V19a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-2.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/zahlungsabgleich.php"],.side__nav a[href="zahlungsabgleich.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%209.5L12%204l9%205.5z'/%3E%3Cpath%20d='M5%2010v7M9.5%2010v7M14.5%2010v7M19%2010v7M3.5%2020.5h17'/%3E%3C/svg%3E");}
.side__nav a[href$="/buchhaltung.php"],.side__nav a[href="buchhaltung.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%208h13l-3.5-3.5M20%2016H7l3.5%203.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/zeitarten.php"],.side__nav a[href="zeitarten.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2015.5a4%204%200%201%201%201.2-7.8A5.5%205.5%200%200%201%2018.5%2010a3%203%200%200%201-.5%205.5z'/%3E%3Cpath%20d='M8%2018.5l-1%202M12%2018.5l-1%202M16%2018.5l-1%202'/%3E%3C/svg%3E");}
.side__nav a[href$="/berichtsheft.php"],.side__nav a[href="berichtsheft.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%204.5A1.5%201.5%200%200%201%206.5%203H19v16H6.5A1.5%201.5%200%200%200%205%2020.5z'/%3E%3Cpath%20d='M5%2020.5A1.5%201.5%200%200%200%206.5%2022H19v-3M9%207.5h6M9%2011h6'/%3E%3C/svg%3E");}
.side__nav a[href$="/wartungsvertraege.php"],.side__nav a[href="wartungsvertraege.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2011a8%208%200%200%200-14.3-4.6L4%208.5'/%3E%3Cpath%20d='M4%204v4.5h4.5'/%3E%3Cpath%20d='M4%2013a8%208%200%200%200%2014.3%204.6L20%2015.5'/%3E%3Cpath%20d='M20%2020v-4.5h-4.5'/%3E%3C/svg%3E");}
.side__nav a[href$="/kolonnen.php"],.side__nav a[href="kolonnen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='6.5'%20cy='8'%20r='2.5'/%3E%3Ccircle%20cx='12'%20cy='6.5'%20r='2.5'/%3E%3Ccircle%20cx='17.5'%20cy='8'%20r='2.5'/%3E%3Cpath%20d='M2.5%2018a4%204%200%200%201%208%200M8%2017a4%204%200%200%201%208%200M13.5%2018a4%204%200%200%201%208%200'/%3E%3C/svg%3E");}
.side__nav a[href$="/berichtsvorlagen.php"],.side__nav a[href="berichtsvorlagen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='3'%20width='16'%20height='18'%20rx='2.5'/%3E%3Cpath%20d='M7.5%208l1.5%201.5L11.5%207M7.5%2013l1.5%201.5%202.5-2.5M13.5%208.5H17M13.5%2013.5H17M7.5%2017.5H17'/%3E%3C/svg%3E");}
.side__nav a[href$="/protokoll.php"],.side__nav a[href="protokoll.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206h11M9%2012h11M9%2018h11'/%3E%3Ccircle%20cx='4.5'%20cy='6'%20r='1'/%3E%3Ccircle%20cx='4.5'%20cy='12'%20r='1'/%3E%3Ccircle%20cx='4.5'%20cy='18'%20r='1'/%3E%3C/svg%3E");}
.side__nav a[href$="/backup.php"],.side__nav a[href="backup.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cellipse%20cx='12'%20cy='5.5'%20rx='7.5'%20ry='2.8'/%3E%3Cpath%20d='M4.5%205.5v6c0%201.5%203.4%202.8%207.5%202.8s7.5-1.3%207.5-2.8v-6M4.5%2011.5v6c0%201.5%203.4%202.8%207.5%202.8s7.5-1.3%207.5-2.8v-6'/%3E%3C/svg%3E");}
.side__nav a[href$="/papierkorb.php"],.side__nav a[href="papierkorb.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207h16M9.5%207V4.5h5V7M6%207l1%2013h10l1-13'/%3E%3Cpath%20d='M10%2011v5M14%2011v5'/%3E%3C/svg%3E");}
.side__nav a[href$="/profil.php"],.side__nav a[href="profil.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3Cpath%20d='M6.5%2018.5a6.5%206.5%200%200%201%2011%200'/%3E%3C/svg%3E");}
.side__nav a[href$="/verwaltung.php"],.side__nav a[href="verwaltung.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='13.5'%20y='3.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='3.5'%20y='13.5'%20width='7'%20height='7'%20rx='2'/%3E%3Crect%20x='13.5'%20y='13.5'%20width='7'%20height='7'%20rx='2'/%3E%3C/svg%3E");}
.side__nav a[href$="/verwaltung.php#registrierungen"],.side__nav a[href="verwaltung.php#registrierungen"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='10'%20cy='8'%20r='3.5'/%3E%3Cpath%20d='M3.5%2020a6.5%206.5%200%200%201%2013%200'/%3E%3Cpath%20d='M19%208v6M16%2011h6'/%3E%3C/svg%3E");}
.side__nav a[href$="/willkommen.php"],.side__nav a[href="willkommen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M3%2012h18M12%203c2.5%202.7%203.8%205.7%203.8%209s-1.3%206.3-3.8%209c-2.5-2.7-3.8-5.7-3.8-9S9.5%205.7%2012%203z'/%3E%3C/svg%3E");}
.side__nav a[href$="/plattform-rechnungen.php"],.side__nav a[href="plattform-rechnungen.php"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%203h9l4%204v14H6z'/%3E%3Cpath%20d='M15%203v4h4M9%2011h7M9%2015h7M9%2019h4'/%3E%3C/svg%3E");}

/* ---- Kopfleiste ----------------------------------------------------------- */
.design-modern .topbar{background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(15,27,45,.07);padding:.7rem 2rem;min-height:62px;}
.design-modern .topbar__title{font:700 1.02rem/1.2 var(--disp);color:var(--ink);letter-spacing:-.015em;}
.design-modern .topbar__burger{font-size:0;width:40px;height:40px;border-radius:10px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3E%3C/svg%3E") center/22px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3E%3C/svg%3E") center/22px no-repeat;}
.design-modern .topsuche input{border-radius:11px;border:1px solid var(--line);background:#f5f7fa;min-height:40px;padding:.5rem .8rem .5rem 2.2rem;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='6.5'/%3E%3Cpath%20d='M16%2016l4.5%204.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:15px;font-size:.9rem;}
.design-modern .topsuche input:focus{border-color:var(--navy);box-shadow:var(--m-fokus);background-color:#fff;}
.design-modern .topbar__clock{font:600 .95rem/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:11px;padding:.6rem .8rem;box-shadow:var(--sh-sm);}
.design-modern .topbar__logout{border-radius:11px;border:1px solid var(--line);font:600 .86rem/1 var(--head);min-height:40px;padding:.55rem .85rem;
  color:var(--ink);box-shadow:var(--sh-sm);}
.design-modern .topbar__logout .ic{font-size:0;width:17px;height:17px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%204h4a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-4'/%3E%3Cpath%20d='M10%2016l-4-4%204-4M6%2012h10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%204h4a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-4'/%3E%3Cpath%20d='M10%2016l-4-4%204-4M6%2012h10'/%3E%3C/svg%3E") center/contain no-repeat;}
.design-modern .topbar__logout:hover{background:#fef2f2;color:var(--err);border-color:#fecaca;}
.design-modern .content{padding:2rem 2.2rem 2.5rem;max-width:1440px;width:100%;}
.design-modern .content-foot{background:transparent;border-top-color:rgba(15,27,45,.06);}

/* Seiteninhalt erscheint weich – die ersten Blöcke leicht gestaffelt. */
@keyframes m-auf{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.design-modern .content > :not(.zf-sprungziel):not(dialog){animation:m-auf .38s var(--m-weich) backwards;}
.design-modern .content > :nth-child(2){animation-delay:.04s;}
.design-modern .content > :nth-child(3){animation-delay:.08s;}
.design-modern .content > :nth-child(4){animation-delay:.12s;}
.design-modern .content > :nth-child(n+5){animation-delay:.16s;}

/* ---- Knöpfe --------------------------------------------------------------- */
.design-modern .btn{border-radius:11px;font:600 .9rem/1 var(--head);letter-spacing:-.005em;padding:.72rem 1.15rem;min-height:42px;
  background:var(--gold);background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 1px 2px rgba(16,24,40,.12),0 6px 14px -8px rgba(16,24,40,.35);
  transition:transform .15s var(--m-weich),box-shadow .2s var(--m-weich),background-color .2s,filter .2s;}
.design-modern .btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 4px rgba(16,24,40,.12),0 10px 20px -10px rgba(16,24,40,.4);}
.design-modern .btn:active{transform:translateY(0) scale(.98);}
.design-modern .btn[disabled],.design-modern .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;}
.design-modern .btn--sm{min-height:34px;padding:.45rem .8rem;font-size:.82rem;border-radius:9px;}
.design-modern .btn--block{min-height:48px;}
.design-modern .btn--ghost{background:#fff;background-image:none;color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-sm);}
.design-modern .btn--ghost:hover{background:#f8fafc;color:var(--ink);border-color:#d5dde8;}
.design-modern .btn--danger{background:var(--err);background-image:none;color:#fff;}
.design-modern .btn--danger:hover{background:#b91c1c;}
.design-modern .btn--success{background:var(--ok);color:#fff;}
.design-modern .btn--out{background:#e11d48;background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 12px 26px -12px rgba(225,29,72,.75);}
.design-modern .btn--xl{min-height:60px;padding:1rem 2.3rem;font-size:1.08rem;border-radius:16px;}
.design-modern .btn--logout{background:rgba(255,255,255,.06);background-image:none;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.85);box-shadow:none;}
.design-modern .btn--logout:hover{background:rgba(255,255,255,.14);color:#fff;}

/* ---- Überschriften & Kopfbereiche ---------------------------------------- */
.design-modern .greeting h1{font-size:1.9rem;letter-spacing:-.03em;}
.design-modern .greeting__sub,.design-modern .pagehead p{color:var(--muted);}
.design-modern .pagehead{margin-bottom:1.6rem;}

/* ---- Flächen -------------------------------------------------------------- */
.design-modern .panel,.design-modern .statpanel,.design-modern .form,.design-modern .monthbar,.design-modern .exportbar,
.design-modern .approve-card{border:1px solid rgba(15,27,45,.07);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;}
.design-modern .panel{padding:1.4rem 1.5rem;}
.design-modern .panel__head{margin-bottom:.9rem;}
.design-modern .panel__head h2{font-size:1.02rem;}
.design-modern .panel__count{font:700 .8rem/1 var(--head);background:#f1f4f8;color:var(--muted);min-width:1.7rem;height:1.7rem;}
.design-modern .panel__count--alert{background:#fff4e0;color:#b45309;}
.design-modern .panel__link{font:600 .85rem/1 var(--head);color:var(--navy);}
.design-modern .panel--accent,.design-modern .notify-panel,.design-modern .approve-card{border-left:1px solid rgba(15,27,45,.07);position:relative;}
.design-modern .panel--accent::before,.design-modern .notify-panel::before,.design-modern .approve-card::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;
  width:3px;border-radius:0 3px 3px 0;background:var(--gold);}
.design-modern .notice{border-radius:12px;border-color:var(--line);}
.design-modern .notice--warn{border:1px solid #fde2b8;background:#fffaf0;}
.design-modern .info-cell,.design-modern .cstat,.design-modern .abw-detail__fakten > div{background:#f8fafc;border-color:#edf1f6;border-radius:12px;}
.design-modern .info-cell__value{color:var(--ink);}
.design-modern .cstat__num,.design-modern .statpanel__num,.design-modern .statcard__num,.design-modern .woche__zahl{
  font-family:var(--disp);font-weight:750;letter-spacing:-.03em;color:var(--ink);}
.design-modern .cstat__lbl,.design-modern .statpanel__lbl,.design-modern .statcard__label,.design-modern .exportmeta__lbl,.design-modern .info-cell__label{
  font:600 .7rem/1.3 var(--head);letter-spacing:.05em;color:var(--muted);}
.design-modern .cstat--plus{background:#f0fdf4;border-color:#dcfce7;}
.design-modern .cstat--plus .cstat__num{color:var(--ok);}
.design-modern .cstat--minus{background:#fef2f2;border-color:#fee2e2;}
.design-modern .cstat--minus .cstat__num{color:var(--err);}
.design-modern .statcard{border-radius:var(--r-lg);border-color:rgba(15,27,45,.07);box-shadow:var(--sh-sm);transition:transform .2s var(--m-weich),box-shadow .2s var(--m-weich),border-color .2s;}
.design-modern .statcard:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:rgba(15,27,45,.12);}

/* ---- Stempelkarte (nur Aussehen – Ablauf und Logik unverändert) ---------- */
.design-modern .clockcard{border-radius:22px;padding:2.2rem 2rem;
  background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.14),transparent 55%),
    radial-gradient(70% 90% at 0% 100%,rgba(0,0,0,.22),transparent 60%),linear-gradient(150deg,var(--navy),var(--navy900));
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 24px 48px -24px rgba(7,29,51,.55);}
.design-modern .clockcard::after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-150px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02);pointer-events:none;}
.design-modern .clockcard--in{box-shadow:0 0 0 2px rgba(34,197,94,.45),0 24px 48px -20px rgba(22,163,74,.5);}
.design-modern .clockcard__status{font:500 .9rem/1.3 var(--head);background:rgba(255,255,255,.1);padding:.4rem .8rem;border-radius:999px;}
.design-modern .clockcard__big{font:800 3.6rem/1 var(--disp);letter-spacing:-.04em;margin:1rem 0 1.4rem;}
.design-modern .clockcard__hint{color:rgba(255,255,255,.62);}

/* ---- Tabellen ------------------------------------------------------------- */
.design-modern .table{border:1px solid rgba(15,27,45,.07);border-radius:var(--r-lg);box-shadow:var(--sh-sm);border-collapse:separate;border-spacing:0;}
.design-modern .table th{background:#f8fafc;font:600 .7rem/1.3 var(--head);letter-spacing:.05em;color:var(--muted);padding:.75rem 1rem;border-bottom:1px solid var(--line);}
.design-modern .table td{padding:.8rem 1rem;border-bottom:1px solid #eef2f6;font-size:.9rem;}
.design-modern .table tbody tr{transition:background .15s;}
.design-modern .table tbody tr:hover{background:#f8fafc;}
.design-modern .panel .table{box-shadow:none;}
.design-modern .row-link:hover{background:#f5f8fc;}

/* ---- Marken (Tags) -------------------------------------------------------- */
.design-modern .tag{font:600 .72rem/1.35 var(--head);letter-spacing:0;padding:.2rem .6rem;border-radius:999px;}
.design-modern .tag--on{background:#dcfce7;color:#166534;}
.design-modern .tag--off,.design-modern .tag--muted{background:#f1f5f9;color:#475569;border-color:transparent;}
.design-modern .tag--open{background:#e0ecfb;color:#1e3a8a;}
.design-modern .tag--wait{background:#fef3c7;color:#92400e;}
.design-modern .tag--cancel,.design-modern .tag--danger{background:#fee2e2;color:#991b1b;}
.design-modern .tag--role{background:#ede9fe;color:#5b21b6;}

/* ---- Formulare ------------------------------------------------------------ */
.design-modern .form{padding:1.8rem;}
.design-modern .form-row label,.design-modern .exportbar__field label{font:600 .84rem/1.3 var(--head);color:var(--ink);}
.design-modern .form-row input:not([type=checkbox]):not([type=radio]):not([type=color]),.design-modern .form-row textarea,.design-modern .form-row select,
.design-modern .exportbar__field select,.design-modern .exportbar__field input,.design-modern .approve-form__note,.design-modern .salary-input,
.design-modern .abw-detail__notiz,.design-modern .storno-wunsch__form input[type=text]{
  border:1px solid #d6dee8;border-radius:11px;min-height:44px;padding:.62rem .8rem;background:#fff;font-size:.93rem;
  box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s;}
.design-modern .form-row textarea,.design-modern .approve-form__note{min-height:90px;}
.design-modern .form-row input:hover,.design-modern .form-row textarea:hover,.design-modern .form-row select:hover{border-color:#c3cedb;}
.design-modern .form-row input:focus,.design-modern .form-row textarea:focus,.design-modern .form-row select:focus,
.design-modern .exportbar__field select:focus,.design-modern .exportbar__field input:focus,.design-modern .approve-form__note:focus,
.design-modern .salary-input:focus,.design-modern .abw-detail__notiz:focus,.design-modern .storno-wunsch__form input[type=text]:focus{
  border-color:var(--navy);box-shadow:var(--m-fokus);outline:none;}
.design-modern input[type=checkbox],.design-modern input[type=radio]{accent-color:var(--navy);width:18px;height:18px;}
.design-modern .switch input:checked + .switch__slider{background:var(--navy);}
.design-modern .switch__slider{background:#d6dee8;}
.design-modern .req{color:var(--err);}

/* ---- Hinweise (Flash) ----------------------------------------------------- */
@keyframes m-flash{from{opacity:0;transform:translateY(-6px) scale(.99);}to{opacity:1;transform:none;}}
.design-modern .flash{position:relative;border:1px solid;border-left-width:1px;border-radius:12px;padding:.85rem 1rem .85rem 2.75rem;
  font-size:.9rem;animation:m-flash .35s var(--m-weich);box-shadow:var(--sh-sm);}
.design-modern .flash::before{content:"";position:absolute;left:.95rem;top:.95rem;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%2011v5.5M12%207.5v.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%2011v5.5M12%207.5v.01'/%3E%3C/svg%3E") center/contain no-repeat;}
.design-modern .flash--info{background:#eff6ff;border-color:#dbeafe;color:#1e3a8a;}
.design-modern .flash--ok{background:#f0fdf4;border-color:#bbf7d0;color:#14532d;}
.design-modern .flash--ok::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M8%2012.5l2.8%202.8L16.5%209.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M8%2012.5l2.8%202.8L16.5%209.5'/%3E%3C/svg%3E");}
.design-modern .flash--error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d;}
.design-modern .flash--error::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207.5v5.5M12%2016.5v.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207.5v5.5M12%2016.5v.01'/%3E%3C/svg%3E");}

/* ---- Listen, Karten, Kalender --------------------------------------------- */
.design-modern .livelist li{border-bottom-color:#eef2f6;}
.design-modern .livelist__name{font-weight:600;}
.design-modern .notify-item{background:#f8fafc;border-radius:12px;border-left-width:3px;}
.design-modern .notify-item.is-unread{background:#fffbeb;}
.design-modern .assign-item,.design-modern .filelist__item,.design-modern .suchtreffer,.design-modern .dom-karte{border-radius:12px;border-color:#e8edf3;}
.design-modern .assign-item{border-left:3px solid var(--gold);}
.design-modern .assign-item:hover{background:#f8fafc;border-color:#d8e0ea;}
.design-modern .monthbar__current{font:700 1.05rem/1.2 var(--disp);color:var(--ink);letter-spacing:-.015em;}
.design-modern .monthbar__total{font:600 .88rem/1 var(--head);background:#f1f5f9;border-color:#e2e8f0;color:var(--ink);border-radius:10px;}
.design-modern .woche{border-radius:var(--r-lg);border-left-width:1px;border-color:rgba(15,27,45,.07);background:#fff;}
.design-modern .woche__balken{height:10px;background:#edf1f6;}
.design-modern .cal th,.design-modern .cal td{border-color:#edf1f6;}
.design-modern .cal__day,.design-modern .cal thead .cal__name{background:#f8fafc;}
.design-modern .cal__dn{color:var(--ink);}
.design-modern .abw-dialog{border-radius:20px;box-shadow:0 30px 80px -20px rgba(7,29,51,.45);}
.design-modern .abw-dialog::backdrop{background:rgba(15,27,45,.4);backdrop-filter:blur(4px);}
.design-modern .dropzone{border-radius:16px;border-color:#d6dee8;background:#f8fafc;}
.design-modern .dropzone:hover,.design-modern .dropzone.is-drag{border-color:var(--navy);background:#f3f7fc;}

/* ---- Einwahl-Leiste bleibt bewusst auffällig ----------------------------- */
.design-modern .einwahlleiste .btn{background:#fff;color:#7c2d12;}

/* ---- Anmeldung & Passwort-Seiten ------------------------------------------ */
.design-modern .login-wrap{position:relative;overflow:hidden;
  background:radial-gradient(60% 70% at 85% 0%,rgba(255,255,255,.12),transparent 60%),
    radial-gradient(50% 60% at 0% 100%,rgba(0,0,0,.25),transparent 60%),linear-gradient(150deg,var(--navy),var(--navy900));}
.design-modern .login-wrap::before,.design-modern .login-wrap::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.5;}
.design-modern .login-wrap::before{width:520px;height:520px;left:-160px;top:-180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);
  animation:m-schweben 24s ease-in-out infinite;}
.design-modern .login-wrap::after{width:460px;height:460px;right:-140px;bottom:-160px;background:radial-gradient(circle,var(--gold),transparent 65%);opacity:.28;
  animation:m-schweben 28s ease-in-out -9s infinite reverse;}
@keyframes m-schweben{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,30px);}}
.design-modern .login-card{position:relative;z-index:1;border-top:0;border-radius:24px;padding:2.4rem 2.2rem 2rem;width:min(420px,100%);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 40px 80px -30px rgba(0,0,0,.55);animation:m-karte .5s var(--m-weich) backwards;}
@keyframes m-karte{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
.design-modern .login-card .brand-mark{width:54px;height:54px;border-radius:16px;font:800 1.2rem/1 var(--disp);letter-spacing:-.02em;
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 14px 30px -12px rgba(0,0,0,.45);}
.design-modern .login-badge span{font:600 .66rem/1 var(--head);letter-spacing:.08em;background:#f1f5f9;color:var(--muted);padding:.35rem .7rem;}
.design-modern .login-card h1{font-size:1.55rem;letter-spacing:-.03em;margin-top:1rem;}
.design-modern .login-card .sub{color:var(--muted);}
.design-modern .login-card .form-row input{min-height:48px;font-size:1rem;}
.design-modern .login-card .btn--block{min-height:50px;font-size:.98rem;}
.design-modern .login-hint a{color:var(--navy);font-weight:600;}

/* Bühne neben der Anmeldung (nur modernes Design) */
.design-modern .login-wrap--buehne{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);
  place-items:center;padding:3rem clamp(1.5rem,5vw,5rem);}
.login-buehne{position:relative;z-index:1;color:#fff;max-width:520px;justify-self:end;}
.login-buehne__gruss{font:600 .8rem/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);margin:0 0 1rem;}
.design-modern .login-buehne h2{color:#fff;font:800 clamp(2rem,1.2rem + 2.4vw,3rem)/1.08 var(--disp);letter-spacing:-.035em;margin:0 0 1.4rem;}
.login-buehne ul{list-style:none;margin:0 0 2.2rem;padding:0;display:flex;flex-direction:column;gap:.8rem;}
.login-buehne li{display:flex;gap:.7rem;align-items:flex-start;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.45;
  animation:m-auf .5s var(--m-weich) backwards;}
.login-buehne li:nth-child(2){animation-delay:.08s;}
.login-buehne li:nth-child(3){animation-delay:.16s;}
.login-buehne li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:rgba(34,197,94,.2);
  box-shadow:inset 0 0 0 1px rgba(110,231,168,.4);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ee7a8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
  background-size:13px;background-position:center;background-repeat:no-repeat;}
.login-uhr{display:flex;align-items:center;gap:1rem;}
.login-uhr__zifferblatt{position:relative;width:64px;height:64px;border-radius:50%;flex:none;
  background:radial-gradient(circle,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);}
.login-uhr__zifferblatt i{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:2px;background:#fff;}
.login-uhr__std{width:3px;height:17px;margin-left:-1.5px;animation:m-dreh 43200s linear infinite;animation-delay:var(--d);}
.login-uhr__min{width:2px;height:24px;margin-left:-1px;opacity:.85;animation:m-dreh 3600s linear infinite;animation-delay:var(--d);}
.login-uhr__sek{width:1.5px;height:26px;margin-left:-.75px;background:var(--gold) !important;animation:m-dreh 60s steps(60) infinite;animation-delay:var(--d);}
.login-uhr__zifferblatt::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--gold);}
@keyframes m-dreh{to{transform:rotate(360deg);}}
.login-uhr span{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.4;}
.login-uhr strong{display:block;color:#fff;font-weight:600;}
.login-zurueck{position:absolute;z-index:2;top:1.2rem;left:1.4rem;color:rgba(255,255,255,.8) !important;font:600 .88rem/1 var(--head);
  text-decoration:none;padding:.55rem .8rem;border-radius:10px;background:rgba(255,255,255,.08);}
.login-zurueck:hover{background:rgba(255,255,255,.16);color:#fff !important;}

/* ---- Responsiv ------------------------------------------------------------ */
@media (max-width:980px){
  .design-modern .login-wrap--buehne{grid-template-columns:1fr;gap:1.6rem;padding-top:4.5rem;}
  .login-buehne{justify-self:center;text-align:center;}
  .login-buehne ul,.login-uhr{display:none;}
  .design-modern .login-buehne h2{font-size:1.7rem;margin:0;}
}
@media (max-width:860px){
  .design-modern .topbar{padding:.6rem 1rem;}
  .design-modern .content{padding:1.3rem 1.1rem 2rem;}
  .design-modern .side{box-shadow:0 0 80px rgba(0,0,0,.45);}
}
@media (max-width:560px){
  .design-modern .clockcard__big{font-size:2.8rem;}
  .design-modern .panel{padding:1.1rem;}
  .design-modern .login-card{padding:2rem 1.4rem 1.6rem;}
}
@media (prefers-reduced-motion:reduce){
  .design-modern *,.design-modern *::before,.design-modern *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;}
  .design-modern .content > *{animation:none !important;}
  .login-uhr{display:none;}
}
.design-modern .login-card .brand-mark--logo{background:none;box-shadow:none;width:56px;height:56px;}
.design-modern .brand-mark--logo .produkt-logo{display:block;filter:drop-shadow(0 12px 22px rgba(246,157,21,.45));}
/* Rechtliche Links (nur modernes Design) */
.design-modern .login-recht{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem .3rem;margin-top:1.3rem;padding-top:1rem;
  border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);}
.design-modern .login-recht a,.design-modern .content-foot__recht a{color:var(--muted);font-weight:500;}
.design-modern .login-recht a:hover,.design-modern .content-foot__recht a:hover{color:var(--navy);text-decoration:underline;}
.design-modern .content-foot__recht{display:flex;flex-wrap:wrap;gap:.1rem .3rem;width:100%;justify-content:flex-start;}

/* ---- Seitenleiste: bunte Emojis (Oktober 2026) ------------------------
   Die einfarbigen Linien-Symbole (Maske in currentColor) waren schlecht zu
   unterscheiden. Jetzt steht vor jedem Menüpunkt wieder ein farbiges Emoji –
   als CSS-Inhalt, damit das HTML (und das klassische Design) unverändert bleibt. */
.design-modern .side__nav a .ic{font-size:0;background:none;-webkit-mask:none;mask:none;opacity:1;display:inline-grid;place-items:center;width:20px;height:20px;}
.design-modern .side__nav a .ic::before{content:var(--emo,"\2022");font-size:16px;line-height:1;font-style:normal;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;}
.design-modern .side__nav a:hover .ic,.design-modern .side__nav a.active .ic{opacity:1;}
.side__nav a[href$="/verwaltung.php"],.side__nav a[href="verwaltung.php"]{--emo:"\1F4CA";}
.side__nav a[href$="#registrierungen"]{--emo:"\1F195";}
.side__nav a[href$="/firmen.php"],.side__nav a[href="firmen.php"]{--emo:"\1F3ED";}
.side__nav a[href$="/stripe.php"],.side__nav a[href="stripe.php"]{--emo:"\1F4B3";}
.side__nav a[href$="/plattform-rechnungen.php"],.side__nav a[href="plattform-rechnungen.php"]{--emo:"\1F9FE";}
.side__nav a[href$="/kundenfeedback.php"],.side__nav a[href="kundenfeedback.php"]{--emo:"\1F4AC";}
.side__nav a[href$="/bereiche.php"],.side__nav a[href="bereiche.php"]{--emo:"\1F9E9";}
.side__nav a[href$="/mailserver.php"],.side__nav a[href="mailserver.php"]{--emo:"\1F4E7";}
.side__nav a[href$="/wartungsmodus.php"],.side__nav a[href="wartungsmodus.php"]{--emo:"\1F6E0\FE0F";}
.side__nav a[href$="/protokoll.php"],.side__nav a[href="protokoll.php"]{--emo:"\1F4DC";}
.side__nav a[href$="/backup.php"],.side__nav a[href="backup.php"]{--emo:"\1F4BE";}
.side__nav a[href$="/willkommen.php"],.side__nav a[href="willkommen.php"]{--emo:"\1F310";}
.side__nav a[href$="/dashboard.php"],.side__nav a[href="dashboard.php"]{--emo:"\1F3E0";}
.side__nav a[href$="/meine-zeiten.php"],.side__nav a[href="meine-zeiten.php"]{--emo:"\23F0";}
.side__nav a[href$="/nachtrag.php"],.side__nav a[href="nachtrag.php"]{--emo:"\2795";}
.side__nav a[href$="/urlaub.php"],.side__nav a[href="urlaub.php"]{--emo:"\1F334";}
.side__nav a[href$="/zeitarten.php"],.side__nav a[href="zeitarten.php"]{--emo:"\1F326\FE0F";}
.side__nav a[href$="/berichtsheft.php"],.side__nav a[href="berichtsheft.php"]{--emo:"\1F4D3";}
.side__nav a[href$="/kalender.php"],.side__nav a[href="kalender.php"]{--emo:"\1F4C5";}
.side__nav a[href$="/plantafel.php"],.side__nav a[href="plantafel.php"]{--emo:"\1F5C2\FE0F";}
.side__nav a[href$="/meine-aufgaben.php"],.side__nav a[href="meine-aufgaben.php"]{--emo:"\2705";}
.side__nav a[href$="/planung.php"],.side__nav a[href="planung.php"]{--emo:"\1F5D3\FE0F";}
.side__nav a[href$="/auftraege.php"],.side__nav a[href="auftraege.php"]{--emo:"\1F4CB";}
.side__nav a[href$="/genehmigungen.php"],.side__nav a[href="genehmigungen.php"]{--emo:"\1F44D";}
.side__nav a[href$="/abwesenheiten.php"],.side__nav a[href="abwesenheiten.php"]{--emo:"\1F3D6\FE0F";}
.side__nav a[href$="/anfragen.php"],.side__nav a[href="anfragen.php"]{--emo:"\1F4E8";}
.side__nav a[href$="/kunden.php"],.side__nav a[href="kunden.php"]{--emo:"\1F91D";}
.side__nav a[href$="/raumscans.php"],.side__nav a[href="raumscans.php"]{--emo:"\1F4D0";}
.side__nav a[href$="/belege.php"],.side__nav a[href="belege.php"]{--emo:"\1F4B6";}
.side__nav a[href$="/eingangsrechnungen.php"],.side__nav a[href="eingangsrechnungen.php"]{--emo:"\1F4E5";}
.side__nav a[href$="/nachkalkulation.php"],.side__nav a[href="nachkalkulation.php"]{--emo:"\1F9EE";}
.side__nav a[href$="/datev.php"],.side__nav a[href="datev.php"]{--emo:"\1F4E4";}
.side__nav a[href$="/zahlungsabgleich.php"],.side__nav a[href="zahlungsabgleich.php"]{--emo:"\1F3E6";}
.side__nav a[href$="/buchhaltung.php"],.side__nav a[href="buchhaltung.php"]{--emo:"\1F504";}
.side__nav a[href$="/wartungsvertraege.php"],.side__nav a[href="wartungsvertraege.php"]{--emo:"\1F527";}
.side__nav a[href$="/kolonnen.php"],.side__nav a[href="kolonnen.php"]{--emo:"\1F477";}
.side__nav a[href$="/berichtsvorlagen.php"],.side__nav a[href="berichtsvorlagen.php"]{--emo:"\1F4DD";}
.side__nav a[href$="/mitarbeiter.php"],.side__nav a[href="mitarbeiter.php"]{--emo:"\1F465";}
.side__nav a[href$="/ueberstunden.php"],.side__nav a[href="ueberstunden.php"]{--emo:"\23F1\FE0F";}
.side__nav a[href$="/gehalt.php"],.side__nav a[href="gehalt.php"]{--emo:"\1F4B0";}
.side__nav a[href$="/auswertung.php"],.side__nav a[href="auswertung.php"]{--emo:"\1F4C8";}
.side__nav a[href$="/zeiten-admin.php"],.side__nav a[href="zeiten-admin.php"]{--emo:"\270F\FE0F";}
.side__nav a[href$="/pausen-nachtrag.php"],.side__nav a[href="pausen-nachtrag.php"]{--emo:"\2615";}
.side__nav a[href$="/export.php"],.side__nav a[href="export.php"]{--emo:"\1F5C3\FE0F";}
.side__nav a[href$="/steuerbuero.php"],.side__nav a[href="steuerbuero.php"]{--emo:"\1F4BC";}
.side__nav a[href$="/meldungen.php"],.side__nav a[href="meldungen.php"]{--emo:"\1F514";}
.side__nav a[href$="/feiertage.php"],.side__nav a[href="feiertage.php"]{--emo:"\1F389";}
.side__nav a[href$="/firma.php"],.side__nav a[href="firma.php"]{--emo:"\1F3E2";}
.side__nav a[href$="/abo.php"],.side__nav a[href="abo.php"]{--emo:"\1F3AB";}
.side__nav a[href$="/rechte.php"],.side__nav a[href="rechte.php"]{--emo:"\1F511";}
.side__nav a[href$="/papierkorb.php"],.side__nav a[href="papierkorb.php"]{--emo:"\1F5D1\FE0F";}
.side__nav a[href$="/profil.php"],.side__nav a[href="profil.php"]{--emo:"\2699\FE0F";}
.side__nav a[href$="/feedback.php"],.side__nav a[href="feedback.php"]{--emo:"\1F4A1";}