/* Rechner der Branche friseur (Block C, Branche 7, 10.10.2026) – zusammengesetzt von vorlagen/ratgeber-checks/friseur-zwei/bau.py aus css/*.css. Nicht hier ändern. */

/* --- betriebsleiter.css --- */
/* Rechner „Was kostet dich der Meister – und ab wann trägt er sich?“ (Barbershop eröffnen, /ratgeber/barbershop-eroeffnen/, 10.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-bl-. Jeder Selektor beginnt mit [data-rk="betriebsleiter"] – sonst gewinnt .rg-text p. */

/* Streifen mit runden Enden; kleine Überschrift darüber; „fehlen“ in der Legende schraffiert */
[data-rk="betriebsleiter"] .rk-bl-rund{overflow:hidden}
[data-rk="betriebsleiter"] .rk-bl-titel{margin:12px 0 -4px;font-size:13px;line-height:1.3;color:var(--rk-leise)}
[data-rk="betriebsleiter"] .rk-legende .rk-bl-fehlt{color:var(--rk-rost)}
[data-rk="betriebsleiter"] .rk-legende .rk-bl-fehlt::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
[data-rk="betriebsleiter"] .rk-legende .rk-bl-fehlt b{color:var(--rk-rost)}

/* Drei Wert-Kacheln immer in einer Reihe */
[data-rk="betriebsleiter"] .rk-bl-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
[data-rk="betriebsleiter"] .rk-bl-kacheln .rk-kachel{padding:8px 0 0;min-width:0}
[data-rk="betriebsleiter"] .rk-bl-kacheln .rk-kachel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hinweis „Vorbelegt mit dem Beispielplan“ im Ergebnis-Blatt */
[data-rk="betriebsleiter"] .rk-bl-hinweis{margin:12px 0 0;padding-top:8px;border-top:1px dashed var(--rk-linie-2);font-size:13px;line-height:1.4;color:var(--rk-text)}

/* Tipp am Regler, wenn ein Wert unter dem Tarif liegt oder die Kammer zustimmen muss */
[data-rk="betriebsleiter"] .rk-tipp.rk-bl-warn{color:var(--rk-rost)}

/* Vier Szenario-Knöpfe als 2 × 2 */
[data-rk="betriebsleiter"] .rk-bl-sz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-rk="betriebsleiter"] .rk-bl-sz button{min-width:0;line-height:1.25}
[data-rk="betriebsleiter"] .rk-seg button small{margin-top:1px}

/* Feinheiten: Zwischenüberschriften */
[data-rk="betriebsleiter"] .rk-bl-zwischen{margin:2px 0 -8px;padding-top:14px;border-top:1px dashed var(--rk-linie-2);font-size:13px;font-weight:700;color:var(--rk-leise);
  text-transform:uppercase;letter-spacing:.04em}
[data-rk="betriebsleiter"] .rk-fein__inhalt > .rk-bl-zwischen:first-child{padding-top:0;border-top:0}
[data-rk="betriebsleiter"] .rk-fein > summary > span{line-height:1.35}

/* Die Rechnung im Detail: Zwischenzeilen „Dein Meister“, „Statt Meister ein Geselle“, „Der ganze Shop“ */
[data-rk="betriebsleiter"] .rk-zeilen .rk-bl-ab{padding-top:16px;border-top:2px solid var(--rk-linie-2);font-size:13px;font-weight:700;color:var(--rk-leise);
  text-transform:uppercase;letter-spacing:.04em}
[data-rk="betriebsleiter"] .rk-zeilen dt.rk-bl-ab:first-child,[data-rk="betriebsleiter"] .rk-zeilen dt.rk-bl-ab:first-child + dd{padding-top:4px;border-top:0}

/* Weiterrechnen: Knopf mit etwas Luft */
[data-rk="betriebsleiter"] .rk-weiter .rk-knopf{margin-top:6px}

@media (max-width:419.98px){
  [data-rk="betriebsleiter"] .rk-bl-kacheln .rk-kachel{font-size:12px}
  [data-rk="betriebsleiter"] .rk-bl-kacheln .rk-kachel b{font-size:16.5px}
}
/* Handy-Leiste: Notiz zweizeilig statt abgeschnitten */
@media (max-width:899.98px){
  [data-rk="betriebsleiter"] .rk-mini__notiz{white-space:normal;text-overflow:clip;line-height:1.05;max-width:7.2em}
}
/* unter 360 px passt neben Label und Zahl keine Notiz – die Farbe der Zahl zeigt den Stand */
@media (max-width:359.98px){
  [data-rk="betriebsleiter"] .rk-mini__notiz{display:none}
  [data-rk="betriebsleiter"] .rk-bl-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
}

