/* ============================================================
   modules/astro_rectification/astro_rectification.css –
   "Ректификация времени рождения"

   Корневой элемент несёт классы "astro-calc-app astro-rectification-app"
   (см. astro_rectification.php) — стили таблицы планет, автодополнения
   города и ручки ресайза уже даёт astro_calc.css (страница подключает
   его сама, см. комментарий в astro_rectification.php). Здесь — только
   то, что специфично для этой страницы: панель кнопок сдвига времени и
   сообщение об изменениях (портировано из <style>-блока rectification.php
   старого сайта).
   ============================================================ */

.astro-rectification-app .astro-rectification-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 10px;
}
.astro-rectification-app .astro-rectification-chart-col,
.astro-rectification-app .astro-rectification-table-col {
    flex: 1 1 45%;
    min-width: 300px;
}
@media (max-width: 768px) {
    .astro-rectification-app .astro-rectification-chart-col,
    .astro-rectification-app .astro-rectification-table-col {
        flex: 1 1 100%;
    }
}

.astro-rectification-app .astro-rect-time-panel {
    margin-top: 10px;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding: 8px 15px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.astro-rectification-app .astro-rect-time-panel div {
    display: flex;
    align-items: center;
    gap: 5px;
}
.astro-rectification-app .astro-rect-time-panel span {
    font-weight: bold;
    font-size: 0.9rem;
    margin-right: 2px;
}
.astro-rectification-app .astro-rect-time-panel .btn {
    padding: 2px 10px;
    font-size: 0.9rem;
}
.astro-rectification-app .astro-rect-arrow {
    font-size: 1.2rem;
    padding: 2px 10px;
    line-height: 1;
}

.astro-rectification-app .astro-rectification-note {
    font-size: 0.9em;
    color: #666;
    text-align: center;
    margin-top: 5px;
}

.astro-rectification-app #astroRectChangeMessage {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    color: #28a745;
    min-height: 1.4em;
    font-size: 0.95rem;
}

/* ---------- Тёмная тема ---------- */
body.theme-dark .astro-rectification-app .astro-rect-time-panel {
    background: #2a2a2a;
    border-color: #444;
}
body.theme-dark .astro-rectification-app .astro-rectification-note {
    color: #aaa;
}