/* Estructura compartida */
.sc-page-content {
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    font-family: var(--sc-font-body);
}

.sc-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sc-space-6);
    margin-bottom: var(--sc-space-6);
}

.sc-page-header__eyebrow {
    display: block;
    margin-bottom: var(--sc-space-1);
    color: var(--sc-color-brand-500);
    font-size: var(--sc-font-size-2xs);
    font-weight: var(--sc-font-weight-bold);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sc-page-header__title {
    margin: 0;
    color: var(--sc-color-text);
    font-family: var(--sc-font-display);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: var(--sc-font-weight-bold);
    line-height: var(--sc-line-height-tight);
}

.sc-page-header__description {
    max-width: 680px;
    margin: var(--sc-space-2) 0 0;
    color: var(--sc-color-text-muted);
    font-size: var(--sc-font-size-sm);
    line-height: var(--sc-line-height-body);
}

.sc-page-header__actions { display: flex; align-items: center; gap: var(--sc-space-2); flex-wrap: wrap; }

.sc-breadcrumb { margin: 0 0 var(--sc-space-4); padding: 0; }
.sc-breadcrumb__list { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sc-space-2); margin: 0; padding: 0; list-style: none; }
.sc-breadcrumb__item { display: inline-flex; align-items: center; gap: var(--sc-space-2); color: var(--sc-color-text-muted); font-size: var(--sc-font-size-xs); }
.sc-breadcrumb__item + .sc-breadcrumb__item::before { content: '\203A'; color: var(--sc-color-ink-400); font-size: 1rem; }
.sc-breadcrumb__item a { color: var(--sc-color-brand-600); font-weight: var(--sc-font-weight-medium); text-decoration: none; }
.sc-breadcrumb__item a:hover { text-decoration: underline; }
.sc-breadcrumb__item[aria-current="page"] { color: var(--sc-color-text); }

.sc-card {
    color: var(--sc-color-text);
    background: var(--sc-color-surface);
    border: var(--sc-border-width) solid var(--sc-color-border);
    border-radius: var(--sc-radius-card);
    box-shadow: var(--sc-shadow-xs);
}
.sc-card--elevated { border-color: transparent; box-shadow: var(--sc-shadow-md); }
.sc-card--interactive { transition: border-color var(--sc-duration-normal) var(--sc-ease-standard), box-shadow var(--sc-duration-normal) var(--sc-ease-standard), transform var(--sc-duration-normal) var(--sc-ease-standard); }
.sc-card--interactive:hover { border-color: var(--sc-color-ink-300); box-shadow: var(--sc-shadow-sm); transform: translateY(-2px); }
.sc-card__header { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-4); padding: var(--sc-space-4) var(--sc-space-5); border-bottom: var(--sc-border-width) solid var(--sc-color-border); }
.sc-card__title { margin: 0; font-family: var(--sc-font-display); font-size: var(--sc-font-size-lg); font-weight: var(--sc-font-weight-bold); }
.sc-card__body { padding: var(--sc-space-5); }
.sc-card__footer { display: flex; justify-content: flex-end; gap: var(--sc-space-2); padding: var(--sc-space-4) var(--sc-space-5); background: var(--sc-color-surface-subtle); border-top: var(--sc-border-width) solid var(--sc-color-border); border-radius: 0 0 var(--sc-radius-card) var(--sc-radius-card); }

.navbar.sc-topbar {
    min-height: 68px;
    background: rgb(255 255 255 / 94%) !important;
    border-bottom-color: var(--sc-color-border) !important;
    box-shadow: 0 1px 0 rgb(16 23 28 / 3%) !important;
    backdrop-filter: blur(14px);
}
.sc-topbar .btn-light { color: var(--sc-color-text); background: var(--sc-color-surface-subtle); border-color: var(--sc-color-border) !important; }
.sc-topbar .btn-light:hover { color: var(--sc-color-brand-600); background: var(--sc-color-brand-50); border-color: var(--sc-color-brand-200) !important; }
.sc-topbar .text-primary { color: var(--sc-color-brand-500) !important; }
.sc-topbar .bg-primary { background-color: var(--sc-color-brand-500) !important; }
.sc-topbar .dropdown-menu { border: var(--sc-border-width) solid var(--sc-color-border) !important; border-radius: var(--sc-radius-card) !important; box-shadow: var(--sc-shadow-lg) !important; }
.sc-topbar .dropdown-item { font-family: var(--sc-font-body); font-size: var(--sc-font-size-sm); }
.sc-topbar .dropdown-item:active { background: var(--sc-color-brand-500); }

#sidebar.sc-sidebar {
    background: var(--sc-color-ink-950);
    color: var(--sc-color-white);
    box-shadow: 10px 0 35px rgb(16 23 28 / 10%);
}
#sidebar.sc-sidebar .sc-sidebar__brand { background: linear-gradient(145deg, rgb(255 255 255 / 5%), transparent 70%); border-bottom: 1px solid rgb(255 255 255 / 7%); }
#sidebar.sc-sidebar .logo-section h3 { font-family: var(--sc-font-display); font-size: 1.65rem; letter-spacing: .02em !important; background: none; -webkit-text-fill-color: currentColor; }
#sidebar.sc-sidebar .nav-link { min-height: 44px; margin-bottom: var(--sc-space-1); padding: var(--sc-space-3); color: var(--sc-color-ink-300); border-radius: var(--sc-radius-control); font-family: var(--sc-font-body); font-size: var(--sc-font-size-sm); font-weight: var(--sc-font-weight-medium); transition: color var(--sc-duration-normal) var(--sc-ease-standard), background-color var(--sc-duration-normal) var(--sc-ease-standard); }
#sidebar.sc-sidebar .nav-link:hover { color: var(--sc-color-white); background: rgb(255 255 255 / 7%); transform: none; }
#sidebar.sc-sidebar .nav-link.active { color: var(--sc-color-white); background: var(--sc-color-brand-500); box-shadow: none; }
#sidebar.sc-sidebar .nav-link i { color: currentColor; opacity: .82; }
#sidebar.sc-sidebar .nav-link.active i { opacity: 1; }
#sidebar.sc-sidebar .sc-sidebar__footer { border-top: 1px solid rgb(255 255 255 / 7%); }

@media (max-width: 767.98px) {
    .sc-page-header { align-items: flex-start; flex-direction: column; }
    .sc-page-header__actions { width: 100%; }
    .sc-page-header__actions > .sc-btn { flex: 1; }
    .sc-card__header { align-items: flex-start; }
}