/* --- salon.css --- */
/* Rechner „Was bleibt dir aus deinem Salon im Monat?“ (Friseursalon eröffnen, /ratgeber/friseursalon-eroeffnen/, 10.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-sa-. Jeder Selektor beginnt mit [data-rk="salon"] – sonst gewinnt .rg-text p. */

/* Streifen mit runden Enden; kleine Überschrift darüber; „fehlen“ in der Legende schraffiert */
[data-rk="salon"] .rk-sa-rund{overflow:hidden}
[data-rk="salon"] .rk-sa-titel{margin:12px 0 -4px;font-size:13px;line-height:1.3;color:var(--rk-leise)}
[data-rk="salon"] .rk-legende .rk-sa-fehlt{color:var(--rk-rost)}
[data-rk="salon"] .rk-legende .rk-sa-fehlt::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
[data-rk="salon"] .rk-legende .rk-sa-fehlt b{color:var(--rk-rost)}

/* Drei Wert-Kacheln immer in einer Reihe */
[data-rk="salon"] .rk-sa-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
[data-rk="salon"] .rk-sa-kacheln .rk-kachel{padding:8px 0 0;min-width:0}
[data-rk="salon"] .rk-sa-kacheln .rk-kachel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hinweis „Vorbelegt mit dem Beispielplan“ im Ergebnis-Blatt */
[data-rk="salon"] .rk-sa-hinweis{margin:12px 0 0;padding-top:8px;border-top:1px dashed var(--rk-linie-2);font-size:13px;line-height:1.4;color:var(--rk-text)}

/* Vier Szenario-Knöpfe als 2 × 2 */
[data-rk="salon"] .rk-sa-sz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-rk="salon"] .rk-sa-sz button{min-width:0;line-height:1.25}
[data-rk="salon"] .rk-seg button small{margin-top:1px}

/* Bedienplätze und Friseurinnen nebeneinander – die Zähler stehen auf einer Linie, auch wenn eine Frage zweizeilig umbricht */
[data-rk="salon"] .rk-sa-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:stretch}
[data-rk="salon"] .rk-sa-paar > div{display:grid;grid-template-rows:1fr auto;align-items:start;gap:8px;min-width:0}
[data-rk="salon"] .rk-sa-paar .rk-frage{margin:0}

/* Feinheiten: Zwischenüberschriften */
[data-rk="salon"] .rk-sa-zwischen{margin:2px 0 -8px;padding-top:14px;border-top:1px dashed var(--rk-linie-2);font-size:13px;font-weight:700;color:var(--rk-leise);
  text-transform:uppercase;letter-spacing:.04em}
[data-rk="salon"] .rk-fein__inhalt > .rk-sa-zwischen:first-child{padding-top:0;border-top:0}
[data-rk="salon"] .rk-fein > summary > span{line-height:1.35}

/* Weiterrechnen: Knopf mit etwas Luft */
[data-rk="salon"] .rk-weiter .rk-knopf{margin-top:6px}

@media (max-width:419.98px){
  [data-rk="salon"] .rk-sa-kacheln .rk-kachel{font-size:12px}
  [data-rk="salon"] .rk-sa-kacheln .rk-kachel b{font-size:16.5px}
  [data-rk="salon"] .rk-sa-paar{gap:12px 10px}
}
/* Handy-Leiste: Notiz zweizeilig statt abgeschnitten */
@media (max-width:899.98px){
  [data-rk="salon"] .rk-mini__notiz{white-space:normal;text-overflow:clip;line-height:1.05;max-width:7.2em}
}
/* unter 360 px passt neben Label und Zahl keine Notiz – die Farbe der Zahl zeigt den Stand */
@media (max-width:359.98px){
  [data-rk="salon"] .rk-mini__notiz{display:none}
  /* zwei Zähler passen unter 360 px nicht nebeneinander – untereinander */
  [data-rk="salon"] .rk-sa-paar{grid-template-columns:minmax(0,1fr);gap:18px}
  [data-rk="salon"] .rk-sa-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
}