/* SMAORA Enterprise Design System — public CSS entrypoint. */
@import url("./tokens.css");
@import url("./themes/index.css");
@import url("./foundations.css");
@import url("./accessibility/accessibility.css");
@import url("./components.css");
@import url("./layout.css");
@import url("./platform-global-header.css");

@import url("./templates.css");

@import url("./template-adapter.css");

/* Late theme bridge after template/legacy adapters. */
@import url("./themes/surface-bridge.css");

@import url("./mobile.css");

/* --- SMAORA Phase 11 Round 1 school identity CSS --- */
/* SMAORA Phase 11 / Round 1 — school identity presentation.
   School identity is contextual; SMAORA remains the product/owner brand. */
.ss-school-identity__chip{
 display:flex;
 align-items:center;
 gap:var(--ss-space-3,12px);
 margin-block-end:var(--ss-space-2,8px);
 min-width:0;
}
.ss-school-identity__mark{
 width:42px;
 height:42px;
 flex:0 0 42px;
 display:grid;
 place-items:center;
 overflow:hidden;
 border-radius:var(--ss-radius-lg,14px);
 background:var(--ss-theme-surface-raised,var(--ss-color-surface-raised,#fff));
 border:1px solid var(--ss-theme-border-soft,var(--ss-color-border-soft,#e5e7eb));
 box-shadow:var(--ss-shadow-xs,0 1px 2px rgba(15,23,42,.06));
}
.ss-school-identity__logo{
 width:100%;
 height:100%;
 object-fit:contain;
 padding:4px;
}
.ss-school-identity__initial{
 font-size:1.05rem;
 font-weight:800;
 color:var(--ss-theme-primary,var(--ss-color-primary));
}
.ss-school-identity__chip-copy{
 display:grid;
 min-width:0;
 gap:2px;
}
.ss-school-identity__chip-label{
 color:var(--ss-theme-muted,var(--ss-color-text-muted));
 font-size:var(--ss-font-size-xs,.75rem);
}
.ss-school-identity__chip-name{
 color:var(--ss-theme-text,var(--ss-color-text));
 font-size:var(--ss-font-size-sm,.875rem);
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:min(52vw,420px);
}
.ss-school-identity__visual{
 display:grid;
 place-items:center;
 margin-block-end:var(--ss-space-2,8px);
}
.ss-school-hero__visual > .ss-school-identity__visual .ss-school-identity__mark{
 width:64px;
 height:64px;
 flex-basis:64px;
 background:color-mix(in srgb,var(--ss-theme-surface) 92%,transparent);
}
@media (max-width:767px){
 .ss-school-identity__chip-name{max-width:62vw}
 .ss-school-identity__mark{width:36px;height:36px;flex-basis:36px}
 .ss-school-hero__visual > .ss-school-identity__visual .ss-school-identity__mark{
  width:52px;height:52px;flex-basis:52px
 }
}


/* SMAORA Phase 11 / Round 2 — safe school color presets.
   These variables are school-context-only. They do not override SMAORA brand,
   global navigation, functional status colors, or generic primary actions. */
body[data-ss-school-theme]{
 --ss-school-accent:var(--ss-blue-500);
 --ss-school-accent-soft:var(--ss-blue-50);
 --ss-school-accent-border:var(--ss-blue-200);
}
body[data-ss-school-theme="emerald"]{
 --ss-school-accent:var(--ss-green-600);
 --ss-school-accent-soft:var(--ss-green-50);
 --ss-school-accent-border:var(--ss-green-100);
}
body[data-ss-school-theme="violet"]{
 --ss-school-accent:var(--ss-accent-purple);
 --ss-school-accent-soft:color-mix(in srgb,var(--ss-accent-purple) 10%,var(--ss-color-surface));
 --ss-school-accent-border:color-mix(in srgb,var(--ss-accent-purple) 26%,var(--ss-color-border-soft));
}
body[data-ss-school-theme="teal"]{
 --ss-school-accent:var(--ss-accent-cyan);
 --ss-school-accent-soft:color-mix(in srgb,var(--ss-accent-cyan) 12%,var(--ss-color-surface));
 --ss-school-accent-border:color-mix(in srgb,var(--ss-accent-cyan) 30%,var(--ss-color-border-soft));
}
body[data-ss-school-theme="amber"]{
 --ss-school-accent:var(--ss-amber-600);
 --ss-school-accent-soft:var(--ss-amber-50);
 --ss-school-accent-border:var(--ss-amber-100);
}

body[data-ss-school-theme] .ss-school-identity__mark{
 border-color:var(--ss-school-accent-border);
 background:var(--ss-school-accent-soft);
}
body[data-ss-school-theme] .ss-school-identity__initial,
body[data-ss-school-theme] .ss-school-hero__eyebrow{
 color:var(--ss-school-accent);
}
body[data-ss-school-theme] .ss-school-hero[data-ss-source-school-title="schoolTitle"]{
 border-color:var(--ss-school-accent-border);
 background:
  linear-gradient(135deg,var(--ss-school-accent-soft),var(--ss-theme-surface) 68%);
}
body[data-ss-school-theme] .ss-school-hero[data-ss-source-school-title="schoolTitle"] .ss-badge{
 border-color:var(--ss-school-accent-border);
}
.ss-school-theme-control{
 grid-column:1/-1;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:var(--ss-space-4,16px);
 padding:var(--ss-space-4,16px);
 border:1px solid var(--ss-color-border-soft);
 border-radius:var(--ss-radius-lg,14px);
 background:var(--ss-color-surface-soft);
}
.ss-school-theme-control__copy{
 display:grid;
 gap:4px;
 min-width:0;
}
.ss-school-theme-control__title{
 color:var(--ss-color-text);
}
.ss-school-theme-control__help{
 color:var(--ss-color-text-muted);
}
.ss-school-theme-control__picker{
 display:flex;
 align-items:center;
 gap:var(--ss-space-3,12px);
 flex-wrap:wrap;
}
.ss-school-theme-control__select{
 min-width:180px;
 max-width:100%;
}
.ss-school-theme-control__swatches{
 display:flex;
 gap:6px;
 align-items:center;
}
.ss-school-theme-control__swatch{
 width:18px;
 height:18px;
 border-radius:999px;
 border:2px solid var(--ss-color-surface-raised);
 box-shadow:0 0 0 1px var(--ss-color-border);
}
.ss-school-theme-control__swatch[data-preset="smaora"]{background:var(--ss-blue-500)}
.ss-school-theme-control__swatch[data-preset="emerald"]{background:var(--ss-green-600)}
.ss-school-theme-control__swatch[data-preset="violet"]{background:var(--ss-accent-purple)}
.ss-school-theme-control__swatch[data-preset="teal"]{background:var(--ss-accent-cyan)}
.ss-school-theme-control__swatch[data-preset="amber"]{background:var(--ss-amber-600)}
@media (max-width:767px){
 .ss-school-theme-control{
  align-items:stretch;
  flex-direction:column;
 }
 .ss-school-theme-control__picker{
  justify-content:space-between;
 }
 .ss-school-theme-control__select{
  flex:1 1 180px;
 }
}


/* SMAORA Phase 11 / Round 3 — preview lifecycle and reset affordance. */
.ss-school-theme-control__reset{
 min-height:38px;
 padding-inline:var(--ss-space-3,12px);
 border:1px solid var(--ss-color-border);
 border-radius:var(--ss-radius-md,10px);
 background:var(--ss-color-surface-raised);
 color:var(--ss-color-text);
 font:inherit;
 cursor:pointer;
}
.ss-school-theme-control__reset:hover{
 background:var(--ss-color-field-hover);
}
body[data-ss-school-theme-preview="dirty"] .ss-school-theme-control{
 border-color:var(--ss-school-accent-border);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-school-accent) 10%,transparent);
}
body[data-ss-school-theme-preview="dirty"] .ss-school-theme-control__help::after{
 content:" • معاينة غير محفوظة";
 color:var(--ss-school-accent);
 font-weight:700;
}