/*!
 * School 360 v13.8 Native Runtime Migration
 *
 * Purpose:
 * - Keep project-specific School 360 UI phase/component styles available after
 *   final retirement of the former utility runtime.
 * - Native s360-ui-* classes remain the styling contract.
 * - Do not add utility-runtime dependencies or new priority overrides.
 */
@layer utilities{.s360-native-foundation{--school360-native-phase:"I-HOTFIX1";--school360-native-token-bridge:"active";--school360-native-component-layer:"active"}}
@layer components{.school360-dashboard-phase-d{--school360-native-phase:"I-HOTFIX1";--school360-dashboard-modernized:"true";background:radial-gradient(circle at top left, var(--s360-color-primary-soft,var(--s360-color-primary-soft)), transparent 34rem), linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 24rem)}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d{background:radial-gradient(circle at top left, color-mix(in srgb, var(--s360-color-primary-soft,var(--s360-color-primary-soft)) 60%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 74%, var(--s360-color-surface-raised) 26%) 0%, transparent 24rem)}}.school360-dashboard-phase-d{border-radius:var(--s360-radius-2xl,14px)}.school360-dashboard-phase-d .s360-ui-page-header{isolation:isolate;border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-page-header{border-color:color-mix(in srgb, var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border)) 70%, var(--s360-color-border-muted,var(--s360-color-border-muted)))}}.school360-dashboard-phase-d .s360-ui-page-header{background:radial-gradient(circle at 92% 8%, var(--s360-color-primary-soft,var(--s360-color-primary-soft)), transparent 18rem), linear-gradient(135deg, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%)}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-page-header{background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--s360-color-primary-soft,var(--s360-color-primary-soft)) 85%, transparent), transparent 18rem), linear-gradient(135deg, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%)}}.school360-dashboard-phase-d .s360-ui-page-header{box-shadow:var(--s360-shadow-accent,0 12px 30px #2563eb0f)}.school360-dashboard-phase-d .s360-ui-page-header:after{content:"";background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));border-radius:var(--s360-radius-pill);width:12rem;height:12rem;position:absolute;inset-block-start:-3rem;inset-inline-end:-3rem}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-page-header:after{background:color-mix(in srgb, var(--s360-color-primary-soft,var(--s360-color-primary-soft)) 74%, transparent)}}.school360-dashboard-phase-d .s360-ui-page-header:after{z-index:var(--s360-z-behind)}.school360-dashboard-phase-d .s360-ui-page-header__title{letter-spacing:-.02em}.school360-dashboard-phase-d .s360-ui-page-header__meta-item{border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));background:var(--s360-color-surface-raised,var(--s360-color-surface-raised))}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-page-header__meta-item{background:color-mix(in srgb, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 82%, var(--s360-color-primary-soft,var(--s360-color-primary-soft)) 18%)}}.school360-dashboard-phase-d .s360-admin-dashboard__workspace{container-type:inline-size}.school360-dashboard-phase-d .s360-ui-dashboard-panel,.school360-dashboard-phase-d .s360-ui-card{border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));background:var(--s360-color-surface-raised,var(--s360-color-surface-raised))}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-dashboard-panel,.school360-dashboard-phase-d .s360-ui-card{background:color-mix(in srgb, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 96%, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 4%)}}.school360-dashboard-phase-d .s360-ui-dashboard-panel,.school360-dashboard-phase-d .s360-ui-card{box-shadow:var(--s360-shadow-soft,0 8px 24px #0f172a0a)}.school360-dashboard-phase-d .s360-ui-card__header{border-bottom:1px solid var(--s360-color-border-subtle,var(--s360-color-border-subtle));padding-bottom:var(--s360-space-md,16px)}.school360-dashboard-phase-d .s360-ui-card__title{letter-spacing:-.01em}.school360-dashboard-phase-d .s360-admin-kpi-grid{gap:var(--s360-space-md,16px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.school360-dashboard-phase-d .s360-admin-kpi-grid--compact{gap:var(--s360-space-sm,12px);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.school360-dashboard-phase-d .s360-ui-stat-card,.school360-dashboard-phase-d a.s360-ui-stat-card{border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));background:linear-gradient(180deg, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 100%);min-height:112px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.school360-dashboard-phase-d .s360-ui-stat-card,.school360-dashboard-phase-d a.s360-ui-stat-card{background:linear-gradient(180deg, color-mix(in srgb, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 94%, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 6%) 0%, var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 100%)}}.school360-dashboard-phase-d .s360-ui-stat-card:before{content:"";background:var(--s360-color-primary,var(--s360-color-primary));opacity:.72;width:4px;position:absolute;inset-block:0;inset-inline-start:0}.school360-dashboard-phase-d .s360-ui-stat-card--warning:before{background:var(--s360-color-warning,#b26200)}.school360-dashboard-phase-d .s360-ui-stat-card--error:before,.school360-dashboard-phase-d .s360-ui-stat-card--critical:before{background:var(--s360-color-danger,#b32d2e)}.school360-dashboard-phase-d .s360-ui-stat-card--success:before,.school360-dashboard-phase-d .s360-ui-stat-card--approved:before{background:var(--s360-color-success,#00a32a)}.school360-dashboard-phase-d .s360-ui-stat-card--info:before{background:var(--s360-color-info-link,#175cd3)}.school360-dashboard-phase-d .s360-ui-stat-card__value{letter-spacing:-.035em}.school360-dashboard-phase-d .s360-ui-stat-card__action{color:var(--s360-color-primary,var(--s360-color-primary));margin-top:auto;font-weight:700}.school360-dashboard-phase-d .s360-admin-shortcuts{gap:var(--s360-space-xs,8px);display:grid}.school360-dashboard-phase-d .s360-admin-shortcut{border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));border-radius:var(--s360-radius-xl,12px);background:var(--s360-color-surface-muted,#fbfbfc);box-shadow:none}.school360-dashboard-phase-d .s360-admin-shortcut:hover,.school360-dashboard-phase-d .s360-admin-shortcut:focus-visible{border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));box-shadow:var(--s360-shadow-sm,0 1px 2px #0000000a)}.school360-dashboard-phase-d .s360-ui-table-wrap,.school360-dashboard-phase-d .s360-admin-dashboard-table{border-radius:var(--s360-radius-xl,12px);border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));background:var(--s360-color-surface-raised,var(--s360-color-surface-raised))}.school360-dashboard-phase-d .s360-admin-dashboard-table table th{background:var(--s360-color-surface-muted,#fbfbfc);color:var(--s360-color-text-muted,#646970);font-size:var(--s360-font-size-xs,12px);text-transform:uppercase;letter-spacing:.03em}.school360-dashboard-phase-d .s360-admin-panel__note{border-radius:var(--s360-radius-lg,10px);background:var(--s360-color-surface-muted,#fbfbfc);padding:var(--s360-space-sm,12px)}.school360-dashboard-phase-d .s360-admin-dashboard__school-switcher-select{min-height:var(--s360-control-height-md,40px)}@container (max-width:720px){.school360-dashboard-phase-d .s360-ui-card__header{flex-direction:column;align-items:stretch}.school360-dashboard-phase-d .s360-ui-card__toolbar,.school360-dashboard-phase-d .s360-ui-page-header__actions{justify-content:flex-start}}}
.school360-dashboard-phase-d .s360-admin-dashboard__workspace{display:block;container-type:normal;min-width:0}
.school360-dashboard-phase-d .s360-admin-dashboard__workspace>*{display:block;width:100%;min-width:0}
.school360-dashboard-phase-d .s360-admin-dashboard__workspace>*+*{margin-top:var(--s360-space-lg,24px)}
.school360-dashboard-phase-d .s360-admin-role-profile{width:100%;min-width:0}
.school360-dashboard-phase-d .s360-admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.school360-dashboard-phase-d .s360-admin-kpi-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.school360-dashboard-phase-d .s360-admin-dashboard__secondary{align-items:stretch}
.school360-dashboard-phase-d .s360-admin-dashboard__secondary>*{min-width:0}
@media (max-width: 1360px){.school360-dashboard-phase-d .s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-kpi-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 1080px){.school360-dashboard-phase-d .s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-kpi-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 782px){.school360-dashboard-phase-d .s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-kpi-grid--compact{grid-template-columns:1fr}}
.school360-dashboard-phase-d .s360-admin-dashboard__workspace>.s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-dashboard__workspace>.s360-ui-grid,.school360-dashboard-phase-d .s360-admin-dashboard__workspace>[data-s360-dashboard-widget="kpi_overview"],.school360-dashboard-phase-d .s360-admin-dashboard__workspace>[data-s360-dashboard-widget="today_operations"].s360-ui-grid,.school360-dashboard-phase-d .s360-admin-dashboard__workspace>[data-s360-dashboard-widget="finance_attendance"].s360-ui-grid{display:grid}
.school360-dashboard-phase-d .s360-admin-dashboard__workspace>.s360-ui-dashboard-panel,.school360-dashboard-phase-d .s360-admin-dashboard__workspace>.s360-ui-card{display:block}
.school360-dashboard-phase-d [data-s360-dashboard-widget="kpi_overview"].s360-admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.school360-dashboard-phase-d .s360-ui-stat-card,.school360-dashboard-phase-d a.s360-ui-stat-card{min-height:auto}
.school360-dashboard-phase-d .s360-admin-kpi-grid:not(.s360-admin-kpi-grid--compact) .s360-ui-stat-card{min-height:132px}
.school360-dashboard-phase-d .s360-ui-stat-card__label,.school360-dashboard-phase-d .s360-ui-stat-card__helper{overflow-wrap:normal;word-break:normal;hyphens:manual}
.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-admin-kpi-grid,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact{grid-template-columns:repeat(4,minmax(135px,1fr))}
.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-ui-stat-card,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact .s360-ui-stat-card{padding:var(--s360-space-14);min-height:118px}
.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-ui-stat-card__value,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact .s360-ui-stat-card__value{font-size:24px}
.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-ui-stat-card__label,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact .s360-ui-stat-card__label{font-size:12px;line-height:1.35}
.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-ui-stat-card__helper,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact .s360-ui-stat-card__helper{font-size:11px;line-height:1.45}
@media (max-width: 1360px){.school360-dashboard-phase-d [data-s360-dashboard-widget="kpi_overview"].s360-admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 1080px){.school360-dashboard-phase-d [data-s360-dashboard-widget="kpi_overview"].s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-admin-kpi-grid,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 782px){.school360-dashboard-phase-d [data-s360-dashboard-widget="kpi_overview"].s360-admin-kpi-grid,.school360-dashboard-phase-d .s360-admin-attendance-snapshot .s360-admin-kpi-grid,.school360-dashboard-phase-d [data-s360-dashboard-widget="today_operations"] .s360-admin-kpi-grid--compact{grid-template-columns:1fr}}
.s360-settings-phase-e{--school360-native-phase:"I-HOTFIX1";--school360-settings-modernized:"true"}
/* Phase F - Reports and Analytics UI modernization */
.s360-reports-phase-f,
.s360-analytics-phase-f,
.s360-reports-v2-phase-f{
    --school360-native-phase:"I-HOTFIX1";
    --school360-reports-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 30rem);
    border-radius:var(--s360-radius-2xl,16px);
    padding-bottom:48px;
}
.s360-reports-phase-f *,
.s360-analytics-phase-f *,
.s360-reports-v2-phase-f *{box-sizing:border-box}
.s360-reports-phase-f h1,
.s360-reports-phase-f h2,
.s360-reports-phase-f h3,
.s360-analytics-phase-f h1,
.s360-analytics-phase-f h2,
.s360-analytics-phase-f h3,
.s360-reports-v2-phase-f h1,
.s360-reports-v2-phase-f h2,
.s360-reports-v2-phase-f h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-reports-phase-f .s360-reports-hero,
.s360-analytics-phase-f .s360-analytics-hero,
.s360-reports-v2-phase-f > h1:first-child{
    position:relative;
}
.s360-reports-phase-f .s360-reports-hero,
.s360-analytics-phase-f .s360-analytics-hero{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);
    gap:var(--s360-space-20);
    align-items:start;
    margin:0 0 22px;
    padding:var(--s360-space-lg);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.10), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
    overflow:hidden;
}
.s360-reports-phase-f .s360-reports-hero h1,
.s360-analytics-phase-f .s360-analytics-hero h1,
.s360-reports-v2-phase-f > h1:first-child{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.15;
    font-weight:800;
}
.s360-reports-phase-f .s360-reports-hero p,
.s360-analytics-phase-f .s360-analytics-hero p,
.s360-reports-v2-phase-f > p:first-of-type{
    max-width:760px;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.65;
}
.s360-reports-phase-f .s360-reports-hero__meta,
.s360-analytics-phase-f .s360-report-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:9px;
}
.s360-reports-phase-f .s360-reports-hero__meta span,
.s360-analytics-phase-f .s360-report-meta span,
.s360-reports-phase-f .s360-report-chip,
.s360-analytics-phase-f .s360-report-chip{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:700;
}
.s360-reports-phase-f .s360-chip-ok,
.s360-analytics-phase-f .s360-chip-ok{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-reports-phase-f .s360-chip-muted,
.s360-analytics-phase-f .s360-chip-muted{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
}
.s360-reports-phase-f .s360-ui-card,
.s360-analytics-phase-f .s360-ui-card,
.s360-reports-v2-phase-f .s360-ui-card,
.s360-reports-v2-phase-f form,
.s360-reports-v2-phase-f .widefat{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-reports-phase-f .s360-ui-card,
.s360-analytics-phase-f .s360-ui-card{
    padding:var(--s360-space-22);
}
.s360-reports-v2-phase-f form{
    padding:var(--s360-space-22);
    margin:16px 0 24px;
}
.s360-reports-phase-f .s360-ui-grid,
.s360-analytics-phase-f .s360-ui-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-reports-phase-f .s360-report-kpi-grid,
.s360-analytics-phase-f .s360-analytics-kpis,
.s360-analytics-phase-f .s360-analytics-quality-grid,
.s360-analytics-phase-f .s360-analytics-risk-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-reports-phase-f .s360-report-exec-grid,
.s360-reports-phase-f .s360-report-insight-grid,
.s360-analytics-phase-f .s360-two-col,
.s360-analytics-phase-f .s360-analytics-chart-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s360-space-18);
}
.s360-reports-phase-f .s360-report-kpi-panel,
.s360-analytics-phase-f .s360-analytics-kpi{
    position:relative;
    min-height:126px;
    overflow:hidden;
}
.s360-reports-phase-f .s360-report-kpi-panel::before,
.s360-analytics-phase-f .s360-analytics-kpi::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:var(--s360-color-primary,var(--s360-color-primary));
    opacity:.76;
}
.s360-reports-phase-f .s360-stat-number,
.s360-analytics-phase-f .s360-ui-stat-card__value{
    margin:0 0 8px;
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:30px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.035em;
}
.s360-reports-phase-f .s360-stat-label,
.s360-analytics-phase-f .s360-ui-stat-card__label,
.s360-analytics-phase-f .s360-analytics-subtle-label{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:13px;
    font-weight:800;
}
.s360-reports-phase-f .s360-subtle-note,
.s360-reports-phase-f .description,
.s360-analytics-phase-f .description,
.s360-analytics-phase-f .s360-analytics-chart-empty,
.s360-analytics-phase-f .s360-analytics-chart-fallback{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-reports-phase-f .s360-report-nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-reports-phase-f .s360-ui-action-card{
    display:flex;
    flex-direction:column;
    gap:var(--s360-space-xs);
    min-height:112px;
    text-decoration:none;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.s360-reports-phase-f .s360-ui-action-card:hover,
.s360-reports-phase-f .s360-ui-action-card:focus-visible{
    transform:translateY(-1px);
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-floating,0 14px 34px rgba(15,23,42,.10));
    outline:none;
}
.s360-reports-phase-f .s360-report-filter-panel,
.s360-analytics-phase-f .s360-analytics-filter-panel{
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
}
.s360-reports-phase-f .s360-report-filter-grid,
.s360-analytics-phase-f .s360-analytics-filter-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(180px,1fr));
    gap:var(--s360-space-14);
    align-items:end;
}
.s360-analytics-phase-f .s360-analytics-filter-shell{
    display:grid;
    gap:var(--s360-space-14);
}
.s360-reports-phase-f label,
.s360-analytics-phase-f label,
.s360-reports-v2-phase-f label,
.s360-analytics-phase-f .s360-analytics-filter-label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-reports-phase-f input[type="text"],
.s360-reports-phase-f input[type="date"],
.s360-reports-phase-f input[type="number"],
.s360-reports-phase-f select,
.s360-reports-phase-f textarea,
.s360-analytics-phase-f input[type="text"],
.s360-analytics-phase-f input[type="date"],
.s360-analytics-phase-f input[type="number"],
.s360-analytics-phase-f select,
.s360-analytics-phase-f textarea,
.s360-reports-v2-phase-f input[type="text"],
.s360-reports-v2-phase-f select,
.s360-reports-v2-phase-f textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease;
}
.s360-reports-phase-f input:focus,
.s360-reports-phase-f select:focus,
.s360-reports-phase-f textarea:focus,
.s360-analytics-phase-f input:focus,
.s360-analytics-phase-f select:focus,
.s360-analytics-phase-f textarea:focus,
.s360-reports-v2-phase-f input:focus,
.s360-reports-v2-phase-f select:focus,
.s360-reports-v2-phase-f textarea:focus{
    border-color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    outline:none;
}
.s360-reports-phase-f .s360-report-filter-actions,
.s360-analytics-phase-f .s360-analytics-filter-actions,
.s360-analytics-phase-f .s360-analytics-export-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    align-items:center;
}
.s360-reports-phase-f .button,
.s360-analytics-phase-f .button,
.s360-reports-v2-phase-f .button{
    border-radius:var(--s360-radius-xl);
    min-height:38px;
    padding:4px 14px;
    font-weight:700;
}
.s360-reports-phase-f .button.button-primary,
.s360-analytics-phase-f .button.button-primary,
.s360-reports-v2-phase-f .button.button-primary{
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-reports-phase-f .s360-overflow-x,
.s360-reports-phase-f .s360-ui-table-wrap,
.s360-analytics-phase-f .s360-ui-table-wrap,
.s360-reports-v2-phase-f .widefat{
    overflow:auto;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-reports-phase-f table.widefat,
.s360-analytics-phase-f table.widefat,
.s360-reports-v2-phase-f table.widefat{
    margin:0 0 22px;
    border:0;
    border-radius:var(--s360-radius-3xl);
    overflow:hidden;
}
.s360-reports-phase-f table.widefat th,
.s360-analytics-phase-f table.widefat th,
.s360-reports-v2-phase-f table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-reports-phase-f table.widefat td,
.s360-analytics-phase-f table.widefat td,
.s360-reports-v2-phase-f table.widefat td{
    vertical-align:top;
}
.s360-analytics-phase-f .s360-analytics-chart-panel{
    min-height:340px;
}
.s360-analytics-phase-f .s360-analytics-chart-wrap{
    min-height:260px;
    border:1px dashed var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
    overflow:hidden;
}
.s360-analytics-phase-f .s360-analytics-chart-empty,
.s360-analytics-phase-f .s360-analytics-chart-fallback,
.s360-reports-phase-f .s360-report-empty-state{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:160px;
    padding:var(--s360-space-22);
    border:1px dashed var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    text-align:center;
}
.s360-reports-phase-f .s360-report-qa-grid,
.s360-reports-phase-f .s360-report-readiness-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--s360-space-14);
}
.s360-reports-phase-f .s360-report-qa-item,
.s360-reports-phase-f .s360-report-readiness-item{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    padding:var(--s360-space-14);
}
.s360-reports-v2-phase-f > h1:first-child,
.s360-reports-v2-phase-f > p:first-of-type{
    max-width:900px;
}
.s360-reports-v2-phase-f > h2{
    margin-top:var(--s360-space-28);
}
.s360-reports-v2-phase-f .form-table th{
    width:220px;
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
}
.s360-reports-v2-phase-f .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    margin:16px 0;
}
@media (max-width: 1360px){
    .s360-reports-phase-f .s360-report-kpi-grid,
    .s360-analytics-phase-f .s360-analytics-kpis,
    .s360-analytics-phase-f .s360-analytics-quality-grid,
    .s360-analytics-phase-f .s360-analytics-risk-summary,
    .s360-reports-phase-f .s360-report-nav{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .s360-reports-phase-f .s360-report-filter-grid,
    .s360-analytics-phase-f .s360-analytics-filter-grid{
        grid-template-columns:repeat(3,minmax(180px,1fr));
    }
}
@media (max-width: 1080px){
    .s360-reports-phase-f .s360-reports-hero,
    .s360-analytics-phase-f .s360-analytics-hero,
    .s360-reports-phase-f .s360-report-exec-grid,
    .s360-reports-phase-f .s360-report-insight-grid,
    .s360-analytics-phase-f .s360-two-col,
    .s360-analytics-phase-f .s360-analytics-chart-grid{
        grid-template-columns:1fr;
    }
    .s360-reports-phase-f .s360-reports-hero__meta,
    .s360-analytics-phase-f .s360-report-meta{
        justify-content:flex-start;
    }
    .s360-reports-phase-f .s360-report-kpi-grid,
    .s360-analytics-phase-f .s360-analytics-kpis,
    .s360-analytics-phase-f .s360-analytics-quality-grid,
    .s360-analytics-phase-f .s360-analytics-risk-summary,
    .s360-reports-phase-f .s360-report-nav,
    .s360-reports-phase-f .s360-report-filter-grid,
    .s360-analytics-phase-f .s360-analytics-filter-grid,
    .s360-reports-phase-f .s360-report-qa-grid,
    .s360-reports-phase-f .s360-report-readiness-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width: 782px){
    .s360-reports-phase-f,
    .s360-analytics-phase-f,
    .s360-reports-v2-phase-f{
        padding-right:var(--s360-space-10);
    }
    .s360-reports-phase-f .s360-reports-hero,
    .s360-analytics-phase-f .s360-analytics-hero,
    .s360-reports-phase-f .s360-ui-card,
    .s360-analytics-phase-f .s360-ui-card,
    .s360-reports-v2-phase-f form{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-reports-phase-f .s360-report-kpi-grid,
    .s360-analytics-phase-f .s360-analytics-kpis,
    .s360-analytics-phase-f .s360-analytics-quality-grid,
    .s360-analytics-phase-f .s360-analytics-risk-summary,
    .s360-reports-phase-f .s360-report-nav,
    .s360-reports-phase-f .s360-report-filter-grid,
    .s360-analytics-phase-f .s360-analytics-filter-grid,
    .s360-reports-phase-f .s360-report-qa-grid,
    .s360-reports-phase-f .s360-report-readiness-grid{
        grid-template-columns:1fr;
    }
    .s360-reports-phase-f .s360-report-filter-actions,
    .s360-analytics-phase-f .s360-analytics-filter-actions,
    .s360-analytics-phase-f .s360-analytics-export-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .s360-reports-phase-f .button,
    .s360-analytics-phase-f .button,
    .s360-reports-v2-phase-f .button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-reports-v2-phase-f .form-table th,
    .s360-reports-v2-phase-f .form-table td{
        display:block;
        width:100%;
        padding-left:0;
    }
}
/* Phase G - Admissions and Custom Fields UI modernization */
.s360-admissions-phase-g,
.s360-custom-fields-phase-g{
    --school360-native-phase:"I-HOTFIX1";
    --school360-admissions-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 34rem);
    border-radius:var(--s360-radius-2xl,16px);
    padding-bottom:48px;
}
.s360-admissions-phase-g *,
.s360-custom-fields-phase-g *{box-sizing:border-box}
.s360-admissions-phase-g h1,
.s360-admissions-phase-g h2,
.s360-admissions-phase-g h3,
.s360-custom-fields-phase-g h1,
.s360-custom-fields-phase-g h2,
.s360-custom-fields-phase-g h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-admissions-phase-g .description,
.s360-custom-fields-phase-g .description,
.s360-admissions-phase-g .s360-subtle-note,
.s360-custom-fields-phase-g .s360-subtle-note,
.s360-admissions-phase-g .s360-help,
.s360-custom-fields-phase-g .s360-help{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-admissions-phase-g .s360-ui-page-header,
.s360-custom-fields-phase-g .s360-ui-page-header{
    position:relative;
    overflow:hidden;
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.10), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-admissions-phase-g .s360-ui-page-header__title,
.s360-custom-fields-phase-g .s360-ui-page-header__title{
    font-size:30px;
    line-height:1.15;
    font-weight:850;
}
.s360-admissions-phase-g .s360-ui-page-header__meta-item,
.s360-custom-fields-phase-g .s360-ui-page-header__meta-item{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-weight:700;
}
.s360-admissions-phase-g .s360-ui-action-bar,
.s360-custom-fields-phase-g .s360-ui-action-bar,
.s360-admissions-phase-g .s360-admissions-action-bar,
.s360-custom-fields-phase-g .s360-custom-fields-actionbar{
    border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:20px;
    background:color-mix(in srgb,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 88%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 12%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-admissions-phase-g .s360-ui-tabs,
.s360-custom-fields-phase-g .s360-ui-tabs,
.s360-admissions-phase-g .nav-tab-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    margin:0 0 20px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-admissions-phase-g .s360-ui-tabs__tab,
.s360-custom-fields-phase-g .s360-ui-tabs__tab,
.s360-admissions-phase-g .nav-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.s360-admissions-phase-g .s360-ui-tabs__tab:hover,
.s360-custom-fields-phase-g .s360-ui-tabs__tab:hover,
.s360-admissions-phase-g .nav-tab:hover,
.s360-admissions-phase-g .s360-ui-tabs__tab:focus-visible,
.s360-custom-fields-phase-g .s360-ui-tabs__tab:focus-visible,
.s360-admissions-phase-g .nav-tab:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    outline:none;
    transform:translateY(-1px);
}
.s360-admissions-phase-g .s360-ui-tabs__tab.is-active,
.s360-custom-fields-phase-g .s360-ui-tabs__tab.is-active,
.s360-admissions-phase-g .nav-tab-active{
    background:var(--s360-color-primary,var(--s360-color-primary));
    border-color:var(--s360-color-primary,var(--s360-color-primary));
    color:var(--s360-color-surface-raised);
    box-shadow:var(--s360-shadow-md,0 8px 20px rgba(34,113,177,.18));
}
.s360-admissions-phase-g .s360-ui-card,
.s360-custom-fields-phase-g .s360-ui-card,
.s360-admissions-phase-g .s360-ui-card,
.s360-custom-fields-phase-g .s360-ui-card,
.s360-admissions-phase-g .s360-parent-panel,
.s360-custom-fields-phase-g .s360-builder-panel,
.s360-custom-fields-phase-g .s360-ui-toggle,
.s360-custom-fields-phase-g .s360-ui-card--custom-field,
.s360-custom-fields-phase-g .s360-layout-lane,
.s360-custom-fields-phase-g .s360-cf-live-preview__surface,
.s360-custom-fields-phase-g .s360-ui-card[data-s360-custom-field-card="conditional-builder"],
.s360-custom-fields-phase-g .s360-conditional-debug-panel{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-admissions-phase-g .s360-ui-card,
.s360-custom-fields-phase-g .s360-ui-card,
.s360-admissions-phase-g .s360-parent-panel{
    padding:var(--s360-space-22);
}
.s360-admissions-phase-g .s360-ui-stat-card,
.s360-admissions-phase-g .s360-ui-card--summary,
.s360-custom-fields-phase-g .s360-library-insight-panel,
.s360-custom-fields-phase-g .s360-cf-stat,
.s360-custom-fields-phase-g .s360-ui-stat-card,
.s360-custom-fields-phase-g .s360-layout-board-summary__panel,
.s360-custom-fields-phase-g .s360-cf-mini-stat,
.s360-custom-fields-phase-g .s360-ui-stat-card{
    position:relative;
    min-height:112px;
    overflow:hidden;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    padding:var(--s360-space-md);
}
.s360-admissions-phase-g .s360-ui-stat-card::before,
.s360-admissions-phase-g .s360-ui-card--summary::before,
.s360-custom-fields-phase-g .s360-library-insight-panel::before,
.s360-custom-fields-phase-g .s360-cf-stat::before,
.s360-custom-fields-phase-g .s360-ui-stat-card::before,
.s360-custom-fields-phase-g .s360-layout-board-summary__panel::before,
.s360-custom-fields-phase-g .s360-cf-mini-stat::before,
.s360-custom-fields-phase-g .s360-ui-stat-card::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:var(--s360-color-primary,var(--s360-color-primary));
    opacity:.76;
}
.s360-admissions-phase-g .s360-stat-number,
.s360-admissions-phase-g .s360-stat-strong,
.s360-custom-fields-phase-g .s360-cf-stat__number,
.s360-custom-fields-phase-g .s360-library-insight-panel strong,
.s360-custom-fields-phase-g .s360-layout-board-summary__panel strong,
.s360-custom-fields-phase-g .s360-ui-stat-card strong{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:28px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.035em;
}
.s360-admissions-phase-g .s360-ui-grid,
.s360-custom-fields-phase-g .s360-ui-grid,
.s360-admissions-phase-g .s360-grid,
.s360-custom-fields-phase-g .s360-grid,
.s360-admissions-phase-g .s360-summary-grid,
.s360-custom-fields-phase-g .s360-library-insights__grid,
.s360-custom-fields-phase-g .s360-kpi-grid,
.s360-custom-fields-phase-g .s360-dashboard-metrics-grid,
.s360-custom-fields-phase-g .s360-layout-board-summary,
.s360-custom-fields-phase-g .s360-form-grid,
.s360-admissions-phase-g .s360-admissions-qa-grid,
.s360-custom-fields-phase-g .s360-flag-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-admissions-phase-g .s360-ui-grid--summary,
.s360-admissions-phase-g .s360-grid-4,
.s360-admissions-phase-g .s360-grid-4-stat,
.s360-custom-fields-phase-g .s360-library-insights__grid,
.s360-custom-fields-phase-g .s360-kpi-grid,
.s360-custom-fields-phase-g .s360-dashboard-metrics-grid,
.s360-custom-fields-phase-g .s360-layout-board-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-admissions-phase-g .s360-two-col,
.s360-custom-fields-phase-g .s360-two-col,
.s360-custom-fields-phase-g .s360-form-grid-2,
.s360-custom-fields-phase-g .s360-custom-fields-layout,
.s360-custom-fields-phase-g .s360-custom-fields-audit-grid,
.s360-admissions-phase-g .s360-admissions-actions-layout,
.s360-custom-fields-phase-g .s360-conditional-action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s360-space-18);
}
.s360-admissions-phase-g .s360-three-col,
.s360-custom-fields-phase-g .s360-form-grid-3,
.s360-admissions-phase-g .s360-admissions-command-grid,
.s360-custom-fields-phase-g .s360-flag-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--s360-space-18);
}
.s360-admissions-phase-g .s360-filter-bar,
.s360-custom-fields-phase-g .s360-field-toolbar,
.s360-custom-fields-phase-g .s360-cf-library-toolbar,
.s360-custom-fields-phase-g .s360-template-toolbar,
.s360-custom-fields-phase-g .s360-layout-board-toolbar,
.s360-custom-fields-phase-g .s360-layout-board-toolbar-secondary,
.s360-custom-fields-phase-g .s360-library-selection-bar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-sm);
    padding:var(--s360-space-14);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-admissions-phase-g label,
