/* Sentral-specific tweaks on top of Bootstrap.
 * Keep this file small — prefer Bootstrap utility classes over custom CSS.
 */

/* Sidebar width on md+ screens. Mobile uses offcanvas defaults. */
.sentral-sidebar {
    width: 240px;
    flex-shrink: 0;
}

/* Nav link styling — slightly compacted to fit more items, with a
   left-edge highlight for the active page. */
.sentral-nav-link {
    color: var(--bs-body-color);
    padding: 0.5rem 1rem;
    border-left: 3px solid transparent;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.sentral-nav-link:hover {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}
.sentral-nav-link.active {
    background-color: var(--bs-secondary-bg);
    border-left-color: var(--bs-primary);
    font-weight: 500;
}

.sentral-nav-sep {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.7rem;
}

/* Bootstrap maps Django's `messages.success` -> 'success' class etc., but
 * Django's default `error` tag isn't a Bootstrap alert variant — alias it.
 */
.alert-error { /* Django's `error` tag */
    color: var(--bs-danger-text-emphasis);
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}