/* Solar-Check auf der Objektseite (SOLAR-CHECK-PLAN.md). Alles auf .solar-check gescopet.
   Sonne-Symbole bewusst warm/gold (semantisch „Sonne"), unabhängig vom Marken-Theme. */

.solar-check { margin-block: 2rem; }
.solar-check > h2 { display: flex; align-items: center; gap: .5rem; }
.solar-check > h2 svg { color: #f5a623; }

.solar-rating { display: flex; align-items: center; gap: .1rem; margin-block: .25rem .85rem; }
.solar-rating .solar-sun svg { color: var(--color-border); display: block; }
.solar-rating .solar-sun.is-on svg { color: #f5a623; }
.solar-rating > span { margin-inline-start: .55rem; font-weight: 600; color: var(--color-text); }

.solar-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .75rem; }
.solar-tile {
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .75rem 1rem;
}
.solar-val { display: block; font-size: 1.3rem; font-weight: 700; color: var(--color-text); }
.solar-lbl { display: block; font-size: .85rem; color: var(--color-text-muted); margin-block-start: .15rem; }

/* „Annahmen anpassen": IMMER als abgesetzte Karte — auch eingeklappt, damit der Toggle in der Box sitzt. */
.solar-inputs {
    margin-block: 1rem;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .4rem 1.15rem;
}
.solar-inputs > summary {
    cursor: pointer; color: var(--color-primary); font-weight: 600; width: max-content;
    padding-block: .35rem;
}
.solar-inputs[open] { padding-block-end: 1.1rem; }
.solar-inputs[open] > summary { margin-block-end: .5rem; }

.solar-slider { display: block; margin-block: .9rem; }
.solar-slider:last-child { margin-block-end: .2rem; }
.solar-slider-head {
    display: flex; justify-content: space-between; align-items: baseline; gap: .75rem;
    margin-block-end: .4rem;
}
.solar-slider-name { font-size: .9rem; color: var(--color-text-muted); }
.solar-slider-out { font-size: .85rem; color: var(--color-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.solar-slider-out b { display: inline-block; min-width: 1.5rem; text-align: right; color: var(--color-primary); font-weight: 700; font-size: 1rem; }
.solar-slider input[type="range"] { display: block; width: 100%; accent-color: var(--color-primary); }

.solar-note { margin-block-start: .75rem; font-size: .8rem; color: var(--color-text-muted); }