@import url('/css/filament/filament/app.css');

/* BSA Content Studio: a restrained administrative workspace. */
:root {
    --bsa-ink: #16231b;
    --bsa-forest: #1b3325;
    --bsa-canvas: #f6f7f2;
    --bsa-surface: #fffefa;
    --bsa-muted: #5e6a61;
    --bsa-border: #d6ddd2;
    --bsa-accent: #739b1a;
    --bsa-space-1: 0.25rem;
    --bsa-space-2: 0.5rem;
    --bsa-space-3: 0.75rem;
    --bsa-space-4: 1rem;
    --bsa-space-5: 1.25rem;
    --bsa-space-6: 1.5rem;
    --bsa-space-8: 2rem;
    --bsa-space-10: 2.5rem;
}

.fi-body,
.fi-main,
.fi-simple-layout {
    background: var(--bsa-canvas);
    color: var(--bsa-ink);
}

.fi-main {
    max-width: 100rem;
}

.fi-page-header-main-ctn {
    gap: var(--bsa-space-5);
    padding-block: var(--bsa-space-8) var(--bsa-space-6);
}

.fi-page-main,
.fi-page-content {
    gap: var(--bsa-space-5);
}

.fi-header-heading {
    color: var(--bsa-ink);
    font-size: clamp(1.55rem, 2vw, 2rem);
    font-weight: 650;
    letter-spacing: -0.035em;
}

