/* Панель — доповнення поверх Bootstrap 5 */

.sidebar { width: 230px; }
.sidebar .nav-link { color: rgba(255, 255, 255, 0.75); }
.sidebar .nav-link:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
.sidebar .nav-link.active { background: rgba(255, 255, 255, 0.18); font-weight: 600; }

/* htmx: індикатор запиту */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { display: inline-block; }
button[disabled] { cursor: wait; }

/* Панель інструментів над таблицями/формами */
.toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1rem; }

/* Таблиці актів/журналів */
.num { text-align: right; white-space: nowrap; }
.act-table { font-size: 0.875rem; }
.act-bold td { font-weight: 600; background: var(--bs-tertiary-bg); }
td.details {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

/* Довгі таблиці: власна прокрутка з прилиплим заголовком */
.table-scroll { max-height: 65vh; overflow: auto; }
.table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--bs-body-bg);
    box-shadow: 0 1px 0 var(--bs-border-color);
}

/* Картки-результати пошуку приміщень */
a.apt-card { text-decoration: none; color: inherit; }
a.apt-card:hover { border-color: var(--bs-primary) !important; }

/* Порядок денний зборів */
.agenda-list { counter-reset: agenda; list-style: none; padding-left: 0; }
.agenda-list li {
    counter-increment: agenda;
    display: flex;
    gap: 0.75rem;
    padding: 0.6rem 0.25rem;
}
.agenda-list li + li { border-top: 1px solid var(--bs-border-color-translucent); }
.agenda-list li::before {
    content: counter(agenda);
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
    font-weight: 600;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
}