/* Shared settings layouts use the available panel width, including in the drawer. */
.org-admin-settings-page {
    container: organization-settings / inline-size;
    min-width: 0;
}
.org-admin-settings-page .org-security-feedback { margin: 0 0 1rem; }

#forecast-versions .org-forecast-create-form {
    grid-template-columns: minmax(9rem, 12rem) minmax(5rem, 6rem) minmax(12rem, 16rem) minmax(10rem, 12rem) auto;
}
#forecast-versions .org-forecast-create-form.is-custom-fx {
    grid-template-columns: minmax(9rem, 12rem) minmax(5rem, 6rem) minmax(12rem, 16rem) auto;
}
#forecast-versions .org-forecast-create-form select {
    width: 100%;
    min-width: 0;
    min-height: var(--ff-control-height);
    border: 1px solid var(--ff-color-border-strong);
    border-radius: 6px;
    background: var(--ff-color-surface);
    color: var(--ff-color-text);
    padding: 0.36rem 0.5rem;
    font-size: 0.84rem;
}
#forecast-versions .org-forecast-create-form [hidden],
#org-forecast-fx-help [hidden] {
    display: none;
}
#forecast-versions .org-forecast-fx-link {
    font-size: 0.8rem;
    font-weight: 500;
}
#forecast-versions .org-forecast-fx-readiness,
#forecast-versions .org-forecast-fx-warning {
    font-size: 0.8rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
#forecast-versions .org-forecast-fx-readiness p,
#forecast-versions .org-forecast-fx-warning p {
    margin: 0.25rem 0;
}
#forecast-versions .org-forecast-fx-warning,
#forecast-versions .org-forecast-fx-readiness.is-incomplete {
    color: #92400e;
}
#forecast-versions .org-forecast-fx-readiness summary,
#forecast-versions .org-forecast-fx-warning summary {
    cursor: pointer;
}
#forecast-versions .org-forecast-fx-readiness[hidden],
#forecast-versions [data-forecast-fx-missing][hidden] { display: none; }
#forecast-versions .org-forecast-table-wrap {
    overflow-x: auto;
}
#forecast-versions .org-forecast-table {
    min-width: 36rem;
}
@media (max-width: 1000px) {
    #forecast-versions .org-forecast-create-form,
    #forecast-versions .org-forecast-create-form.is-custom-fx {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    #forecast-versions .org-forecast-create-form,
    #forecast-versions .org-forecast-create-form.is-custom-fx {
        grid-template-columns: minmax(0, 1fr);
    }
}

#forecast-versions .org-forecast-create-form > .org-admin-primary-btn,
#journal-approval .org-journal-approval-actions .org-admin-primary-btn {
    background: var(--ff-color-action);
    border-color: var(--ff-color-action);
    color: #ffffff;
}
#forecast-versions .org-forecast-create-form > .org-admin-primary-btn:is(:hover, :focus),
#journal-approval .org-journal-approval-actions .org-admin-primary-btn:is(:hover, :focus) {
    background: var(--ff-color-action-hover);
    border-color: var(--ff-color-action-hover);
}
#forecast-versions .org-forecast-fx-reference > span {
    color: var(--ff-color-muted);
}
#forecast-versions .org-forecast-fx-reference input {
    background: var(--ff-color-surface-strong);
    border-color: var(--ff-color-border-strong);
    color: var(--ff-color-muted-strong);
}
#forecast-versions .org-forecast-fx-reference input:focus {
    background: var(--ff-color-surface);
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
    color: var(--ff-color-text);
}

