/* WOODGRID-Marke auf Metronic: Figtree, Limette #B2D91B, Anthrazit #25292E (Werte wie auf woodgrid.de). */
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:300 900;src:url('../fonts/figtree.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:300 900;src:url('../fonts/figtree-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --font-sans:'Figtree',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --default-font-family:var(--font-sans);
  --background:#fff;--foreground:#25292E;--card:#fff;--card-foreground:#25292E;--popover:#fff;--popover-foreground:#25292E;
  --primary:#B2D91B;--primary-foreground:#25292E;
  --secondary:#F6F7F7;--secondary-foreground:#3A414A;
  --muted:#F6F7F7;--muted-foreground:#5C6571;
  --accent:#F6FAE3;--accent-foreground:#25292E;
  --mono:#25292E;--mono-foreground:#fff;
  --border:#E3E6E8;--input:#D5DADD;--ring:#9CC014;--radius:.5rem;
  --wg-lime-text:#4F6B00;--wg-blue:#2B8BDB;
}
.dark{
  --background:#131815;--foreground:#E8EEE9;--card:#161c18;--card-foreground:#E8EEE9;--popover:#161c18;--popover-foreground:#E8EEE9;
  --primary:#B2D91B;--primary-foreground:#1c2200;
  --secondary:#222b25;--secondary-foreground:#E8EEE9;
  --muted:#0f1311;--muted-foreground:#9AA7A0;
  --accent:#1f2822;--accent-foreground:#E8EEE9;
  --mono:#E8EEE9;--mono-foreground:#131815;
  --border:#2a342d;--input:#34413a;--ring:#B2D91B;
  --wg-lime-text:#B2D91B;--wg-blue:#64a9ff;
}
body{--header-height:58px;--sidebar-width:64px}
html:not(.dark) .text-primary{color:var(--wg-lime-text)}
body{font-family:var(--font-sans)}
/* Rahmen: Kopfzeile, Seitenleiste, Inhaltsbereich wie Metronic Demo 3 */
.wg-wrap{margin:0 20px 20px;border:1px solid var(--input);border-radius:14px;background:var(--background);min-width:0;flex:1 1 auto}
@media (min-width:1024px){.wg-wrap{margin-left:var(--sidebar-width)}}
.wg-main{padding:22px clamp(14px,2vw,32px) 48px;min-width:0}
.wg-logo{height:28px;width:auto;display:block}
.wg-logo-dark{display:none}.dark .wg-logo{display:none}.dark .wg-logo-dark{display:block}
.wg-nav{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:8px}
.wg-nav a.kt-btn{color:var(--muted-foreground)}
.wg-nav a.kt-btn.active i,.wg-nav a.kt-btn:hover i{color:var(--wg-lime-text)}
.wg-user{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:700;font-size:13px}

/* Anmeldeseiten */
.wg-auth{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px}
.wg-auth__card{width:100%;max-width:440px;box-shadow:var(--wg-shadow,0 8px 30px -12px rgba(37,41,46,.25))}
.wg-auth__body{padding:28px 28px 26px !important}
.wg-auth__title{margin:0 0 4px;font-size:1.5rem;font-weight:500;letter-spacing:-.01em}
.wg-auth__lead{margin:0 0 18px;color:var(--muted-foreground);font-size:.92rem}
.wg-auth__below{margin:0;color:var(--muted-foreground);font-size:.92rem;text-align:center}
.wg-auth__below a,.wg-auth__legal a,.wg-link{color:var(--wg-lime-text);text-decoration:underline;text-underline-offset:3px}
.wg-auth__legal{margin:0;font-size:.8rem;color:var(--muted-foreground)}
.wg-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wg-field label{font-size:.88rem;font-weight:500}
.wg-field input[type=text],.wg-field input[type=email],.wg-field input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--foreground);font:inherit}
.wg-field input:focus{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--ring)}
.wg-field small{color:var(--muted-foreground);font-size:.8rem}
.wg-check{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:.88rem;color:var(--muted-foreground)}
.wg-check input{margin-top:3px}
.wg-alert{margin-bottom:16px}
.wg-btn{width:100%;justify-content:center}
.wg-code{letter-spacing:.5em;text-align:center;font-size:1.6rem !important;font-variant-numeric:tabular-nums}
.wg-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;margin:0 0 16px}