/* Arkusz ekranu „synastry” — dokładany tylko dla konta z tym uprawnieniem. */

.sub { color: var(--muted); margin: .25rem 0 2rem; }
.grid { display: flex; gap: .6rem; flex-wrap: wrap; }
.grid label { display: flex; flex-direction: column; gap: .25rem; color: var(--muted); font-size: .85rem; flex: 1; min-width: 9rem; }
.grid input { width: 100%; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; }
td.retro { color: #ff9b6a; font-weight: 600; }
/* Glify astrologiczne (LOG-22). Trzy warstwy obrony przed prezentacją emoji
   (DAN-18: kolorowe kwadraty są nieczytelne i niesterowalne kolorem):
   1) selektor wariantu U+FE0E w samych danych (glyphs.py),
   2) font-variant-emoji:text — nowsza własność CSS,
   3) font-family celujący w MONOCHROMATYCZNE fonty symboli PRZED jakimkolwiek
      fontem emoji. Bez tego macOS/Chromium i tak sięga po Apple Color Emoji dla
      znaków zodiaku (♈–♓), mimo VS15 — potwierdzone wizualnie. „Apple Symbols",
      „Segoe UI Symbol", „Noto Sans Symbols2" mają te glify w wersji tekstowej. */
.glyph { font-size: 1.15em; line-height: 1; font-variant-emoji: text;
         font-family: "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols2",
                      "DejaVu Sans", sans-serif; }
td.glyph { color: var(--accent); white-space: nowrap; }
svg.aspectarian text.glyph { font-size: inherit; }
.opts input[type=number] { width: 5rem; }
.error { background: #3a1320; border: 1px solid #6a2233; color: #ffb3c0; padding: .75rem 1rem; border-radius: 8px; margin-top: 1.5rem; }