.s360-custom-fields-phase-g label,
.s360-admissions-phase-g .s360-form-label,
.s360-custom-fields-phase-g .s360-form-label,
.s360-custom-fields-phase-g .s360-preview-label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-admissions-phase-g input[type="text"],
.s360-admissions-phase-g input[type="email"],
.s360-admissions-phase-g input[type="url"],
.s360-admissions-phase-g input[type="number"],
.s360-admissions-phase-g input[type="date"],
.s360-admissions-phase-g input[type="search"],
.s360-admissions-phase-g select,
.s360-admissions-phase-g textarea,
.s360-custom-fields-phase-g input[type="text"],
.s360-custom-fields-phase-g input[type="email"],
.s360-custom-fields-phase-g input[type="url"],
.s360-custom-fields-phase-g input[type="number"],
.s360-custom-fields-phase-g input[type="date"],
.s360-custom-fields-phase-g input[type="search"],
.s360-custom-fields-phase-g select,
.s360-custom-fields-phase-g textarea,
.s360-custom-fields-phase-g .s360-preview-input,
.s360-custom-fields-phase-g .s360-cf-live-preview__control{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-admissions-phase-g textarea,
.s360-custom-fields-phase-g textarea{min-height:96px;padding-top:var(--s360-space-10)}
.s360-admissions-phase-g input:focus,
.s360-admissions-phase-g select:focus,
.s360-admissions-phase-g textarea:focus,
.s360-custom-fields-phase-g input:focus,
.s360-custom-fields-phase-g select:focus,
.s360-custom-fields-phase-g textarea:focus{
    border-color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    outline:none;
}
.s360-admissions-phase-g .button,
.s360-custom-fields-phase-g .button,
.s360-admissions-phase-g .s360-ui-button,
.s360-custom-fields-phase-g .s360-ui-button{
    border-radius:var(--s360-radius-xl);
    min-height:38px;
    padding:4px 14px;
    font-weight:700;
}
.s360-admissions-phase-g .button.button-primary,
.s360-custom-fields-phase-g .button.button-primary,
.s360-admissions-phase-g .s360-ui-button--primary,
.s360-custom-fields-phase-g .s360-ui-button--primary{
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-admissions-phase-g .notice,
.s360-custom-fields-phase-g .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-admissions-phase-g .s360-badge,
.s360-custom-fields-phase-g .s360-badge,
.s360-admissions-phase-g .s360-badge,
.s360-custom-fields-phase-g .s360-badge,
.s360-admissions-phase-g .s360-admissions-status-chip,
.s360-custom-fields-phase-g .s360-status-chip,
.s360-custom-fields-phase-g .s360-status-pill{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-admissions-phase-g .s360-badge--success,
.s360-custom-fields-phase-g .s360-badge--success,
.s360-admissions-phase-g .s360-badge-success,
.s360-custom-fields-phase-g .s360-badge-success,
.s360-custom-fields-phase-g .is-success{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-admissions-phase-g .s360-badge--warning,
.s360-custom-fields-phase-g .s360-badge--warning,
.s360-admissions-phase-g .s360-badge-warning,
.s360-custom-fields-phase-g .s360-badge-warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-admissions-phase-g .s360-badge--info,
.s360-custom-fields-phase-g .s360-badge--info,
.s360-admissions-phase-g .s360-badge-info,
.s360-custom-fields-phase-g .s360-badge-info{
    background:var(--s360-color-info-bg,var(--s360-color-info-bg));
    border-color:var(--s360-color-border-info,var(--s360-color-border-info));
    color:var(--s360-color-info-strong,#1e3a8a);
}
.s360-admissions-phase-g .widefat,
.s360-custom-fields-phase-g .widefat,
.s360-admissions-phase-g .s360-ui-table-wrap,
.s360-custom-fields-phase-g .s360-ui-table-wrap,
.s360-custom-fields-phase-g .s360-table-wrap{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-admissions-phase-g table.widefat,
.s360-custom-fields-phase-g table.widefat{
    margin:0 0 20px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-admissions-phase-g table.widefat th,
.s360-custom-fields-phase-g table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-admissions-phase-g table.widefat td,
.s360-custom-fields-phase-g table.widefat td{
    vertical-align:top;
}
.s360-custom-fields-phase-g .s360-ui-card--custom-field{
    padding:var(--s360-space-18);
    margin-bottom:var(--s360-space-md);
}
.s360-custom-fields-phase-g .s360-custom-field-panel__top,
.s360-custom-fields-phase-g .s360-custom-field-panel__header,
.s360-custom-fields-phase-g .s360-custom-field-panel__actions,
.s360-custom-fields-phase-g .s360-builder-actions,
.s360-admissions-phase-g .s360-review-action-buttons,
.s360-admissions-phase-g .s360-admissions-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    align-items:center;
}
.s360-custom-fields-phase-g .s360-custom-field-panel__top,
.s360-custom-fields-phase-g .s360-custom-field-panel__header{
    justify-content:space-between;
}
.s360-custom-fields-phase-g .s360-quick-edit-drawer__dialog,
.s360-custom-fields-phase-g .s360-builder-modal__dialog{
    border-radius:22px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-floating,0 18px 48px rgba(15,23,42,.16));
}
.s360-custom-fields-phase-g .s360-builder-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-xs);
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-custom-fields-phase-g .s360-builder-tab{
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    padding:8px 12px;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-weight:750;
}
.s360-custom-fields-phase-g .s360-builder-tab.is-active{
    background:var(--s360-color-primary,var(--s360-color-primary));
    color:var(--s360-color-surface-raised);
}
.s360-custom-fields-phase-g .s360-layout-board{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--s360-space-md);
}
.s360-custom-fields-phase-g .s360-layout-lane{
    padding:var(--s360-space-14);
}
.s360-custom-fields-phase-g .s360-layout-lane__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--s360-space-10);
    margin-bottom:var(--s360-space-sm);
}
.s360-custom-fields-phase-g .s360-layout-lane__dropzone{
    display:grid;
    gap:var(--s360-space-sm);
    min-height:140px;
    padding:var(--s360-space-sm);
    border:1px dashed var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-custom-fields-phase-g .s360-cf-builder-hero,
.s360-custom-fields-phase-g .s360-custom-fields-hero{
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.10), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-custom-fields-phase-g .s360-cf-builder-hero__meta,
.s360-custom-fields-phase-g .s360-custom-fields-hero__stats{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
}
.s360-custom-fields-phase-g .s360-conditional-rule-row{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    padding:var(--s360-space-14);
}
.s360-custom-fields-phase-g .s360-conditional-rule-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--s360-space-sm);
}
@media (max-width: 1360px){
    .s360-admissions-phase-g .s360-ui-grid--summary,
    .s360-admissions-phase-g .s360-grid-4,
    .s360-admissions-phase-g .s360-grid-4-stat,
    .s360-custom-fields-phase-g .s360-library-insights__grid,
    .s360-custom-fields-phase-g .s360-kpi-grid,
    .s360-custom-fields-phase-g .s360-dashboard-metrics-grid,
    .s360-custom-fields-phase-g .s360-layout-board-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 1080px){
    .s360-admissions-phase-g .s360-ui-grid--summary,
    .s360-admissions-phase-g .s360-grid-4,
    .s360-admissions-phase-g .s360-grid-4-stat,
    .s360-custom-fields-phase-g .s360-library-insights__grid,
    .s360-custom-fields-phase-g .s360-kpi-grid,
    .s360-custom-fields-phase-g .s360-dashboard-metrics-grid,
    .s360-custom-fields-phase-g .s360-layout-board-summary,
    .s360-admissions-phase-g .s360-three-col,
    .s360-custom-fields-phase-g .s360-form-grid-3,
    .s360-admissions-phase-g .s360-admissions-command-grid,
    .s360-custom-fields-phase-g .s360-flag-grid-3,
    .s360-custom-fields-phase-g .s360-layout-board{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .s360-admissions-phase-g .s360-two-col,
    .s360-custom-fields-phase-g .s360-two-col,
    .s360-custom-fields-phase-g .s360-form-grid-2,
    .s360-custom-fields-phase-g .s360-custom-fields-layout,
    .s360-custom-fields-phase-g .s360-custom-fields-audit-grid,
    .s360-admissions-phase-g .s360-admissions-actions-layout,
    .s360-custom-fields-phase-g .s360-conditional-action-grid{
        grid-template-columns:1fr;
    }
}
@media (max-width: 782px){
    .s360-admissions-phase-g,
    .s360-custom-fields-phase-g{
        padding-right:var(--s360-space-10);
    }
    .s360-admissions-phase-g .s360-ui-page-header,
    .s360-custom-fields-phase-g .s360-ui-page-header,
    .s360-admissions-phase-g .s360-ui-card,
    .s360-custom-fields-phase-g .s360-ui-card{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-admissions-phase-g .s360-ui-grid--summary,
    .s360-admissions-phase-g .s360-grid-4,
    .s360-admissions-phase-g .s360-grid-4-stat,
    .s360-custom-fields-phase-g .s360-library-insights__grid,
    .s360-custom-fields-phase-g .s360-kpi-grid,
    .s360-custom-fields-phase-g .s360-dashboard-metrics-grid,
    .s360-custom-fields-phase-g .s360-layout-board-summary,
    .s360-admissions-phase-g .s360-three-col,
    .s360-custom-fields-phase-g .s360-form-grid-3,
    .s360-admissions-phase-g .s360-admissions-command-grid,
    .s360-custom-fields-phase-g .s360-flag-grid-3,
    .s360-custom-fields-phase-g .s360-layout-board,
    .s360-custom-fields-phase-g .s360-conditional-rule-grid{
        grid-template-columns:1fr;
    }
    .s360-admissions-phase-g .button,
    .s360-custom-fields-phase-g .button,
    .s360-admissions-phase-g .s360-ui-button,
    .s360-custom-fields-phase-g .s360-ui-button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-admissions-phase-g .s360-filter-bar,
    .s360-custom-fields-phase-g .s360-field-toolbar,
    .s360-custom-fields-phase-g .s360-cf-library-toolbar,
    .s360-custom-fields-phase-g .s360-template-toolbar,
    .s360-custom-fields-phase-g .s360-layout-board-toolbar,
    .s360-custom-fields-phase-g .s360-layout-board-toolbar-secondary,
    .s360-custom-fields-phase-g .s360-library-selection-bar{
        align-items:stretch;
        flex-direction:column;
    }
}
/* Phase H - Finance, Treasury, Expenses, Billing, and Accounting UI modernization */
.s360-finance-phase-h,
.s360-treasury-phase-h,
.s360-expense-phase-h,
.s360-billing-phase-h,
.s360-accounting-phase-h{
    --school360-native-phase:"I-HOTFIX1";
    --school360-finance-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(20,184,166,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 34rem);
    border-radius:var(--s360-radius-2xl,16px);
    padding-bottom:48px;
}
.s360-finance-phase-h *,
.s360-treasury-phase-h *,
.s360-expense-phase-h *,
.s360-billing-phase-h *,
.s360-accounting-phase-h *{box-sizing:border-box}
.s360-finance-phase-h h1,
.s360-finance-phase-h h2,
.s360-finance-phase-h h3,
.s360-treasury-phase-h h1,
.s360-treasury-phase-h h2,
.s360-treasury-phase-h h3,
.s360-expense-phase-h h1,
.s360-expense-phase-h h2,
.s360-expense-phase-h h3,
.s360-billing-phase-h h1,
.s360-billing-phase-h h2,
.s360-billing-phase-h h3,
.s360-accounting-phase-h h1,
.s360-accounting-phase-h h2,
.s360-accounting-phase-h h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-finance-phase-h > h1:first-child,
.s360-treasury-phase-h > h1:first-child,
.s360-expense-phase-h > h1:first-child,
.s360-billing-phase-h > h1:first-child,
.s360-accounting-phase-h > h1:first-child{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.15;
    font-weight:850;
}
.s360-finance-phase-h > p:first-of-type,
.s360-treasury-phase-h > p:first-of-type,
.s360-expense-phase-h > p:first-of-type,
.s360-billing-phase-h > p:first-of-type,
.s360-accounting-phase-h > p:first-of-type,
.s360-finance-phase-h .description,
.s360-treasury-phase-h .description,
.s360-expense-phase-h .description,
.s360-billing-phase-h .description,
.s360-accounting-phase-h .description,
.s360-finance-phase-h .s360-subtle-note,
.s360-treasury-phase-h .s360-subtle-note,
.s360-expense-phase-h .s360-subtle-note{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-finance-phase-h > h1:first-child,
.s360-treasury-phase-h > h1:first-child,
.s360-expense-phase-h > h1:first-child,
.s360-billing-phase-h > h1:first-child,
.s360-accounting-phase-h > h1:first-child{
    display:flex;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-finance-phase-h > h1:first-child::before,
.s360-treasury-phase-h > h1:first-child::before,
.s360-expense-phase-h > h1:first-child::before,
.s360-billing-phase-h > h1:first-child::before,
.s360-accounting-phase-h > h1:first-child::before{
    content:"";
    width:13px;
    height:32px;
    border-radius:var(--s360-radius-pill);
    background:linear-gradient(180deg,var(--s360-color-primary,var(--s360-color-primary)),#14b8a6);
    box-shadow:0 8px 18px rgba(20,184,166,.22);
}
.s360-finance-phase-h .s360-finance-tabs{
    position:sticky;
    top:var(--s360-space-xl);
    z-index:var(--s360-z-local-overlay);
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:18px 0 22px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    backdrop-filter:saturate(1.3) blur(10px);
}
.s360-finance-phase-h .s360-finance-tab-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 13px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.s360-finance-phase-h .s360-finance-tab-link:hover,
.s360-finance-phase-h .s360-finance-tab-link:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    outline:none;
    transform:translateY(-1px);
}
.s360-finance-phase-h .s360-finance-tab-link.is-active{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),#14b8a6);
    border-color:transparent;
    color:var(--s360-color-surface-raised);
    box-shadow:0 8px 20px rgba(20,184,166,.20);
}
.s360-finance-phase-h .s360-finance-tab-panel{
    margin-top:var(--s360-space-18);
}
.s360-finance-phase-h .s360-ui-card,
.s360-treasury-phase-h .s360-ui-card,
.s360-expense-phase-h .s360-ui-card,
.s360-billing-phase-h .s360-ui-card,
.s360-accounting-phase-h .s360-ui-card,
.s360-finance-phase-h .s360-ui-section-card--finance-overview,
.s360-finance-phase-h .s360-finance-workspace-header,
.s360-finance-phase-h .s360-finance-section-title,
.s360-treasury-phase-h .s360-treasury-panel,
.s360-expense-phase-h .s360-ui-card--expense-detail,
.s360-expense-phase-h .s360-expense-status-center,
.s360-billing-phase-h form,
.s360-accounting-phase-h form{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-finance-phase-h .s360-ui-card,
.s360-treasury-phase-h .s360-ui-card,
.s360-expense-phase-h .s360-ui-card,
.s360-finance-phase-h .s360-ui-section-card--finance-overview,
.s360-finance-phase-h .s360-finance-workspace-header,
.s360-finance-phase-h .s360-finance-section-title,
.s360-expense-phase-h .s360-ui-card--expense-detail,
.s360-expense-phase-h .s360-expense-status-center,
.s360-billing-phase-h form,
.s360-accounting-phase-h form{
    padding:var(--s360-space-22);
}
.s360-finance-phase-h .s360-finance-section-title,
.s360-finance-phase-h .s360-finance-workspace-header,
.s360-treasury-phase-h .s360-ui-card:first-of-type,
.s360-expense-phase-h .s360-expense-status-center{
    background:
        radial-gradient(circle at 92% 8%, rgba(20,184,166,.10), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
}
.s360-finance-phase-h .s360-finance-overview-header,
.s360-finance-phase-h .s360-finance-workspace-header,
.s360-expense-phase-h .s360-expense-status-center,
.s360-expense-phase-h .s360-detail-page-header,
.s360-treasury-phase-h .s360-cluster-between{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    gap:var(--s360-space-14);
}
.s360-finance-phase-h .s360-finance-kpi-grid,
.s360-finance-phase-h .s360-grid,
.s360-treasury-phase-h .s360-grid,
.s360-expense-phase-h .s360-expense-status-metrics,
.s360-expense-phase-h .s360-dashboard-metrics-grid,
.s360-expense-phase-h .s360-grid,
.s360-billing-phase-h .s360-ui-grid,
.s360-accounting-phase-h .s360-ui-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-finance-phase-h .s360-finance-kpi-grid,
.s360-finance-phase-h .s360-grid-4,
.s360-expense-phase-h .s360-expense-status-metrics,
.s360-expense-phase-h .s360-dashboard-metrics-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-finance-phase-h .s360-grid-3,
.s360-treasury-phase-h .s360-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.s360-finance-phase-h [data-s360-finance-card="kpi"],
.s360-finance-phase-h .s360-ui-stat-card,
.s360-treasury-phase-h .s360-ui-stat-card,
.s360-expense-phase-h .s360-expense-status-pill,
.s360-expense-phase-h .s360-ui-stat-card--expense-kpi,
.s360-expense-phase-h .s360-ui-stat-card{
    position:relative;
    min-height:112px;
    overflow:hidden;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    padding:var(--s360-space-md);
}
.s360-finance-phase-h [data-s360-finance-card="kpi"]::before,
.s360-finance-phase-h .s360-ui-stat-card::before,
.s360-treasury-phase-h .s360-ui-stat-card::before,
.s360-expense-phase-h .s360-expense-status-pill::before,
.s360-expense-phase-h .s360-ui-stat-card--expense-kpi::before,
.s360-expense-phase-h .s360-ui-stat-card::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:#14b8a6;
    opacity:.78;
}
.s360-finance-phase-h .s360-finance-kpi-value,
.s360-finance-phase-h .s360-ui-stat-card__value,
.s360-treasury-phase-h .s360-ui-stat-card__value,
.s360-expense-phase-h .s360-expense-status-pill strong,
.s360-expense-phase-h .s360-ui-stat-card strong{
    display:block;
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:28px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.035em;
}
.s360-finance-phase-h .s360-finance-kpi-label,
.s360-finance-phase-h .s360-ui-stat-card__label,
.s360-treasury-phase-h .s360-ui-stat-card__label{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:13px;
    font-weight:800;
}
.s360-finance-phase-h .s360-finance-kpi-hint,
.s360-finance-phase-h .s360-ui-stat-card__meta,
.s360-treasury-phase-h .s360-ui-stat-card__meta{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    line-height:1.45;
}
.s360-finance-phase-h .s360-badge,
.s360-treasury-phase-h .s360-badge,
.s360-expense-phase-h .s360-badge,
.s360-expense-phase-h .s360-expense-status-pill,
.s360-billing-phase-h .s360-badge,
.s360-accounting-phase-h .s360-badge{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-finance-phase-h .s360-badge-success,
.s360-treasury-phase-h .s360-badge-success,
.s360-expense-phase-h .s360-badge-success,
.s360-expense-phase-h .is-clear{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-finance-phase-h .s360-badge-warning,
.s360-treasury-phase-h .s360-badge-warning,
.s360-expense-phase-h .s360-badge-warning,
.s360-expense-phase-h .is-warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-finance-phase-h .s360-badge-danger,
.s360-treasury-phase-h .s360-badge-danger,
.s360-expense-phase-h .s360-badge-danger{
    background:var(--s360-color-danger-bg,var(--s360-color-danger-bg));
    border-color:var(--s360-color-border-danger,var(--s360-color-border-danger));
    color:var(--s360-color-danger-strong,#b91c1c);
}
.s360-finance-phase-h label,
.s360-treasury-phase-h label,
.s360-expense-phase-h label,
.s360-billing-phase-h label,
.s360-accounting-phase-h label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-finance-phase-h input[type="text"],
.s360-finance-phase-h input[type="email"],
.s360-finance-phase-h input[type="number"],
.s360-finance-phase-h input[type="date"],
.s360-finance-phase-h input[type="search"],
.s360-finance-phase-h select,
.s360-finance-phase-h textarea,
.s360-treasury-phase-h input[type="text"],
.s360-treasury-phase-h input[type="number"],
.s360-treasury-phase-h input[type="date"],
.s360-treasury-phase-h select,
.s360-treasury-phase-h textarea,
.s360-expense-phase-h input[type="text"],
.s360-expense-phase-h input[type="email"],
.s360-expense-phase-h input[type="number"],
.s360-expense-phase-h input[type="date"],
.s360-expense-phase-h input[type="search"],
.s360-expense-phase-h select,
.s360-expense-phase-h textarea,
.s360-billing-phase-h input[type="text"],
.s360-billing-phase-h input[type="number"],
.s360-billing-phase-h select,
.s360-billing-phase-h textarea,
.s360-accounting-phase-h input[type="text"],
.s360-accounting-phase-h input[type="number"],
.s360-accounting-phase-h select,
.s360-accounting-phase-h textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-finance-phase-h textarea,
.s360-expense-phase-h textarea,
.s360-billing-phase-h textarea,
.s360-accounting-phase-h textarea{min-height:96px;padding-top:var(--s360-space-10)}
.s360-finance-phase-h input:focus,
.s360-finance-phase-h select:focus,
.s360-finance-phase-h textarea:focus,
.s360-treasury-phase-h input:focus,
.s360-treasury-phase-h select:focus,
.s360-treasury-phase-h textarea:focus,
.s360-expense-phase-h input:focus,
.s360-expense-phase-h select:focus,
.s360-expense-phase-h textarea:focus,
.s360-billing-phase-h input:focus,
.s360-billing-phase-h select:focus,
.s360-billing-phase-h textarea:focus,
.s360-accounting-phase-h input:focus,
.s360-accounting-phase-h select:focus,
.s360-accounting-phase-h textarea:focus{
    border-color:#14b8a6;
    box-shadow:0 0 0 3px rgba(20,184,166,.20);
    outline:none;
}
.s360-finance-phase-h .button,
.s360-treasury-phase-h .button,
.s360-expense-phase-h .button,
.s360-billing-phase-h .button,
.s360-accounting-phase-h .button{
    border-radius:var(--s360-radius-xl);
    min-height:38px;
    padding:4px 14px;
    font-weight:700;
}
.s360-finance-phase-h .button.button-primary,
.s360-treasury-phase-h .button.button-primary,
.s360-expense-phase-h .button.button-primary,
.s360-billing-phase-h .button.button-primary,
.s360-accounting-phase-h .button.button-primary{
    background:#14b8a6;
    border-color:#0f766e;
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-finance-phase-h .s360-filter-bar,
.s360-finance-phase-h .s360-finance-import-form,
.s360-finance-phase-h .s360-finance-report-form,
.s360-treasury-phase-h form,
.s360-expense-phase-h .s360-expense-filter-bar,
.s360-expense-phase-h .s360-detail-page-actions,
.s360-billing-phase-h form,
.s360-accounting-phase-h form{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-finance-phase-h .s360-finance-import-form,
.s360-billing-phase-h form,
.s360-accounting-phase-h form{
    padding:var(--s360-space-18);
}
.s360-finance-phase-h .widefat,
.s360-treasury-phase-h .widefat,
.s360-expense-phase-h .widefat,
.s360-billing-phase-h .widefat,
.s360-accounting-phase-h .widefat,
.s360-finance-phase-h .s360-ui-table-wrap,
.s360-treasury-phase-h .s360-ui-table-wrap,
.s360-expense-phase-h .s360-ui-table-wrap{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-finance-phase-h table.widefat,
.s360-treasury-phase-h table.widefat,
.s360-expense-phase-h table.widefat,
.s360-billing-phase-h table.widefat,
.s360-accounting-phase-h table.widefat{
    margin:0 0 22px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-finance-phase-h table.widefat th,
.s360-treasury-phase-h table.widefat th,
.s360-expense-phase-h table.widefat th,
.s360-billing-phase-h table.widefat th,
.s360-accounting-phase-h table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-finance-phase-h table.widefat td,
.s360-treasury-phase-h table.widefat td,
.s360-expense-phase-h table.widefat td,
.s360-billing-phase-h table.widefat td,
.s360-accounting-phase-h table.widefat td{
    vertical-align:top;
}
.s360-finance-phase-h .notice,
.s360-treasury-phase-h .notice,
.s360-expense-phase-h .notice,
.s360-billing-phase-h .notice,
.s360-accounting-phase-h .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-expense-phase-h .s360-expense-workspace-tabs,
.s360-expense-phase-h .nav-tab-wrapper{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:0;
    margin:18px 0 22px;
    padding:0;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.s360-expense-phase-h .nav-tab{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin:0;
    padding:13px 16px 11px;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    transform:none;
}
.s360-expense-phase-h .nav-tab:hover,
.s360-expense-phase-h .nav-tab:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:transparent;
    box-shadow:none;
    outline:none;
}
.s360-expense-phase-h .nav-tab-active,
.s360-expense-phase-h .nav-tab[aria-current="page"]{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary,var(--s360-color-primary));
    background:transparent;
    box-shadow:none;
}
.s360-billing-phase-h hr,
.s360-accounting-phase-h hr{
    border:0;
    border-top:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    margin:28px 0;
}
.s360-billing-phase-h .form-table th,
.s360-accounting-phase-h .form-table th{
    width:220px;
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
}
@media (max-width: 1360px){
    .s360-finance-phase-h .s360-finance-kpi-grid,
    .s360-finance-phase-h .s360-grid-4,
    .s360-expense-phase-h .s360-expense-status-metrics,
    .s360-expense-phase-h .s360-dashboard-metrics-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 1080px){
    .s360-finance-phase-h .s360-finance-kpi-grid,
    .s360-finance-phase-h .s360-grid-4,
    .s360-finance-phase-h .s360-grid-3,
    .s360-treasury-phase-h .s360-grid-3,
    .s360-expense-phase-h .s360-expense-status-metrics,
    .s360-expense-phase-h .s360-dashboard-metrics-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .s360-finance-phase-h .s360-finance-overview-header,
    .s360-finance-phase-h .s360-finance-workspace-header,
    .s360-expense-phase-h .s360-expense-status-center,
    .s360-expense-phase-h .s360-detail-page-header{
        flex-direction:column;
        align-items:stretch;
    }
}
@media (max-width: 782px){
    .s360-finance-phase-h,
    .s360-treasury-phase-h,
    .s360-expense-phase-h,
    .s360-billing-phase-h,
    .s360-accounting-phase-h{
        padding-right:var(--s360-space-10);
    }
    .s360-finance-phase-h .s360-ui-card,
    .s360-treasury-phase-h .s360-ui-card,
    .s360-expense-phase-h .s360-ui-card,
    .s360-finance-phase-h .s360-ui-section-card--finance-overview,
    .s360-finance-phase-h .s360-finance-workspace-header,
    .s360-finance-phase-h .s360-finance-section-title,
    .s360-expense-phase-h .s360-ui-card--expense-detail,
    .s360-expense-phase-h .s360-expense-status-center,
    .s360-billing-phase-h form,
    .s360-accounting-phase-h form{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-finance-phase-h .s360-finance-kpi-grid,
    .s360-finance-phase-h .s360-grid-4,
    .s360-finance-phase-h .s360-grid-3,
    .s360-treasury-phase-h .s360-grid-3,
    .s360-expense-phase-h .s360-expense-status-metrics,
    .s360-expense-phase-h .s360-dashboard-metrics-grid{
        grid-template-columns:1fr;
    }
    .s360-finance-phase-h .button,
    .s360-treasury-phase-h .button,
    .s360-expense-phase-h .button,
    .s360-billing-phase-h .button,
    .s360-accounting-phase-h .button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-billing-phase-h .form-table th,
    .s360-billing-phase-h .form-table td,
    .s360-accounting-phase-h .form-table th,
    .s360-accounting-phase-h .form-table td{
        display:block;
        width:100%;
        padding-left:0;
    }
}
/* Phase H Hotfix 1 - Treasury and Expense layout stabilization */
.s360-treasury-phase-h .s360-u-action-panel{
    display:grid;
    grid-template-columns:repeat(3,minmax(190px,1fr));
    gap:var(--s360-space-sm);
    align-items:stretch;
    min-height:0;
    margin:18px 0 24px;
    padding:var(--s360-space-22);
    text-align:left;
}
.s360-treasury-phase-h .s360-u-action-panel strong,
.s360-treasury-phase-h .s360-u-action-panel .description{
    grid-column:1/-1;
    text-align:left;
}
.s360-treasury-phase-h .s360-u-action-panel .button{
    width:100%;
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
}
.s360-expense-phase-h .postbox,
.s360-expense-phase-h .s360-masterdata-management,
.s360-expense-phase-h .s360-export-center{
    max-width:100%;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
    overflow:visible;
}
.s360-expense-phase-h .postbox .inside,
.s360-expense-phase-h .s360-masterdata-management{
    padding:var(--s360-space-22);
}
.s360-expense-phase-h .s360-expense-report-filter-form,
.s360-expense-phase-h .s360-expense-submit-form,
.s360-expense-phase-h .s360-masterdata-form,
.s360-expense-phase-h .s360-expense-approval-rule-form{
    display:block;
    max-width:100%;
}
.s360-expense-phase-h .s360-expense-report-filter-form > p,
.s360-expense-phase-h .s360-expense-submit-form > p,
.s360-expense-phase-h .s360-masterdata-form > p,
.s360-expense-phase-h .s360-expense-approval-rule-form > p{
    display:grid;
    grid-template-columns:repeat(4,minmax(170px,1fr));
    gap:var(--s360-space-sm);
    align-items:end;
    margin:0 0 14px;
    padding:var(--s360-space-14);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-expense-phase-h .s360-expense-report-filter-form > p > *,
.s360-expense-phase-h .s360-expense-submit-form > p > *,
.s360-expense-phase-h .s360-masterdata-form > p > *,
.s360-expense-phase-h .s360-expense-approval-rule-form > p > *{
    min-width:0;
}
.s360-expense-phase-h .s360-expense-report-filter-form > p input,
.s360-expense-phase-h .s360-expense-report-filter-form > p select,
.s360-expense-phase-h .s360-expense-submit-form > p input,
.s360-expense-phase-h .s360-expense-submit-form > p select,
.s360-expense-phase-h .s360-masterdata-form > p input,
.s360-expense-phase-h .s360-masterdata-form > p select,
.s360-expense-phase-h .s360-expense-approval-rule-form > p input,
.s360-expense-phase-h .s360-expense-approval-rule-form > p select{
    width:100%;
    max-width:100%;
}
.s360-expense-phase-h .s360-expense-submit-form textarea,
.s360-expense-phase-h .s360-expense-report-filter-form input[name="q"],
.s360-expense-phase-h .s360-expense-submit-form .description,
.s360-expense-phase-h .s360-expense-approval-rule-form .description{
    grid-column:1/-1;
}
.s360-expense-phase-h .s360-expense-report-filter-form label,
.s360-expense-phase-h .s360-expense-submit-form label{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-xs);
    min-height:40px;
    padding:0 10px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
}
.s360-expense-phase-h .s360-expense-report-filter-form label input[type="checkbox"],
.s360-expense-phase-h .s360-expense-submit-form label input[type="checkbox"]{
    width:auto;
    min-height:auto;
}
.s360-expense-phase-h .s360-expense-quick-filters,
.s360-expense-phase-h .s360-expense-page-actions,
.s360-expense-phase-h .s360-export-actions,
.s360-expense-phase-h .s360-finance-workspace-actions,
.s360-expense-phase-h .s360-detail-page-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    align-items:center;
}
.s360-expense-phase-h .s360-expense-quick-filters{
    margin:0 0 18px;
    padding:var(--s360-space-14);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-expense-phase-h .s360-export-command-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--s360-space-md);
    margin:16px 0;
}
.s360-expense-phase-h .s360-export-workbench{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);
    gap:var(--s360-space-18);
    align-items:start;
}
.s360-expense-phase-h .s360-expense-export-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--s360-space-md);
}
.s360-expense-phase-h .s360-masterdata-management .s360-masterdata-directory,
.s360-expense-phase-h #expense-approval-matrix table,
.s360-expense-phase-h table.widefat{
    width:100%;
}
.s360-expense-phase-h .s360-expense-table-wrap,
.s360-expense-phase-h .s360-masterdata-management,
.s360-expense-phase-h #expense-approval-matrix,
.s360-expense-phase-h .s360-export-center{
    overflow-x:auto;
}
.s360-expense-phase-h table.widefat td form{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-xs);
    align-items:center;
    margin:0;
}
.s360-expense-phase-h table.widefat td form select{
    width:auto;
    min-width:130px;
}
.s360-expense-phase-h table.widefat td form input[type="text"],
.s360-expense-phase-h table.widefat td form input.regular-text,
.s360-expense-phase-h table.widefat td form input[name="review_comment"]{
    width:220px;
    max-width:100%;
}
.s360-expense-phase-h table.widefat td form input[type="file"]{
    width:auto;
    max-width:220px;
    min-height:34px;
    padding:var(--s360-space-2xs);
}
.s360-expense-phase-h table.widefat td .button,
.s360-expense-phase-h table.widefat td button.button,
.s360-expense-phase-h table.widefat td a.button{
    width:auto;
    min-height:34px;
    padding:3px 12px;
    white-space:nowrap;
}
.s360-expense-phase-h .s360-detail-form-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--s360-space-sm);
}
.s360-expense-phase-h .s360-detail-form-grid label{
    display:grid;
    gap:var(--s360-space-6);
}
@media (max-width: 1360px){
    .s360-expense-phase-h .s360-export-command-grid,
    .s360-expense-phase-h .s360-expense-report-filter-form > p,
    .s360-expense-phase-h .s360-expense-submit-form > p,
    .s360-expense-phase-h .s360-masterdata-form > p,
    .s360-expense-phase-h .s360-expense-approval-rule-form > p{
        grid-template-columns:repeat(3,minmax(170px,1fr));
    }
    .s360-expense-phase-h .s360-expense-export-grid,
    .s360-treasury-phase-h .s360-u-action-panel{
        grid-template-columns:repeat(2,minmax(180px,1fr));
    }
}
@media (max-width: 1080px){
    .s360-expense-phase-h .s360-export-workbench,
    .s360-expense-phase-h .s360-detail-form-grid{
        grid-template-columns:1fr;
    }
    .s360-expense-phase-h .s360-export-command-grid,
    .s360-expense-phase-h .s360-expense-report-filter-form > p,
    .s360-expense-phase-h .s360-expense-submit-form > p,
    .s360-expense-phase-h .s360-masterdata-form > p,
    .s360-expense-phase-h .s360-expense-approval-rule-form > p{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width: 782px){
    .s360-treasury-phase-h .s360-u-action-panel,
    .s360-expense-phase-h .s360-export-command-grid,
    .s360-expense-phase-h .s360-expense-export-grid,
    .s360-expense-phase-h .s360-expense-report-filter-form > p,
    .s360-expense-phase-h .s360-expense-submit-form > p,
    .s360-expense-phase-h .s360-masterdata-form > p,
    .s360-expense-phase-h .s360-expense-approval-rule-form > p{
        grid-template-columns:1fr;
    }
}
/* Phase I - HR workspace and staff portal UI modernization */
.s360-hr-phase-i,
.s360-hr-portal-phase-i{
    --school360-native-phase:"I-HOTFIX1";
    --school360-hr-modernized:"true";
    color:var(--s360-color-text-body,var(--s360-color-text-label));
}
.s360-hr-phase-i.wrap{
    max-width:var(--s360-layout-admin-page-max,none);
    background:
        radial-gradient(circle at 8% 0%, rgba(99,102,241,.09), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 34rem);
    border-radius:var(--s360-radius-2xl,16px);
    padding-bottom:48px;
}
.s360-hr-phase-i *,
.s360-hr-portal-phase-i *{box-sizing:border-box}
.s360-hr-phase-i h1,
.s360-hr-phase-i h2,
.s360-hr-phase-i h3,
.s360-hr-portal-phase-i h1,
.s360-hr-portal-phase-i h2,
.s360-hr-portal-phase-i h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-hr-phase-i .description,
.s360-hr-phase-i .s360-hr-kpi-note,
.s360-hr-phase-i .s360-ui-section-card--hr-panel p,
.s360-hr-portal-phase-i p,
.s360-hr-portal-phase-i small{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-hr-phase-i .s360-hr-shell{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:var(--s360-space-22);
    align-items:start;
}
.s360-hr-phase-i .s360-hr-sidebar{
    position:sticky;
    top:42px;
    align-self:start;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
    backdrop-filter:saturate(1.3) blur(10px);
    padding:var(--s360-space-18);
}
.s360-hr-phase-i .s360-hr-brand{
    margin-bottom:var(--s360-space-md);
    padding:var(--s360-space-14);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:
        radial-gradient(circle at 92% 8%, rgba(99,102,241,.12), transparent 16rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
}
.s360-hr-phase-i .s360-hr-brand-kicker,
.s360-hr-phase-i .s360-hr-eyebrow,
.s360-hr-portal-phase-i .s360-hr-portal-eyebrow{
    color:var(--s360-color-primary,var(--s360-color-primary));
    font-size:12px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.s360-hr-phase-i .s360-hr-nav{
    display:grid;
    gap:var(--s360-space-xs);
}
.s360-hr-phase-i .s360-hr-nav-group{
    display:grid;
    gap:var(--s360-space-6);
    margin-bottom:var(--s360-space-sm);
}
.s360-hr-phase-i .s360-hr-nav-group-label{
    color:var(--s360-color-text-subtle,#94a3b8);
    font-size:11px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:0 8px;
}
.s360-hr-phase-i .s360-hr-nav-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--s360-space-10);
    min-height:38px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-2xl);
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.s360-hr-phase-i .s360-hr-nav-item:hover,
.s360-hr-phase-i .s360-hr-nav-item:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    outline:none;
    transform:translateY(-1px);
}
.s360-hr-phase-i .s360-hr-nav-active{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    border-color:transparent;
    color:var(--s360-color-surface-raised);
    box-shadow:0 10px 24px rgba(99,102,241,.22);
}
.s360-hr-phase-i .s360-hr-main{
    min-width:0;
}
.s360-hr-phase-i .s360-hr-header,
.s360-hr-portal-phase-i .s360-hr-portal-hero{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:var(--s360-space-18);
    margin-bottom:var(--s360-space-22);
    padding:var(--s360-space-lg);
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(99,102,241,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-hr-phase-i .s360-hr-header h1,
.s360-hr-portal-phase-i .s360-hr-portal-hero h2{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.15;
    font-weight:850;
}
.s360-hr-phase-i .s360-hr-header-actions,
.s360-hr-phase-i .s360-hr-sticky-actions__buttons,
.s360-hr-phase-i .s360-hr-export-actions,
.s360-hr-phase-i .s360-hr-quick-actions,
.s360-hr-portal-phase-i .s360-hr-portal-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    align-items:center;
}
.s360-hr-phase-i .s360-hr-sticky-actions{
    position:sticky;
    top:var(--s360-space-xl);
    z-index:var(--s360-z-local-overlay-low);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:var(--s360-space-14);
    margin:0 0 20px;
    padding:var(--s360-space-14);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    backdrop-filter:saturate(1.3) blur(10px);
}
.s360-hr-phase-i .s360-hr-quick-dock,
.s360-hr-phase-i .s360-ui-section-card--hr-panel,
.s360-hr-phase-i .s360-hr-side-panel__surface,
.s360-hr-phase-i .postbox,
.s360-hr-portal-phase-i .s360-ui-card--hr-portal,
.s360-hr-portal-phase-i .s360-hr-portal-panel,
.s360-hr-portal-phase-i .s360-hr-portal-section{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-hr-phase-i .s360-hr-quick-dock,
.s360-hr-phase-i .s360-ui-section-card--hr-panel,
.s360-hr-phase-i .s360-hr-side-panel__surface,
.s360-hr-phase-i .postbox .inside,
.s360-hr-portal-phase-i .s360-ui-card--hr-portal,
.s360-hr-portal-phase-i .s360-hr-portal-panel,
.s360-hr-portal-phase-i .s360-hr-portal-section{
    padding:var(--s360-space-22);
}
.s360-hr-phase-i .s360-hr-dashboard-heading,
.s360-hr-phase-i .s360-hr-panel-header{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    gap:var(--s360-space-14);
    margin-bottom:var(--s360-space-md);
}
.s360-hr-phase-i .s360-hr-kpi-grid,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portals{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--s360-space-md);
    margin:0 0 20px;
}
.s360-hr-phase-i .s360-hr-overview-grid,
.s360-hr-phase-i .s360-grid,
.s360-hr-phase-i .s360-grid,
.s360-hr-portal-phase-i .s360-hr-portal-grid{
    display:grid;
    gap:var(--s360-space-18);
}
.s360-hr-phase-i .s360-hr-overview-grid,
.s360-hr-phase-i .s360-two-col,
.s360-hr-phase-i .s360-grid-2,
.s360-hr-portal-phase-i .s360-hr-portal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.s360-hr-phase-i .s360-grid-3,
.s360-hr-phase-i .s360-three-col{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.s360-hr-phase-i .s360-ui-stat-card--hr-kpi,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portal,
.s360-hr-phase-i .s360-hr-workflow-tile,
.s360-hr-phase-i .s360-ui-action-card--hr-signal,
.s360-hr-phase-i .s360-hr-status-pill{
    position:relative;
    overflow:hidden;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-hr-phase-i .s360-ui-stat-card--hr-kpi,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portal,
.s360-hr-phase-i .s360-hr-workflow-tile,
.s360-hr-phase-i .s360-ui-action-card--hr-signal{
    min-height:116px;
    padding:var(--s360-space-md);
}
.s360-hr-phase-i .s360-ui-stat-card--hr-kpi::before,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portal::before,
.s360-hr-phase-i .s360-hr-workflow-tile::before,
.s360-hr-phase-i .s360-ui-action-card--hr-signal::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:var(--s360-color-primary-exact-6366f1);
    opacity:.78;
}
.s360-hr-phase-i .s360-hr-kpi-label,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portal span{
    display:block;
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:12px;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.s360-hr-phase-i .s360-hr-kpi-value,
.s360-hr-portal-phase-i .s360-ui-stat-card--hr-portal strong{
    display:block;
    margin:8px 0;
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:30px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.035em;
}
.s360-hr-phase-i .s360-hr-workflow-tile{
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    text-decoration:none;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.s360-hr-phase-i .s360-hr-workflow-tile:hover,
.s360-hr-phase-i .s360-hr-workflow-tile:focus-visible{
    transform:translateY(-1px);
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-floating,0 14px 34px rgba(15,23,42,.10));
    outline:none;
}
.s360-hr-phase-i label,
.s360-hr-portal-phase-i label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-hr-phase-i input[type="text"],
.s360-hr-phase-i input[type="email"],
.s360-hr-phase-i input[type="number"],
.s360-hr-phase-i input[type="date"],
.s360-hr-phase-i input[type="search"],
.s360-hr-phase-i select,
.s360-hr-phase-i textarea,
.s360-hr-portal-phase-i input[type="text"],
.s360-hr-portal-phase-i input[type="email"],
.s360-hr-portal-phase-i input[type="number"],
.s360-hr-portal-phase-i input[type="date"],
.s360-hr-portal-phase-i select,
.s360-hr-portal-phase-i textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-hr-phase-i textarea,
.s360-hr-portal-phase-i textarea{min-height:96px;padding-top:var(--s360-space-10)}
.s360-hr-phase-i input:focus,
.s360-hr-phase-i select:focus,
.s360-hr-phase-i textarea:focus,
.s360-hr-portal-phase-i input:focus,
.s360-hr-portal-phase-i select:focus,
.s360-hr-portal-phase-i textarea:focus{
    border-color:var(--s360-color-primary-exact-6366f1);
    box-shadow:0 0 0 3px rgba(99,102,241,.20);
    outline:none;
}
.s360-hr-phase-i .button,
.s360-hr-portal-phase-i .button{
    border-radius:var(--s360-radius-xl);
    min-height:38px;
    padding:4px 14px;
    font-weight:700;
}
.s360-hr-phase-i .button.button-primary,
.s360-hr-portal-phase-i .button.button-primary{
    background:var(--s360-color-primary-exact-6366f1);
    border-color:#4f46e5;
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-hr-phase-i .notice,
.s360-hr-portal-phase-i .s360-notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-hr-phase-i .s360-hr-status-pill,
.s360-hr-phase-i .s360-qa-status,
.s360-hr-portal-phase-i .s360-hr-portal-badge{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-hr-phase-i .s360-qa-status-ok,
.s360-hr-portal-phase-i .s360-hr-portal-badge-active,
.s360-hr-portal-phase-i .s360-hr-portal-badge-approved,
.s360-hr-portal-phase-i .s360-hr-portal-badge-completed{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-hr-phase-i .s360-qa-status-warning,
.s360-hr-portal-phase-i .s360-hr-portal-badge-pending,
.s360-hr-portal-phase-i .s360-hr-portal-badge-on-leave{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-hr-phase-i .s360-qa-status-error,
.s360-hr-portal-phase-i .s360-hr-portal-badge-rejected,
.s360-hr-portal-phase-i .s360-hr-portal-badge-terminated{
    background:var(--s360-color-danger-bg,var(--s360-color-danger-bg));
    border-color:var(--s360-color-border-danger,var(--s360-color-border-danger));
    color:var(--s360-color-danger-strong,#b91c1c);
}
.s360-hr-phase-i .widefat,
.s360-hr-portal-phase-i .widefat,
.s360-hr-phase-i .s360-ui-table-wrap{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-hr-phase-i table.widefat,
.s360-hr-portal-phase-i table.widefat{
    margin:0 0 22px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-hr-phase-i table.widefat th,
.s360-hr-portal-phase-i table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-hr-phase-i table.widefat td,
.s360-hr-portal-phase-i table.widefat td{vertical-align:top}
.s360-hr-portal-phase-i{
    max-width:1160px;
    margin:0 auto;
    padding:var(--s360-space-18);
    background:
        radial-gradient(circle at 8% 0%, rgba(99,102,241,.09), transparent 30rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 30rem);
    border-radius:24px;
}
.s360-hr-portal-phase-i .s360-hr-portal-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    border-radius:20px;
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    color:var(--s360-color-surface-raised);
    font-size:22px;
    font-weight:850;
    box-shadow:0 12px 28px rgba(99,102,241,.24);
}
.s360-hr-portal-phase-i .s360-hr-portal-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    margin:0 0 20px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-hr-portal-phase-i .s360-hr-portal-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}
.s360-hr-portal-phase-i .s360-hr-portal-tabs a:hover,
.s360-hr-portal-phase-i .s360-hr-portal-tabs a:focus-visible,
.s360-hr-portal-phase-i .s360-hr-portal-tabs a[aria-current="page"]{
    color:var(--s360-color-surface-raised);
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    border-color:transparent;
    outline:none;
}
@media (max-width: 1180px){
    .s360-hr-phase-i .s360-hr-shell{grid-template-columns:1fr}
    .s360-hr-phase-i .s360-hr-sidebar{position:static}
    .s360-hr-phase-i .s360-hr-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 960px){
    .s360-hr-phase-i .s360-hr-kpi-grid,
    .s360-hr-portal-phase-i .s360-ui-stat-card--hr-portals{grid-template-columns:repeat(2,minmax(0,1fr))}
    .s360-hr-phase-i .s360-hr-overview-grid,
    .s360-hr-phase-i .s360-two-col,
    .s360-hr-phase-i .s360-grid-2,
    .s360-hr-portal-phase-i .s360-hr-portal-grid{grid-template-columns:1fr}
}
@media (max-width: 782px){
    .s360-hr-phase-i.wrap,
    .s360-hr-portal-phase-i{padding-right:var(--s360-space-10)}
    .s360-hr-phase-i .s360-hr-header,
    .s360-hr-portal-phase-i .s360-hr-portal-hero,
    .s360-hr-phase-i .s360-ui-section-card--hr-panel,
    .s360-hr-phase-i .s360-hr-quick-dock,
    .s360-hr-portal-phase-i .s360-ui-card--hr-portal,
    .s360-hr-portal-phase-i .s360-hr-portal-panel,
    .s360-hr-portal-phase-i .s360-hr-portal-section{padding:var(--s360-space-md);border-radius:18px}
    .s360-hr-phase-i .s360-hr-header,
    .s360-hr-portal-phase-i .s360-hr-portal-hero,
    .s360-hr-phase-i .s360-hr-sticky-actions{flex-direction:column;align-items:stretch}
    .s360-hr-phase-i .s360-hr-nav,
    .s360-hr-phase-i .s360-hr-kpi-grid,
    .s360-hr-portal-phase-i .s360-ui-stat-card--hr-portals,
    .s360-hr-phase-i .s360-grid-3,
    .s360-hr-phase-i .s360-three-col{grid-template-columns:1fr}
    .s360-hr-phase-i .button,
    .s360-hr-portal-phase-i .button{width:100%;justify-content:center;text-align:center}
}
/* Phase I Hotfix 1 - HR top navigation tabs and single-page route polish */
.s360-hr-phase-i .s360-hr-shell{
    display:block;
}
.s360-hr-phase-i .s360-hr-sidebar{
    position:static;
    top:auto;
    width:100%;
    margin:0 0 22px;
    padding:var(--s360-space-sm);
    border-radius:22px;
}
.s360-hr-phase-i .s360-hr-brand{
    display:flex;
    align-items:center;
    gap:var(--s360-space-10);
    margin:0 0 12px;
    padding:10px 12px;
    border-radius:var(--s360-radius-3xl);
}
.s360-hr-phase-i .s360-hr-brand strong{
    font-size:14px;
}
.s360-hr-phase-i .s360-hr-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-hr-phase-i .s360-hr-nav-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-xs);
    margin:0;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-hr-phase-i .s360-hr-nav-group-title,
.s360-hr-phase-i .s360-hr-nav-group-label{
    flex:0 0 100%;
    color:var(--s360-color-text-subtle,#94a3b8);
    font-size:11px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:0 4px;
}
.s360-hr-phase-i .s360-hr-nav-group-items{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-xs);
}
.s360-hr-phase-i .s360-hr-nav-item{
    justify-content:center;
    min-height:38px;
    border-radius:var(--s360-radius-pill);
    padding:9px 14px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-hr-phase-i .s360-hr-nav-active{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    color:var(--s360-color-surface-raised);
    border-color:transparent;
}
.s360-hr-phase-i .s360-hr-main{
    width:100%;
}
@media (max-width: 782px){
    .s360-hr-phase-i .s360-hr-nav,
    .s360-hr-phase-i .s360-hr-nav-group,
    .s360-hr-phase-i .s360-hr-nav-group-items{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }
    .s360-hr-phase-i .s360-hr-nav-item{
        width:100%;
    }
}
/* Phase J - Parent/student/teacher frontend portal UI modernization */
.s360-frontend-portal-phase-j,
.s360-parent-mobile-phase-j{
    --school360-native-phase:"N";
    --school360-frontend-portal-modernized:"true";
    max-width:1180px;
    margin:0 auto;
    padding:24px clamp(14px,3vw,28px);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.10), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%, transparent 36rem);
    border-radius:var(--s360-radius-2xl,18px);
}
.s360-frontend-portal-phase-j *,
.s360-parent-mobile-phase-j *{box-sizing:border-box}
.s360-frontend-portal-phase-j h1,
.s360-frontend-portal-phase-j h2,
.s360-frontend-portal-phase-j h3,
.s360-parent-mobile-phase-j h1,
.s360-parent-mobile-phase-j h2,
.s360-parent-mobile-phase-j h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-frontend-portal-phase-j .s360-ui-card,
.s360-frontend-portal-phase-j .s360-ui-card,
.s360-parent-mobile-phase-j .s360-ui-card,
.s360-parent-mobile-phase-j .s360-parent-mobile__child,
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink,
.s360-parent-mobile-phase-j .s360-parent-mobile__alerts{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-frontend-portal-phase-j .s360-ui-card,
.s360-frontend-portal-phase-j .s360-ui-card,
.s360-parent-mobile-phase-j .s360-ui-card{
    padding:var(--s360-space-22);
}
.s360-frontend-portal-phase-j .s360-portal{
    position:relative;
    overflow:hidden;
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
}
.s360-frontend-portal-phase-j .s360-portal h2{
    margin:0 0 8px;
    font-size:clamp(28px,4vw,42px);
    line-height:1.08;
    font-weight:850;
}
.s360-frontend-portal-phase-j .s360-portal .s360-cluster-between{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:var(--s360-space-18);
    flex-wrap:wrap;
}
.s360-frontend-portal-phase-j .s360-portal a[href*="logout"]{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 14px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-weight:750;
}
.s360-frontend-portal-phase-j .s360-school-logo{
    max-height:72px;
    max-width:180px;
    object-fit:contain;
}
.s360-frontend-portal-phase-j .s360-text-muted,
.s360-frontend-portal-phase-j .description,
.s360-parent-mobile-phase-j .s360-parent-mobile__child p,
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink span,
.s360-parent-mobile-phase-j .s360-parent-mobile__alerts li{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-frontend-portal-phase-j .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-frontend-portal-phase-j .s360-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--s360-space-md);
}
.s360-frontend-portal-phase-j .s360-ui-stat-card{
    position:relative;
    min-height:118px;
    overflow:hidden;
    padding:var(--s360-space-18);
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
}
.s360-frontend-portal-phase-j .s360-ui-stat-card::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:var(--s360-color-primary,var(--s360-color-primary));
    opacity:.78;
}
.s360-frontend-portal-phase-j .s360-stat-value{
    display:block;
    margin-bottom:var(--s360-space-xs);
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:clamp(28px,3.5vw,38px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}
.s360-frontend-portal-phase-j .s360-stat-label{
    display:block;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    line-height:1.35;
}
.s360-frontend-portal-phase-j .s360-grid-auto-220,
.s360-frontend-portal-phase-j .s360-grid-auto-lg,
.s360-frontend-portal-phase-j .s360-ui-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-frontend-portal-phase-j .s360-grid-auto-220{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.s360-frontend-portal-phase-j .s360-grid-auto-lg{
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.s360-frontend-portal-phase-j .s360-ui-card h3,
.s360-frontend-portal-phase-j .s360-ui-card h3{
    margin-top:0;
}
.s360-frontend-portal-phase-j .s360-badge,
.s360-frontend-portal-phase-j .s360-badge{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-frontend-portal-phase-j .s360-badge-success,
.s360-frontend-portal-phase-j .s360-badge--success{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-frontend-portal-phase-j .s360-badge-warning,
.s360-frontend-portal-phase-j .s360-badge--warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-frontend-portal-phase-j .s360-badge-danger{
    background:var(--s360-color-danger-bg,var(--s360-color-danger-bg));
    border-color:var(--s360-color-border-danger,var(--s360-color-border-danger));
    color:var(--s360-color-danger-strong,#b91c1c);
}
.s360-frontend-portal-phase-j label,
.s360-parent-mobile-phase-j label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-frontend-portal-phase-j input[type="text"],
.s360-frontend-portal-phase-j input[type="email"],
.s360-frontend-portal-phase-j input[type="password"],
.s360-frontend-portal-phase-j input[type="number"],
.s360-frontend-portal-phase-j input[type="date"],
.s360-frontend-portal-phase-j input[type="file"],
.s360-frontend-portal-phase-j select,
.s360-frontend-portal-phase-j textarea{
    width:100%;
    max-width:100%;
    min-height:42px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-frontend-portal-phase-j textarea{min-height:110px;padding-top:var(--s360-space-10)}
.s360-frontend-portal-phase-j input:focus,
.s360-frontend-portal-phase-j select:focus,
.s360-frontend-portal-phase-j textarea:focus{
    border-color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    outline:none;
}
.s360-frontend-portal-phase-j .button,
.s360-parent-mobile-phase-j .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 16px;
    border-radius:var(--s360-radius-xl);
    font-weight:750;
    text-decoration:none;
}
.s360-frontend-portal-phase-j .button-primary,
.s360-parent-mobile-phase-j .button-primary{
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-frontend-portal-phase-j table.widefat{
    width:100%;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    overflow:hidden;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-frontend-portal-phase-j table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-frontend-portal-phase-j .s360-parent-payment-actions,
.s360-frontend-portal-phase-j .s360-parent-pay-form{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-xs);
}
.s360-frontend-portal-phase-j--login{
    max-width:560px;
}
.s360-frontend-portal-phase-j--login .s360-ui-card[data-s360-portal-card="login"]{
    padding:var(--s360-space-28);
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:
        radial-gradient(circle at 88% 6%, rgba(37,99,235,.12), transparent 15rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
}
.s360-frontend-portal-phase-j--login .s360-ui-card[data-s360-portal-card="login"] h2{
    margin:0 0 8px;
    font-size:clamp(28px,5vw,40px);
    line-height:1.1;
    font-weight:850;
}
.s360-frontend-portal-phase-j--login .s360-form-row{
    display:grid;
    gap:var(--s360-space-6);
    margin:0 0 16px;
}
.s360-frontend-portal-phase-j--login .s360-login-logo-wrap{
    margin:0 0 18px;
}
.s360-frontend-portal-phase-j .s360-school-summary{
    margin-top:var(--s360-space-md);
}
.s360-parent-mobile-phase-j{
    max-width:980px;
}
.s360-parent-mobile-phase-j .s360-parent-mobile{
    overflow:hidden;
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
}
.s360-parent-mobile-phase-j .s360-parent-mobile__hero{
    padding:var(--s360-space-22);
    border-radius:22px;
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
}
.s360-parent-mobile-phase-j .s360-parent-mobile__hero h2{
    margin:0 0 8px;
    font-size:clamp(28px,5vw,42px);
    line-height:1.08;
    font-weight:850;
}
.s360-parent-mobile-phase-j .s360-parent-mobile__eyebrow{
    color:var(--s360-color-primary,var(--s360-color-primary));
}
.s360-parent-mobile-phase-j .s360-parent-mobile__grid,
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklinks{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:var(--s360-space-md);
}
.s360-parent-mobile-phase-j .s360-parent-mobile__child,
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink,
.s360-parent-mobile-phase-j .s360-parent-mobile__alerts{
    padding:var(--s360-space-18);
}
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink{
    text-decoration:none;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink:hover,
.s360-parent-mobile-phase-j .s360-parent-mobile__quicklink:focus-visible{
    transform:translateY(-1px);
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    box-shadow:var(--s360-shadow-floating,0 14px 34px rgba(15,23,42,.10));
    outline:none;
}
.s360-parent-mobile-phase-j .s360-parent-mobile__avatar{
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    color:var(--s360-color-primary,var(--s360-color-primary));
}
@media (max-width: 1080px){
    .s360-frontend-portal-phase-j .s360-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width: 720px){
    .s360-frontend-portal-phase-j,
    .s360-parent-mobile-phase-j{
        padding:16px 12px;
    }
    .s360-frontend-portal-phase-j .s360-ui-card,
    .s360-frontend-portal-phase-j .s360-ui-card,
    .s360-parent-mobile-phase-j .s360-ui-card{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-frontend-portal-phase-j .s360-stat-grid,
    .s360-frontend-portal-phase-j .s360-grid-auto-220,
    .s360-frontend-portal-phase-j .s360-grid-auto-lg,
    .s360-parent-mobile-phase-j .s360-parent-mobile__grid,
    .s360-parent-mobile-phase-j .s360-parent-mobile__quicklinks{
        grid-template-columns:1fr;
    }
    .s360-frontend-portal-phase-j .button,
    .s360-parent-mobile-phase-j .button{
        width:100%;
    }
    .s360-frontend-portal-phase-j table.widefat{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
    .s360-parent-mobile-phase-j .s360-parent-mobile__hero{
        display:block;
        padding:var(--s360-space-md);
    }
}
/* Phase K - Student and Academic operational screens UI modernization */
.s360-academic-phase-k,
.school360-students-phase-k,
.s360-calendar-phase-k{
    --school360-native-phase:"N";
    --school360-academic-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(59,130,246,.08), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%,transparent 34rem);
    border-radius:var(--s360-radius-2xl,18px);
    padding-bottom:48px;
}
.s360-academic-phase-k *,
.school360-students-phase-k *,
.s360-calendar-phase-k *{box-sizing:border-box}
.s360-academic-phase-k h1,
.s360-academic-phase-k h2,
.s360-academic-phase-k h3,
.school360-students-phase-k h1,
.school360-students-phase-k h2,
.school360-students-phase-k h3,
.s360-calendar-phase-k h1,
.s360-calendar-phase-k h2,
.s360-calendar-phase-k h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-academic-phase-k > h1:first-child,
.school360-students-phase-k > h1:first-child,
.s360-calendar-phase-k h1{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.15;
    font-weight:850;
    display:flex;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-academic-phase-k > h1:first-child::before,
.school360-students-phase-k > h1:first-child::before,
.s360-calendar-phase-k h1::before{
    content:"";
    width:13px;
    height:32px;
    border-radius:var(--s360-radius-pill);
    background:linear-gradient(180deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    box-shadow:0 8px 18px rgba(99,102,241,.20);
}
.s360-academic-phase-k .description,
.school360-students-phase-k .description,
.s360-calendar-phase-k .description,
.s360-academic-phase-k .s360-text-muted,
.school360-students-phase-k .s360-text-muted,
.s360-calendar-phase-k .s360-text-muted{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-academic-phase-k .s360-academic-hero,
.s360-calendar-phase-k .s360-calendar-workspace,
.school360-students-phase-k .s360-student-workspace-hero,
.school360-students-phase-k .s360-ui-page-header{
    position:relative;
    overflow:hidden;
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(99,102,241,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-academic-phase-k .s360-academic-hero,
.school360-students-phase-k .s360-student-workspace-hero,
.school360-students-phase-k .s360-ui-page-header{
    padding:var(--s360-space-lg);
    display:flex;
    justify-content:space-between;
    gap:var(--s360-space-18);
    align-items:flex-start;
    flex-wrap:wrap;
}
.s360-calendar-phase-k .s360-calendar-workspace{
    padding:var(--s360-space-lg);
}
.s360-academic-phase-k .s360-section-kicker,
.school360-students-phase-k .s360-student-workspace-hero__eyebrow{
    color:var(--s360-color-primary,var(--s360-color-primary));
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.s360-academic-phase-k .s360-academic-hero h2,
.school360-students-phase-k .s360-student-workspace-hero h2{
    margin:0 0 8px;
    font-size:clamp(24px,3vw,34px);
    line-height:1.1;
    font-weight:850;
}
.s360-academic-phase-k .s360-ui-card,
.school360-students-phase-k .s360-ui-card,
.s360-calendar-phase-k .s360-ui-card,
.s360-academic-phase-k .s360-ui-card,
.school360-students-phase-k .s360-ui-card,
.s360-calendar-phase-k .s360-ui-card,
.school360-students-phase-k .s360-ui-section-card,
.school360-students-phase-k .s360-ui-card--note{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-academic-phase-k .s360-ui-card,
.school360-students-phase-k .s360-ui-card,
.s360-calendar-phase-k .s360-ui-card,
.school360-students-phase-k .s360-ui-section-card,
.school360-students-phase-k .s360-ui-card--note{
    padding:var(--s360-space-20);
}
.s360-academic-phase-k .s360-ui-grid,
.s360-academic-phase-k .s360-grid,
.school360-students-phase-k .s360-stats-grid,
.school360-students-phase-k .s360-student-workspace-grid,
.school360-students-phase-k .s360-kv-grid,
.s360-calendar-phase-k .s360-grid,
.s360-calendar-phase-k .s360-ui-grid.s360-ui-grid--calendar{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-academic-phase-k .s360-academic-kpi-grid,
.s360-academic-phase-k .s360-grid-4,
.school360-students-phase-k .s360-stats-grid,
.s360-calendar-phase-k .s360-grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-academic-phase-k .s360-grid-2,
.s360-academic-phase-k .s360-two-col,
.s360-academic-phase-k .s360-grid-2,
.school360-students-phase-k .s360-student-workspace-grid,
.s360-calendar-phase-k .s360-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.s360-academic-phase-k .s360-grid-3,
.s360-calendar-phase-k .s360-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.s360-academic-phase-k .s360-ui-stat-card,
.s360-academic-phase-k .s360-ui-stat-card,
.school360-students-phase-k .s360-ui-stat-card,
.s360-calendar-phase-k .s360-ui-stat-card{
    position:relative;
    min-height:112px;
    overflow:hidden;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
}
.s360-academic-phase-k .s360-ui-stat-card::before,
.s360-academic-phase-k .s360-ui-stat-card::before,
.school360-students-phase-k .s360-ui-stat-card::before,
.s360-calendar-phase-k .s360-ui-stat-card::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:var(--s360-color-primary-exact-6366f1);
    opacity:.78;
}
.s360-academic-phase-k .s360-ui-stat-card__value,
.school360-students-phase-k .s360-ui-stat-card__value,
.s360-calendar-phase-k .s360-ui-stat-card h2{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:30px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}
.s360-academic-phase-k .s360-ui-stat-card__label,
.school360-students-phase-k .s360-ui-stat-card__label{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
}
.s360-academic-phase-k .nav-tab-wrapper,
.school360-students-phase-k .s360-student-workspace__tabs,
.s360-calendar-phase-k .nav-tab-wrapper,
.s360-calendar-phase-k .s360-calendar-action-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    margin:18px 0 22px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-academic-phase-k .nav-tab,
.school360-students-phase-k .s360-ui-tabs__tab,
.s360-calendar-phase-k .nav-tab,
.s360-calendar-phase-k .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}
.s360-academic-phase-k .nav-tab:hover,
.school360-students-phase-k .s360-ui-tabs__tab:hover,
.s360-calendar-phase-k .nav-tab:hover{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
}
.s360-academic-phase-k .nav-tab-active,
.school360-students-phase-k .s360-ui-tabs__tab.is-active,
.s360-calendar-phase-k .nav-tab-active,
.s360-calendar-phase-k .button-primary{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),var(--s360-color-primary-exact-6366f1));
    border-color:transparent;
    color:var(--s360-color-surface-raised);
    box-shadow:0 8px 20px rgba(99,102,241,.20);
}
.s360-academic-phase-k label,
.school360-students-phase-k label,
.s360-calendar-phase-k label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-academic-phase-k input[type="text"],
.s360-academic-phase-k input[type="email"],
.s360-academic-phase-k input[type="number"],
.s360-academic-phase-k input[type="date"],
.s360-academic-phase-k input[type="time"],
.s360-academic-phase-k select,
.s360-academic-phase-k textarea,
.school360-students-phase-k input[type="text"],
.school360-students-phase-k input[type="email"],
.school360-students-phase-k input[type="number"],
.school360-students-phase-k input[type="date"],
.school360-students-phase-k input[type="file"],
.school360-students-phase-k select,
.school360-students-phase-k textarea,
.s360-calendar-phase-k input[type="text"],
.s360-calendar-phase-k input[type="email"],
.s360-calendar-phase-k input[type="number"],
.s360-calendar-phase-k input[type="date"],
.s360-calendar-phase-k input[type="time"],
.s360-calendar-phase-k input[type="file"],
.s360-calendar-phase-k select,
.s360-calendar-phase-k textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-academic-phase-k textarea,
.school360-students-phase-k textarea,
.s360-calendar-phase-k textarea{min-height:96px;padding-top:var(--s360-space-10)}
.s360-academic-phase-k input:focus,
.s360-academic-phase-k select:focus,
.s360-academic-phase-k textarea:focus,
.school360-students-phase-k input:focus,
.school360-students-phase-k select:focus,
.school360-students-phase-k textarea:focus,
.s360-calendar-phase-k input:focus,
.s360-calendar-phase-k select:focus,
.s360-calendar-phase-k textarea:focus{
    border-color:var(--s360-color-primary-exact-6366f1);
    box-shadow:0 0 0 3px rgba(99,102,241,.18);
    outline:none;
}
.s360-academic-phase-k .button,
.school360-students-phase-k .button,
.s360-calendar-phase-k .button{
    border-radius:var(--s360-radius-xl);
    min-height:38px;
    padding:4px 14px;
    font-weight:750;
}
.s360-academic-phase-k .button-primary,
.school360-students-phase-k .button-primary,
.s360-calendar-phase-k .button-primary{
    background:var(--s360-color-primary-exact-6366f1);
    border-color:#4f46e5;
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-academic-phase-k .widefat,
.school360-students-phase-k .widefat,
.s360-calendar-phase-k .widefat,
.s360-academic-phase-k .s360-table-wrap,
.school360-students-phase-k .s360-table-wrap,
.s360-calendar-phase-k .s360-table-wrap{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-academic-phase-k table.widefat,
.school360-students-phase-k table.widefat,
.s360-calendar-phase-k table.widefat{
    margin:0 0 20px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-academic-phase-k table.widefat th,
.school360-students-phase-k table.widefat th,
.s360-calendar-phase-k table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-academic-phase-k table.widefat td,
.school360-students-phase-k table.widefat td,
.s360-calendar-phase-k table.widefat td{
    vertical-align:top;
}
.s360-academic-phase-k .s360-badge,
.school360-students-phase-k .s360-badge,
.s360-calendar-phase-k .s360-badge,
.s360-calendar-phase-k .s360-status-badge,
.s360-calendar-phase-k .s360-event-type-badge{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-academic-phase-k .s360-badge--success,
.school360-students-phase-k .s360-badge--success,
.s360-calendar-phase-k .s360-badge--success{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-academic-phase-k .s360-badge--warning,
.school360-students-phase-k .s360-badge--warning,
.s360-calendar-phase-k .s360-badge--warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-calendar-phase-k .s360-calendar-browser{
    overflow:hidden;
}
.s360-calendar-phase-k .s360-calendar-browser-header,
.s360-calendar-phase-k .s360-calendar-view-toggle{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:var(--s360-space-sm);
}
.s360-calendar-phase-k .s360-calendar-cell{
    border-color:var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-2xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
}
.s360-calendar-phase-k .s360-calendar-event{
    border-radius:var(--s360-radius-xl);
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
}
.s360-academic-phase-k .form-table th,
.school360-students-phase-k .form-table th,
.s360-calendar-phase-k .form-table th{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
}
.s360-academic-phase-k .notice,
.school360-students-phase-k .notice,
.s360-calendar-phase-k .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
@media (max-width: 1360px){
    .s360-academic-phase-k .s360-academic-kpi-grid,
    .s360-academic-phase-k .s360-grid-4,
    .school360-students-phase-k .s360-stats-grid,
    .s360-calendar-phase-k .s360-grid-4{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 1080px){
    .s360-academic-phase-k .s360-academic-kpi-grid,
    .s360-academic-phase-k .s360-grid-4,
    .s360-academic-phase-k .s360-grid-3,
    .school360-students-phase-k .s360-stats-grid,
    .s360-calendar-phase-k .s360-grid-4,
    .s360-calendar-phase-k .s360-grid-3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .s360-academic-phase-k .s360-grid-2,
    .s360-academic-phase-k .s360-two-col,
    .s360-academic-phase-k .s360-grid-2,
    .school360-students-phase-k .s360-student-workspace-grid,
    .s360-calendar-phase-k .s360-grid-2{
        grid-template-columns:1fr;
    }
}
@media (max-width: 782px){
    .s360-academic-phase-k,
    .school360-students-phase-k,
    .s360-calendar-phase-k{
        padding-right:var(--s360-space-10);
    }
    .s360-academic-phase-k .s360-academic-hero,
    .school360-students-phase-k .s360-student-workspace-hero,
    .s360-calendar-phase-k .s360-calendar-workspace,
    .s360-academic-phase-k .s360-ui-card,
    .school360-students-phase-k .s360-ui-card,
    .s360-calendar-phase-k .s360-ui-card{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-academic-phase-k .s360-academic-kpi-grid,
    .s360-academic-phase-k .s360-grid-4,
    .s360-academic-phase-k .s360-grid-3,
    .school360-students-phase-k .s360-stats-grid,
    .s360-calendar-phase-k .s360-grid-4,
    .s360-calendar-phase-k .s360-grid-3{
        grid-template-columns:1fr;
    }
    .s360-academic-phase-k .button,
    .school360-students-phase-k .button,
    .s360-calendar-phase-k .button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-academic-phase-k table.widefat,
    .school360-students-phase-k table.widefat,
    .s360-calendar-phase-k table.widefat{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}
/* Phase L - Communication, announcements, notifications, and content assets UI modernization */
.s360-communication-phase-l,
.s360-content-assets-phase-l,
.s360-communication-shortcode-phase-l{
    --school360-native-phase:"N";
    --school360-communication-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(14,165,233,.09), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%,transparent 34rem);
    border-radius:var(--s360-radius-2xl,18px);
    padding-bottom:48px;
}
.s360-communication-shortcode-phase-l{
    max-width:980px;
    margin:0 auto;
    padding:22px clamp(14px,3vw,28px);
}
.s360-communication-phase-l *,
.s360-content-assets-phase-l *,
.s360-communication-shortcode-phase-l *{box-sizing:border-box}
.s360-communication-phase-l h1,
.s360-communication-phase-l h2,
.s360-communication-phase-l h3,
.s360-content-assets-phase-l h1,
.s360-content-assets-phase-l h2,
.s360-content-assets-phase-l h3,
.s360-communication-shortcode-phase-l h1,
.s360-communication-shortcode-phase-l h2,
.s360-communication-shortcode-phase-l h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-communication-phase-l > h1:first-child,
.s360-content-assets-phase-l h1.s360-mt-0,
.s360-content-assets-phase-l > h1:first-child,
.s360-communication-shortcode-phase-l h2:first-child{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.15;
    font-weight:850;
    display:flex;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-communication-shortcode-phase-l h2:first-child{
    font-size:clamp(24px,4vw,34px);
}
.s360-communication-phase-l > h1:first-child::before,
.s360-content-assets-phase-l h1.s360-mt-0::before,
.s360-content-assets-phase-l > h1:first-child::before,
.s360-communication-shortcode-phase-l h2:first-child::before{
    content:"";
    width:13px;
    height:32px;
    border-radius:var(--s360-radius-pill);
    background:linear-gradient(180deg,var(--s360-color-primary,var(--s360-color-primary)),#0ea5e9);
    box-shadow:0 8px 18px rgba(14,165,233,.22);
}
.s360-communication-phase-l > p:first-of-type,
.s360-content-assets-phase-l .s360-text-muted,
.s360-communication-phase-l .description,
.s360-content-assets-phase-l .description,
.s360-communication-phase-l .s360-text-muted,
.s360-content-assets-phase-l .s360-text-muted,
.s360-communication-shortcode-phase-l p{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-communication-phase-l > p:first-of-type,
.s360-content-assets-phase-l > .s360-cluster-between:first-of-type,
.s360-communication-shortcode-phase-l .s360-communication-center-shortcode{
    position:relative;
    overflow:hidden;
    margin:0 0 22px;
    padding:var(--s360-space-22);
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(14,165,233,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-content-assets-phase-l > .s360-cluster-between:first-of-type{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:var(--s360-space-18);
    flex-wrap:wrap;
}
.s360-communication-phase-l .s360-ui-card,
.s360-content-assets-phase-l .s360-ui-card,
.s360-communication-phase-l .postbox,
.s360-content-assets-phase-l .postbox,
.s360-communication-shortcode-phase-l .s360-communication-center-shortcode,
.s360-content-assets-phase-l .s360-gd-form-panel,
.s360-content-assets-phase-l .s360-gd-list-shell{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-communication-phase-l .s360-ui-card,
.s360-content-assets-phase-l .s360-ui-card,
.s360-communication-phase-l .postbox,
.s360-content-assets-phase-l .postbox,
.s360-content-assets-phase-l .s360-gd-form-panel,
.s360-content-assets-phase-l .s360-gd-list-shell{
    padding:var(--s360-space-20);
}
.s360-communication-phase-l .s360-ui-grid,
.s360-content-assets-phase-l .s360-ui-grid,
.s360-communication-phase-l .s360-u-grid-280-16-mt16,
.s360-content-assets-phase-l .s360-grid,
.s360-content-assets-phase-l .s360-u-grid-fill-160-16,
.s360-content-assets-phase-l .s360-gd-filters-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-communication-phase-l .s360-ui-grid,
.s360-content-assets-phase-l .s360-ui-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-communication-phase-l .s360-u-grid-280-16-mt16,
.s360-content-assets-phase-l .s360-u-grid-fill-160-16{
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.s360-content-assets-phase-l .s360-gd-filters-grid{
    grid-template-columns:repeat(4,minmax(180px,1fr));
    align-items:end;
}
.s360-content-assets-phase-l .s360-gd-layout,
.s360-content-assets-phase-l .s360-grid-2,
.s360-communication-phase-l .s360-two-col{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s360-space-18);
}
.s360-communication-phase-l .s360-ui-stat-card__value,
.s360-content-assets-phase-l .s360-ui-stat-card__value{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:30px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}
.s360-communication-phase-l .s360-ui-card:has(.s360-ui-stat-card__value),
.s360-content-assets-phase-l .s360-ui-card:has(.s360-ui-stat-card__value){
    position:relative;
    overflow:hidden;
    min-height:112px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
}
.s360-communication-phase-l .s360-ui-card:has(.s360-ui-stat-card__value)::before,
.s360-content-assets-phase-l .s360-ui-card:has(.s360-ui-stat-card__value)::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:#0ea5e9;
    opacity:.78;
}
.s360-communication-phase-l .nav-tab-wrapper,
.s360-content-assets-phase-l .nav-tab-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    margin:18px 0 22px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-communication-phase-l .nav-tab,
.s360-content-assets-phase-l .nav-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}
.s360-communication-phase-l .nav-tab:hover,
.s360-content-assets-phase-l .nav-tab:hover{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
}
.s360-communication-phase-l .nav-tab-active,
.s360-content-assets-phase-l .nav-tab-active{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),#0ea5e9);
    border-color:transparent;
    color:var(--s360-color-surface-raised);
    box-shadow:0 8px 20px rgba(14,165,233,.20);
}
.s360-communication-phase-l label,
.s360-content-assets-phase-l label,
.s360-communication-shortcode-phase-l label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-communication-phase-l input[type="text"],
.s360-communication-phase-l input[type="email"],
.s360-communication-phase-l input[type="number"],
.s360-communication-phase-l input[type="date"],
.s360-communication-phase-l input[type="time"],
.s360-communication-phase-l input[type="search"],
.s360-communication-phase-l select,
.s360-communication-phase-l textarea,
.s360-content-assets-phase-l input[type="text"],
.s360-content-assets-phase-l input[type="email"],
.s360-content-assets-phase-l input[type="number"],
.s360-content-assets-phase-l input[type="date"],
.s360-content-assets-phase-l input[type="file"],
.s360-content-assets-phase-l input[type="search"],
.s360-content-assets-phase-l select,
.s360-content-assets-phase-l textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-communication-phase-l textarea,
.s360-content-assets-phase-l textarea{
    min-height:110px;
    padding-top:var(--s360-space-10);
}
.s360-communication-phase-l input:focus,
.s360-communication-phase-l select:focus,
.s360-communication-phase-l textarea:focus,
.s360-content-assets-phase-l input:focus,
.s360-content-assets-phase-l select:focus,
.s360-content-assets-phase-l textarea:focus{
    border-color:#0ea5e9;
    box-shadow:0 0 0 3px rgba(14,165,233,.18);
    outline:none;
}
.s360-communication-phase-l .button,
.s360-content-assets-phase-l .button,
.s360-communication-shortcode-phase-l .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:4px 14px;
    border-radius:var(--s360-radius-xl);
    font-weight:750;
    text-decoration:none;
}
.s360-communication-phase-l .button-primary,
.s360-content-assets-phase-l .button-primary,
.s360-communication-shortcode-phase-l .button-primary{
    background:#0ea5e9;
    border-color:#0284c7;
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-communication-phase-l .widefat,
.s360-content-assets-phase-l .widefat,
.s360-content-assets-phase-l .s360-overflow-x,
.s360-content-assets-phase-l .s360-gd-table-wrap{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-communication-phase-l table.widefat,
.s360-content-assets-phase-l table.widefat{
    margin:0 0 20px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-communication-phase-l table.widefat th,
.s360-content-assets-phase-l table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-communication-phase-l table.widefat td,
.s360-content-assets-phase-l table.widefat td{
    vertical-align:top;
}
.s360-communication-phase-l .s360-badge,
.s360-content-assets-phase-l .s360-badge,
.s360-communication-phase-l .s360-badge,
.s360-content-assets-phase-l .s360-badge{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-communication-phase-l .s360-badge-success,
.s360-content-assets-phase-l .s360-badge-success,
.s360-communication-phase-l .s360-badge--success,
.s360-content-assets-phase-l .s360-badge--success{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-communication-phase-l .s360-badge-warning,
.s360-content-assets-phase-l .s360-badge-warning,
.s360-communication-phase-l .s360-badge--warning,
.s360-content-assets-phase-l .s360-badge--warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-communication-phase-l .s360-badge-danger,
.s360-content-assets-phase-l .s360-badge-danger{
    background:var(--s360-color-danger-bg,var(--s360-color-danger-bg));
    border-color:var(--s360-color-border-danger,var(--s360-color-border-danger));
    color:var(--s360-color-danger-strong,#b91c1c);
}
.s360-communication-phase-l .notice,
.s360-content-assets-phase-l .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-communication-phase-l .s360-cluster,
.s360-content-assets-phase-l .s360-cluster,
.s360-content-assets-phase-l .s360-inline-actions,
.s360-content-assets-phase-l .s360-document-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-content-assets-phase-l .s360-gallery-thumb,
.s360-content-assets-phase-l .s360-u-thumb-48{
    border-radius:var(--s360-radius-xl);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    object-fit:cover;
}
.s360-content-assets-phase-l .s360-gd-form-shell{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-content-assets-phase-l .s360-gd-audience-picker{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    padding:var(--s360-space-14);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
}
.s360-communication-shortcode-phase-l .s360-communication-center-shortcode ul{
    display:grid;
    gap:var(--s360-space-sm);
    margin:16px 0 0;
    padding:0;
    list-style:none;
}
.s360-communication-shortcode-phase-l .s360-communication-center-shortcode li{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    padding:var(--s360-space-md);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
@media (max-width: 1360px){
    .s360-communication-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-gd-filters-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 1080px){
    .s360-communication-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-gd-filters-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .s360-content-assets-phase-l .s360-gd-layout,
    .s360-content-assets-phase-l .s360-grid-2,
    .s360-communication-phase-l .s360-two-col{
        grid-template-columns:1fr;
    }
}
@media (max-width: 782px){
    .s360-communication-phase-l,
    .s360-content-assets-phase-l{
        padding-right:var(--s360-space-10);
    }
    .s360-communication-phase-l .s360-ui-card,
    .s360-content-assets-phase-l .s360-ui-card,
    .s360-communication-phase-l .postbox,
    .s360-content-assets-phase-l .postbox,
    .s360-content-assets-phase-l > .s360-cluster-between:first-of-type,
    .s360-communication-phase-l > p:first-of-type{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-communication-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-ui-grid,
    .s360-content-assets-phase-l .s360-gd-filters-grid{
        grid-template-columns:1fr;
    }
    .s360-communication-phase-l .button,
    .s360-content-assets-phase-l .button,
    .s360-communication-shortcode-phase-l .button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-communication-phase-l table.widefat,
    .s360-content-assets-phase-l table.widefat{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}
/* Phase M - Own Access, Teacher Workbench, and auxiliary operational screens UI modernization */
.s360-own-access-phase-m,
.s360-teacher-workbench-phase-m,
.s360-compliance-phase-m,
.s360-data-center-phase-m,
.s360-schools-phase-m,
.s360-external-ecosystem-phase-m{
    --school360-native-phase:"N";
    --school360-auxiliary-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,var(--s360-color-text-label));
    background:
        radial-gradient(circle at 8% 0%, rgba(124,58,237,.08), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 0%,transparent 34rem);
    border-radius:var(--s360-radius-2xl,18px);
    padding-bottom:48px;
}
.s360-own-access-phase-m *,
.s360-teacher-workbench-phase-m *,
.s360-compliance-phase-m *,
.s360-data-center-phase-m *,
.s360-schools-phase-m *,
.s360-external-ecosystem-phase-m *{box-sizing:border-box}
.s360-own-access-phase-m h1,
.s360-own-access-phase-m h2,
.s360-own-access-phase-m h3,
.s360-teacher-workbench-phase-m h1,
.s360-teacher-workbench-phase-m h2,
.s360-teacher-workbench-phase-m h3,
.s360-compliance-phase-m h1,
.s360-compliance-phase-m h2,
.s360-compliance-phase-m h3,
.s360-data-center-phase-m h1,
.s360-data-center-phase-m h2,
.s360-data-center-phase-m h3,
.s360-schools-phase-m h1,
.s360-schools-phase-m h2,
.s360-schools-phase-m h3,
.s360-external-ecosystem-phase-m h1,
.s360-external-ecosystem-phase-m h2,
.s360-external-ecosystem-phase-m h3{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    letter-spacing:-.015em;
}
.s360-own-access-phase-m > h1:first-child,
.s360-teacher-workbench-phase-m > h1:first-child,
.s360-compliance-phase-m > h1:first-child,
.s360-data-center-phase-m > h1:first-child,
.s360-schools-phase-m .s360-readiness-panel h1,
.s360-external-ecosystem-phase-m > h1:first-child{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.15;
    font-weight:850;
    display:flex;
    align-items:center;
    gap:var(--s360-space-10);
}
.s360-own-access-phase-m > h1:first-child::before,
.s360-teacher-workbench-phase-m > h1:first-child::before,
.s360-compliance-phase-m > h1:first-child::before,
.s360-data-center-phase-m > h1:first-child::before,
.s360-schools-phase-m .s360-readiness-panel h1::before,
.s360-external-ecosystem-phase-m > h1:first-child::before{
    content:"";
    width:13px;
    height:32px;
    border-radius:var(--s360-radius-pill);
    background:linear-gradient(180deg,var(--s360-color-primary,var(--s360-color-primary)),#7c3aed);
    box-shadow:0 8px 18px rgba(124,58,237,.20);
}
.s360-own-access-phase-m > p:first-of-type,
.s360-teacher-workbench-phase-m > p:first-of-type,
.s360-compliance-phase-m > p:first-of-type,
.s360-data-center-phase-m > p:first-of-type,
.s360-external-ecosystem-phase-m > p:first-of-type,
.s360-own-access-phase-m .description,
.s360-teacher-workbench-phase-m .description,
.s360-compliance-phase-m .description,
.s360-data-center-phase-m .description,
.s360-schools-phase-m .description,
.s360-external-ecosystem-phase-m .description,
.s360-own-access-phase-m .s360-text-muted,
.s360-teacher-workbench-phase-m .s360-text-muted{
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    line-height:1.6;
}
.s360-own-access-phase-m > p:first-of-type,
.s360-teacher-workbench-phase-m > p:first-of-type,
.s360-compliance-phase-m > p:first-of-type,
.s360-data-center-phase-m > p:first-of-type,
.s360-external-ecosystem-phase-m > p:first-of-type,
.s360-schools-phase-m .s360-readiness-hero{
    position:relative;
    overflow:hidden;
    margin:0 0 22px;
    padding:var(--s360-space-22);
    border:1px solid var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(124,58,237,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-soft,var(--s360-color-bg-soft)) 100%);
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-schools-phase-m .s360-readiness-hero{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
    gap:var(--s360-space-18);
}
.s360-own-access-phase-m .s360-ui-card,
.s360-teacher-workbench-phase-m .s360-ui-card,
.s360-compliance-phase-m .s360-ui-card,
.s360-data-center-phase-m .s360-ui-card,
.s360-schools-phase-m .s360-ui-card,
.s360-external-ecosystem-phase-m .print-panel,
.s360-external-ecosystem-phase-m .s360-ui-card,
.s360-schools-phase-m .s360-readiness-panel,
.s360-own-access-phase-m .s360-ui-card,
.s360-teacher-workbench-phase-m .s360-ui-card,
.s360-compliance-phase-m .s360-ui-card,
.s360-data-center-phase-m .s360-ui-card{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:22px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-soft,0 12px 30px rgba(15,23,42,.06));
}
.s360-own-access-phase-m .s360-ui-card,
.s360-teacher-workbench-phase-m .s360-ui-card,
.s360-compliance-phase-m .s360-ui-card,
.s360-data-center-phase-m .s360-ui-card,
.s360-schools-phase-m .s360-ui-card,
.s360-external-ecosystem-phase-m .print-panel,
.s360-external-ecosystem-phase-m .s360-ui-card,
.s360-schools-phase-m .s360-readiness-panel{
    padding:var(--s360-space-20);
}
.s360-own-access-phase-m .s360-ui-grid,
.s360-teacher-workbench-phase-m .s360-ui-grid,
.s360-compliance-phase-m .s360-ui-grid,
.s360-data-center-phase-m .s360-ui-grid,
.s360-schools-phase-m .s360-ui-grid,
.s360-external-ecosystem-phase-m .s360-ui-grid,
.s360-schools-phase-m .s360-readiness-kpis,
.s360-data-center-phase-m .s360-import-summary-grid,
.s360-compliance-phase-m .s360-compliance-grid{
    display:grid;
    gap:var(--s360-space-md);
}
.s360-own-access-phase-m .s360-ui-grid,
.s360-teacher-workbench-phase-m .s360-ui-grid,
.s360-compliance-phase-m .s360-ui-grid,
.s360-data-center-phase-m .s360-ui-grid,
.s360-schools-phase-m .s360-ui-grid,
.s360-external-ecosystem-phase-m .s360-ui-grid,
.s360-schools-phase-m .s360-readiness-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.s360-data-center-phase-m .s360-import-summary-grid,
.s360-compliance-phase-m .s360-compliance-grid,
.s360-external-ecosystem-phase-m .s360-u-grid-3-16-max980{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.s360-own-access-phase-m .s360-two-col,
.s360-teacher-workbench-phase-m .s360-two-col,
.s360-compliance-phase-m .s360-two-col,
.s360-data-center-phase-m .s360-two-col,
.s360-schools-phase-m .s360-grid-school-shell{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s360-space-18);
}
.s360-own-access-phase-m .s360-ui-card:has(.s360-ui-stat-card__value),
.s360-teacher-workbench-phase-m .s360-ui-card:has(.s360-ui-stat-card__value),
.s360-compliance-phase-m .s360-ui-card:has(.s360-ui-stat-card__value),
.s360-data-center-phase-m .s360-ui-card:has(.s360-ui-stat-card__value),
.s360-schools-phase-m .s360-readiness-kpi,
.s360-external-ecosystem-phase-m .s360-ui-card:has(.s360-u-metric-28-m0){
    position:relative;
    overflow:hidden;
    min-height:112px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-surface-muted,var(--s360-color-bg-subtle)) 100%);
}
.s360-own-access-phase-m .s360-ui-card:has(.s360-ui-stat-card__value)::before,
.s360-teacher-workbench-phase-m .s360-ui-card:has(.s360-ui-stat-card__value)::before,
.s360-compliance-phase-m .s360-ui-card:has(.s360-ui-stat-card__value)::before,
.s360-data-center-phase-m .s360-ui-card:has(.s360-ui-stat-card__value)::before,
.s360-schools-phase-m .s360-readiness-kpi::before,
.s360-external-ecosystem-phase-m .s360-ui-card:has(.s360-u-metric-28-m0)::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:4px;
    background:#7c3aed;
    opacity:.78;
}
.s360-own-access-phase-m .s360-ui-stat-card__value,
.s360-teacher-workbench-phase-m .s360-ui-stat-card__value,
.s360-compliance-phase-m .s360-ui-stat-card__value,
.s360-data-center-phase-m .s360-ui-stat-card__value,
.s360-schools-phase-m .s360-readiness-kpi strong,
.s360-external-ecosystem-phase-m .s360-u-metric-28-m0{
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    font-size:30px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}
.s360-own-access-phase-m .nav-tab-wrapper,
.s360-teacher-workbench-phase-m .nav-tab-wrapper,
.s360-compliance-phase-m .nav-tab-wrapper,
.s360-data-center-phase-m .nav-tab-wrapper,
.s360-schools-phase-m .nav-tab-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s360-space-10);
    margin:18px 0 22px;
    padding:var(--s360-space-xs);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:18px;
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-own-access-phase-m .nav-tab,
.s360-teacher-workbench-phase-m .nav-tab,
.s360-compliance-phase-m .nav-tab,
.s360-data-center-phase-m .nav-tab,
.s360-schools-phase-m .nav-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    background:transparent;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}
.s360-own-access-phase-m .nav-tab:hover,
.s360-teacher-workbench-phase-m .nav-tab:hover,
.s360-compliance-phase-m .nav-tab:hover,
.s360-data-center-phase-m .nav-tab:hover,
.s360-schools-phase-m .nav-tab:hover{
    color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
}
.s360-own-access-phase-m .nav-tab-active,
.s360-teacher-workbench-phase-m .nav-tab-active,
.s360-compliance-phase-m .nav-tab-active,
.s360-data-center-phase-m .nav-tab-active,
.s360-schools-phase-m .nav-tab-active{
    background:linear-gradient(135deg,var(--s360-color-primary,var(--s360-color-primary)),#7c3aed);
    border-color:transparent;
    color:var(--s360-color-surface-raised);
    box-shadow:0 8px 20px rgba(124,58,237,.20);
}
.s360-own-access-phase-m label,
.s360-teacher-workbench-phase-m label,
.s360-compliance-phase-m label,
.s360-data-center-phase-m label,
.s360-schools-phase-m label,
.s360-external-ecosystem-phase-m label{
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-size:13px;
    font-weight:750;
}
.s360-own-access-phase-m input[type="text"],
.s360-own-access-phase-m input[type="email"],
.s360-own-access-phase-m input[type="number"],
.s360-own-access-phase-m input[type="date"],
.s360-own-access-phase-m input[type="time"],
.s360-own-access-phase-m input[type="search"],
.s360-own-access-phase-m input[type="file"],
.s360-own-access-phase-m select,
.s360-own-access-phase-m textarea,
.s360-teacher-workbench-phase-m input[type="text"],
.s360-teacher-workbench-phase-m input[type="email"],
.s360-teacher-workbench-phase-m input[type="number"],
.s360-teacher-workbench-phase-m input[type="date"],
.s360-teacher-workbench-phase-m input[type="time"],
.s360-teacher-workbench-phase-m input[type="search"],
.s360-teacher-workbench-phase-m select,
.s360-teacher-workbench-phase-m textarea,
.s360-compliance-phase-m input[type="text"],
.s360-compliance-phase-m input[type="number"],
.s360-compliance-phase-m input[type="date"],
.s360-compliance-phase-m select,
.s360-compliance-phase-m textarea,
.s360-data-center-phase-m input[type="text"],
.s360-data-center-phase-m input[type="number"],
.s360-data-center-phase-m input[type="file"],
.s360-data-center-phase-m select,
.s360-data-center-phase-m textarea,
.s360-schools-phase-m input[type="text"],
.s360-schools-phase-m input[type="email"],
.s360-schools-phase-m input[type="number"],
.s360-schools-phase-m select,
.s360-schools-phase-m textarea,
.s360-external-ecosystem-phase-m input[type="text"],
.s360-external-ecosystem-phase-m select,
.s360-external-ecosystem-phase-m textarea{
    width:100%;
    max-width:100%;
    min-height:40px;
    border:1px solid var(--s360-color-border-strong,var(--s360-color-border-strong));
    border-radius:var(--s360-radius-xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-text-heading,var(--s360-color-text-heading));
    box-shadow:var(--s360-shadow-inset-highlight,inset 0 1px 0 rgba(255,255,255,.7));
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.s360-own-access-phase-m textarea,
.s360-teacher-workbench-phase-m textarea,
.s360-compliance-phase-m textarea,
.s360-data-center-phase-m textarea,
.s360-schools-phase-m textarea,
.s360-external-ecosystem-phase-m textarea{
    min-height:96px;
    padding-top:var(--s360-space-10);
}
.s360-own-access-phase-m input:focus,
.s360-own-access-phase-m select:focus,
.s360-own-access-phase-m textarea:focus,
.s360-teacher-workbench-phase-m input:focus,
.s360-teacher-workbench-phase-m select:focus,
.s360-teacher-workbench-phase-m textarea:focus,
.s360-compliance-phase-m input:focus,
.s360-compliance-phase-m select:focus,
.s360-compliance-phase-m textarea:focus,
.s360-data-center-phase-m input:focus,
.s360-data-center-phase-m select:focus,
.s360-data-center-phase-m textarea:focus,
.s360-schools-phase-m input:focus,
.s360-schools-phase-m select:focus,
.s360-schools-phase-m textarea:focus,
.s360-external-ecosystem-phase-m input:focus,
.s360-external-ecosystem-phase-m select:focus,
.s360-external-ecosystem-phase-m textarea:focus{
    border-color:#7c3aed;
    box-shadow:0 0 0 3px rgba(124,58,237,.18);
    outline:none;
}
.s360-own-access-phase-m .button,
.s360-teacher-workbench-phase-m .button,
.s360-compliance-phase-m .button,
.s360-data-center-phase-m .button,
.s360-schools-phase-m .button,
.s360-external-ecosystem-phase-m .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:4px 14px;
    border-radius:var(--s360-radius-xl);
    font-weight:750;
    text-decoration:none;
}
.s360-own-access-phase-m .button-primary,
.s360-teacher-workbench-phase-m .button-primary,
.s360-compliance-phase-m .button-primary,
.s360-data-center-phase-m .button-primary,
.s360-schools-phase-m .button-primary,
.s360-external-ecosystem-phase-m .button-primary{
    background:#7c3aed;
    border-color:#6d28d9;
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.s360-own-access-phase-m .widefat,
.s360-teacher-workbench-phase-m .widefat,
.s360-compliance-phase-m .widefat,
.s360-data-center-phase-m .widefat,
.s360-schools-phase-m .widefat,
.s360-external-ecosystem-phase-m .widefat{
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-3xl);
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    overflow:hidden;
}
.s360-own-access-phase-m table.widefat,
.s360-teacher-workbench-phase-m table.widefat,
.s360-compliance-phase-m table.widefat,
.s360-data-center-phase-m table.widefat,
.s360-schools-phase-m table.widefat,
.s360-external-ecosystem-phase-m table.widefat{
    margin:0 0 20px;
    border-collapse:separate;
    border-spacing:0;
}
.s360-own-access-phase-m table.widefat th,
.s360-teacher-workbench-phase-m table.widefat th,
.s360-compliance-phase-m table.widefat th,
.s360-data-center-phase-m table.widefat th,
.s360-schools-phase-m table.widefat th,
.s360-external-ecosystem-phase-m table.widefat th{
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.s360-own-access-phase-m table.widefat td,
.s360-teacher-workbench-phase-m table.widefat td,
.s360-compliance-phase-m table.widefat td,
.s360-data-center-phase-m table.widefat td,
.s360-schools-phase-m table.widefat td,
.s360-external-ecosystem-phase-m table.widefat td{
    vertical-align:top;
}
.s360-own-access-phase-m .s360-badge,
.s360-teacher-workbench-phase-m .s360-badge,
.s360-compliance-phase-m .s360-badge,
.s360-data-center-phase-m .s360-badge,
.s360-schools-phase-m .s360-readiness-pill{
    display:inline-flex;
    align-items:center;
    gap:var(--s360-space-6);
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:12px;
    font-weight:750;
    line-height:1.2;
}
.s360-schools-phase-m .s360-readiness-pill.is-ready,
.s360-own-access-phase-m .s360-badge-success,
.s360-teacher-workbench-phase-m .s360-badge-success,
.s360-compliance-phase-m .s360-badge-success{
    background:var(--s360-color-success-bg,var(--s360-color-success-bg));
    border-color:var(--s360-color-border-success,var(--s360-color-border-success));
    color:var(--s360-color-success-strong,var(--s360-color-success-strong));
}
.s360-schools-phase-m .s360-readiness-pill.is-warning,
.s360-own-access-phase-m .s360-badge-warning,
.s360-teacher-workbench-phase-m .s360-badge-warning,
.s360-compliance-phase-m .s360-badge-warning{
    background:var(--s360-color-warning-bg,var(--s360-color-warning-bg));
    border-color:var(--s360-color-border-warning,var(--s360-color-border-warning));
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-own-access-phase-m .notice,
.s360-teacher-workbench-phase-m .notice,
.s360-compliance-phase-m .notice,
.s360-data-center-phase-m .notice,
.s360-schools-phase-m .notice,
.s360-external-ecosystem-phase-m .notice{
    border-radius:var(--s360-radius-2xl);
    border-width:1px;
    box-shadow:none;
}
.s360-own-access-phase-m .s360-cluster,
.s360-teacher-workbench-phase-m .s360-cluster,
.s360-compliance-phase-m .s360-cluster,
.s360-data-center-phase-m .s360-cluster,
.s360-schools-phase-m .s360-cluster{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-10);
}
@media (max-width: 1360px){
    .s360-own-access-phase-m .s360-ui-grid,
    .s360-teacher-workbench-phase-m .s360-ui-grid,
    .s360-compliance-phase-m .s360-ui-grid,
    .s360-data-center-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-ui-grid,
    .s360-external-ecosystem-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-readiness-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width: 1080px){
    .s360-own-access-phase-m .s360-ui-grid,
    .s360-teacher-workbench-phase-m .s360-ui-grid,
    .s360-compliance-phase-m .s360-ui-grid,
    .s360-data-center-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-ui-grid,
    .s360-external-ecosystem-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-readiness-kpis,
    .s360-data-center-phase-m .s360-import-summary-grid,
    .s360-compliance-phase-m .s360-compliance-grid,
    .s360-external-ecosystem-phase-m .s360-u-grid-3-16-max980{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .s360-own-access-phase-m .s360-two-col,
    .s360-teacher-workbench-phase-m .s360-two-col,
    .s360-compliance-phase-m .s360-two-col,
    .s360-data-center-phase-m .s360-two-col,
    .s360-schools-phase-m .s360-grid-school-shell,
    .s360-schools-phase-m .s360-readiness-hero{
        grid-template-columns:1fr;
    }
}
@media (max-width: 782px){
    .s360-own-access-phase-m,
    .s360-teacher-workbench-phase-m,
    .s360-compliance-phase-m,
    .s360-data-center-phase-m,
    .s360-schools-phase-m,
    .s360-external-ecosystem-phase-m{
        padding-right:var(--s360-space-10);
    }
    .s360-own-access-phase-m .s360-ui-card,
    .s360-teacher-workbench-phase-m .s360-ui-card,
    .s360-compliance-phase-m .s360-ui-card,
    .s360-data-center-phase-m .s360-ui-card,
    .s360-schools-phase-m .s360-ui-card,
    .s360-external-ecosystem-phase-m .print-panel,
    .s360-schools-phase-m .s360-readiness-panel,
    .s360-own-access-phase-m > p:first-of-type,
    .s360-teacher-workbench-phase-m > p:first-of-type,
    .s360-compliance-phase-m > p:first-of-type,
    .s360-data-center-phase-m > p:first-of-type,
    .s360-external-ecosystem-phase-m > p:first-of-type,
    .s360-schools-phase-m .s360-readiness-hero{
        padding:var(--s360-space-md);
        border-radius:18px;
    }
    .s360-own-access-phase-m .s360-ui-grid,
    .s360-teacher-workbench-phase-m .s360-ui-grid,
    .s360-compliance-phase-m .s360-ui-grid,
    .s360-data-center-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-ui-grid,
    .s360-external-ecosystem-phase-m .s360-ui-grid,
    .s360-schools-phase-m .s360-readiness-kpis,
    .s360-data-center-phase-m .s360-import-summary-grid,
    .s360-compliance-phase-m .s360-compliance-grid,
    .s360-external-ecosystem-phase-m .s360-u-grid-3-16-max980{
        grid-template-columns:1fr;
    }
    .s360-own-access-phase-m .button,
    .s360-teacher-workbench-phase-m .button,
    .s360-compliance-phase-m .button,
    .s360-data-center-phase-m .button,
    .s360-schools-phase-m .button,
    .s360-external-ecosystem-phase-m .button{
        width:100%;
        justify-content:center;
        text-align:center;
    }
    .s360-own-access-phase-m table.widefat,
    .s360-teacher-workbench-phase-m table.widefat,
    .s360-compliance-phase-m table.widefat,
    .s360-data-center-phase-m table.widefat,
    .s360-schools-phase-m table.widefat,
    .s360-external-ecosystem-phase-m table.widefat{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}
/* Phase N - final UI audit and release-candidate polish */
.s360-native-foundation{
    --school360-native-phase:"N";
    --school360-ui-release-candidate:"true";
}
.s360-native-foundation :where(.button,.s360-ui-button,.nav-tab,.s360-ui-tabs__tab,a){
    transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.s360-native-foundation :where(.button,.s360-ui-button,.nav-tab,.s360-ui-tabs__tab):focus-visible{
    outline:3px solid color-mix(in srgb,var(--s360-color-primary,var(--s360-color-primary)) 28%,transparent);
    outline-offset:2px;
}
.s360-native-foundation :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-stat-card,.s360-ui-action-card,.postbox){
    overflow-wrap:break-word;
}
.s360-native-foundation :where(table.widefat){
    min-width:720px;
}
.s360-native-foundation :where(.s360-overflow-x,.s360-ui-table-wrap,.s360-table-wrap){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.s360-native-foundation :where(img){
    max-width:100%;
    height:auto;
}
.s360-native-foundation :where(.notice){
    margin-block:12px 16px;
}
.s360-native-foundation :where(.form-table th){
    color:var(--s360-color-text-label,var(--s360-color-primary-exact-1f2937));
    font-weight:750;
}
.s360-native-foundation :where(.form-table td){
    color:var(--s360-color-text-body,var(--s360-color-text-label));
}
.s360-native-foundation :where(.submit){
    margin-top:var(--s360-space-18);
}
.s360-native-foundation :where(.s360-ui-grid,.s360-grid,.s360-ui-grid){
    min-width:0;
}
.s360-native-foundation :where(.s360-ui-grid > *,.s360-grid > *,.s360-ui-grid > *){
    min-width:0;
}
@media (max-width: 782px){
    .s360-native-foundation :where(table.widefat){
        min-width:640px;
    }
    .s360-native-foundation :where(.form-table,.form-table tbody,.form-table tr,.form-table th,.form-table td){
        display:block;
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    .s360-native-foundation :where(.form-table th){
        padding-bottom:var(--s360-space-6);
    }
    .s360-native-foundation :where(.form-table td){
        padding-top:0;
    }
}
/* RC1 Hotfix 1 - Flowbite-style underline navigation tabs and full-width School360 pages */
.s360-native-foundation{
    max-width:none;
    width:auto;
}
.wp-admin .s360-native-foundation{
    max-width:var(--s360-layout-admin-page-max,none);
    width:auto;
    min-width:0;
    box-sizing:border-box;
    margin-right:var(--s360-layout-admin-page-gutter,20px);
}
.s360-native-foundation :where(.s360-settings-hero,.s360-system-hero,.s360-reports-hero,.s360-analytics-hero,.s360-admin-dashboard__workspace,.s360-admin-dashboard__main,.s360-admin-dashboard__secondary,.s360-ui-card,.s360-system-panel,.s360-school-panel,.s360-ui-section-card--settings-panel,.s360-reports-v2,.s360-custom-fields-layout,.s360-gd-layout,.s360-ui-grid,.s360-grid,.form-table,.widefat,.postbox){
    max-width:none;
}
.s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-school-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs){
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:0;
    width:100%;
    max-width:none;
    margin:18px 0 22px;
    padding:0;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}
.s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs) :where(.nav-tab,.s360-ui-tabs__tab,.s360-school-tab,.s360-system-tab,.s360-finance-tab-link,.s360-builder-tab,.s360-tab,.school360-tab,.button,a,button){
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin:0;
    padding:13px 16px 11px;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none;
    transform:none;
}
.s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs) :where(.nav-tab:hover,.nav-tab:focus-visible,.s360-ui-tabs__tab:hover,.s360-ui-tabs__tab:focus-visible,.s360-school-tab:hover,.s360-school-tab:focus-visible,.s360-system-tab:hover,.s360-system-tab:focus-visible,.s360-finance-tab-link:hover,.s360-finance-tab-link:focus-visible,.s360-builder-tab:hover,.s360-builder-tab:focus-visible,.s360-tab:hover,.s360-tab:focus-visible,.school360-tab:hover,.school360-tab:focus-visible,.button:hover,.button:focus-visible,a:hover,a:focus-visible,button:hover,button:focus-visible){
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:transparent;
    box-shadow:none;
    outline:none;
}
.s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs) :where(.nav-tab-active,.is-active,.active,[aria-current="page"],[aria-selected="true"],.button-primary){
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary,var(--s360-color-primary));
    background:transparent;
    box-shadow:none;
}
.s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs) :where(.disabled,[disabled],[aria-disabled="true"]){
    color:var(--s360-color-text-subtle,#94a3b8);
    border-bottom-color:transparent;
    cursor:not-allowed;
    opacity:.7;
}
.s360-native-foundation :where(.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-school-tabs,.s360-system-tabs){
    position:relative;
    top:auto;
    z-index:auto;
}
@media (max-width: 782px){
    .wp-admin .s360-native-foundation{
        margin-right:var(--s360-space-10);
    }
    .s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs){
        overflow-x:auto;
        flex-wrap:nowrap;
        align-items:flex-end;
        padding-bottom:0;
        -webkit-overflow-scrolling:touch;
    }
    .s360-native-foundation :where(.nav-tab-wrapper,.s360-ui-tabs,.s360-school-tabs,.s360-system-tabs,.s360-finance-tabs,.s360-expense-workspace-tabs,.s360-student-workspace__tabs,.s360-calendar-action-tabs,.s360-builder-tabs,.s360-tabs,.school360-tabs,.s360-hr-top-nav,.s360-hr-nav,.s360-parent-mobile__tabs,.s360-report-tabs,.s360-academic-tabs,.s360-dashboard-tabs) :where(.nav-tab,.s360-ui-tabs__tab,.s360-school-tab,.s360-system-tab,.s360-finance-tab-link,.s360-builder-tab,.s360-tab,.school360-tab,.button,a,button){
        flex:0 0 auto;
        white-space:nowrap;
    }
}
/* RC1 Hotfix 2 - Grouped admin pages full-width and underline tab scope fix */
.wp-admin .s360-grouped-admin.s360-page-shell,
.wp-admin .s360-grouped-admin.s360-native-foundation,
.wp-admin .s360-native-foundation.s360-grouped-admin,
.wp-admin .s360-native-foundation.s360-grouped-fullwidth{
    max-width:none;
    width:auto;
    margin-right:var(--s360-space-20);
}
.wp-admin .s360-native-foundation.s360-grouped-admin :where(.s360-grouped-admin__content,.s360-grouped-admin__content > .wrap,.s360-grouped-admin__content > .s360-wrap,.s360-grouped-admin__content > .s360-page-shell,.s360-grouped-admin__content > .s360-finance-page,.s360-grouped-admin__content > .s360-academic-workspace,.s360-grouped-admin__content > .s360-student-workspace,.s360-grouped-admin__content > .s360-ui-card,.s360-grouped-admin__content > .postbox,.s360-grouped-admin__content > .print-panel,.s360-wrap,.s360-page-shell,.s360-finance-page,.s360-academic-workspace,.s360-student-workspace,.s360-reports-workspace,.s360-analytics-workspace,.s360-custom-fields-workspace,.s360-communication-center,.s360-page-hero,.s360-admin-dashboard__workspace,.s360-ui-card,.s360-ui-grid,.s360-grid){
    max-width:none;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-grouped-admin__content{
    width:100%;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-grouped-admin__content > .wrap{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-page-hero,
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs{
    max-width:none;
    width:100%;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:0;
    margin:18px 0 22px;
    padding:0;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin:0;
    padding:13px 16px 11px;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none;
    transform:none;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab:hover,
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab:focus-visible,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab:hover,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:transparent;
    box-shadow:none;
    outline:none;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab-active,
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab[aria-current="page"],
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab-active,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab[aria-current="page"]{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary,var(--s360-color-primary));
    background:transparent;
    box-shadow:none;
}
@media (max-width: 782px){
    .wp-admin .s360-grouped-admin.s360-page-shell,
    .wp-admin .s360-grouped-admin.s360-native-foundation,
    .wp-admin .s360-native-foundation.s360-grouped-admin,
    .wp-admin .s360-native-foundation.s360-grouped-fullwidth{
        margin-right:var(--s360-space-10);
    }
    .wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs,
    .wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab,
    .wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab{
        flex:0 0 auto;
        white-space:nowrap;
    }
}
/* RC1 Hotfix 3 - Grouped pages overflow correction after full-width update */
.wp-admin .s360-native-foundation.s360-grouped-admin,
.wp-admin .s360-native-foundation.s360-grouped-admin *,
.wp-admin .s360-native-foundation.s360-grouped-admin *::before,
.wp-admin .s360-native-foundation.s360-grouped-admin *::after{
    box-sizing:border-box;
}
.wp-admin .s360-native-foundation.s360-grouped-admin{
    max-width:none;
    width:auto;
    min-width:0;
    overflow-x:clip;
}
.wp-admin .s360-native-foundation.s360-grouped-admin :where(.s360-page-hero,.s360-ui-main-tabs,.s360-grouped-admin__content,.s360-grouped-admin__content > .wrap,.s360-grouped-admin__content > .s360-wrap,.s360-grouped-admin__content > .s360-page-shell,.s360-ui-card,.postbox,.print-panel,.s360-ui-grid,.s360-grid){
    max-width:100%;
    min-width:0;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-grouped-admin__content{
    overflow-x:visible;
}
.wp-admin .s360-native-foundation.s360-grouped-admin :where(.s360-overflow-x,.s360-ui-table-wrap,.s360-table-wrap,.widefat,table.widefat){
    max-width:100%;
}
.wp-admin .s360-native-foundation.s360-grouped-admin :where(.s360-ui-table-wrap,.s360-table-wrap,.s360-overflow-x){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.wp-admin .s360-native-foundation.s360-grouped-admin table.widefat{
    width:100%;
}
.wp-admin .s360-native-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-native-foundation.s360-expense-phase-h .s360-ui-main-tabs{
    max-width:100%;
    min-width:0;
}
@media (max-width: 782px){
    .wp-admin .s360-native-foundation.s360-grouped-admin{
        overflow-x:clip;
    }
}
/* RC1 Hotfix 4 - Compact admin shortcuts */
.s360-native-foundation :where(.s360-admin-shortcuts){
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:var(--s360-space-xs);
}
.s360-native-foundation :where(.s360-admin-shortcut){
    display:inline-flex;
    flex:0 1 auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:var(--s360-space-6);
    min-height:30px;
    min-width:0;
    width:auto;
    max-width:100%;
    padding:5px 10px;
    border-radius:var(--s360-radius-pill);
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    box-shadow:none;
    text-decoration:none;
    line-height:1.25;
}
.s360-native-foundation :where(.s360-admin-shortcut:hover,.s360-admin-shortcut:focus-visible){
    transform:none;
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:var(--s360-color-primary-soft,var(--s360-color-primary-soft));
    color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--s360-color-primary,var(--s360-color-primary)) 14%,transparent);
    outline:none;
}
.s360-native-foundation :where(.s360-admin-shortcut__title){
    display:inline-block;
    min-width:0;
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
}
.s360-native-foundation :where(.s360-admin-shortcut__meta){
    display:inline-block;
    min-width:0;
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--s360-color-text-subtle,#94a3b8);
    font-size:11px;
    font-weight:600;
    line-height:1.25;
}
.s360-native-foundation :where(.s360-admin-shortcut__title + .s360-admin-shortcut__meta)::before{
    content:"·";
    margin-right:var(--s360-space-6);
    color:var(--s360-color-border-strong,var(--s360-color-border-strong));
}
.s360-native-foundation :where(.s360-admin-shortcut strong){
    font-size:11px;
    font-weight:800;
}
@media (max-width: 782px){
    .s360-native-foundation :where(.s360-admin-shortcuts){
        gap:var(--s360-space-6);
    }
    .s360-native-foundation :where(.s360-admin-shortcut){
        max-width:100%;
        padding:5px 9px;
    }
    .s360-native-foundation :where(.s360-admin-shortcut__title){
        max-width:180px;
    }
    .s360-native-foundation :where(.s360-admin-shortcut__meta){
        max-width:180px;
    }
}
/* RC1 Hotfix 5 - Admin shortcut spacing/radius and stat card weight polish */
.s360-native-foundation .s360-admin-dashboard .s360-admin-shortcut{
    margin-block:var(--s360-radius-lg,10px);
    margin-inline:0;
    border-radius:var(--s360-radius-lg,10px);
    font-weight:var(--s360-font-weight-bold,700);
}
.s360-native-foundation .s360-ui-stat-card{
    border-radius:var(--s360-radius-lg,10px);
}
.s360-native-foundation :where(.s360-admin-dashboard .s360-admin-shortcut__title,.s360-admin-dashboard .s360-admin-shortcut strong,.s360-ui-stat-card__value,.s360-ui-stat-card__label,.s360-ui-stat-card__helper){
    font-weight:var(--s360-font-weight-bold,700);
}
/* RC1 Hotfix 6 - Dashboard ui-system.css stat card and shortcut override fix */
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card{
    border-radius:var(--s360-radius-lg,10px);
}
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card__value,
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card__label,
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card__helper,
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card__action,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card__value,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card__label,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card__helper,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card__action{
    font-weight:var(--s360-font-weight-bold,700);
}
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card__action,
.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card__action{
    font-size:11px;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.s360-native-foundation.s360-admin-dashboard .s360-admin-shortcut,
.s360-native-foundation .s360-admin-dashboard .s360-admin-shortcut{
    margin-block:var(--s360-radius-lg,10px);
    margin-inline:0;
    border-radius:var(--s360-radius-lg,10px);
    font-weight:var(--s360-font-weight-bold,700);
}
.s360-native-foundation.s360-admin-dashboard .s360-admin-shortcut__title,
.s360-native-foundation.s360-admin-dashboard .s360-admin-shortcut__meta,
.s360-native-foundation .s360-admin-dashboard .s360-admin-shortcut__title,
.s360-native-foundation .s360-admin-dashboard .s360-admin-shortcut__meta{
    font-weight:var(--s360-font-weight-bold,700);
}
/* RC1 Hotfix 7 - Dashboard stat card background and value/label inline layout */
.school360-dashboard-phase-d{
    background:transparent;
}
.school360-dashboard-phase-d .s360-ui-stat-card::before,
.school360-dashboard-phase-d .s360-ui-stat-card:before{
    content:none;
    display:none;
    background:transparent;
    width:0;
}
.school360-dashboard-phase-d .s360-ui-stat-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:
        "value label"
        "helper helper"
        "action action";
    align-items:baseline;
    column-gap:var(--s360-space-xs,8px);
    row-gap:var(--s360-space-2xs,4px);
    border-radius:var(--s360-radius-lg,10px);
}
.school360-dashboard-phase-d .s360-ui-stat-card__value{
    grid-area:value;
    margin:0;
    align-self:baseline;
}
.school360-dashboard-phase-d .s360-ui-stat-card__label{
    grid-area:label;
    margin:0;
    align-self:baseline;
    min-width:0;
}
.school360-dashboard-phase-d .s360-ui-stat-card__helper{
    grid-area:helper;
    margin-top:var(--s360-space-2xs,4px);
}
.school360-dashboard-phase-d .s360-ui-stat-card__action{
    grid-area:action;
}
/* UI/IX CSS Phase 3 - dashboard visual polish override */
.s360-native-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-native-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut{display:flex;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s360-dashboard-compact-gap,var(--s360-space-sm,12px));width:100%;min-height:58px;margin:0;padding:var(--s360-dashboard-top-card-padding-y,14px) var(--s360-dashboard-top-card-padding-x,16px);border-radius:var(--s360-dashboard-panel-radius,var(--s360-radius-xl,12px));background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-subtle,var(--s360-color-bg-subtle)) 100%);color:var(--s360-color-text-heading,var(--s360-color-text-heading));box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.06))}
.s360-native-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:hover,.s360-native-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:focus-visible,.s360-native-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:hover,.s360-native-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:focus-visible{background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));box-shadow:var(--s360-dashboard-card-hover-shadow,var(--s360-shadow-floating));transform:none;text-decoration:none}
.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card,.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card{border-radius:var(--s360-dashboard-panel-radius,var(--s360-radius-xl,12px));padding:var(--s360-dashboard-stat-card-padding,16px)}
.school360-dashboard-phase-d a.s360-ui-stat-card:hover,.school360-dashboard-phase-d a.s360-ui-stat-card:focus-visible{border-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));box-shadow:var(--s360-dashboard-card-hover-shadow,var(--s360-shadow-floating));text-decoration:none}
.school360-dashboard-phase-d .s360-admin-dashboard-table{max-height:var(--s360-dashboard-table-max-height,320px)}
@media (max-width: 720px){.s360-native-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-native-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut{flex-direction:column;align-items:stretch;width:100%}}
@media (max-width: 480px){.s360-native-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-native-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-native-foundation.s360-admin-dashboard .s360-ui-stat-card,.s360-native-foundation .s360-admin-dashboard .s360-ui-stat-card{padding:12px 13px}}
/* UI/IX CSS Phase 3.1 - dashboard header utilities and mobile overflow fix. */
.s360-admin-dashboard.school360-dashboard-phase-d,.school360-dashboard-phase-d.s360-admin-dashboard{max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden;overflow-x:clip}

.school360-dashboard-phase-d .s360-ui-page-header__main,.school360-dashboard-phase-d .s360-ui-page-header__description{min-width:0;max-width:100%}

.school360-dashboard-phase-d .s360-admin-dashboard__utility-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:var(--s360-space-sm,12px);width:100%;max-width:100%;min-width:0;min-height:88px;margin:0;padding:var(--s360-unified-card-padding-y,14px) var(--s360-unified-card-padding-x,16px);box-sizing:border-box;border:1px solid var(--s360-color-border-muted,var(--s360-color-border-exact-d9e2ec));border-radius:var(--s360-dashboard-panel-radius,var(--s360-radius-xl,12px));background:linear-gradient(180deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)) 0%,var(--s360-color-bg-subtle,var(--s360-color-bg-subtle)) 100%);box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.06));overflow:hidden}


.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--notification,.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--school{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s360-space-md)}


.school360-dashboard-phase-d .s360-admin-dashboard__notification-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s360-space-xs);max-width:100%;margin:0}

.school360-dashboard-phase-d .s360-admin-dashboard__utility-actions,.school360-dashboard-phase-d .s360-admin-dashboard__utility-control{display:flex;align-items:center;justify-content:flex-end;width:auto;min-width:0;max-width:100%;flex-shrink:1}


@media (max-width: 782px){.s360-admin-dashboard.school360-dashboard-phase-d,.school360-dashboard-phase-d.s360-admin-dashboard{overflow-x:hidden}.school360-dashboard-phase-d .s360-ui-page-header{flex-direction:column;align-items:stretch;gap:var(--s360-space-xs);margin:0 0 var(--s360-space-md,16px);padding:20px 16px;border-radius:var(--s360-radius-xl,12px)}.school360-dashboard-phase-d .s360-ui-page-header__main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s360-space-xs)}.school360-dashboard-phase-d .s360-admin-dashboard__top-surfaces{gap:var(--s360-space-sm);margin:0 0 var(--s360-space-md,16px)}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card{min-height:0;padding:var(--s360-space-md);border-radius:var(--s360-radius-xl,12px)}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--notification,.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--school{flex-direction:column;align-items:stretch}.school360-dashboard-phase-d .s360-admin-dashboard__utility-actions,.school360-dashboard-phase-d .s360-admin-dashboard__utility-control,.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--school .s360-admin-dashboard__utility-control{width:100%;max-width:100%;justify-content:flex-start}}
@media (max-width: 480px){.school360-dashboard-phase-d .s360-ui-page-header{padding:18px 14px}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card{padding:var(--s360-space-14)}.school360-dashboard-phase-d .s360-admin-dashboard__notification-chips{gap:var(--s360-space-6)}}
/* UI/IX CSS Phase 5: frontend portal responsive refactor. */
.s360-frontend-portal-phase5{
  --s360-portal-phase5-gap:clamp(14px,2vw,22px);
  --s360-portal-phase5-card-padding:clamp(16px,2.2vw,24px);
  --s360-portal-phase5-compact-padding:clamp(12px,1.8vw,16px);
  --s360-portal-phase5-radius:22px;
  --s360-portal-phase5-mobile-radius:16px;
  --s360-portal-phase5-control-min:44px;
  width:100%;
  max-width:min(1180px, calc(100vw - 24px));
  overflow-x:clip;
}
@supports not (overflow: clip){
  .s360-frontend-portal-phase5{overflow-x:hidden;}
}
.s360-frontend-portal-phase5 .s360-portal.s360-portal-phase-5{
  max-width:100%;
  display:grid;
  gap:var(--s360-portal-phase5-gap);
  overflow:visible;
}
.s360-frontend-portal-phase5 .s360-portal.s360-portal-phase-5 > .s360-ui-card,
.s360-frontend-portal-phase5 .s360-portal.s360-portal-phase-5 .s360-ui-card{
  min-width:0;
}
.s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"]{
  padding:var(--s360-portal-phase5-card-padding);
  border-radius:var(--s360-portal-phase5-radius);
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb,var(--s360-color-primary,var(--s360-color-primary)) 12%, transparent), transparent 18rem),
    linear-gradient(135deg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)),var(--s360-color-bg-soft,var(--s360-color-bg-soft)));
}
.s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"] .s360-cluster-between,
.s360-frontend-portal-phase5 .s360-ui-section-card--toolbar > .s360-cluster-between,
.s360-frontend-portal-phase5 #portal-payment-center > .s360-cluster-between,
.s360-frontend-portal-phase5 [id$="-documents"] > .s360-cluster-between,
.s360-frontend-portal-phase5 [id$="-document-requirements"] > .s360-cluster-between{
  align-items:flex-start;
  gap:var(--s360-portal-phase5-gap);
}
.s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"] h2{
  overflow-wrap:anywhere;
}
.s360-frontend-portal-phase5 .s360-portal-logo-wrap,
.s360-frontend-portal-phase5 .s360-login-logo-wrap{
  max-width:100%;
}
.s360-frontend-portal-phase5 .s360-school-logo{
  max-width:min(180px,100%);
  height:auto;
}
.s360-frontend-portal-phase5 .s360-stat-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));
  gap:var(--s360-portal-phase5-gap);
}
.s360-frontend-portal-phase5 .s360-ui-stat-card{
  min-width:0;
  min-height:108px;
  padding:var(--s360-portal-phase5-compact-padding);
}
.s360-frontend-portal-phase5 .s360-stat-value,
.s360-frontend-portal-phase5 .s360-stat-label{
  overflow-wrap:anywhere;
}
.s360-frontend-portal-phase5 .s360-grid-auto-220{
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
}
.s360-frontend-portal-phase5 .s360-grid-auto-lg{
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
}
.s360-frontend-portal-phase5 .s360-ui-card--compact{
  padding:var(--s360-portal-phase5-compact-padding);
  border-radius:calc(var(--s360-portal-phase5-radius) - 6px);
}
.s360-frontend-portal-phase5 .s360-ui-card:has(> .s360-ui-table--portal),
.s360-frontend-portal-phase5 .s360-ui-card:has(table.s360-ui-table--portal),
.s360-frontend-portal-phase5 .s360-ui-card:has(table.widefat){
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.s360-frontend-portal-phase5 .s360-ui-table--portal{
  border-collapse:separate;
  border-spacing:0;
}
.s360-frontend-portal-phase5 .s360-ui-table--portal th,
.s360-frontend-portal-phase5 .s360-ui-table--portal td{
  vertical-align:top;
  overflow-wrap:normal;
}
.s360-frontend-portal-phase5 .s360-parent-workflow-form,
.s360-frontend-portal-phase5 .s360-portal-upload-form,
.s360-frontend-portal-phase5 #parent-communication-center form{
  max-width:100%;
}
.s360-frontend-portal-phase5 .s360-parent-workflow-form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.s360-frontend-portal-phase5 #parent-communication-center :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  width:100%;
  max-width:100%;
}
.s360-frontend-portal-phase5 .s360-portal-upload-form{
  display:grid;
  gap:var(--s360-space-10);
  padding:var(--s360-space-sm);
  border:1px dashed var(--s360-color-border-strong,var(--s360-color-border-strong));
  border-radius:var(--s360-radius-2xl);
  background:var(--s360-color-bg-subtle,var(--s360-color-bg-subtle));
}
.s360-frontend-portal-phase5 .s360-portal-upload-form input[type="file"]{
  min-height:var(--s360-portal-phase5-control-min);
  padding:9px 10px;
  border-style:dashed;
  background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
}
.s360-frontend-portal-phase5 .s360-portal-upload-form .s360-ui-button,
.s360-frontend-portal-phase5 .s360-parent-pay-form .s360-ui-button,
.s360-frontend-portal-phase5 .s360-parent-payment-actions .s360-ui-button{
  min-height:var(--s360-portal-phase5-control-min);
}
.s360-frontend-portal-phase5 #onboarding-center,
.s360-frontend-portal-phase5 [id$="-documents"],
.s360-frontend-portal-phase5 [id$="-document-requirements"],
.s360-frontend-portal-phase5 #parent-communication-center,
.s360-frontend-portal-phase5 #portal-payment-center{
  scroll-margin-top:var(--s360-space-lg);
}
.s360-frontend-portal-phase5 .s360-ui-notice{
  overflow-wrap:anywhere;
}
@media (max-width: 782px){
  .s360-frontend-portal-phase5{
    max-width:calc(100vw - 16px);
    padding-inline:8px;
  }
  .s360-frontend-portal-phase5 .s360-portal.s360-portal-phase-5{
    gap:var(--s360-space-14);
  }
  .s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"],
  .s360-frontend-portal-phase5 .s360-ui-card,
  .s360-frontend-portal-phase5 .s360-ui-card{
    border-radius:var(--s360-portal-phase5-mobile-radius);
    padding:var(--s360-space-md);
  }
  .s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"] .s360-cluster-between,
  .s360-frontend-portal-phase5 .s360-ui-section-card--toolbar > .s360-cluster-between,
  .s360-frontend-portal-phase5 #portal-payment-center > .s360-cluster-between,
  .s360-frontend-portal-phase5 [id$="-documents"] > .s360-cluster-between,
  .s360-frontend-portal-phase5 [id$="-document-requirements"] > .s360-cluster-between,
  .s360-frontend-portal-phase5 .s360-parent-payment-actions,
  .s360-frontend-portal-phase5 .s360-parent-pay-form{
    align-items:stretch;
    flex-direction:column;
  }
  .s360-frontend-portal-phase5 .s360-ui-button,
  .s360-frontend-portal-phase5 .button,
  .s360-frontend-portal-phase5 button[type="submit"],
  .s360-frontend-portal-phase5 input[type="submit"]{
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
  }
  .s360-frontend-portal-phase5 .s360-stat-grid,
  .s360-frontend-portal-phase5 .s360-grid-auto-220,
  .s360-frontend-portal-phase5 .s360-grid-auto-lg{
    grid-template-columns:1fr;
  }
  .s360-frontend-portal-phase5 .s360-ui-table--portal,
  .s360-frontend-portal-phase5 table.widefat{
    min-width:620px;
  }
  .s360-frontend-portal-phase5 .s360-portal-upload-form{
    padding:var(--s360-space-10);
  }
}
@media (max-width: 480px){
  .s360-frontend-portal-phase5{
    max-width:calc(100vw - 10px);
    padding-inline:5px;
  }
  .s360-frontend-portal-phase5 .s360-ui-section-card[data-s360-portal-card="hero"],
  .s360-frontend-portal-phase5 .s360-ui-card,
  .s360-frontend-portal-phase5 .s360-ui-card{
    padding:var(--s360-space-14);
  }
  .s360-frontend-portal-phase5 .s360-ui-table--portal,
  .s360-frontend-portal-phase5 table.widefat{
    min-width:580px;
  }
}
/* UI/IX CSS Phase 5: parent mobile portal containment and card polish. */
.s360-parent-mobile-phase5{
  --s360-parent-phase5-gap:clamp(12px,2.5vw,18px);
  --s360-parent-phase5-radius:22px;
  width:100%;
  max-width:min(760px, calc(100vw - 20px));
  overflow-x:clip;
}
@supports not (overflow: clip){
  .s360-parent-mobile-phase5{overflow-x:hidden;}
}
.s360-parent-mobile-phase5 .s360-parent-mobile{
  min-width:0;
  border-radius:var(--s360-parent-phase5-radius);
}
.s360-parent-mobile-phase5 .s360-parent-mobile__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--s360-parent-phase5-gap);
  align-items:start;
}
.s360-parent-mobile-phase5 .s360-parent-mobile__hero h2,
.s360-parent-mobile-phase5 .s360-parent-mobile__hero p,
.s360-parent-mobile-phase5 .s360-parent-mobile__quicklink span{
  overflow-wrap:anywhere;
}
.s360-parent-mobile-phase5 .s360-parent-mobile__grid,
.s360-parent-mobile-phase5 .s360-parent-mobile__quicklinks{
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:var(--s360-parent-phase5-gap);
}
.s360-parent-mobile-phase5 .s360-parent-mobile__quicklink{
  min-height:96px;
}
.s360-parent-mobile-phase5 .s360-parent-mobile__alerts ul{
  margin-bottom:0;
  padding-left:1.2rem;
}
@media (max-width: 640px){
  .s360-parent-mobile-phase5{
    max-width:calc(100vw - 12px);
    padding-inline:6px;
  }
  .s360-parent-mobile-phase5 .s360-parent-mobile{
    border-radius:18px;
  }
  .s360-parent-mobile-phase5 .s360-parent-mobile__hero,
  .s360-parent-mobile-phase5 .s360-parent-mobile__grid,
  .s360-parent-mobile-phase5 .s360-parent-mobile__quicklinks{
    grid-template-columns:1fr;
  }
  .s360-parent-mobile-phase5 .s360-parent-mobile__hero .s360-ui-button,
  .s360-parent-mobile-phase5 .s360-parent-mobile__quicklink{
    width:100%;
  }
}
/* Phase 9.9: final loaded-layer guard for unified admin page headers. */
.s360-ui-page-header,.s360-wrap .s360-ui-page-header,.s360-wrap .s360-admissions-page-header,.s360-wrap .s360-admissions-detail-header,.s360-wrap .s360-admin-student-page-header,.s360-wrap .s360-custom-fields-header,.s360-wrap .s360-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s360-space-md);width:100%;max-width:var(--s360-layout-content-max,none);min-width:0;box-sizing:border-box;margin:0 0 16px;padding:14px 20px 16px;border:1px solid var(--s360-page-header-border,var(--s360-color-border-muted,var(--s360-color-border-exact-d9e2ec)));border-radius:var(--s360-radius-xl);background:var(--s360-page-header-bg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)));box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}
.s360-ui-page-header:before,.s360-ui-page-header:after,.s360-wrap .s360-ui-page-header:before,.s360-wrap .s360-ui-page-header:after,.school360-dashboard-phase-d .s360-ui-page-header:before,.school360-dashboard-phase-d .s360-ui-page-header:after{content:none;display:none}
.s360-ui-page-header__main,.s360-wrap .s360-ui-page-header__main{display:flex;flex-direction:column;gap:var(--s360-space-6);min-width:0;max-width:100%}
.s360-ui-page-header__eyebrow,.s360-wrap .s360-ui-page-header__eyebrow{margin:0;color:var(--s360-color-primary,var(--s360-color-primary));font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.s360-ui-page-header__title,.s360-wrap .s360-ui-page-header__title,.s360-wrap .s360-page-header h1{margin:0;color:var(--s360-page-header-title,var(--s360-color-text-heading,var(--s360-color-text-heading)));font-size:16px;line-height:1.3;font-weight:800;letter-spacing:-.01em}
.s360-ui-page-header__description,.s360-wrap .s360-ui-page-header__description,.s360-wrap .s360-page-header .description,.s360-wrap .s360-page-header p{margin:0;max-width:min(86ch,100%);color:var(--s360-page-header-description,var(--s360-color-text-secondary,var(--s360-color-text-secondary)));font-size:13px;line-height:1.5}
.s360-ui-page-header__meta,.s360-wrap .s360-ui-page-header__meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:var(--s360-space-3xs)}
.s360-ui-page-header__meta-item,.s360-wrap .s360-ui-page-header__meta-item{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid var(--s360-color-border-muted,var(--s360-color-border-exact-d9e2ec));border-radius:var(--s360-radius-pill);background:var(--s360-color-bg-subtle,var(--s360-color-bg-subtle));color:var(--s360-color-text-secondary,var(--s360-color-text-secondary));font-size:12px;font-weight:700}
.s360-ui-page-header__actions,.s360-wrap .s360-ui-page-header__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s360-space-xs);min-width:0}
.s360-ui-page-notices{display:grid;gap:var(--s360-space-xs);width:100%;max-width:var(--s360-layout-content-max,none);min-width:0;box-sizing:border-box;margin:-4px 0 16px}
.s360-ui-page-notices .notice,.s360-ui-page-notice{margin:0;box-sizing:border-box;border-radius:var(--s360-radius-lg);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.s360-ui-page-notices .notice p,.s360-ui-page-notice p{margin:.45em 0}
.s360-ui-page-header .notice,.s360-ui-page-header .s360-ui-page-notice{flex:1 0 100%;margin:8px 0 0}
@media (max-width: 782px){.s360-ui-page-header,.s360-wrap .s360-ui-page-header,.s360-wrap .s360-admissions-page-header,.s360-wrap .s360-admissions-detail-header,.s360-wrap .s360-admin-student-page-header,.s360-wrap .s360-custom-fields-header,.s360-wrap .s360-page-header{flex-direction:column;align-items:stretch;gap:var(--s360-space-10);margin:0 0 14px;padding:14px 16px;border-radius:var(--s360-radius-xl)}.s360-ui-page-header__actions,.s360-wrap .s360-ui-page-header__actions{justify-content:flex-start;width:100%}}
@media (max-width: 480px){.s360-ui-page-header,.s360-wrap .s360-ui-page-header,.s360-wrap .s360-admissions-page-header,.s360-wrap .s360-admissions-detail-header,.s360-wrap .s360-admin-student-page-header,.s360-wrap .s360-custom-fields-header,.s360-wrap .s360-page-header{padding:13px 14px}.s360-ui-page-header__title,.s360-wrap .s360-ui-page-header__title,.s360-wrap .s360-page-header h1{font-size:15px}}
/* Phase 9.10 final guard: unified module page headers and separated notices. */

.s360-ui-page-notices--separated,.s360-ui-page-notices--expense-readiness,.s360-ui-page-notices--grouped-admin,.s360-ui-page-notices--treasury,.s360-ui-page-notices--calendar{display:grid;gap:var(--s360-space-xs);width:100%;max-width:var(--s360-layout-content-max,none);min-width:0;box-sizing:border-box;margin:0 0 16px;padding:0}


.s360-ui-page-notices--separated .notice,.s360-ui-page-notices--expense-readiness .notice,.s360-ui-page-notices--grouped-admin .notice,.s360-ui-page-notices--treasury .notice,.s360-ui-page-notices--calendar .notice,.s360-ui-page-notice{width:100%;max-width:100%;box-sizing:border-box;margin:0}
.s360-grouped-admin__hero--unified.s360-ui-page-header,.s360-calendar-page-header.s360-ui-page-header,.s360-treasury-page-header.s360-ui-page-header,.s360-expense-page-header.s360-ui-page-header{background:var(--s360-page-header-bg,var(--s360-color-surface-raised,var(--s360-color-surface-raised)));border-color:var(--s360-page-header-border,var(--s360-color-border-muted,var(--s360-color-border-exact-d9e2ec)));border-radius:var(--s360-radius-xl);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.s360-grouped-admin__hero--unified .s360-ui-page-header__title,.s360-calendar-page-header .s360-ui-page-header__title,.s360-treasury-page-header .s360-ui-page-header__title,.s360-expense-page-header .s360-ui-page-header__title{font-size:16px;line-height:1.3}
.s360-grouped-admin__hero--unified .s360-ui-page-header__description,.s360-calendar-page-header .s360-ui-page-header__description,.s360-treasury-page-header .s360-ui-page-header__description,.s360-expense-page-header .s360-ui-page-header__description{font-size:13px;line-height:1.5}
.s360-calendar-phase-k>.s360-ui-card.s360-calendar-workspace{margin-top:0}
@media (max-width: 782px){.s360-ui-page-notices--separated,.s360-ui-page-notices--expense-readiness,.s360-ui-page-notices--grouped-admin,.s360-ui-page-notices--treasury,.s360-ui-page-notices--calendar{margin-bottom:var(--s360-space-14)}}
/* Phase 9.12: grouped admin deterministic notice slot. */


/* Phase 9.13: grouped admin header utility cards match dashboard card placement. */


@media (max-width: 782px){
  
  .s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__utility-card{
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding:var(--s360-space-md);
  }
  
}
/* Phase 9.14: standalone admin header utility cards match dashboard/grouped placement. */


@media (max-width: 782px){
  .s360-ui-header-utility-grid{
    gap:var(--s360-space-sm);
    margin:0 0 var(--s360-space-md,16px);
  }
  .s360-ui-header-utility-grid .s360-admin-dashboard__utility-card{
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding:var(--s360-space-md);
  }
  
}
/* Phase 9.15: align School 360 admin headers, utility cards, tabs and content to the same full-width layout line. */


/* Phase 9.16: Calendar & Events uses the standard School 360 page header. */


/* Phase 9.18: HR workspace top layout uses the shared School 360 header/utility-card pattern. */


.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation{
  background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border,var(--s360-color-border-exact-d9e2ec)));
  border-radius:var(--s360-radius-3xl);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  margin:0 0 var(--s360-space-lg,24px);
  padding:14px 16px;
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav--grouped{
  align-items:stretch;
  border-top:0 ;
  display:flex;
  flex-wrap:wrap;
  gap:var(--s360-space-sm);
  overflow:visible;
  padding-top:0 ;
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group{
  background:var(--s360-color-surface-muted,var(--s360-color-bg-subtle));
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border,var(--s360-color-border-exact-d9e2ec)));
  border-radius:var(--s360-radius-2xl);
  flex:1 1 240px;
  min-width:220px;
  padding:10px 12px;
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group:first-child{
  border-left:1px solid var(--s360-color-border-muted,var(--s360-color-border,var(--s360-color-border-exact-d9e2ec)));
  padding-left:var(--s360-space-sm);
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-title{
  color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  margin:0 0 8px;
  text-transform:uppercase;
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-items{
  display:flex;
  flex-wrap:wrap;
  gap:var(--s360-space-xs);
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-item{
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--s360-radius-pill);
  box-shadow:none;
  color:var(--s360-color-primary,#0073aa);
  display:inline-flex;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  min-height:32px;
  padding:7px 12px;
  text-decoration:none;
  transform:none ;
}


@media (max-width: 782px){
  .wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation{
    padding:var(--s360-space-sm);
  }
  
  
}
/* UI Phase 2D — HR navigation must match grouped admin tab strip.
   Source QA: HR still rendered as grouped cards; this makes HR use the same flat horizontal tab model as other modules. */
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation{
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    margin:18px 0 22px;
    padding:0;
}


.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-title{
    display:none;
}
.wp-admin .s360-native-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav.s360-ui-tabs__nav .s360-hr-nav-item.s360-ui-tabs__tab{
    align-items:center;
    background:transparent;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    cursor:pointer;
    display:inline-flex;
    flex:0 0 auto;
    font-size:13px;
    font-weight:750;
    justify-content:center;
    line-height:1.25;
    margin:0;
    min-height:46px;
    min-width:0;
    padding:13px 16px 11px;
    text-decoration:none;
    transform:none;
    white-space:nowrap;
    width:auto;
}


/* UI Phase 4A: neutralize legacy module phase page backgrounds.
 * These phase wrappers previously carried module-colored gradient backgrounds.
 * Keep child cards, tabs, headers, badges and controls untouched; only the page
 * shell itself is returned to the same neutral/no-background behavior as the
 * rest of the admin modules.
 */
:where(body.wp-admin) .wrap.s360-admin-wrapper:is(
    .s360-academic-phase-k,
    .s360-communication-phase-l,
    .s360-admissions-phase-g,
    .s360-finance-phase-h,
    .s360-content-assets-phase-l,
    .s360-reports-phase-f,
    .s360-expense-phase-h,
    .s360-treasury-phase-h
) {
    background: transparent;
    background-image: none;
}
/* v13.3: .s360-ui-main-tabs is the canonical class for page-level/main navigation tab strips.
   It intentionally inherits the existing s360-ui-tabs/nav-tab visual contract. */
.s360-ui-main-tabs{}
/* v13.3 hotfix: navigation level contract.
 * Main tabs (.s360-ui-main-tabs) keep the page-level underline design.
 * Sub/helper tabs (.s360-ui-sub-tabs) consistently use the compact auxiliary pill design,
 * whether they appear inside grouped workspaces or on standalone module pages. */
.s360-native-foundation :where(.s360-ui-sub-tabs){
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s360-space-xs);
    width:100%;
    max-width:none;
    margin:8px 0 18px;
    padding:8px 10px;
    border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:var(--s360-radius-pill);
    background:var(--s360-color-bg-subtle,var(--s360-color-bg-subtle));
    box-shadow:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.s360-native-foundation .s360-ui-tabs:not(.s360-ui-main-tabs) > .s360-ui-tabs__nav.s360-ui-sub-tabs{
    margin:0;
}
.s360-native-foundation :where(.s360-ui-sub-tabs) :where(.nav-tab,.s360-ui-tabs__tab,.s360-tab,.school360-tab,a,button){
    min-height:34px;
    padding:8px 12px;
    border:1px solid transparent;
    border-radius:var(--s360-radius-pill);
    border-bottom-color:transparent;
    background:transparent;
    color:var(--s360-color-text-secondary,var(--s360-color-text-secondary));
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    box-shadow:none;
}
.s360-native-foundation :where(.s360-ui-sub-tabs) :where(.nav-tab:hover,.nav-tab:focus-visible,.s360-ui-tabs__tab:hover,.s360-ui-tabs__tab:focus-visible,a:hover,a:focus-visible,button:hover,button:focus-visible){
    border-color:var(--s360-color-primary-soft-border,var(--s360-color-border-info));
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:none;
    outline:none;
}
.s360-native-foundation :where(.s360-ui-sub-tabs) :where(.nav-tab-active,.is-active,.active,[aria-current="page"],[aria-selected="true"]){
    border-color:var(--s360-color-primary,var(--s360-color-primary));
    background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
    color:var(--s360-color-primary,var(--s360-color-primary));
    box-shadow:0 8px 20px rgba(15,23,42,.08);
}
/* v13.3 hotfix: enforce main navigation visual contract globally.
 * Module-level workspace tabs marked with .s360-ui-main-tabs must always use the
 * page-level underline design, even when older module-specific classes such as
 * .s360-finance-tabs previously tried to render compact pill tabs. */
.wp-admin .s360-native-foundation .s360-ui-main-tabs{
    position:relative;
    top:auto;
    z-index:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:0;
    width:100%;
    max-width:none;
    margin:18px 0 22px;
    padding:0;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.wp-admin .s360-native-foundation .s360-ui-main-tabs :where(.nav-tab,.s360-ui-tabs__tab,.s360-finance-tab-link,.s360-tab,.school360-tab,a,button){
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:46px;
    margin:0;
    padding:13px 16px 11px;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transform:none;
}
.wp-admin .s360-native-foundation .s360-ui-main-tabs :where(.nav-tab:hover,.nav-tab:focus-visible,.s360-ui-tabs__tab:hover,.s360-ui-tabs__tab:focus-visible,.s360-finance-tab-link:hover,.s360-finance-tab-link:focus-visible,.s360-tab:hover,.s360-tab:focus-visible,.school360-tab:hover,.school360-tab:focus-visible,a:hover,a:focus-visible,button:hover,button:focus-visible){
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:transparent;
    box-shadow:none;
    outline:none;
}
.wp-admin .s360-native-foundation .s360-ui-main-tabs :where(.nav-tab-active,.is-active,.active,[aria-current="page"],[aria-selected="true"]){
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary,var(--s360-color-primary));
    background:transparent;
    box-shadow:none;
}
@media (max-width: 782px){
    .wp-admin .s360-native-foundation .s360-ui-main-tabs{
        flex-wrap:nowrap;
    }
}
/* v13.3 hotfix: Admin Dashboard tab strip is primary/main navigation.
 * The dashboard section tabs are page-level tabs and must use the same underline
 * contract as Students/Academic, not the compact auxiliary/sub-tab pill design. */
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs{
    position:relative;
    top:auto;
    z-index:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:0;
    width:100%;
    max-width:none;
    min-width:0;
    margin:18px 0 22px;
    padding:0;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:46px;
    margin:0;
    padding:13px 16px 11px;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--s360-color-text-muted,var(--s360-color-text-tertiary));
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transform:none;
}
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab:hover,
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab:focus-visible{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary-soft-border,var(--s360-color-primary-soft-border));
    background:transparent;
    box-shadow:none;
    outline:none;
}
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab.nav-tab-active,
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab.is-active,
:where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab[aria-current="page"]{
    color:var(--s360-color-primary,var(--s360-color-primary));
    border-bottom-color:var(--s360-color-primary,var(--s360-color-primary));
    background:transparent;
    box-shadow:none;
}
@media (max-width: 782px){
    :where(body.wp-admin) .s360-native-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs{
        flex-wrap:nowrap;
    }
}

/* v13.8 native helper parity: support School 360 templates after utility-runtime retirement. */
.s360-ui-card,
.s360-ui-section-card,
.s360-ui-dashboard-panel{
  min-width:0;
}

.s360-ui-card__header,
.s360-ui-section-card .s360-ui-card__header{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--s360-space-md,16px);
}

.s360-ui-card__toolbar,
.s360-ui-action-bar__actions,
.s360-ui-table-toolbar__actions,
.s360-ui-dashboard-panel .s360-ui-card__toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s360-space-xs,8px);
}

.s360-ui-card__body,
.s360-ui-dashboard-panel__body{
  min-width:0;
  display:grid;
  gap:var(--s360-space-sm,12px);
}

.s360-ui-card__footer{
  border-top:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
  padding-top:var(--s360-space-md,16px);
  color:var(--s360-color-text-muted,#646970);
  font-size:var(--s360-font-size-sm,13px);
}

.s360-ui-button,
a.s360-ui-button,
button.s360-ui-button,
input.s360-ui-button{
  box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(0,0,0,.04));
  text-decoration:none;
}

.s360-ui-button--ghost,
.s360-ui-button--link{
  box-shadow:none;
}

.s360-ui-badge,
.s360-ui-chip{
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
}

.s360-ui-table-wrap{
  min-width:0;
  overflow:auto;
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border-muted));
  border-radius:var(--s360-radius-xl,12px);
  background:var(--s360-color-surface-raised,var(--s360-color-surface-raised));
  box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(0,0,0,.04));
}

