/* общие */
.ab-title { margin:.5rem 0 .75rem; }
.ab-legend { margin-bottom:.75rem; display:flex; gap:.5rem; flex-wrap:wrap; font-size:.9rem; }
.ab-legend .ab-cell { padding:.2rem .4rem; border-radius:.4rem; border:1px solid var(--ab-border); }

.ab-table { border-collapse:separate; border-spacing:0; width:100%; margin:.5rem 0 1.5rem; font-size:.95rem; }
.ab-th,.ab-td { border:1px solid var(--ab-border); padding:.4rem .6rem; text-align:center; vertical-align:middle; }
.ab-left { text-align:left !important; white-space:nowrap; }
.ab-td code { background:transparent; padding:0; color:inherit; }

/* ── Furo LIGHT (явный) */
body[data-theme="light"] {
  --ab-border: #d9d9e3;
  --ab-green-bg: #e9f7ef;
  --ab-yellow-bg: #fff4cc;
  --ab-red-bg: #ffe5e5;
}
body[data-theme="light"] .ab-green { background: var(--ab-green-bg); }
body[data-theme="light"] .ab-yellow{ background: var(--ab-yellow-bg); }
body[data-theme="light"] .ab-red   { background: var(--ab-red-bg); }

/* ── Furo DARK (явный) */
body[data-theme="dark"] {
  --ab-border: #3f3f46;
  --ab-green-bg: #123927;
  --ab-yellow-bg: #3a3215;
  --ab-red-bg: #3a1a1a;
}
body[data-theme="dark"] .ab-th,
body[data-theme="dark"] .ab-td,
body[data-theme="dark"] .ab-legend .ab-cell { border-color: var(--ab-border); }
body[data-theme="dark"] .ab-green { background: var(--ab-green-bg); }
body[data-theme="dark"] .ab-yellow{ background: var(--ab-yellow-bg); }
body[data-theme="dark"] .ab-red   { background: var(--ab-red-bg); }

/* ── Furo AUTO: по умолчанию как светлая… */
body[data-theme="auto"] {
  --ab-border: #d9d9e3;
  --ab-green-bg: #e9f7ef;
  --ab-yellow-bg: #fff4cc;
  --ab-red-bg: #ffe5e5;
}
/* …но если у системы тёмная — переключаем переменные */
@media (prefers-color-scheme: dark) {
  body[data-theme="auto"] {
    --ab-border: #3f3f46;
    --ab-green-bg: #123927;
    --ab-yellow-bg: #3a3215;
    --ab-red-bg: #3a1a1a;
  }
  body[data-theme="auto"] .ab-th,
  body[data-theme="auto"] .ab-td,
  body[data-theme="auto"] .ab-legend .ab-cell { border-color: var(--ab-border); }
}

.ab-theme-img { max-width:100%; height:auto; display:block; }