/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-outline-style:solid}}}:root,:host{--sui-spacing:.25rem;--sui-tracking-wide:.025em;--sui-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sui-default-transition-duration:.15s;--sui-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--sui-color-school-bg:var(--s360-color-bg,#f6f7f7);--sui-color-school-bg-subtle:var(--s360-color-bg-subtle,#f8fafc);--sui-color-school-surface:var(--s360-color-surface,#fff);--sui-color-school-surface-muted:var(--s360-color-surface-muted,#fbfbfc);--sui-color-school-surface-raised:var(--s360-color-surface-raised,#fff);--sui-color-school-surface-alt:var(--s360-color-surface-alt,#f7f9fc);--sui-color-school-border-strong:var(--s360-color-border-strong,#cbd5e1);--sui-color-school-primary:var(--s360-color-primary,#2271b1);--sui-color-school-primary-hover:var(--s360-color-primary-hover,#135e96);--sui-color-school-primary-soft:var(--s360-color-primary-soft,#eef2ff);--sui-color-school-primary-soft-border:var(--s360-color-primary-soft-border,#c7d2fe);--sui-color-school-heading:var(--s360-color-text-heading,#0f172a);--sui-color-school-body:var(--s360-color-text-body,#374151);--sui-color-school-muted:var(--s360-color-text-muted,#646970);--sui-color-school-subtle:var(--s360-color-text-subtle,#5b6b7f);--sui-color-school-placeholder:var(--s360-color-text-placeholder,#94a3b8);--sui-color-school-success:var(--s360-color-success,#00a32a);--sui-color-school-success-strong:var(--s360-color-success-strong,#166534);--sui-color-school-success-bg:var(--s360-color-success-bg,#f0fdf4);--sui-color-school-success-border:var(--s360-color-border-success,#bbf7d0);--sui-color-school-warning:var(--s360-color-warning,#b26200);--sui-color-school-warning-strong:var(--s360-color-warning-strong,#92400e);--sui-color-school-warning-bg:var(--s360-color-warning-bg,#fffbeb);--sui-color-school-warning-border:var(--s360-color-border-warning,#fde68a);--sui-color-school-danger:var(--s360-color-danger,#b32d2e);--sui-color-school-danger-strong:var(--s360-color-danger-strong,#b91c1c);--sui-color-school-danger-bg:var(--s360-color-danger-bg,#fef2f2);--sui-color-school-danger-border:var(--s360-color-border-danger,#fecaca);--sui-color-school-info-strong:var(--s360-color-info-strong,#1e3a8a);--sui-color-school-info-bg:var(--s360-color-info-bg,#eff6ff);--sui-color-school-info-border:var(--s360-color-border-info,#bfdbfe);--sui-spacing-school-2xs:var(--s360-space-2xs,4px);--sui-spacing-school-xs:var(--s360-space-xs,8px);--sui-spacing-school-sm:var(--s360-space-sm,12px);--sui-spacing-school-md:var(--s360-space-md,16px);--sui-spacing-school-lg:var(--s360-space-lg,24px);--sui-spacing-school-xl:var(--s360-space-xl,32px);--sui-spacing-school-2xl:var(--s360-space-2xl,48px);--sui-radius-school-sm:var(--s360-radius-sm,6px);--sui-radius-school-md:var(--s360-radius-md,8px);--sui-radius-school-lg:var(--s360-radius-lg,10px);--sui-radius-school-xl:var(--s360-radius-xl,12px);--sui-radius-school-2xl:var(--s360-radius-2xl,14px);--sui-radius-school-pill:var(--s360-component-pill-radius,999px);--sui-text-school-xs:var(--s360-font-size-xs,12px);--sui-text-school-xs--line-height:var(--s360-line-height,1.5);--sui-text-school-sm:var(--s360-font-size-sm,13px);--sui-text-school-sm--line-height:var(--s360-line-height,1.5);--sui-text-school-md:var(--s360-font-size-md,14px);--sui-text-school-md--line-height:var(--s360-line-height,1.5);--sui-text-school-lg:var(--s360-font-size-lg,16px);--sui-text-school-lg--line-height:var(--s360-line-height,1.5);--sui-text-school-xl:var(--s360-font-size-xl,20px);--sui-text-school-xl--line-height:1.25;--sui-font-weight-school-medium:var(--s360-font-weight-medium,500);--sui-font-weight-school-semibold:var(--s360-font-weight-semibold,600);--sui-font-weight-school-bold:var(--s360-font-weight-bold,700)}.sui\:m-0{margin:calc(var(--sui-spacing) * 0)}.sui\:mx-0{margin-inline:calc(var(--sui-spacing) * 0)}.sui\:mt-auto{margin-top:auto}.sui\:mt-school-2xs{margin-top:var(--sui-spacing-school-2xs)}.sui\:mt-school-sm{margin-top:var(--sui-spacing-school-sm)}.sui\:mt-school-xs{margin-top:var(--sui-spacing-school-xs)}.sui\:mb-school-2xs{margin-bottom:var(--sui-spacing-school-2xs)}.sui\:mb-school-lg{margin-bottom:var(--sui-spacing-school-lg)}.sui\:mb-school-md{margin-bottom:var(--sui-spacing-school-md)}.sui\:block{display:block}.sui\:flex{display:flex}.sui\:grid{display:grid}.sui\:hidden{display:none}.sui\:inline-flex{display:inline-flex}.sui\:h-full{height:100%}.sui\:max-w-none{max-width:none}.sui\:min-w-0{min-width:calc(var(--sui-spacing) * 0)}.sui\:flex-col{flex-direction:column}.sui\:flex-wrap{flex-wrap:wrap}.sui\:items-center{align-items:center}.sui\:items-start{align-items:flex-start}.sui\:justify-between{justify-content:space-between}.sui\:justify-center{justify-content:center}.sui\:justify-end{justify-content:flex-end}.sui\:gap-school-2xs{gap:var(--sui-spacing-school-2xs)}.sui\:gap-school-lg{gap:var(--sui-spacing-school-lg)}.sui\:gap-school-md{gap:var(--sui-spacing-school-md)}.sui\:gap-school-sm{gap:var(--sui-spacing-school-sm)}.sui\:gap-school-xl{gap:var(--sui-spacing-school-xl)}.sui\:gap-school-xs{gap:var(--sui-spacing-school-xs)}.sui\:overflow-auto{overflow:auto}.sui\:overflow-hidden{overflow:hidden}.sui\:rounded-school-2xl{border-radius:var(--sui-radius-school-2xl)}.sui\:rounded-school-lg{border-radius:var(--sui-radius-school-lg)}.sui\:rounded-school-md{border-radius:var(--sui-radius-school-md)}.sui\:rounded-school-pill{border-radius:var(--sui-radius-school-pill)}.sui\:rounded-school-sm{border-radius:var(--sui-radius-school-sm)}.sui\:rounded-school-xl{border-radius:var(--sui-radius-school-xl)}.sui\:border{border-style:var(--tw-border-style);border-width:1px}.sui\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sui\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sui\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sui\:border-school-border-strong{border-color:var(--sui-color-school-border-strong)}.sui\:border-school-danger-border{border-color:var(--sui-color-school-danger-border)}.sui\:border-school-info-border{border-color:var(--sui-color-school-info-border)}.sui\:border-school-muted{border-color:var(--sui-color-school-muted)}.sui\:border-school-primary{border-color:var(--sui-color-school-primary)}.sui\:border-school-primary-soft{border-color:var(--sui-color-school-primary-soft)}.sui\:border-school-primary-soft-border{border-color:var(--sui-color-school-primary-soft-border)}.sui\:border-school-subtle{border-color:var(--sui-color-school-subtle)}.sui\:border-school-success-border{border-color:var(--sui-color-school-success-border)}.sui\:border-school-warning-border{border-color:var(--sui-color-school-warning-border)}.sui\:border-transparent{border-color:#0000}.sui\:bg-school-bg{background-color:var(--sui-color-school-bg)}.sui\:bg-school-danger-bg{background-color:var(--sui-color-school-danger-bg)}.sui\:bg-school-info-bg{background-color:var(--sui-color-school-info-bg)}.sui\:bg-school-primary{background-color:var(--sui-color-school-primary)}.sui\:bg-school-primary-soft{background-color:var(--sui-color-school-primary-soft)}.sui\:bg-school-success-bg{background-color:var(--sui-color-school-success-bg)}.sui\:bg-school-surface{background-color:var(--sui-color-school-surface)}.sui\:bg-school-surface-alt{background-color:var(--sui-color-school-surface-alt)}.sui\:bg-school-surface-muted{background-color:var(--sui-color-school-surface-muted)}.sui\:bg-school-surface-raised{background-color:var(--sui-color-school-surface-raised)}.sui\:bg-school-warning-bg{background-color:var(--sui-color-school-warning-bg)}.sui\:bg-transparent{background-color:#0000}.sui\:p-school-lg{padding:var(--sui-spacing-school-lg)}.sui\:p-school-md{padding:var(--sui-spacing-school-md)}.sui\:p-school-sm{padding:var(--sui-spacing-school-sm)}.sui\:p-school-xl{padding:var(--sui-spacing-school-xl)}.sui\:p-school-xs{padding:var(--sui-spacing-school-xs)}.sui\:px-school-lg{padding-inline:var(--sui-spacing-school-lg)}.sui\:px-school-md{padding-inline:var(--sui-spacing-school-md)}.sui\:px-school-sm{padding-inline:var(--sui-spacing-school-sm)}.sui\:py-school-2xs{padding-block:var(--sui-spacing-school-2xs)}.sui\:py-school-md{padding-block:var(--sui-spacing-school-md)}.sui\:py-school-sm{padding-block:var(--sui-spacing-school-sm)}.sui\:py-school-xs{padding-block:var(--sui-spacing-school-xs)}.sui\:pt-school-md{padding-top:var(--sui-spacing-school-md)}.sui\:pb-school-2xl{padding-bottom:var(--sui-spacing-school-2xl)}.sui\:pb-school-md{padding-bottom:var(--sui-spacing-school-md)}.sui\:text-center{text-align:center}.sui\:text-school-lg{font-size:var(--sui-text-school-lg);line-height:var(--tw-leading,var(--sui-text-school-lg--line-height))}.sui\:text-school-md{font-size:var(--sui-text-school-md);line-height:var(--tw-leading,var(--sui-text-school-md--line-height))}.sui\:text-school-sm{font-size:var(--sui-text-school-sm);line-height:var(--tw-leading,var(--sui-text-school-sm--line-height))}.sui\:text-school-xl{font-size:var(--sui-text-school-xl);line-height:var(--tw-leading,var(--sui-text-school-xl--line-height))}.sui\:text-school-xs{font-size:var(--sui-text-school-xs);line-height:var(--tw-leading,var(--sui-text-school-xs--line-height))}.sui\:font-school-bold{--tw-font-weight:var(--sui-font-weight-school-bold);font-weight:var(--sui-font-weight-school-bold)}.sui\:font-school-medium{--tw-font-weight:var(--sui-font-weight-school-medium);font-weight:var(--sui-font-weight-school-medium)}.sui\:font-school-semibold{--tw-font-weight:var(--sui-font-weight-school-semibold);font-weight:var(--sui-font-weight-school-semibold)}.sui\:tracking-wide{--tw-tracking:var(--sui-tracking-wide);letter-spacing:var(--sui-tracking-wide)}.sui\:text-school-body{color:var(--sui-color-school-body)}.sui\:text-school-danger{color:var(--sui-color-school-danger)}.sui\:text-school-danger-strong{color:var(--sui-color-school-danger-strong)}.sui\:text-school-heading{color:var(--sui-color-school-heading)}.sui\:text-school-info-strong{color:var(--sui-color-school-info-strong)}.sui\:text-school-muted{color:var(--sui-color-school-muted)}.sui\:text-school-placeholder{color:var(--sui-color-school-placeholder)}.sui\:text-school-primary{color:var(--sui-color-school-primary)}.sui\:text-school-subtle{color:var(--sui-color-school-subtle)}.sui\:text-school-success{color:var(--sui-color-school-success)}.sui\:text-school-success-strong{color:var(--sui-color-school-success-strong)}.sui\:text-school-surface{color:var(--sui-color-school-surface)}.sui\:text-school-warning{color:var(--sui-color-school-warning)}.sui\:text-school-warning-strong{color:var(--sui-color-school-warning-strong)}.sui\:uppercase{text-transform:uppercase}.sui\:no-underline{text-decoration-line:none}.sui\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:shadow-school-accent{--tw-shadow:var(--s360-shadow-accent,0 12px 30px #2563eb0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:shadow-school-floating{--tw-shadow:var(--s360-shadow-floating,0 6px 18px #0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:shadow-school-md{--tw-shadow:var(--s360-shadow-md,0 4px 12px #0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:shadow-school-sm{--tw-shadow:var(--s360-shadow-sm,0 1px 2px #0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:shadow-school-soft{--tw-shadow:var(--s360-shadow-soft,0 8px 24px #0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--sui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--sui-default-transition-duration))}.sui\:duration-150{--tw-duration:.15s;transition-duration:.15s}.sui\:ease-in-out{--tw-ease:var(--sui-ease-in-out);transition-timing-function:var(--sui-ease-in-out)}@media (hover:hover){.sui\:hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sui\:hover\:border-school-danger:hover{border-color:var(--sui-color-school-danger)}.sui\:hover\:border-school-primary-soft-border:hover{border-color:var(--sui-color-school-primary-soft-border)}.sui\:hover\:bg-school-bg-subtle:hover{background-color:var(--sui-color-school-bg-subtle)}.sui\:hover\:bg-school-danger-bg:hover{background-color:var(--sui-color-school-danger-bg)}.sui\:hover\:bg-school-primary-hover:hover{background-color:var(--sui-color-school-primary-hover)}.sui\:hover\:bg-school-primary-soft:hover{background-color:var(--sui-color-school-primary-soft)}.sui\:hover\:bg-school-surface:hover{background-color:var(--sui-color-school-surface)}.sui\:hover\:bg-school-surface-muted:hover{background-color:var(--sui-color-school-surface-muted)}.sui\:hover\:text-school-heading:hover{color:var(--sui-color-school-heading)}.sui\:hover\:shadow-school-floating:hover{--tw-shadow:var(--s360-shadow-floating,0 6px 18px #0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:hover\:shadow-school-md:hover{--tw-shadow:var(--s360-shadow-md,0 4px 12px #0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.sui\:hover\:shadow-school-sm:hover{--tw-shadow:var(--s360-shadow-sm,0 1px 2px #0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.sui\:focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.sui\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.sui\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.sui\:focus-visible\:outline-school-primary:focus-visible{outline-color:var(--sui-color-school-primary)}@media (min-width:40rem){.sui\:sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sui\:sm\:flex-row{flex-direction:row}.sui\:sm\:items-center{align-items:center}.sui\:sm\:items-start{align-items:flex-start}.sui\:sm\:justify-between{justify-content:space-between}}@media (min-width:64rem){.sui\:lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sui\:lg\:flex-row{flex-direction:row}.sui\:lg\:items-start{align-items:flex-start}.sui\:lg\:justify-between{justify-content:space-between}.sui\:lg\:justify-items-end{justify-items:end}}@media (min-width:80rem){.sui\:xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sui\:xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sui\:xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@layer utilities{.s360-tailwind-foundation{--school360-tailwind-phase:"I-HOTFIX1";--school360-tailwind-token-bridge:"active";--school360-tailwind-component-layer:"active"}}@layer components{.school360-dashboard-phase-d{--school360-tailwind-phase:"I-HOTFIX1";--school360-dashboard-modernized:"true";background:radial-gradient(circle at top left, var(--s360-color-primary-soft,#eef2ff), transparent 34rem), linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#eef2ff) 60%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--s360-color-bg-soft,#f8fbff) 74%, #fff 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,#c7d2fe);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,#c7d2fe) 70%, var(--s360-color-border-muted,#e2e8f0))}}.school360-dashboard-phase-d .s360-ui-page-header{background:radial-gradient(circle at 92% 8%, var(--s360-color-primary-soft,#eef2ff), transparent 18rem), linear-gradient(135deg, var(--s360-color-surface-raised,#fff) 0%, var(--s360-color-bg-soft,#f8fbff) 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,#eef2ff) 85%, transparent), transparent 18rem), linear-gradient(135deg, var(--s360-color-surface-raised,#fff) 0%, var(--s360-color-bg-soft,#f8fbff) 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,#eef2ff);border-radius:999px;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,#eef2ff) 74%, transparent)}}.school360-dashboard-phase-d .s360-ui-page-header:after{z-index:-1}.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,#e2e8f0);background:var(--s360-color-surface-raised,#fff)}@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,#fff) 82%, var(--s360-color-primary-soft,#eef2ff) 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,#e2e8f0);background:var(--s360-color-surface-raised,#fff)}@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,#fff) 96%, var(--s360-color-bg-soft,#f8fbff) 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,#e5e7eb);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,#e2e8f0);background:linear-gradient(180deg, var(--s360-color-surface-raised,#fff) 0%, var(--s360-color-surface-raised,#fff) 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,#fff) 94%, var(--s360-color-bg-soft,#f8fbff) 6%) 0%, var(--s360-color-surface-raised,#fff) 100%)}}.school360-dashboard-phase-d .s360-ui-stat-card:before{content:"";background:var(--s360-color-primary,#2271b1);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,#2271b1);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,#e2e8f0);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,#c7d2fe);background:var(--s360-color-surface-raised,#fff);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,#e2e8f0);background:var(--s360-color-surface-raised,#fff)}.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:14px;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-tailwind-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-tailwind-phase:"I-HOTFIX1";
    --school360-reports-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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:20px;
    align-items:start;
    margin:0 0 22px;
    padding:24px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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,#64748b);
    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,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.s360-reports-phase-f .s360-chip-muted,
.s360-analytics-phase-f .s360-chip-muted{
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
}
.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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.s360-reports-v2-phase-f form{
    padding:22px;
    margin:16px 0 24px;
}
.s360-reports-phase-f .s360-ui-grid,
.s360-analytics-phase-f .s360-ui-grid{
    display:grid;
    gap:16px;
}
.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:18px;
}
.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,#2271b1);
    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,#0f172a);
    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,#0f172a);
    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,#64748b);
    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:8px;
    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,#c7d2fe);
    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,#c7d2fe);
}
.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:14px;
    align-items:end;
}
.s360-analytics-phase-f .s360-analytics-filter-shell{
    display:grid;
    gap:14px;
}
.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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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,#2271b1);
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,#c7d2fe);
    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:10px;
    align-items:center;
}
.s360-reports-phase-f .button,
.s360-analytics-phase-f .button,
.s360-reports-v2-phase-f .button{
    border-radius:12px;
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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:16px;
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#e2e8f0);
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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:22px;
    border:1px dashed var(--s360-color-border-strong,#cbd5e1);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
    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:14px;
}
.s360-reports-phase-f .s360-report-qa-item,
.s360-reports-phase-f .s360-report-readiness-item{
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-muted,#f8fafc);
    padding:14px;
}
.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:28px;
}
.s360-reports-v2-phase-f .form-table th{
    width:220px;
    color:var(--s360-color-text-label,#1f2937);
}
.s360-reports-v2-phase-f .notice{
    border-radius:14px;
    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:10px;
    }
    .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:16px;
        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-tailwind-phase:"I-HOTFIX1";
    --school360-admissions-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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,#64748b);
    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,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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,#e2e8f0);
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-muted,#64748b);
    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,#e2e8f0);
    border-radius:20px;
    background:color-mix(in srgb,var(--s360-color-surface-raised,#fff) 88%,var(--s360-color-bg-soft,#f8fbff) 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:10px;
    margin:0 0 20px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-raised,#fff);
    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:999px;
    background:transparent;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    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,#2271b1);
    border-color:var(--s360-color-primary,#2271b1);
    color:#fff;
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.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,#e2e8f0);
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 100%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    padding:16px;
}
.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,#2271b1);
    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,#0f172a);
    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:16px;
}
.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:18px;
}
.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:18px;
}
.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:12px;
    padding:14px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px}