.fi-header-subheading {
    color: var(--bsa-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.fi-sidebar {
    background: var(--bsa-forest);
    border-inline-end: 1px solid rgba(230, 240, 197, 0.16);
}

.fi-sidebar-header {
    height: 5rem;
    border-bottom: 1px solid rgba(230, 240, 197, 0.15);
}

.fi-logo {
    color: #f9fbf2;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fi-topbar .fi-logo {
    color: var(--bsa-ink);
}

.fi-simple-header .fi-logo {
    color: var(--bsa-ink);
}

.fi-sidebar-nav {
    padding-block: 1.5rem;
}

.fi-sidebar-nav-groups {
    gap: 1.75rem;
}

.fi-sidebar-group-label {
    color: #adc295;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.fi-sidebar-item-btn {
    border-radius: 0.25rem;
    min-height: 2.5rem;
}

.fi-sidebar-item-label {
    color: #e6ebe2;
    font-size: 0.875rem;
    font-weight: 520;
}

.fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-group-btn > .fi-icon {
    color: #9fb39d;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover,
.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:focus-visible {
    background: rgba(255, 255, 255, 0.08);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: #edf4d5;
    box-shadow: inset 3px 0 0 var(--bsa-accent);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: #253719;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part {
    background: var(--bsa-accent);
}

.fi-sidebar-footer {
    border-top: 1px solid rgba(230, 240, 197, 0.15);
    margin: 0 1rem;
    padding-top: 0.75rem;
}

.fi-topbar {
    background: rgba(255, 254, 250, 0.96);
    border-bottom: 1px solid var(--bsa-border);
    box-shadow: none;
}

.fi-topbar-item-btn {
    border-radius: 0.25rem;
}

.fi-section:not(.fi-section-not-contained):not(.fi-aside) {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    box-shadow: none;
}

.fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header,
.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn {
    border-color: var(--bsa-border);
}

.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-content {
    padding: var(--bsa-space-5);
}

.fi-section-header-heading {
    color: var(--bsa-ink);
    font-size: 0.95rem;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.fi-section-header-description {
    color: var(--bsa-muted);
    font-size: 0.8rem;
    line-height: 1.5;
    margin-top: 0.25rem;
}

.fi-wi-stats-overview-stat {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    box-shadow: none;
    padding: 1.25rem;
}

.fi-wi-stats-overview-stat::before {
    background: var(--bsa-accent);
    content: '';
    display: block;
    height: 2px;
    margin-bottom: 1rem;
    width: 2rem;
}

.fi-wi-stats-overview-stat-label,
.fi-wi-stats-overview-stat-description {
    color: var(--bsa-muted);
}

.fi-wi-stats-overview-stat-value {
    color: var(--bsa-ink);
    font-size: 2rem;
}

.fi-ta,
.fi-ta-ctn {
    border-color: var(--bsa-border);
}

.fi-ta-ctn {
    background: var(--bsa-surface);
    border-radius: 0.375rem;
    box-shadow: none;
}

.fi-ta-header,
.fi-ta-footer,
.fi-ta-header-cell {
    background: #f0f2ea;
}

.fi-ta-header,
.fi-ta-footer,
.fi-ta-header-cell,
.fi-ta-row,
.fi-ta-cell {
    border-color: var(--bsa-border);
}

.fi-ta-header-cell-label {
    color: #425046;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.fi-ta-cell-content {
    color: #28372d;
    font-size: 0.86rem;
    line-height: 1.45;
}

.fi-ta-header,
.fi-ta-footer {
    min-height: 3.75rem;
}

.fi-ta-filters,
.fi-ta-filters-form {
    background: #f0f2ea;
    border-color: var(--bsa-border);
}

.fi-ta-row {
    transition: background-color 120ms ease;
}

.fi-ta-row:hover {
    background: #f8faef;
}

.fi-input-wrp,
.fi-select-input,
.fi-fo-file-upload,
.fi-fo-rich-editor {
    border-radius: 0.25rem;
}

.fi-input-wrp {
    background: var(--bsa-surface);
    box-shadow: inset 0 0 0 1px var(--bsa-border);
}

.fi-input-wrp:focus-within {
    box-shadow: inset 0 0 0 1px var(--bsa-accent), 0 0 0 3px rgba(115, 155, 26, 0.15);
}

.fi-input,
.fi-select-input,
.fi-fo-rich-editor-content {
    color: var(--bsa-ink);
    font-size: 0.9rem;
    line-height: 1.5;
}

.fi-input::placeholder {
    color: #8a958c;
}

.fi-fo-field-wrp-label > label,
.fi-fo-field-wrp-label > label > span {
    color: #344238;
    font-size: 0.8rem;
    font-weight: 650;
}

.fi-fo-field-label-content {
    color: #344238;
    font-size: 0.8rem;
    font-weight: 650;
}

.fi-fo-field-wrp-hint,
.fi-fo-field-wrp-helper-text {
    color: var(--bsa-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.fi-fo-repeater-item {
    background: #fafbf6;
    border: 1px solid var(--bsa-border);
    border-radius: 0.25rem;
    box-shadow: none;
}

.fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content {
    border-color: var(--bsa-border);
}

.fi-fo-repeater-item-header {
    background: #f0f2ea;
}

.fi-btn {
    border-radius: 0.25rem;
    font-weight: 650;
}

.fi-btn.fi-color {
    letter-spacing: 0.01em;
}

.fi-btn.fi-outlined {
    box-shadow: inset 0 0 0 1px var(--bsa-border);
}

.fi-badge {
    border-radius: 0.2rem;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.04em;
}

.fi-tabs {
    border-bottom: 1px solid var(--bsa-border);
    gap: 0.25rem;
}

.fi-tabs-item {
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 0.82rem;
    font-weight: 650;
}

.fi-tabs-item.fi-active {
    background: #eef4d9;
}

.fi-pagination-items {
    border: 1px solid var(--bsa-border);
    border-radius: 0.25rem;
    box-shadow: none;
}

.fi-modal-window {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    box-shadow: 0 1rem 3rem rgba(22, 35, 27, 0.18);
}

.fi-modal-header,
.fi-modal-footer {
    border-color: var(--bsa-border);
}

.fi-no-notification:not(.fi-inline) {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-left: 3px solid var(--bsa-accent);
    border-radius: 0.25rem;
    box-shadow: 0 0.75rem 2rem rgba(22, 35, 27, 0.12);
}

.fi-empty-state,
.fi-ta-empty-state {
    background: #fafbf6;
    border: 1px dashed #b9c4b6;
    border-radius: 0.375rem;
    box-shadow: none;
}

.fi-empty-state-icon-bg {
    background: #edf4d5;
    border-radius: 0.25rem;
}

.fi-simple-main {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    box-shadow: none;
}

.fi-simple-layout:has(.bsa-login-context) {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(22rem, 0.82fr) minmax(34rem, 1.18fr);
}

.bsa-login-context {
    background: var(--bsa-forest);
    color: #f7faed;
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
    min-height: 100dvh;
    padding: clamp(2rem, 5vw, 5rem);
}

.bsa-login-context__brand {
    color: #f7faed;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bsa-login-context__copy {
    margin-block: auto;
    max-width: 30rem;
}

.bsa-login-context__eyebrow {
    color: #b7cf71;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
}

.bsa-login-context h1 {
    color: #f7faed;
    font-size: clamp(2rem, 3.2vw, 3.45rem);
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.02;
    margin: 0;
    max-width: 24rem;
}

.bsa-login-context__copy > p:last-child {
    color: #cfdbc9;
    font-size: 0.98rem;
    line-height: 1.65;
    margin: 1.75rem 0 0;
    max-width: 27rem;
}

.bsa-login-context__scope {
    border-top: 1px solid rgba(230, 240, 197, 0.22);
    display: grid;
    gap: 0;
    margin: 3rem 0 0;
}

.bsa-login-context__scope > div {
    align-items: baseline;
    border-bottom: 1px solid rgba(230, 240, 197, 0.22);
    display: grid;
    gap: 1rem;
    grid-template-columns: 2rem 1fr;
    padding: 0.78rem 0;
}

.bsa-login-context__scope dt {
    color: #b7cf71;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.bsa-login-context__scope dd {
    color: #f0f5e6;
    font-size: 0.84rem;
    font-weight: 550;
    margin: 0;
}

.fi-simple-layout:has(.bsa-login-context) > .fi-simple-main-ctn {
    grid-column: 2;
    grid-row: 1;
    padding: clamp(1.5rem, 5vw, 5rem);
}

.fi-simple-layout:has(.bsa-login-context) .fi-simple-main {
    margin: 0;
    max-width: 32rem;
}

.fi-simple-header-heading {
    color: var(--bsa-ink);
    letter-spacing: -0.03em;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--bsa-accent);
    outline-offset: 2px;
}

.bsa-eyebrow {
    color: #617b25;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.bsa-command-center {
    display: grid;
    gap: var(--bsa-space-5);
    padding-bottom: var(--bsa-space-8);
}

.bsa-command-center__header {
    align-items: end;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.7fr);
    padding-bottom: var(--bsa-space-5);
}

.bsa-command-center__header h2 {
    color: var(--bsa-ink);
    font-size: clamp(1.65rem, 2.7vw, 2.55rem);
    font-weight: 620;
    letter-spacing: -0.045em;
    line-height: 1.05;
    margin: var(--bsa-space-2) 0 0;
    max-width: 36rem;
}

.bsa-command-center__header > p {
    color: var(--bsa-muted);
    font-size: 0.92rem;
    line-height: 1.6;
    margin: 0;
    max-width: 30rem;
}

.bsa-command-center__summary {
    border-bottom: 1px solid var(--bsa-border);
    border-top: 1px solid var(--bsa-border);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bsa-summary-item {
    display: grid;
    gap: 0.2rem;
    min-height: 8.5rem;
    padding: var(--bsa-space-5);
}

.bsa-summary-item + .bsa-summary-item {
    border-inline-start: 1px solid var(--bsa-border);
}

.bsa-summary-item p,
.bsa-summary-item span {
    color: var(--bsa-muted);
    font-size: 0.76rem;
    line-height: 1.45;
    margin: 0;
}

.bsa-summary-item p {
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bsa-summary-item strong {
    color: var(--bsa-ink);
    font-size: 2rem;
    font-weight: 620;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-top: auto;
}

.bsa-command-center__grid {
    align-items: start;
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
}

.bsa-command-center__grid--bottom {
    grid-template-columns: minmax(0, 1.25fr) minmax(19rem, 0.75fr);
}

.bsa-product-workspace {
    display: grid;
    gap: var(--bsa-space-5);
    max-width: 80rem;
    padding-bottom: var(--bsa-space-8);
}

.bsa-product-workspace__hero {
    align-items: end;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1fr) auto;
    padding-bottom: var(--bsa-space-5);
}

.bsa-product-workspace__hero h2 {
    color: var(--bsa-ink);
    font-size: clamp(1.65rem, 2.7vw, 2.55rem);
    font-weight: 620;
    letter-spacing: -0.045em;
    line-height: 1.05;
    margin: var(--bsa-space-2) 0 0;
    max-width: 43rem;
}

.bsa-product-workspace__lead {
    color: var(--bsa-muted);
    font-size: 0.98rem;
    line-height: 1.65;
    margin: 0;
    max-width: 43rem;
}

.bsa-product-workspace__status {
    align-items: center;
    color: var(--bsa-muted);
    display: flex;
    font-size: 0.78rem;
    gap: var(--bsa-space-3);
    line-height: 1.45;
    min-width: 12rem;
}

.bsa-product-workspace__status strong,
.bsa-product-workspace__status span {
    display: block;
}

.bsa-product-workspace__status strong {
    color: var(--bsa-ink);
    font-size: 0.86rem;
}

.bsa-product-workspace__status-dot {
    background: var(--bsa-accent);
    border-radius: 50%;
    height: 0.6rem;
    width: 0.6rem;
}

.bsa-product-workspace__summary {
    border-bottom: 1px solid var(--bsa-border);
    border-top: 1px solid var(--bsa-border);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bsa-product-workspace__summary > section {
    display: grid;
    gap: 0.2rem;
    min-height: 8rem;
    padding: var(--bsa-space-5);
}

.bsa-product-workspace__summary > section + section {
    border-inline-start: 1px solid var(--bsa-border);
}

.bsa-product-workspace__summary p,
.bsa-product-workspace__summary span {
    color: var(--bsa-muted);
    font-size: 0.76rem;
    line-height: 1.45;
    margin: 0;
}

.bsa-product-workspace__summary p {
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bsa-product-workspace__summary strong {
    color: var(--bsa-ink);
    font-size: 1.7rem;
    font-weight: 620;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-top: auto;
}

.bsa-product-workspace__grid {
    align-items: start;
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
}

.bsa-product-workspace__actions {
    display: grid;
}

.bsa-product-workspace__actions > a {
    align-items: center;
    border-bottom: 1px solid var(--bsa-border);
    color: inherit;
    display: grid;
    gap: var(--bsa-space-2) var(--bsa-space-4);
    grid-template-columns: 1fr auto;
    padding: 1rem 0.35rem;
    text-decoration: none;
}

.bsa-product-workspace__actions > a:hover,
.bsa-product-workspace__actions > a:focus-visible {
    background: #f3f7e6;
}

.bsa-product-workspace__actions strong {
    color: var(--bsa-ink);
    font-size: 0.88rem;
    font-weight: 650;
}

.bsa-product-workspace__actions span {
    color: var(--bsa-muted);
    font-size: 0.8rem;
    grid-column: 1;
    line-height: 1.45;
}

.bsa-product-workspace__actions em {
    color: #617b25;
    font-size: 1.1rem;
    font-style: normal;
    grid-column: 2;
    grid-row: 1 / span 2;
}

@media (max-width: 900px) {
    .bsa-product-workspace__hero,
    .bsa-product-workspace__grid {
        grid-template-columns: 1fr;
    }

    .bsa-product-workspace__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bsa-product-workspace__summary > section:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--bsa-border);
    }

    .bsa-product-workspace__summary > section:nth-child(4) {
        border-top: 1px solid var(--bsa-border);
    }
}

@media (max-width: 560px) {
    .bsa-product-workspace__summary {
        grid-template-columns: 1fr;
    }

    .bsa-product-workspace__summary > section + section {
        border-inline-start: 0;
        border-top: 1px solid var(--bsa-border);
    }
}

.bsa-command-panel {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    padding: var(--bsa-space-5);
}

.bsa-command-panel__heading {
    border-bottom: 1px solid var(--bsa-border);
    margin-bottom: var(--bsa-space-3);
    padding-bottom: var(--bsa-space-4);
}

.bsa-command-panel h3 {
    color: var(--bsa-ink);
    font-size: 1.02rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin: var(--bsa-space-2) 0 0;
}

.bsa-content-status-list,
.bsa-check-list,
.bsa-activity-list,
.bsa-quick-actions {
    display: grid;
}

.bsa-content-status-row,
.bsa-check,
.bsa-activity-row,
.bsa-quick-actions > a {
    color: inherit;
    text-decoration: none;
}

.bsa-content-status-row {
    align-items: center;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-4);
    grid-template-columns: 1fr auto;
    min-height: 3.25rem;
    padding: var(--bsa-space-2) 0;
}

.bsa-content-status-row:hover,
.bsa-content-status-row:focus-visible,
.bsa-check:hover,
.bsa-check:focus-visible,
.bsa-activity-row:hover,
.bsa-activity-row:focus-visible,
.bsa-quick-actions > a:hover,
.bsa-quick-actions > a:focus-visible {
    background: #f3f7e6;
}

.bsa-content-status-row > span:first-child,
.bsa-activity-row strong,
.bsa-quick-actions strong {
    color: #28372d;
    font-size: 0.86rem;
    font-weight: 650;
}

.bsa-content-status-row__counts {
    align-items: center;
    display: flex;
    gap: var(--bsa-space-3);
}

.bsa-content-status-row__counts strong,
.bsa-content-status-row__counts em {
    font-size: 0.73rem;
    font-style: normal;
    font-weight: 650;
}

.bsa-content-status-row__counts strong {
    color: #466417;
}

.bsa-content-status-row__counts em {
    color: var(--bsa-muted);
}

.bsa-check {
    align-items: start;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-3);
    grid-template-columns: 0.6rem 1fr auto;
    padding: var(--bsa-space-4) 0;
}

.bsa-check__indicator {
    border-radius: 50%;
    height: 0.5rem;
    margin-top: 0.35rem;
    width: 0.5rem;
}

.bsa-check__indicator--ready {
    background: #6e941e;
}

.bsa-check__indicator--attention {
    background: #bd7a28;
}

.bsa-check strong,
.bsa-check small {
    display: block;
}

.bsa-check strong {
    color: #28372d;
    font-size: 0.84rem;
    font-weight: 650;
}

.bsa-check small,
.bsa-check em {
    color: var(--bsa-muted);
    font-size: 0.74rem;
    font-style: normal;
    line-height: 1.45;
}

.bsa-check small {
    margin-top: 0.25rem;
}

.bsa-check em {
    color: #466417;
    font-weight: 650;
    text-align: end;
}

.bsa-activity-row {
    align-items: baseline;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-3);
    grid-template-columns: 5.2rem minmax(0, 1fr) auto;
    padding: var(--bsa-space-3) 0;
}

.bsa-activity-row > span,
.bsa-activity-row time {
    color: var(--bsa-muted);
    font-size: 0.72rem;
}

.bsa-activity-row time {
    white-space: nowrap;
}

.bsa-quick-actions > a {
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: 0.2rem;
    padding: var(--bsa-space-4) 0;
}

.bsa-quick-actions > a span,
.bsa-command-panel__empty {
    color: var(--bsa-muted);
    font-size: 0.78rem;
    line-height: 1.5;
}

.bsa-command-panel__empty {
    margin: 0;
}

.bsa-editorial-desk {
    display: grid;
    gap: var(--bsa-space-5);
    padding-bottom: var(--bsa-space-8);
}

.bsa-editorial-desk__hero {
    align-items: end;
    border-bottom: 1px solid var(--bsa-border);
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
    padding-bottom: var(--bsa-space-5);
}

.bsa-editorial-desk__hero h2 {
    color: var(--bsa-ink);
    font-size: clamp(1.65rem, 2.7vw, 2.55rem);
    font-weight: 620;
    letter-spacing: -0.045em;
    line-height: 1.05;
    margin: var(--bsa-space-2) 0 0;
    max-width: 42rem;
}

.bsa-editorial-desk__hero > p {
    color: var(--bsa-muted);
    font-size: 0.92rem;
    line-height: 1.6;
    margin: 0;
    max-width: 29rem;
}

.bsa-editorial-metrics {
    border-bottom: 1px solid var(--bsa-border);
    border-top: 1px solid var(--bsa-border);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bsa-editorial-metric {
    display: grid;
    gap: 0.2rem;
    min-height: 8rem;
    padding: var(--bsa-space-5);
}

.bsa-editorial-metric + .bsa-editorial-metric {
    border-inline-start: 1px solid var(--bsa-border);
}

.bsa-editorial-metric p,
.bsa-editorial-metric span {
    color: var(--bsa-muted);
    font-size: 0.76rem;
    line-height: 1.45;
    margin: 0;
}

.bsa-editorial-metric p {
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bsa-editorial-metric strong {
    color: var(--bsa-ink);
    font-size: 2rem;
    font-weight: 620;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-top: auto;
}

.bsa-editorial-desk__grid {
    align-items: start;
    display: grid;
    gap: var(--bsa-space-5);
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
}

.bsa-editorial-desk__future-note {
    border-top: 1px solid var(--bsa-border);
    color: var(--bsa-muted);
    font-size: 0.76rem;
    line-height: 1.5;
    margin: 0;
    padding-top: var(--bsa-space-3);
}

.bsa-editorial-schedule {
    display: grid;
}

.bsa-editorial-schedule > a {
    border-bottom: 1px solid var(--bsa-border);
    color: inherit;
    display: grid;
    gap: 0.15rem;
    grid-template-columns: 5.1rem minmax(0, 1fr);
    padding: var(--bsa-space-3) 0;
    text-decoration: none;
}

.bsa-editorial-schedule > a:hover,
.bsa-editorial-schedule > a:focus-visible {
    background: #f3f7e6;
}

.bsa-editorial-schedule span,
.bsa-editorial-schedule small {
    color: var(--bsa-muted);
    font-size: 0.72rem;
}

.bsa-editorial-schedule strong {
    color: #28372d;
    font-size: 0.86rem;
    font-weight: 650;
}

.bsa-editorial-schedule small {
    grid-column: 2;
}

.bsa-editorial-content-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bsa-editorial-content-types > article {
    display: grid;
    gap: var(--bsa-space-4);
    min-height: 15rem;
    padding: var(--bsa-space-4);
}

.bsa-editorial-content-types > article + article {
    border-inline-start: 1px solid var(--bsa-border);
}

.bsa-editorial-content-types h4 {
    color: var(--bsa-ink);
    font-size: 1.02rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    margin: 0;
}

.bsa-editorial-content-types p {
    color: var(--bsa-muted);
    font-size: 0.8rem;
    line-height: 1.55;
    margin: var(--bsa-space-2) 0 0;
    max-width: 20rem;
}

.bsa-editorial-content-types dl {
    display: flex;
    gap: var(--bsa-space-5);
    margin: 0;
}

.bsa-editorial-content-types dl > div {
    display: grid;
    gap: 0.1rem;
}

.bsa-editorial-content-types dt {
    color: var(--bsa-muted);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.bsa-editorial-content-types dd {
    color: var(--bsa-ink);
    font-size: 1.1rem;
    font-weight: 650;
    margin: 0;
}

.bsa-editorial-content-types__actions {
    align-items: center;
    align-self: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--bsa-space-4);
}

.bsa-editorial-content-types__actions > a {
    color: #466417;
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
}

.bsa-editorial-content-types__actions > a:hover,
.bsa-editorial-content-types__actions > a:focus-visible {
    color: var(--bsa-ink);
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.bsa-content-status-row__counts .is-review {
    color: #806516;
}

.bsa-editorial-preview {
    background: var(--bsa-surface);
    border: 1px solid var(--bsa-border);
    border-radius: 0.375rem;
    margin-inline: auto;
    max-width: 54rem;
    overflow: hidden;
}

.bsa-editorial-preview__header,
.bsa-editorial-preview__body,
.bsa-editorial-preview__case-body,
.bsa-editorial-preview__related,
.bsa-editorial-preview__empty {
    margin-inline: auto;
    max-width: 42rem;
}

.bsa-editorial-preview__header {
    padding: clamp(2rem, 5vw, 4.5rem) clamp(1.25rem, 7vw, 5rem) clamp(1.5rem, 3vw, 2.5rem);
}

.bsa-editorial-preview__header h2 {
    color: var(--bsa-ink);
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 630;
    letter-spacing: -0.055em;
    line-height: 0.98;
    margin: var(--bsa-space-3) 0 0;
}

.bsa-editorial-preview__excerpt {
    color: #445248;
    font-size: 1.02rem;
    line-height: 1.65;
    margin: var(--bsa-space-5) 0 0;
    max-width: 38rem;
}

.bsa-editorial-preview__meta {
    border-top: 1px solid var(--bsa-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--bsa-space-5);
    margin: var(--bsa-space-6) 0 0;
    padding-top: var(--bsa-space-3);
}

.bsa-editorial-preview__meta > div {
    display: grid;
    gap: 0.1rem;
}

.bsa-editorial-preview__meta dt,
.bsa-editorial-preview__related .bsa-eyebrow {
    color: var(--bsa-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bsa-editorial-preview__meta dd {
    color: #344238;
    font-size: 0.82rem;
    margin: 0;
}

.bsa-editorial-preview__cover {
    border-block: 1px solid var(--bsa-border);
    display: block;
    height: auto;
    max-height: 33rem;
    object-fit: cover;
    width: 100%;
}

.bsa-editorial-preview__body,
.bsa-editorial-preview__case-body,
.bsa-editorial-preview__empty {
    padding: clamp(1.75rem, 5vw, 4rem) clamp(1.25rem, 7vw, 5rem);
}

.bsa-editorial-preview__body,
.bsa-editorial-preview__case-body {
    color: #334238;
    font-size: 1rem;
    line-height: 1.75;
}

.bsa-editorial-preview__body h2,
.bsa-editorial-preview__body h3,
.bsa-editorial-preview__case-body h3 {
    color: var(--bsa-ink);
    font-weight: 650;
    letter-spacing: -0.035em;
}

.bsa-editorial-preview__body h2,
.bsa-editorial-preview__case-body h3 {
    font-size: 1.45rem;
    line-height: 1.15;
    margin: 2.5rem 0 0.9rem;
}

.bsa-editorial-preview__body h2:first-child,
.bsa-editorial-preview__case-body section:first-child h3 {
    margin-top: 0;
}

.bsa-editorial-preview__body blockquote {
    border-inline-start: 3px solid var(--bsa-accent);
    color: #465447;
    font-size: 1.08rem;
    font-style: italic;
    margin: 1.75rem 0;
    padding-inline-start: var(--bsa-space-4);
}

.bsa-editorial-preview__case-body section + section {
    border-top: 1px solid var(--bsa-border);
    margin-top: var(--bsa-space-6);
    padding-top: var(--bsa-space-6);
}

.bsa-editorial-preview__related {
    background: #f0f4e3;
    border-top: 1px solid var(--bsa-border);
    padding: var(--bsa-space-5) clamp(1.25rem, 7vw, 5rem);
}

.bsa-editorial-preview__related .bsa-eyebrow {
    margin: 0;
}

.bsa-editorial-preview__related ul {
    display: grid;
    gap: var(--bsa-space-2);
    list-style: none;
    margin: var(--bsa-space-3) 0 0;
    padding: 0;
}

.bsa-editorial-preview__related li {
    color: #35453a;
    font-size: 0.9rem;
    font-weight: 600;
}

.bsa-editorial-preview__media {
    border-top: 1px solid var(--bsa-border);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bsa-editorial-preview__media img {
    aspect-ratio: 4 / 3;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.bsa-editorial-preview__cta {
    border-top: 1px solid var(--bsa-border);
    padding: var(--bsa-space-5) clamp(1.25rem, 7vw, 5rem);
}

.bsa-editorial-preview__cta a {
    background: var(--bsa-forest);
    color: #f7faed;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 650;
    padding: 0.75rem 1rem;
    text-decoration: none;
}

.bsa-editorial-preview__cta a:hover,
.bsa-editorial-preview__cta a:focus-visible {
    background: #2a4935;
}

.bsa-editorial-preview__empty {
    color: var(--bsa-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .fi-page-header-main-ctn {
        padding-block: 1.5rem 1rem;
    }

    .fi-simple-layout:has(.bsa-login-context) {
        display: flex;
    }

    .bsa-login-context {
        display: none;
    }

    .fi-simple-layout:has(.bsa-login-context) > .fi-simple-main-ctn {
        padding: 1.5rem;
    }

    .bsa-command-center__header,
    .bsa-command-center__grid,
    .bsa-command-center__grid--bottom,
    .bsa-editorial-desk__hero,
    .bsa-editorial-desk__grid {
        grid-template-columns: 1fr;
    }

    .bsa-command-center__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bsa-editorial-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bsa-summary-item:nth-child(odd) {
        border-inline-start: 0;
    }

    .bsa-summary-item:nth-child(n + 3) {
        border-top: 1px solid var(--bsa-border);
    }
}

@media (max-width: 639px) {
    .fi-page-header-main-ctn {
        gap: var(--bsa-space-3);
        padding-block: var(--bsa-space-5) var(--bsa-space-4);
    }

    .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-content,
    .bsa-command-panel {
        padding: var(--bsa-space-4);
    }

    .bsa-command-center__summary {
        grid-template-columns: 1fr;
    }

    .bsa-editorial-metrics,
    .bsa-editorial-content-types {
        grid-template-columns: 1fr;
    }

    .bsa-summary-item + .bsa-summary-item {
        border-inline-start: 0;
        border-top: 1px solid var(--bsa-border);
    }

    .bsa-editorial-metric + .bsa-editorial-metric,
    .bsa-editorial-content-types > article + article {
        border-inline-start: 0;
        border-top: 1px solid var(--bsa-border);
    }

    .bsa-editorial-metric,
    .bsa-editorial-content-types > article {
        min-height: 0;
    }

    .bsa-editorial-preview {
        border-inline: 0;
        border-radius: 0;
    }

    .bsa-editorial-preview__media {
        grid-template-columns: 1fr;
    }

    .bsa-summary-item {
        min-height: 0;
    }

    .bsa-content-status-row {
        align-items: start;
    }

    .bsa-content-status-row__counts {
        align-items: end;
        flex-direction: column;
        gap: 0.15rem;
    }

    .bsa-check {
        grid-template-columns: 0.6rem minmax(0, 1fr);
    }

    .bsa-check em {
        grid-column: 2;
        text-align: start;
    }

    .bsa-activity-row {
        grid-template-columns: 4.3rem minmax(0, 1fr);
    }

    .bsa-activity-row time {
        grid-column: 2;
    }
}
