/* FLORIN+ · rubrik-widget.css
   Re-themt die ap-*-Komponenten (v8-tier1.css) auf den fp/calc-v2-Look.
   LÄDT NACH v8-tier1.css. Struktur bleibt (funktioniert), nur Skin → fp:
   Token-Remap auf --fp-*-Werte, Geist-Font, Geist-Mono für Zahlen, fp-Hairlines/Radien.
   Ein Stylesheet für ALLE ap-*-Tools. */

@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/geist-400.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/geist-500.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/geist-600.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/geist-700.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/geist-mono-400.woff2') format('woff2')}

/* --- ap-Tokens → fp-Werte (re-themt alle Komponenten, die var(--ap-*) nutzen) --- */
:root{
  --ap-ink:#11201d !important;
  --ap-mid:#3a4744 !important;
  --ap-muted:#6b7975 !important;
  --ap-line:rgba(17,32,29,.10) !important;
  --ap-bg:#f6f8f7 !important;
  --ap-white:#ffffff !important;
  --ap-teal:#00afa3 !important;
  --ap-teal-bright:#00afa3 !important;
  --ap-teal-dark:#016a62 !important;
  --ap-teal-soft:rgba(0,175,163,.08) !important;
}

/* --- Geist als Grundschrift --- */
body{font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;}
input,button,select,textarea{font-family:inherit;}

/* --- Zahlen monospaced (fp-Signatur) --- */
.ap-input-row__value,.ap-input-row__num,.ap-input-row__value-edit,
.ap-breakdown__value,.ap-rubrik-col-label,.msb-num,
.ap-mast__stat-num,.ap-stat-num{
  font-family:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  font-variant-numeric:tabular-nums;
}

/* --- Karten: fp-Hairline + weichere Radien --- */
.ap-defcard,.ap-how__card,.ap-related-card,.ap-faq__item,.ap-rubrik-col,
.ap-breakdown,.ap-input-card,.ap-result-card{
  border-radius:16px;
}
.ap-defcard,.ap-result-card,.ap-input-card{
  border:1px solid rgba(17,32,29,.07);
  box-shadow:0 1px 2px rgba(17,32,29,.03);
}

/* --- Slider-Fill (teal) konsistent fp --- */
.ap-input-row__range{accent-color:#00afa3;}
.ap-input-row__range::-webkit-slider-thumb{background:#00afa3;}
.ap-input-row__range::-moz-range-thumb{background:#00afa3;}

/* --- Hero (ap-mast) Überschrift in Geist 600 statt schwer --- */
.ap-mast h1,.ap-mast__title{font-weight:600;letter-spacing:-.02em;}

/* --- Primär-Buttons fp-Teal --- */
.ap-btn--primary,.ap-cta__btn{background:#00afa3;border-radius:12px;}
.ap-btn--primary:hover,.ap-cta__btn:hover{background:#019b90;}

/* --- Overflow-Schutz (verhindert horizontales Übersteh­en) --- */
html,body{max-width:100%;overflow-x:clip;}