.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,#2271b1);
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,#c7d2fe);
    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:12px;
    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:14px;
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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,#eff6ff);
    border-color:var(--s360-color-border-info,#bfdbfe);
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:18px;
    margin-bottom:16px;
}
.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:10px;
    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,#e2e8f0);
    background:var(--s360-color-surface-raised,#fff);
    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:8px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.s360-custom-fields-phase-g .s360-builder-tab{
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    padding:8px 12px;
    color:var(--s360-color-text-muted,#64748b);
    font-weight:750;
}
.s360-custom-fields-phase-g .s360-builder-tab.is-active{
    background:var(--s360-color-primary,#2271b1);
    color:#fff;
}
.s360-custom-fields-phase-g .s360-layout-board{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.s360-custom-fields-phase-g .s360-layout-lane{
    padding:14px;
}
.s360-custom-fields-phase-g .s360-layout-lane__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.s360-custom-fields-phase-g .s360-layout-lane__dropzone{
    display:grid;
    gap:12px;
    min-height:140px;
    padding:12px;
    border:1px dashed var(--s360-color-border-strong,#cbd5e1);
    border-radius:16px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.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,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:10px;
}
.s360-custom-fields-phase-g .s360-conditional-rule-row{
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-muted,#f8fafc);
    padding:14px;
}
.s360-custom-fields-phase-g .s360-conditional-rule-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
@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:10px;
    }
    .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:16px;
        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-tailwind-phase:"I-HOTFIX1";
    --school360-finance-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(20,184,166,.08), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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,#64748b);
    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:10px;
}
.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:999px;
    background:linear-gradient(180deg,var(--s360-color-primary,#2271b1),#14b8a6);
    box-shadow:0 8px 18px rgba(20,184,166,.22);
}
.s360-finance-phase-h .s360-finance-tabs{
    position:sticky;
    top:32px;
    z-index:20;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:18px 0 22px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    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:999px;
    background:transparent;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    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,#2271b1),#14b8a6);
    border-color:transparent;
    color:#fff;
    box-shadow:0 8px 20px rgba(20,184,166,.20);
}
.s360-finance-phase-h .s360-finance-tab-panel{
    margin-top:18px;
}
.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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:14px;
}
.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:16px;
}
.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,#e2e8f0);
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 100%);
    box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.04));
    padding:16px;
}
.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,#0f172a);
    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,#0f172a);
    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,#64748b);
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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,#fef2f2);
    border-color:var(--s360-color-border-danger,#fecaca);
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px}
.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:12px;
    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,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.s360-finance-phase-h .s360-finance-import-form,