.org-security-notice.warning { border-color: #b45309; background: #fffbeb; color: #92400e; }
.org-security-notice.info { border-color: #2563eb; background: #eff6ff; color: #1e40af; }
.org-admin-settings-page :is(.org-admin-panel, .org-admin-section-grid, .org-admin-card, .org-admin-card-body) {
    min-width: 0;
}
#manage-subscription .org-billing-line-item {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
}
#manage-subscription .org-billing-plan-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
#manage-subscription .org-billing-action-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}
#manage-subscription .org-billing-ai-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) auto;
}
#manage-subscription .org-billing-line-action { flex-wrap: wrap; gap: 0.5rem; }
#manage-subscription .org-billing-line-action :is(.org-subscription-btn, .org-admin-primary-btn) {
    width: auto;
    min-width: min(9rem, 100%);
    max-width: 100%;
    min-height: 2.3rem;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.35;
    padding: 0.5rem 0.75rem;
}
#manage-subscription .org-billing-plan-actions { max-width: 100%; }
#manage-subscription .org-subscription-form { max-width: 100%; }
#manage-subscription .org-billing-user-pill { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.org-billing-empty-note { color: #64748b; font-size: 0.79rem; }
.org-admin-settings-page .org-api-summary > :first-child { min-width: 0; }
.org-admin-settings-page .org-api-summary > a { flex-shrink: 0; white-space: normal; text-align: center; }
.org-admin-settings-page .org-user-management-panel .org-users-table { min-width: 0; width: 100%; }
.org-admin-settings-page .org-user-management-panel col.org-col-email { width: auto; }
.org-admin-settings-page .org-user-management-panel col.org-col-role { width: 5.5rem; }
.org-admin-settings-page .org-user-management-panel col.org-col-actions { width: 4rem; }
.org-admin-settings-page .org-user-management-panel .org-email-cell { white-space: normal; overflow-wrap: anywhere; }
.navbar-settings-admin-content :is([data-billing-subscreen], .subscription-choice-shell) { min-width: 0; max-width: 100%; }
.billing-settings-page { box-sizing: border-box; container: billing-settings / inline-size; padding: 1.25rem; }
.billing-settings-card { box-sizing: border-box; width: 100%; max-width: 46rem; margin-inline: auto; padding: 1.25rem; border: 1px solid #d8dee8; border-radius: 9px; background: #fff; color: #111827; }
.billing-settings-kicker { color: #64748b; font-size: 0.74rem; font-weight: 600; }
.billing-settings-card h1 { margin: 0.4rem 0 0; font-size: 1.25rem; line-height: 1.4; }
.billing-settings-card > p { margin: 0.65rem 0 1.1rem; color: #475569; font-size: 0.87rem; line-height: 1.6; }
.billing-settings-card ul { padding-left: 1.2rem; margin-block: 1rem; color: #475569; font-size: 0.85rem; line-height: 1.6; }
.billing-settings-card li + li { margin-top: 0.5rem; }
.billing-settings-card .org-subscription-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin-top: 0.5rem; }
.billing-settings-card .org-subscription-action-row > * { box-sizing: border-box; max-width: 100%; white-space: normal; text-align: center; line-height: 1.4; }
.billing-settings-card .subscription-change-blocked-back { margin: 0; min-height: auto; border: 0; padding: 0.5rem 0; background: none; color: #1d4ed8; font-size: 0.82rem; font-weight: 500; }
.billing-settings-card .subscription-change-blocked-back:hover { background: none; color: #1e40af; text-decoration: underline; }
@media (max-width: 760px) {
    .navbar-settings-nav-group:has([aria-current="page"]) > summary { background: #e5e7eb; color: #111827; }
}
@container billing-settings (max-width: 30rem) {
    .billing-settings-card { padding: 1rem; }
    .billing-settings-card .org-security-field-grid { grid-template-columns: minmax(0, 1fr); }
    .billing-settings-card .org-subscription-action-row { align-items: stretch; flex-direction: column; }
}

@container organization-settings (max-width: 54rem) {
    #manage-subscription :is(.org-billing-line-item, .org-billing-plan-row, .org-billing-action-row, .org-billing-ai-row) {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
    }
    #manage-subscription :is(.org-billing-product, .org-billing-plan-status, .org-billing-line-action, .org-billing-ai-badges, .org-billing-line-status, .org-billing-line-quantity) {
        grid-column: 1;
    }
    #manage-subscription :is(.org-billing-ai-badges, .org-billing-line-status, .org-billing-line-quantity) { justify-content: flex-start; }
    #manage-subscription .org-billing-plan-status { justify-self: start; }
    #manage-subscription .org-billing-line-action { justify-content: flex-start; }
    #manage-subscription .org-billing-plan-actions { justify-items: start; width: auto; }
    .org-admin-settings-page .org-api-summary { flex-direction: column; align-items: flex-start; }
}
@container organization-settings (max-width: 30rem) {
    .org-admin-settings-page .org-user-management-panel :is(th, td) { padding-inline: 0.35rem; font-size: 0.76rem; }
    .org-admin-settings-page .org-user-management-panel col.org-col-role { width: 4.5rem; }
    .org-admin-settings-page .org-user-management-panel col.org-col-actions { width: 3.5rem; }
    .org-admin-settings-page .org-api-summary > a { width: 100%; box-sizing: border-box; }
    #manage-subscription .org-billing-line-action { width: 100%; }
    #manage-subscription .org-billing-line-action > :is(a, form),
    #manage-subscription .org-billing-plan-actions,
    #manage-subscription .org-billing-line-action .org-subscription-btn { width: 100%; }
    #manage-subscription .org-billing-ai-badges { gap: 0.5rem; }
    #manage-subscription .org-billing-info-badge { min-width: 0; max-width: 100%; text-align: left; }
}