.s360-ui-action-bar,
.s360-ui-table-toolbar{
  flex-wrap:wrap;
}

.s360-ui-dashboard-shortcuts{
  display:grid;
  gap:var(--s360-space-xs,8px);
}

.s360-ui-dashboard-shortcut,
.s360-ui-action-card{
  min-width:0;
  text-decoration:none;
}

.s360-ui-stat-card,
a.s360-ui-stat-card{
  min-width:0;
  height:100%;
}

.s360-ui-stat-card__action{
  margin-top:auto;
}

.s360-admin-dashboard__school-switcher,
.s360-ui-school-switcher{
  display:grid;
  gap:var(--s360-space-2xs,4px);
}

.s360-admin-dashboard__school-switcher-label{
  color:var(--s360-color-text-muted,#646970);
  font-size:var(--s360-font-size-xs,12px);
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.s360-admin-dashboard__school-switcher-select{
  min-width:0;
}

@media (min-width: 640px){
  .s360-ui-student-header__meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width: 1024px){
  .s360-ui-student-header{
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
  }

  .s360-ui-student-header__aside{
    justify-items:end;
  }
}

/* UI/IX Phase G: own-access/student and teacher workbench mobile polish.
 * Scope: CSS-only admin/portal-account responsive containment.
 * No PHP, JS, route, permission, nonce, form, database, URL, or workflow behavior changes.
 */
.s360-own-access-phase-m,
.s360-own-student-phase-m,
.s360-teacher-workbench-phase-m,
.s360-teacher-workbench-phase-n{
  --s360-mobile-portal-g-gap:clamp(10px,2.4vw,16px);
  --s360-mobile-portal-g-pad:clamp(14px,3vw,20px);
  max-width:100%;
}
.s360-own-access-phase-m :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-grid,.s360-two-col,.s360-cluster,.s360-cluster-between,.s360-ui-table-wrap,.s360-table-scroll),
.s360-own-student-phase-m :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-grid,.s360-two-col,.s360-cluster,.s360-cluster-between,.s360-ui-table-wrap,.s360-table-scroll),
.s360-teacher-workbench-phase-m :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-grid,.s360-two-col,.s360-cluster,.s360-cluster-between,.s360-ui-table-wrap,.s360-table-scroll),
.s360-teacher-workbench-phase-n :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-grid,.s360-two-col,.s360-cluster,.s360-cluster-between,.s360-ui-table-wrap,.s360-table-scroll,.s360-teacher-workbench-section-table-wrap){
  min-width:0;
  max-width:100%;
}
.s360-own-access-phase-m :where(h1,h2,h3,p,span,strong,a,li,td,th),
.s360-own-student-phase-m :where(h1,h2,h3,p,span,strong,a,li,td,th),
.s360-teacher-workbench-phase-m :where(h1,h2,h3,p,span,strong,a,li,td,th),
.s360-teacher-workbench-phase-n :where(h1,h2,h3,p,span,strong,a,li,td,th){
  overflow-wrap:anywhere;
}
.s360-own-access-phase-m :where(a,button,.button,.s360-ui-button,input[type="submit"]),
.s360-own-student-phase-m :where(a,button,.button,.s360-ui-button,input[type="submit"]),
.s360-teacher-workbench-phase-m :where(a,button,.button,.s360-ui-button,input[type="submit"]),
.s360-teacher-workbench-phase-n :where(a,button,.button,.s360-ui-button,input[type="submit"]){
  touch-action:manipulation;
}
@media (max-width: 782px){
  .s360-own-access-phase-m,
  .s360-own-student-phase-m,
  .s360-teacher-workbench-phase-m,
  .s360-teacher-workbench-phase-n{
    padding-right:var(--s360-space-10);
  }
  .s360-own-access-phase-m :where(.s360-ui-table-wrap,.s360-table-scroll),
  .s360-own-student-phase-m :where(.s360-ui-table-wrap,.s360-table-scroll),
  .s360-teacher-workbench-phase-m :where(.s360-ui-table-wrap,.s360-table-scroll),
  .s360-teacher-workbench-phase-n :where(.s360-ui-table-wrap,.s360-table-scroll,.s360-teacher-workbench-section-table-wrap){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .s360-own-access-phase-m :where(.s360-ui-table,.widefat),
  .s360-own-student-phase-m :where(.s360-ui-table,.widefat),
  .s360-teacher-workbench-phase-m :where(.s360-ui-table,.widefat),
  .s360-teacher-workbench-phase-n :where(.s360-ui-table,.widefat){
    min-width:620px;
  }
  .s360-own-access-phase-m :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
  .s360-own-student-phase-m :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
  .s360-teacher-workbench-phase-m :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
  .s360-teacher-workbench-phase-n :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    font-size:16px;
    min-height:var(--s360-touch-target-min,44px);
  }
  .s360-own-access-phase-m :where(.nav-tab-wrapper,.s360-ui-tabs__nav),
  .s360-own-student-phase-m :where(.nav-tab-wrapper,.s360-ui-tabs__nav),
  .s360-teacher-workbench-phase-m :where(.nav-tab-wrapper,.s360-ui-tabs__nav),
  .s360-teacher-workbench-phase-n :where(.nav-tab-wrapper,.s360-ui-tabs__nav,.s360-people-subnav){
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding-bottom:var(--s360-space-2xs);
  }
  .s360-own-access-phase-m :where(.nav-tab,.s360-ui-tabs__tab),
  .s360-own-student-phase-m :where(.nav-tab,.s360-ui-tabs__tab),
  .s360-teacher-workbench-phase-m :where(.nav-tab,.s360-ui-tabs__tab),
  .s360-teacher-workbench-phase-n :where(.nav-tab,.s360-ui-tabs__tab){
    flex:0 0 auto;
    min-height:var(--s360-touch-target-min,44px);
    white-space:nowrap;
  }
  .s360-teacher-workbench-phase-n :where(.s360-teacher-workbench-context-card > .s360-cluster-between,.s360-teacher-workbench-filters,.s360-teacher-workbench-shortcuts-panel,.s360-teacher-workbench-overview-signal-grid,.s360-teacher-workbench-communication-layout,.s360-teacher-workbench-alerts-layout){
    gap:var(--s360-mobile-portal-g-gap);
  }
}
@media (max-width: 480px){
  .s360-own-access-phase-m,
  .s360-own-student-phase-m,
  .s360-teacher-workbench-phase-m,
  .s360-teacher-workbench-phase-n{
    padding-right:var(--s360-space-6);
  }
  .s360-own-access-phase-m :where(.s360-ui-card,.s360-ui-section-card),
  .s360-own-student-phase-m :where(.s360-ui-card,.s360-ui-section-card),
  .s360-teacher-workbench-phase-m :where(.s360-ui-card,.s360-ui-section-card),
  .s360-teacher-workbench-phase-n :where(.s360-ui-card,.s360-ui-section-card){
    padding:var(--s360-mobile-portal-g-pad);
    border-radius:var(--s360-radius-3xl,18px);
  }
  .s360-own-access-phase-m :where(.button,.s360-ui-button,input[type="submit"]),
  .s360-own-student-phase-m :where(.button,.s360-ui-button,input[type="submit"]),
  .s360-teacher-workbench-phase-m :where(.button,.s360-ui-button,input[type="submit"]),
  .s360-teacher-workbench-phase-n :where(.button,.s360-ui-button,input[type="submit"]){
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
  }
  .s360-own-access-phase-m :where(.s360-ui-table,.widefat),
  .s360-own-student-phase-m :where(.s360-ui-table,.widefat),
  .s360-teacher-workbench-phase-m :where(.s360-ui-table,.widefat),
  .s360-teacher-workbench-phase-n :where(.s360-ui-table,.widefat){
    min-width:580px;
  }
}