/* Atlas — strona polityki prywatności. Ten sam ciemny motyw co aplikacja. */
html, body { background: #0c0b0b; overflow-x: hidden; }

.atlas-legal-stage {
  --bg: #0c0b0b;
  --surface: #1f1b18;
  --surface2: #2a2622;
  --text: #f1efe8;
  --muted: #a8a49b;
  --accent: #7750ef;
  --on-accent: #ffffff;
  --border: rgba(255, 255, 255, .08);

  /* Pełna szerokość okna — tło jak w aplikacji (full-bleed). */
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh; min-height: 100dvh;
  padding: clamp(24px, 5vw, 48px) clamp(16px, 4vw, 24px) 64px;
  box-sizing: border-box;
  font-family: var(--atlas-font);
}
.atlas-legal-stage * { box-sizing: border-box; }

.atlas-legal { max-width: 720px; margin: 0 auto; }

.atlas-legal h1 {
  font-size: clamp(24px, 3.4vw, 34px);
  margin: 0 0 14px;
  color: var(--text);
}
.atlas-legal-lead {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 8px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--border);
}

.atlas-legal section { margin-top: 30px; }
.atlas-legal h2 {
  font-size: clamp(17px, 2.2vw, 20px);
  margin: 0 0 12px;
  color: var(--text);
}
.atlas-legal p {
  color: #ded9d0;
  line-height: 1.7;
  margin: 0 0 12px;
  font-size: 15px;
}
.atlas-legal ul {
  margin: 0 0 12px;
  padding-left: 22px;
  color: #ded9d0;
  line-height: 1.7;
  font-size: 15px;
}
.atlas-legal li { margin-bottom: 8px; }
.atlas-legal a { color: var(--accent); text-decoration: underline; }
.atlas-legal strong { color: var(--text); }

/* wyraźny znacznik pól do uzupełnienia przez administratora */
.atlas-legal-todo {
  color: #ffc46b;
  background: rgba(255, 196, 107, .12);
  padding: 1px 6px;
  border-radius: 6px;
  font-weight: 600;
}

.atlas-legal-table-wrap { overflow-x: auto; margin: 8px 0 14px; }
.atlas-legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  min-width: 480px;
}
.atlas-legal-table th,
.atlas-legal-table td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  color: #ded9d0;
  vertical-align: top;
}
.atlas-legal-table th {
  color: var(--muted);
  font-family: var(--atlas-font-small);
  font-weight: 600;
  white-space: nowrap;
}
.atlas-legal-table td:first-child { font-family: var(--atlas-font-small); color: var(--text); }

.atlas-legal-date {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 13.5px;
}