.s360-billing-phase-h form,
.s360-accounting-phase-h form{
    padding:18px;
}
.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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:14px;
    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,#e2e8f0);
    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,#64748b);
    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,#2271b1);
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    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,#2271b1);
    border-bottom-color:var(--s360-color-primary,#2271b1);
    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,#e2e8f0);
    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,#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:10px;
    }
    .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:16px;
        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:12px;
    align-items:stretch;
    min-height:0;
    margin:18px 0 24px;
    padding:22px;
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.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:12px;
    align-items:end;
    margin:0 0 14px;
    padding:14px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.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:8px;
    min-height:40px;
    padding:0 10px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
}
.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:10px;
    align-items:center;
}
.s360-expense-phase-h .s360-expense-quick-filters{
    margin:0 0 18px;
    padding:14px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.s360-expense-phase-h .s360-export-command-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:16px 0;
}

.s360-expense-phase-h .s360-export-workbench{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);
    gap:18px;
    align-items:start;
}
.s360-expense-phase-h .s360-expense-export-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.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:8px;
    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:4px;
}
.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:12px;
}
.s360-expense-phase-h .s360-detail-form-grid label{
    display:grid;
    gap:6px;
}
@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-tailwind-phase:"I-HOTFIX1";
    --school360-hr-modernized:"true";
    color:var(--s360-color-text-body,#334155);
}
.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,#f8fbff) 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,#0f172a);
    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,#64748b);
    line-height:1.6;
}
.s360-hr-phase-i .s360-hr-shell{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:22px;
    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,#e2e8f0);
    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:18px;
}
.s360-hr-phase-i .s360-hr-brand{
    margin-bottom:16px;
    padding:14px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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,#2271b1);
    font-size:12px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.s360-hr-phase-i .s360-hr-nav{
    display:grid;
    gap:8px;
}
.s360-hr-phase-i .s360-hr-nav-group{
    display:grid;
    gap:6px;
    margin-bottom:12px;
}
.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:10px;
    min-height:38px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:14px;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    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,#2271b1),#6366f1);
    border-color:transparent;
    color:#fff;
    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:18px;
    margin-bottom:22px;
    padding:24px;
    border:1px solid var(--s360-color-primary-soft-border,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:10px;
    align-items:center;
}
.s360-hr-phase-i .s360-hr-sticky-actions{
    position:sticky;
    top:32px;
    z-index:19;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 20px;
    padding:14px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.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:14px;
    margin-bottom:16px;
}
.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:16px;
    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:18px;
}
.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,#e2e8f0);
    border-radius:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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:16px;
}
.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:#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,#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,#0f172a);
    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,#334155);
    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,#c7d2fe);
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px}
.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:#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:12px;
    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:#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:14px;
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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,#fef2f2);
    border-color:var(--s360-color-border-danger,#fecaca);
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:18px;
    background:
        radial-gradient(circle at 8% 0%, rgba(99,102,241,.09), transparent 30rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#2271b1),#6366f1);
    color:#fff;
    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:10px;
    margin:0 0 20px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-raised,#fff);
    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:999px;
    color:var(--s360-color-text-muted,#64748b);
    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:#fff;
    background:linear-gradient(135deg,var(--s360-color-primary,#2271b1),#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:10px}
    .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:16px;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:12px;
    border-radius:22px;
}
.s360-hr-phase-i .s360-hr-brand{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
    padding:10px 12px;
    border-radius:16px;
}
.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:10px;
}
.s360-hr-phase-i .s360-hr-nav-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:0;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.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:8px;
}
.s360-hr-phase-i .s360-hr-nav-item{
    justify-content:center;
    min-height:38px;
    border-radius:999px;
    padding:9px 14px;
    background:var(--s360-color-surface-raised,#fff);
    border-color:var(--s360-color-border-muted,#e2e8f0);
    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,#2271b1),#6366f1);
    color:#fff;
    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-tailwind-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,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.10), transparent 34rem),
        linear-gradient(180deg, var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:22px;
}
.s360-frontend-portal-phase-j .s360-portal{
    position:relative;
    overflow:hidden;
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:
        radial-gradient(circle at 92% 8%, rgba(37,99,235,.12), transparent 18rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:18px;
    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,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-muted,#64748b);
    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,#64748b);
    line-height:1.6;
}
.s360-frontend-portal-phase-j .notice{
    border-radius:14px;
    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:16px;
}
.s360-frontend-portal-phase-j .s360-ui-stat-card{
    position:relative;
    min-height:118px;
    overflow:hidden;
    padding:18px;
    background:linear-gradient(180deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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,#2271b1);
    opacity:.78;
}
.s360-frontend-portal-phase-j .s360-stat-value{
    display:block;
    margin-bottom:8px;
    color:var(--s360-color-text-heading,#0f172a);
    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,#64748b);
    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:16px;
}
.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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.s360-frontend-portal-phase-j .s360-badge-warning,
.s360-frontend-portal-phase-j .s360-badge--warning{
    background:var(--s360-color-warning-bg,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    color:var(--s360-color-warning-strong,#92400e);
}
.s360-frontend-portal-phase-j .s360-badge-danger{
    background:var(--s360-color-danger-bg,#fef2f2);
    border-color:var(--s360-color-border-danger,#fecaca);
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px}
.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,#2271b1);
    box-shadow:0 0 0 3px var(--s360-color-primary-soft-border,#c7d2fe);
    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:12px;
    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,#e2e8f0);
    border-radius:16px;
    overflow:hidden;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:8px;
}
.s360-frontend-portal-phase-j--login{
    max-width:560px;
}
.s360-frontend-portal-phase-j--login .s360-ui-card[data-s360-portal-card="login"]{
    padding:28px;
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:
        radial-gradient(circle at 88% 6%, rgba(37,99,235,.12), transparent 15rem),
        linear-gradient(135deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:6px;
    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:16px;
}
.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,#c7d2fe);
}
.s360-parent-mobile-phase-j .s360-parent-mobile__hero{
    padding:22px;
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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,#2271b1);
}
.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:16px;
}
.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:18px;
}
.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,#c7d2fe);
    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,#eef2ff);
    color:var(--s360-color-primary,#2271b1);
}
@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:16px;
        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:16px;
    }
}


/* Phase K - Student and Academic operational screens UI modernization */
.s360-academic-phase-k,
.school360-students-phase-k,
.s360-calendar-phase-k{
    --school360-tailwind-phase:"N";
    --school360-academic-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(59,130,246,.08), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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:10px;
}
.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:999px;
    background:linear-gradient(180deg,var(--s360-color-primary,#2271b1),#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,#64748b);
    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,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:24px;
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    flex-wrap:wrap;
}
.s360-calendar-phase-k .s360-calendar-workspace{
    padding:24px;
}
.s360-academic-phase-k .s360-section-kicker,
.school360-students-phase-k .s360-student-workspace-hero__eyebrow{
    color:var(--s360-color-primary,#2271b1);
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:20px;
}
.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:16px;
}
.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,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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:#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,#0f172a);
    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,#64748b);
    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:10px;
    margin:18px 0 22px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-raised,#fff);
    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:999px;
    background:transparent;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
}
.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,#2271b1),#6366f1);
    border-color:transparent;
    color:#fff;
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px}
.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:#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:12px;
    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:#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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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:12px;
}
.s360-calendar-phase-k .s360-calendar-cell{
    border-color:var(--s360-color-border-muted,#e2e8f0);
    border-radius:14px;
    background:var(--s360-color-surface-raised,#fff);
}
.s360-calendar-phase-k .s360-calendar-event{
    border-radius:12px;
    border:1px solid var(--s360-color-primary-soft-border,#c7d2fe);
    background:var(--s360-color-primary-soft,#eef2ff);
}
.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,#1f2937);
}
.s360-academic-phase-k .notice,
.school360-students-phase-k .notice,
.s360-calendar-phase-k .notice{
    border-radius:14px;
    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:10px;
    }
    .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:16px;
        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-tailwind-phase:"N";
    --school360-communication-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(14,165,233,.09), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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:10px;
}
.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:999px;
    background:linear-gradient(180deg,var(--s360-color-primary,#2271b1),#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,#64748b);
    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:22px;
    border:1px solid var(--s360-color-primary-soft-border,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:18px;
    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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:20px;
}
.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:16px;
}
.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:18px;
}
.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,#0f172a);
    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,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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:10px;
    margin:18px 0 22px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-raised,#fff);
    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:999px;
    background:transparent;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
}
.s360-communication-phase-l .nav-tab-active,
.s360-content-assets-phase-l .nav-tab-active{
    background:linear-gradient(135deg,var(--s360-color-primary,#2271b1),#0ea5e9);
    border-color:transparent;
    color:#fff;
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px;
}
.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:12px;
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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,#fef2f2);
    border-color:var(--s360-color-border-danger,#fecaca);
    color:var(--s360-color-danger-strong,#b91c1c);
}
.s360-communication-phase-l .notice,
.s360-content-assets-phase-l .notice{
    border-radius:14px;
    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:10px;
}
.s360-content-assets-phase-l .s360-gallery-thumb,
.s360-content-assets-phase-l .s360-u-thumb-48{
    border-radius:12px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    background:var(--s360-color-surface-muted,#f8fafc);
    object-fit:cover;
}
.s360-content-assets-phase-l .s360-gd-form-shell{
    display:grid;
    gap:16px;
}
.s360-content-assets-phase-l .s360-gd-audience-picker{
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:16px;
    padding:14px;
    background:var(--s360-color-surface-muted,#f8fafc);
}
.s360-communication-shortcode-phase-l .s360-communication-center-shortcode ul{
    display:grid;
    gap:12px;
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    padding:16px;
    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:10px;
    }
    .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:16px;
        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-tailwind-phase:"N";
    --school360-auxiliary-modernized:"true";
    max-width:var(--s360-layout-admin-page-max,none);
    color:var(--s360-color-text-body,#334155);
    background:
        radial-gradient(circle at 8% 0%, rgba(124,58,237,.08), transparent 34rem),
        linear-gradient(180deg,var(--s360-color-bg-soft,#f8fbff) 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,#0f172a);
    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:10px;
}
.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:999px;
    background:linear-gradient(180deg,var(--s360-color-primary,#2271b1),#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,#64748b);
    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:22px;
    border:1px solid var(--s360-color-primary-soft-border,#c7d2fe);
    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,#fff) 0%,var(--s360-color-bg-soft,#f8fbff) 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:18px;
}
.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,#e2e8f0);
    border-radius:22px;
    background:var(--s360-color-surface-raised,#fff);
    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:20px;
}
.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:16px;
}
.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:18px;
}
.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,#fff) 0%,var(--s360-color-surface-muted,#f8fafc) 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,#0f172a);
    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:10px;
    margin:18px 0 22px;
    padding:8px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:18px;
    background:var(--s360-color-surface-raised,#fff);
    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:999px;
    background:transparent;
    color:var(--s360-color-text-muted,#64748b);
    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,#2271b1);
    background:var(--s360-color-primary-soft,#eef2ff);
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
}
.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,#2271b1),#7c3aed);
    border-color:transparent;
    color:#fff;
    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,#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,#cbd5e1);
    border-radius:12px;
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-text-heading,#0f172a);
    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:10px;
}
.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:12px;
    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,#e2e8f0);
    border-radius:16px;
    background:var(--s360-color-surface-raised,#fff);
    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,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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:6px;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    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,#f0fdf4);
    border-color:var(--s360-color-border-success,#bbf7d0);
    color:var(--s360-color-success-strong,#166534);
}
.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,#fffbeb);
    border-color:var(--s360-color-border-warning,#fde68a);
    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:14px;
    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:10px;
}
@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:10px;
    }
    .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:16px;
        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-tailwind-foundation{
    --school360-tailwind-phase:"N";
    --school360-ui-release-candidate:"true";
}
.s360-tailwind-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-tailwind-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,#2271b1) 28%,transparent);
    outline-offset:2px;
}
.s360-tailwind-foundation :where(.s360-ui-card,.s360-ui-section-card,.s360-ui-stat-card,.s360-ui-action-card,.postbox){
    overflow-wrap:break-word;
}
.s360-tailwind-foundation :where(table.widefat){
    min-width:720px;
}
.s360-tailwind-foundation :where(.s360-overflow-x,.s360-ui-table-wrap,.s360-table-wrap){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.s360-tailwind-foundation :where(img){
    max-width:100%;
    height:auto;
}
.s360-tailwind-foundation :where(.notice){
    margin-block:12px 16px;
}
.s360-tailwind-foundation :where(.form-table th){
    color:var(--s360-color-text-label,#1f2937);
    font-weight:750;
}
.s360-tailwind-foundation :where(.form-table td){
    color:var(--s360-color-text-body,#334155);
}
.s360-tailwind-foundation :where(.submit){
    margin-top:18px;
}
.s360-tailwind-foundation :where(.s360-ui-grid,.s360-grid,.s360-ui-grid){
    min-width:0;
}
.s360-tailwind-foundation :where(.s360-ui-grid > *,.s360-grid > *,.s360-ui-grid > *){
    min-width:0;
}
@media (max-width:782px){
    .s360-tailwind-foundation :where(table.widefat){
        min-width:640px;
    }
    .s360-tailwind-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-tailwind-foundation :where(.form-table th){
        padding-bottom:6px;
    }
    .s360-tailwind-foundation :where(.form-table td){
        padding-top:0;
    }
}



/* RC1 Hotfix 1 - Flowbite-style underline navigation tabs and full-width School360 pages */
.s360-tailwind-foundation{
    max-width:none;
    width:auto;
}
.wp-admin .s360-tailwind-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-tailwind-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-ui-card,.s360-system-panel,.s360-school-panel,.s360-system-panel,.s360-ui-section-card--settings-panel,.s360-reports-v2,.s360-custom-fields-layout,.s360-gd-layout,.s360-ui-grid,.s360-grid,.s360-grid,.s360-ui-grid,.form-table,.widefat,.postbox){
    max-width:none;
}
.s360-tailwind-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,#e2e8f0);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}
.s360-tailwind-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,#64748b);
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none;
    transform:none;
}
.s360-tailwind-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,#2271b1);
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:transparent;
    box-shadow:none;
    outline:none;
}
.s360-tailwind-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,#2271b1);
    border-bottom-color:var(--s360-color-primary,#2271b1);
    background:transparent;
    box-shadow:none;
}
.s360-tailwind-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-tailwind-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-tailwind-foundation{
        margin-right:10px;
    }
    .s360-tailwind-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-tailwind-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-tailwind-foundation,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin,
.wp-admin .s360-tailwind-foundation.s360-grouped-fullwidth{
    max-width:none;
    width:auto;
    margin-right:20px;
}
.wp-admin .s360-tailwind-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 > .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-card,.s360-ui-grid,.s360-grid,.s360-grid,.s360-ui-grid){
    max-width:none;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-grouped-admin__content{
    width:100%;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-grouped-admin__content > .wrap{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-page-hero,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs{
    max-width:none;
    width:100%;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-tailwind-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,#e2e8f0);
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab,
.wp-admin .s360-tailwind-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,#64748b);
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none;
    transform:none;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab:hover,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab:focus-visible,
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab:hover,
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab:focus-visible{
    color:var(--s360-color-primary,#2271b1);
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:transparent;
    box-shadow:none;
    outline:none;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab-active,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab[aria-current="page"],
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab-active,
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs .nav-tab[aria-current="page"]{
    color:var(--s360-color-primary,#2271b1);
    border-bottom-color:var(--s360-color-primary,#2271b1);
    background:transparent;
    box-shadow:none;
}
@media (max-width:782px){
    .wp-admin .s360-grouped-admin.s360-page-shell,
    .wp-admin .s360-grouped-admin.s360-tailwind-foundation,
    .wp-admin .s360-tailwind-foundation.s360-grouped-admin,
    .wp-admin .s360-tailwind-foundation.s360-grouped-fullwidth{
        margin-right:10px;
    }
    .wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs,
    .wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs .nav-tab,
    .wp-admin .s360-tailwind-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-tailwind-foundation.s360-grouped-admin,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin *,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin *::before,
.wp-admin .s360-tailwind-foundation.s360-grouped-admin *::after{
    box-sizing:border-box;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin{
    max-width:none;
    width:auto;
    min-width:0;
    overflow-x:clip;
}
.wp-admin .s360-tailwind-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,.s360-ui-card,.postbox,.print-panel,.s360-ui-grid,.s360-grid,.s360-grid,.s360-ui-grid){
    max-width:100%;
    min-width:0;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-grouped-admin__content{
    overflow-x:visible;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin :where(.s360-overflow-x,.s360-ui-table-wrap,.s360-table-wrap,.widefat,table.widefat){
    max-width:100%;
}
.wp-admin .s360-tailwind-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-tailwind-foundation.s360-grouped-admin table.widefat{
    width:100%;
}
.wp-admin .s360-tailwind-foundation.s360-grouped-admin .s360-ui-main-tabs,
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h .s360-ui-main-tabs{
    max-width:100%;
    min-width:0;
}
@media (max-width:782px){
    .wp-admin .s360-tailwind-foundation.s360-grouped-admin{
        overflow-x:clip;
    }
}



/* RC1 Hotfix 4 - Compact admin shortcuts */
.s360-tailwind-foundation :where(.s360-admin-shortcuts){
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:8px;
}
.s360-tailwind-foundation :where(.s360-admin-shortcut){
    display:inline-flex;
    flex:0 1 auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    min-height:30px;
    min-width:0;
    width:auto;
    max-width:100%;
    padding:5px 10px;
    border-radius:999px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    background:var(--s360-color-surface-muted,#f8fafc);
    color:var(--s360-color-text-muted,#64748b);
    box-shadow:none;
    text-decoration:none;
    line-height:1.25;
}
.s360-tailwind-foundation :where(.s360-admin-shortcut:hover,.s360-admin-shortcut:focus-visible){
    transform:none;
    border-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:var(--s360-color-primary-soft,#eef2ff);
    color:var(--s360-color-primary,#2271b1);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--s360-color-primary,#2271b1) 14%,transparent);
    outline:none;
}
.s360-tailwind-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-tailwind-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-tailwind-foundation :where(.s360-admin-shortcut__title + .s360-admin-shortcut__meta)::before{
    content:"·";
    margin-right:6px;
    color:var(--s360-color-border-strong,#cbd5e1);
}
.s360-tailwind-foundation :where(.s360-admin-shortcut strong){
    font-size:11px;
    font-weight:800;
}
@media (max-width:782px){
    .s360-tailwind-foundation :where(.s360-admin-shortcuts){
        gap:6px;
    }
    .s360-tailwind-foundation :where(.s360-admin-shortcut){
        max-width:100%;
        padding:5px 9px;
    }
    .s360-tailwind-foundation :where(.s360-admin-shortcut__title){
        max-width:180px;
    }
    .s360-tailwind-foundation :where(.s360-admin-shortcut__meta){
        max-width:180px;
    }
}



/* RC1 Hotfix 5 - Admin shortcut spacing/radius and stat card weight polish */
.s360-tailwind-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-tailwind-foundation .s360-ui-stat-card{
    border-radius:var(--s360-radius-lg,10px);
}
.s360-tailwind-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-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card{
    border-radius:var(--s360-radius-lg,10px);
}
.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card__value,
.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card__label,
.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card__helper,
.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card__action,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card__value,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card__label,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card__helper,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card__action{
    font-weight:var(--s360-font-weight-bold,700);
}
.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card__action,
.s360-tailwind-foundation .s360-admin-dashboard .s360-ui-stat-card__action{
    font-size:11px;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.s360-tailwind-foundation.s360-admin-dashboard .s360-admin-shortcut,
.s360-tailwind-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-tailwind-foundation.s360-admin-dashboard .s360-admin-shortcut__title,
.s360-tailwind-foundation.s360-admin-dashboard .s360-admin-shortcut__meta,
.s360-tailwind-foundation .s360-admin-dashboard .s360-admin-shortcut__title,
.s360-tailwind-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-tailwind-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-tailwind-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,#fff) 0%,var(--s360-color-bg-subtle,#f8fafc) 100%);color:var(--s360-color-text-heading,#0f172a);box-shadow:var(--s360-shadow-sm,0 1px 2px rgba(15,23,42,.06))}.s360-tailwind-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:hover,.s360-tailwind-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:focus-visible,.s360-tailwind-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:hover,.s360-tailwind-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut:focus-visible{background:var(--s360-color-surface-raised,#fff);box-shadow:var(--s360-dashboard-card-hover-shadow,var(--s360-shadow-floating));transform:none;text-decoration:none}.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card,.s360-tailwind-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,#c7d2fe);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-tailwind-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-tailwind-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-tailwind-foundation.s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-tailwind-foundation .s360-admin-dashboard .s360-admin-dashboard__utility-card.s360-admin-shortcut,.s360-tailwind-foundation.s360-admin-dashboard .s360-ui-stat-card,.s360-tailwind-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{width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap}.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__top-surfaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s360-dashboard-section-gap,var(--s360-space-md,16px));width:100%;max-width:100%;min-width:0;margin:0 0 var(--s360-dashboard-workspace-gap,var(--s360-space-lg,24px));box-sizing:border-box;align-items:stretch}.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:112px;margin:0;padding:18px 20px;box-sizing:border-box;border:1px solid var(--s360-color-border-muted,#d9e2ec);border-radius:var(--s360-dashboard-panel-radius,var(--s360-radius-xl,12px));background:linear-gradient(180deg,var(--s360-color-surface-raised,#fff) 0%,var(--s360-color-bg-subtle,#f8fafc) 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{border-left:4px solid var(--s360-color-warning,#b26200)}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--school{border-left:4px solid var(--s360-color-primary,#2271b1)}.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:16px}.school360-dashboard-phase-d .s360-admin-dashboard__utility-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;max-width:100%}.school360-dashboard-phase-d .s360-admin-dashboard__utility-title{margin:0;color:var(--s360-color-text-heading,#0f172a);font-size:14px;line-height:1.25;font-weight:800}.school360-dashboard-phase-d .s360-admin-dashboard__utility-meta{margin:0;max-width:100%;color:var(--s360-color-text-secondary,#475569);font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school360-dashboard-phase-d .s360-admin-dashboard__notification-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;max-width:100%;margin:0}.school360-dashboard-phase-d .s360-admin-dashboard__notification-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}.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}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--notification .s360-admin-dashboard__utility-actions{flex:0 0 auto}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card--school .s360-admin-dashboard__utility-control{flex:0 1 320px;width:320px;max-width:100%}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card .s360-admin-dashboard__school-switcher{width:100%;max-width:none;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card .s360-admin-dashboard__school-switcher-label{display:none}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card .s360-admin-dashboard__school-switcher-select{display:block;width:100%;max-width:100%;min-width:0;min-height:38px;box-sizing:border-box}.school360-dashboard-phase-d .s360-admin-dashboard__notification-action{max-width:100%;white-space:normal}@media (max-width:1100px){.school360-dashboard-phase-d .s360-admin-dashboard__top-surfaces{grid-template-columns:1fr}}@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:8px;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::after{inset-inline-end:-4rem;inset-block-start:-4rem;width:10rem;height:10rem;opacity:.75}.school360-dashboard-phase-d .s360-ui-page-header__main{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.school360-dashboard-phase-d .s360-ui-page-header__title{font-size:24px;line-height:1.2}.school360-dashboard-phase-d .s360-ui-page-header__description{font-size:13px;line-height:1.5}.school360-dashboard-phase-d .s360-admin-dashboard__top-surfaces{gap:12px;margin:0 0 var(--s360-space-md,16px)}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card{min-height:0;padding:16px;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-ui-page-header__title{font-size:22px}.school360-dashboard-phase-d .s360-admin-dashboard__utility-card{padding:14px}.school360-dashboard-phase-d .s360-admin-dashboard__notification-chips{gap:6px}}

/* 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,#2271b1) 12%, transparent), transparent 18rem),
    linear-gradient(135deg,var(--s360-color-surface-raised,#fff),var(--s360-color-bg-soft,#f8fbff));
}
.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:10px;
  padding:12px;
  border:1px dashed var(--s360-color-border-strong,#cbd5e1);
  border-radius:14px;
  background:var(--s360-color-bg-subtle,#f8fafc);
}
.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,#fff);
}
.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:24px;
}
.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:14px;
  }
  .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:16px;
  }
  .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:10px;
  }
}
@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:14px;
  }
  .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:16px;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,#d9e2ec));border-radius:12px;background:var(--s360-page-header-bg,var(--s360-color-surface-raised,#fff));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:6px;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,#2271b1);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,#0f172a));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,#475569));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:2px}.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,#d9e2ec);border-radius:999px;background:var(--s360-color-bg-subtle,#f8fafc);color:var(--s360-color-text-secondary,#475569);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:8px;min-width:0}.s360-ui-page-notices{display:grid;gap:8px;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:10px;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:10px;margin:0 0 14px;padding:14px 16px;border-radius:12px}.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:empty{display:none}.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:8px;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--calendar{margin:0 0 14px}.s360-ui-page-notices--calendar:empty{margin: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,#fff));border-color:var(--s360-page-header-border,var(--s360-color-border-muted,#d9e2ec));border-radius:12px;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:14px}}


/* Phase 9.12: grouped admin deterministic notice slot. */
.s360-grouped-admin > .s360-grouped-admin__notice-slot{
  display:block;
  width:100%;
  max-width:var(--s360-layout-content-max, none);
  min-width:0;
  box-sizing:border-box;
  margin:0 0 18px;
  padding:0;
}
.s360-grouped-admin > .s360-grouped-admin__notice-slot:empty{
  display:none;
  margin:0;
}
.s360-grouped-admin > .s360-grouped-admin__notice-slot .s360-ui-page-notices,
.s360-grouped-admin > .s360-grouped-admin__notice-slot .s360-ui-page-notices--expense-readiness{
  margin:0;
  padding:0;
}


/* Phase 9.13: grouped admin header utility cards match dashboard card placement. */
.s360-grouped-admin > .s360-grouped-admin__top-surfaces{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--s360-dashboard-section-gap,var(--s360-space-md,16px));
  width:100%;
  max-width:var(--s360-layout-content-max,none);
  min-width:0;
  margin:0 0 var(--s360-dashboard-workspace-gap,var(--s360-space-lg,24px));
  box-sizing:border-box;
  align-items:stretch;
}
.s360-grouped-admin > .s360-grouped-admin__top-surfaces:empty{
  display:none;
  margin:0;
}
.s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__utility-card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
}
.s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__notification-chips{
  max-width:100%;
}
.s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__notification-action{
  max-width:100%;
  white-space:normal;
}
.s360-grouped-admin .s360-ui-page-header .notice[data-school360-expense-readiness-placement],
.s360-grouped-admin .s360-ui-page-header .s360-ui-page-notice[data-school360-expense-readiness-placement]{
  display:none;
}
@media (max-width:782px){
  .s360-grouped-admin > .s360-grouped-admin__top-surfaces{
    gap:12px;
    margin:0 0 var(--s360-space-md,16px);
  }
  .s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__utility-card{
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding:16px;
  }
  .s360-grouped-admin > .s360-grouped-admin__top-surfaces .s360-admin-dashboard__utility-actions{
    justify-content:flex-start;
    min-width:0;
    width:100%;
  }
}

/* Phase 9.14: standalone admin header utility cards match dashboard/grouped placement. */
.s360-ui-header-utility-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--s360-dashboard-section-gap,var(--s360-space-md,16px));
  width:100%;
  max-width:var(--s360-layout-content-max,none);
  min-width:0;
  margin:0 0 var(--s360-dashboard-workspace-gap,var(--s360-space-lg,24px));
  padding:0;
  box-sizing:border-box;
  align-items:stretch;
}
.s360-ui-header-utility-grid:empty{
  display:none;
  margin:0;
}
.s360-ui-header-utility-grid .s360-admin-dashboard__utility-card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
}
.s360-ui-header-utility-grid .s360-admin-dashboard__notification-chips{
  max-width:100%;
}
.s360-ui-header-utility-grid .s360-admin-dashboard__notification-action{
  max-width:100%;
  white-space:normal;
}
.s360-calendar-phase-k > .s360-calendar-header-utility-grid + .s360-ui-card.s360-calendar-workspace,
.s360-treasury-wrap > .s360-treasury-header-utility-grid + .s360-ui-page-notices,
.s360-expense-phase-h > .s360-expense-header-utility-grid + .notice{
  margin-top:0;
}
.s360-calendar-phase-k .s360-ui-page-header .notice[data-school360-expense-readiness-placement],
.s360-calendar-phase-k .s360-ui-page-header .s360-ui-page-notice[data-school360-expense-readiness-placement],
.s360-treasury-wrap .s360-ui-page-header .notice[data-school360-expense-readiness-placement],
.s360-treasury-wrap .s360-ui-page-header .s360-ui-page-notice[data-school360-expense-readiness-placement],
.s360-expense-phase-h .s360-ui-page-header .notice[data-school360-expense-readiness-placement],
.s360-expense-phase-h .s360-ui-page-header .s360-ui-page-notice[data-school360-expense-readiness-placement]{
  display:none;
}
@media (max-width:782px){
  .s360-ui-header-utility-grid{
    gap:12px;
    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:16px;
  }
  .s360-ui-header-utility-grid .s360-admin-dashboard__utility-actions{
    justify-content:flex-start;
    min-width:0;
    width:100%;
  }
}

/* Phase 9.15: align School 360 admin headers, utility cards, tabs and content to the same full-width layout line. */
.wp-admin .s360-tailwind-foundation :where(.s360-ui-page-header,.s360-ui-page-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,.s360-ui-header-utility-grid,.s360-admin-dashboard__top-surfaces,.s360-grouped-admin__top-surfaces,.s360-ui-main-tabs,.s360-grouped-admin__content,.s360-admin-dashboard__workspace){
  width:100% ;
  max-width:none ;
  min-width:0;
  box-sizing:border-box;
}

.wp-admin .s360-tailwind-foundation.s360-grouped-admin > :where(.s360-ui-page-header,.s360-grouped-admin__notice-slot,.s360-grouped-admin__top-surfaces,.s360-ui-main-tabs,.s360-grouped-admin__content),
.wp-admin .s360-tailwind-foundation.school360-dashboard-phase-d > :where(.s360-ui-page-header,.s360-admin-dashboard__top-surfaces,.s360-admin-dashboard__workspace),
.wp-admin .s360-tailwind-foundation.s360-calendar-phase-k > :where(.s360-ui-page-header,.s360-ui-header-utility-grid,.s360-ui-card,.s360-calendar-workspace),
.wp-admin .s360-tailwind-foundation.s360-treasury-wrap > :where(.s360-ui-page-header,.s360-ui-header-utility-grid,.s360-ui-card,.s360-ui-card),
.wp-admin .s360-tailwind-foundation.s360-expense-phase-h > :where(.s360-ui-page-header,.s360-ui-header-utility-grid,.s360-expense-workspace-tabs,.nav-tab-wrapper,.s360-ui-card,.s360-ui-card,.s360-expense-status-center){
  width:100% ;
  max-width:none ;
  min-width:0;
  box-sizing:border-box;
}

.wp-admin .s360-tailwind-foundation .s360-ui-page-header,
.wp-admin .s360-tailwind-foundation .s360-ui-header-utility-grid,
.wp-admin .s360-tailwind-foundation .s360-admin-dashboard__top-surfaces,
.wp-admin .s360-tailwind-foundation .s360-grouped-admin__top-surfaces{
  align-self:stretch;
}

/* Phase 9.16: Calendar & Events uses the standard School 360 page header. */
.wp-admin .wrap.s360-tailwind-foundation.s360-calendar-phase-k{
  width:auto;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  background:transparent;
  border-radius:0;
}
.wp-admin .s360-tailwind-foundation.s360-calendar-phase-k .s360-calendar-page-header.s360-ui-page-header{
  background:var(--s360-page-header-bg, var(--s360-color-surface-raised,#fff));
  border-color:var(--s360-page-header-border, var(--s360-color-border-muted,#d9e2ec));
  border-radius:12px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.wp-admin .s360-tailwind-foundation.s360-calendar-phase-k .s360-calendar-page-header .s360-ui-page-header__title{
  display:block;
  align-items:normal;
  gap:0;
  margin:0;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:0;
}
.wp-admin .s360-tailwind-foundation.s360-calendar-phase-k .s360-calendar-page-header .s360-ui-page-header__title::before{
  content:none;
  display:none;
  width:0;
  height:0;
  margin:0;
  background:none;
  box-shadow:none;
}
.wp-admin .s360-tailwind-foundation.s360-calendar-phase-k .s360-calendar-page-header .s360-ui-page-header__description{
  margin:0;
  font-size:13px;
  line-height:1.5;
  letter-spacing:0;
}


/* Phase 9.18: HR workspace top layout uses the shared School 360 header/utility-card pattern. */
.wp-admin .wrap.s360-tailwind-foundation.s360-hr-phase-i{
  width:auto;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  background:transparent;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-shell{
  display:block;
  margin-top:0;
  width:100%;
  max-width:none;
  min-width:0;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i > :where(.s360-ui-page-header,.s360-ui-header-utility-grid,.s360-ui-section-card--hr-navigation,.s360-hr-main),
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-shell > :where(.s360-ui-page-header,.s360-ui-header-utility-grid,.s360-ui-section-card--hr-navigation,.s360-hr-main){
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-page-header.s360-ui-page-header{
  margin:0 0 var(--s360-space-md,16px);
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-header-utility-grid{
  margin:0 0 var(--s360-space-md,16px);
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation{
  background:var(--s360-color-surface-raised,#fff);
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border,#d9e2ec));
  border-radius:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  margin:0 0 var(--s360-space-lg,24px);
  padding:14px 16px;
}
.wp-admin .s360-tailwind-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:12px;
  overflow:visible;
  padding-top:0 ;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group{
  background:var(--s360-color-surface-muted,#f8fafc);
  border:1px solid var(--s360-color-border-muted,var(--s360-color-border,#d9e2ec));
  border-radius:14px;
  flex:1 1 240px;
  min-width:220px;
  padding:10px 12px;
}
.wp-admin .s360-tailwind-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,#d9e2ec));
  padding-left:12px;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-title{
  color:var(--s360-color-text-muted,#64748b);
  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-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-items{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-item{
  background:transparent;
  border:1px solid transparent;
  border-radius:999px;
  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 ;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-item:hover,
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-item:focus{
  background:var(--s360-color-surface,#fff);
  border-color:var(--s360-color-border-muted,var(--s360-color-border,#d9e2ec));
  color:var(--s360-color-primary-hover,#005a87);
  outline:none;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-active,
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-active:hover,
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-active:focus{
  background:var(--s360-color-surface,#fff);
  border-color:var(--s360-color-primary,#0073aa);
  color:var(--s360-color-primary,#0073aa);
  box-shadow:inset 0 -2px 0 var(--s360-color-primary,#0073aa);
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-breadcrumbs{
  margin:0 0 var(--s360-space-md,16px);
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-hr-main > .s360-hr-header{
  display:none;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-page-header .notice[data-school360-expense-readiness-placement],
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-page-header .s360-ui-page-notice[data-school360-expense-readiness-placement]{
  display:none;
}
@media (max-width:782px){
  .wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation{
    padding:12px;
  }
  .wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav--grouped,
  .wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-items{
    display:grid;
    grid-template-columns:1fr;
  }
  .wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group{
    min-width:0;
  }
}

/* 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-tailwind-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-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav.s360-ui-tabs__nav{
    align-items:flex-end;
    background:transparent;
    border:0;
    border-bottom:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:0;
    box-shadow:none;
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin:0;
    overflow:visible;
    padding:0;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group,
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-items{
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    display:contents;
    flex:initial;
    min-width:0;
    padding:0;
}
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav-group-title{
    display:none;
}
.wp-admin .s360-tailwind-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,#64748b);
    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;
}
.wp-admin .s360-tailwind-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:hover,
.wp-admin .s360-tailwind-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:focus-visible{
    background:transparent;
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    box-shadow:none;
    color:var(--s360-color-primary,#2271b1);
    outline:none;
    transform:none;
}
.wp-admin .s360-tailwind-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.is-active,
.wp-admin .s360-tailwind-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[aria-current="page"],
.wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav.s360-ui-tabs__nav .s360-hr-nav-active{
    background:transparent;
    border-bottom-color:var(--s360-color-primary,#2271b1);
    box-shadow:none;
    color:var(--s360-color-primary,#2271b1);
}
@media (max-width:782px){
    .wp-admin .s360-tailwind-foundation.s360-hr-phase-i .s360-ui-section-card--hr-navigation .s360-hr-nav.s360-ui-tabs__nav{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}

/* 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.
 */
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-tailwind-foundation :where(.s360-ui-sub-tabs){
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:none;
    margin:8px 0 18px;
    padding:8px 10px;
    border:1px solid var(--s360-color-border-muted,#e2e8f0);
    border-radius:999px;
    background:var(--s360-color-bg-subtle,#f8fafc);
    box-shadow:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.s360-tailwind-foundation .s360-ui-tabs:not(.s360-ui-main-tabs) > .s360-ui-tabs__nav.s360-ui-sub-tabs{
    margin:0;
}
.s360-tailwind-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:999px;
    border-bottom-color:transparent;
    background:transparent;
    color:var(--s360-color-text-secondary,#475569);
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    box-shadow:none;
}
.s360-tailwind-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,#bfdbfe);
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-primary,#2271b1);
    box-shadow:none;
    outline:none;
}
.s360-tailwind-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,#2271b1);
    background:var(--s360-color-surface-raised,#fff);
    color:var(--s360-color-primary,#2271b1);
    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-tailwind-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,#e2e8f0);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.wp-admin .s360-tailwind-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,#64748b);
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transform:none;
}
.wp-admin .s360-tailwind-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,#2271b1);
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:transparent;
    box-shadow:none;
    outline:none;
}
.wp-admin .s360-tailwind-foundation .s360-ui-main-tabs :where(.nav-tab-active,.is-active,.active,[aria-current="page"],[aria-selected="true"]){
    color:var(--s360-color-primary,#2271b1);
    border-bottom-color:var(--s360-color-primary,#2271b1);
    background:transparent;
    box-shadow:none;
}
@media (max-width:782px){
    .wp-admin .s360-tailwind-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. */
body.wp-admin .s360-tailwind-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,#e2e8f0);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
body.wp-admin .s360-tailwind-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,#64748b);
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transform:none;
}
body.wp-admin .s360-tailwind-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab:hover,
body.wp-admin .s360-tailwind-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,#2271b1);
    border-bottom-color:var(--s360-color-primary-soft-border,#c7d2fe);
    background:transparent;
    box-shadow:none;
    outline:none;
}
body.wp-admin .s360-tailwind-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab.nav-tab-active,
body.wp-admin .s360-tailwind-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs > a.nav-tab.s360-ui-tabs__tab.is-active,
body.wp-admin .s360-tailwind-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,#2271b1);
    border-bottom-color:var(--s360-color-primary,#2271b1);
    background:transparent;
    box-shadow:none;
}
@media (max-width:782px){
    body.wp-admin .s360-tailwind-foundation.school360-dashboard-phase-d nav.s360-admin-dashboard__tabs.s360-ui-main-tabs{
        flex-wrap:nowrap;
    }
}