/* SMAORA Theme Reference v1.1.0 — compatibility bridge for current centralized SMAORA manager surfaces. */
/* Loaded after tokens/components/layout/page CSS. Visual only; no backend or data logic. */

/* SMAORA — Phase 2 / Round 1
   Desktop shell + manager hero + core metrics matched to approved visual reference.
   Scope intentionally desktop-only; mobile is reserved for Phase 3. */

@media (min-width: 901px){
  body.portal-role-manager{
    --smaora-navy:#0a1830;
    --smaora-navy-2:#10284b;
    --smaora-blue:#2367ed;
    --smaora-blue-2:#2f7df6;
    --smaora-surface:#ffffff;
    --smaora-canvas:#f5f7fb;
    --smaora-text:#101b37;
    --smaora-muted:#7a879f;
    --smaora-border:#e7ebf3;
    background:var(--smaora-canvas)!important;
  }

  body.portal-role-manager #appView.app-shell{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    min-height:100vh!important;
    background:var(--smaora-canvas)!important;
  }
  body.portal-role-manager #appView.app-shell>.sidebar,
  body.portal-role-manager #appView.app-shell>.main{direction:rtl!important}

  /* Sidebar — dark navy reference shell. */
  body.portal-role-manager #appView.app-shell>.sidebar{
    width:240px!important;
    min-width:240px!important;
    height:100vh!important;
    min-height:100vh!important;
    position:sticky!important;
    top:0!important;
    padding:18px 14px 16px!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 10% 92%,rgba(44,103,237,.18),transparent 30%),
      linear-gradient(180deg,#08162c 0%,#0b1b34 56%,#0a172b 100%)!important;
    box-shadow:12px 0 34px rgba(18,35,70,.08)!important;
    overflow:hidden!important;
  }
  body.portal-role-manager .sidebar .smaora-sidebar-brand{
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    padding:2px 8px 16px!important;
    margin:0 0 7px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  body.portal-role-manager .smaora-sidebar-logo{
    width:43px!important;
    height:43px!important;
    flex:0 0 43px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 8px 18px rgba(29,103,246,.25));
  }
  body.portal-role-manager .smaora-sidebar-brand-copy{min-width:0;line-height:1.15}
  body.portal-role-manager .smaora-sidebar-wordmark{
    display:block!important;
    color:#fff!important;
    font-size:21px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  body.portal-role-manager .smaora-sidebar-brand-copy small{
    display:block!important;
    margin-top:4px!important;
    color:rgba(255,255,255,.62)!important;
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:3px 1px 12px!important;
    gap:4px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.18) transparent;
  }
  body.portal-role-manager .sidebar .sidebar-group-label{
    color:rgba(194,208,234,.38)!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
    padding:10px 9px 4px!important;
    margin:0!important;
    border:0!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav :is(.nav-btn,.sidebar-direct-link){
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    padding:9px 13px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#c8d3e7!important;
    font-size:12px!important;
    font-weight:700!important;
    text-decoration:none!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav :is(.nav-btn,.sidebar-direct-link):hover{
    color:#fff!important;
    background:rgba(255,255,255,.075)!important;
    transform:none!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav .nav-btn.active{
    color:#fff!important;
    background:linear-gradient(100deg,#1e5ed8,#286fee)!important;
    box-shadow:0 10px 24px rgba(24,89,221,.25)!important;
  }
  body.portal-role-manager .sidebar .sidebar-foot{
    margin-top:0!important;
    padding:13px 7px 0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  body.portal-role-manager .sidebar .sidebar-foot .user-label{font-size:11px!important;color:#fff!important}
  body.portal-role-manager .sidebar .sidebar-foot .ghost{
    min-height:38px!important;
    margin-top:8px!important;
    background:transparent!important;
    color:#ff6b78!important;
    border:1px solid rgba(255,107,120,.18)!important;
  }

  /* Main canvas and reference topbar. */
  body.portal-role-manager #appView .main{
    min-width:0!important;
    width:100%!important;
    background:var(--smaora-canvas)!important;
  }
  body.portal-role-manager .main>.smaora-reference-topbar{
    min-height:76px!important;
    height:76px!important;
    display:grid!important;
    grid-template-columns:auto minmax(260px,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
    padding:12px 22px!important;
    border-bottom:1px solid var(--smaora-border)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 5px 20px rgba(20,37,73,.035)!important;
    backdrop-filter:blur(16px)!important;
  }
  body.portal-role-manager .smaora-topbar-tools{display:flex!important;align-items:center!important;gap:8px!important;direction:ltr!important}
  body.portal-role-manager .smaora-topbar-icon{
    position:relative!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #e8edf5!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#152647!important;
    box-shadow:0 3px 10px rgba(25,46,83,.03)!important;
  }
  body.portal-role-manager .smaora-topbar-icon svg{
    width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important
  }
  body.portal-role-manager .smaora-topbar-badge{
    position:absolute!important;inset-block-start:-5px!important;inset-inline-start:-4px!important;
    min-width:17px!important;height:17px!important;display:grid!important;place-items:center!important;
    padding:0 4px!important;border-radius:999px!important;background:#ef3f5b!important;color:#fff!important;
    font-size:9px!important;font-weight:900!important;border:2px solid #fff!important;
  }
  body.portal-role-manager .smaora-topbar-search{
    width:min(100%,620px)!important;
    justify-self:center!important;
    position:relative!important;
  }
  body.portal-role-manager .smaora-topbar-search svg{
    position:absolute!important;inset-inline-end:14px!important;top:50%!important;transform:translateY(-50%)!important;
    width:18px!important;height:18px!important;fill:none!important;stroke:#7d8aa2!important;stroke-width:1.8!important;z-index:2!important
  }
  body.portal-role-manager .smaora-topbar-search input{
    height:42px!important;
    width:100%!important;
    padding:8px 42px 8px 14px!important;
    border:1px solid #e7ebf2!important;
    border-radius:12px!important;
    background:#f8f9fc!important;
    color:#18233d!important;
    font-size:12px!important;
    box-shadow:none!important;
  }
  body.portal-role-manager .smaora-topbar-search input::placeholder{color:#9aa5b8!important}
  body.portal-role-manager .smaora-topbar-context{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
  body.portal-role-manager .smaora-topbar-school{min-width:0!important}
  body.portal-role-manager .smaora-topbar-school .eyebrow{font-size:9px!important;color:#8995a8!important}
  body.portal-role-manager .smaora-topbar-school h2{font-size:12px!important;max-width:190px!important;margin:2px 0 0!important;color:#14213d!important}
  body.portal-role-manager .smaora-reference-topbar .portal-lobby-link{
    display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:8px 11px!important;
    border:1px solid #e5eaf2!important;border-radius:10px!important;background:#fff!important;color:#34415b!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important
  }
  body.portal-role-manager .smaora-reference-topbar .workspace-switcher,
  body.portal-role-manager .smaora-reference-topbar .status-pill{display:none!important}

  /* Overview desktop stage — hero and first metric row only (Round 1). */
  body.portal-role-manager #overviewPanel{
    width:min(100%,1480px)!important;
    margin:0 auto!important;
    padding:18px 20px 34px!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{
    min-height:202px!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;
    align-items:center!important;
    gap:24px!important;
    padding:28px 34px!important;
    margin:0 0 16px!important;
    overflow:hidden!important;
    border:1px solid #dfe9f5!important;
    border-radius:23px!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(250,252,255,.94) 45%,rgba(237,247,255,.74) 100%),
      url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/school_building.webp") center/cover no-repeat!important;
    box-shadow:0 14px 36px rgba(29,58,105,.065)!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(105deg,rgba(255,255,255,.98) 0 48%,rgba(255,255,255,.45) 75%,rgba(255,255,255,.12) 100%)!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::after{
    content:""!important;
    position:absolute!important;
    width:360px!important;height:360px!important;
    inset:auto auto -235px -85px!important;
    border-radius:80px!important;
    transform:rotate(-18deg)!important;
    background:linear-gradient(135deg,rgba(60,104,255,.17),rgba(107,80,255,.06))!important;
  }
  body.portal-role-manager .smaora-manager-hero-copy,
  body.portal-role-manager .smaora-manager-hero-quote,
  body.portal-role-manager .smaora-hero-refresh{position:relative!important;z-index:2!important}
  body.portal-role-manager .smaora-manager-brandline{
    display:inline-block!important;
    margin-bottom:4px!important;
    color:#2367ed!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  body.portal-role-manager .smaora-manager-hero h3{
    margin:0!important;
    color:#111a31!important;
    font-size:clamp(28px,3.1vw,45px)!important;
    line-height:1.13!important;
    letter-spacing:-.03em!important;
  }
  body.portal-role-manager .smaora-manager-hero h3 strong{color:#1e61df!important}
  body.portal-role-manager .smaora-manager-hero p{
    margin:10px 0 0!important;
    color:#5d6b83!important;
    font-size:13px!important;
    line-height:1.8!important;
  }
  body.portal-role-manager .smaora-manager-hero-pills{
    display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important
  }
  body.portal-role-manager .smaora-manager-hero-pills span{
    display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 12px!important;
    border:1px solid #e4e9f2!important;border-radius:9px!important;background:rgba(255,255,255,.84)!important;
    color:#34415b!important;font-size:10px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(24,49,89,.025)!important
  }
  body.portal-role-manager .smaora-manager-hero-quote{
    justify-self:end!important;
    max-width:270px!important;
    text-align:center!important;
    color:#1454b8!important;
    text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
  }
  body.portal-role-manager .smaora-manager-hero-quote span,
  body.portal-role-manager .smaora-manager-hero-quote strong{display:block!important}
  body.portal-role-manager .smaora-manager-hero-quote span{font-size:14px!important;font-weight:700!important}
  body.portal-role-manager .smaora-manager-hero-quote strong{margin-top:5px!important;font-size:17px!important;line-height:1.5!important}
  body.portal-role-manager .smaora-hero-refresh{
    position:absolute!important;
    inset-block-start:14px!important;
    inset-inline-end:14px!important;
    min-height:32px!important;
    padding:6px 9px!important;
    border:1px solid rgba(36,92,178,.12)!important;
    background:rgba(255,255,255,.80)!important;
    color:#5f708b!important;
    font-size:9px!important;
    backdrop-filter:blur(8px)!important;
  }

  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0 0 16px!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{
    position:relative!important;
    min-height:118px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;
    column-gap:12px!important;
    align-items:center!important;
    padding:17px 18px!important;
    overflow:hidden!important;
    border:1px solid #e7ebf2!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(23,45,82,.04)!important;
  }
  body.portal-role-manager .smaora-stat-card::after{
    content:""!important;
    position:absolute!important;
    inset:auto 18px 13px 18px!important;
    height:23px!important;
    border-bottom:2px solid currentColor!important;
    border-radius:50%!important;
    opacity:.16!important;
    transform:skewY(-4deg)!important;
  }
  body.portal-role-manager .smaora-stat-icon{
    grid-row:1/4!important;
    width:50px!important;height:50px!important;
    display:grid!important;place-items:center!important;
    border-radius:13px!important;
    font-size:14px!important;font-weight:900!important;
    background:#eef4ff!important;color:#2867dd!important;
  }
  body.portal-role-manager .smaora-stat-card>span:not(.smaora-stat-icon){font-size:11px!important;font-weight:800!important;color:#46536b!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:26px!important;line-height:1!important;color:#111a32!important;margin-top:2px!important}
  body.portal-role-manager .smaora-stat-card small{font-size:9px!important;color:#99a4b6!important;align-self:end!important;padding-bottom:13px!important}
  body.portal-role-manager .smaora-stat-teachers{color:#11a879!important}.smaora-stat-teachers .smaora-stat-icon{background:#eafaf4!important;color:#11a879!important}
  body.portal-role-manager .smaora-stat-classes{color:#2b8fdc!important}.smaora-stat-classes .smaora-stat-icon{background:#eaf5fd!important;color:#2b8fdc!important}
  body.portal-role-manager .smaora-stat-subjects{color:#f2a134!important}.smaora-stat-subjects .smaora-stat-icon{background:#fff5e8!important;color:#f2a134!important}
  body.portal-role-manager .smaora-stat-students{color:#8e58e6!important}.smaora-stat-students .smaora-stat-icon{background:#f4edff!important;color:#8e58e6!important}

  /* Keep all existing functional content below Round 1 untouched, but harmonize canvas. */
  body.portal-role-manager #overviewPanel>.card,
  body.portal-role-manager #overviewPanel>.two-col>.card,
  body.portal-role-manager #overviewPanel>.teacher-portal-overview-card{
    border-color:#e8ecf3!important;
    box-shadow:0 7px 22px rgba(22,43,78,.035)!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body.portal-role-manager #appView.app-shell{grid-template-columns:220px minmax(0,1fr)!important}
  body.portal-role-manager #appView.app-shell>.sidebar{width:220px!important;min-width:220px!important}
  body.portal-role-manager .main>.smaora-reference-topbar{grid-template-columns:auto minmax(220px,1fr) auto!important;padding-inline:15px!important}
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon:nth-child(2){display:none!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* SMAORA — Phase 2 / Round 2
   Approved desktop reference: Today Schedule + Important Tasks + AI Assistant.
   Kept isolated to manager desktop; mobile remains Phase 3. */
@media (min-width:901px){
  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(280px,.92fr)!important;
    grid-template-areas:"schedule tasks ai"!important;
    direction:ltr!important;
    gap:14px!important;
    margin:0 0 16px!important;
  }
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-daily-card{
    direction:rtl!important;
    min-width:0!important;
    min-height:360px!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid #e7ebf3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(23,45,82,.04)!important;
    overflow:hidden!important;
  }
  body.portal-role-manager .smaora-schedule-card{grid-area:schedule!important}
  body.portal-role-manager .smaora-tasks-card{grid-area:tasks!important}
  body.portal-role-manager .smaora-ai-card{grid-area:ai!important}

  body.portal-role-manager .smaora-focus-head{
    min-height:44px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body.portal-role-manager .smaora-focus-kicker{
    display:none!important;
  }
  body.portal-role-manager .smaora-focus-head h4,
  body.portal-role-manager .smaora-ai-title h4{
    margin:0!important;
    color:#101b37!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  body.portal-role-manager .smaora-focus-symbol{margin-inline-start:5px!important;color:#2468e8!important}
  body.portal-role-manager .smaora-focus-link,
  body.portal-role-manager .smaora-task-all{
    min-height:30px!important;
    padding:4px 6px!important;
    border:0!important;
    background:transparent!important;
    color:#2367ed!important;
    font-size:10px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.portal-role-manager .smaora-schedule-list,
  body.portal-role-manager .smaora-task-list{
    display:grid!important;
    gap:7px!important;
  }
  body.portal-role-manager .smaora-schedule-row{
    width:100%!important;
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 11px!important;
    border:1px solid #edf0f5!important;
    border-radius:10px!important;
    background:#fff!important;
    color:inherit!important;
    text-align:right!important;
    box-shadow:none!important;
  }
  body.portal-role-manager .smaora-schedule-row:hover{
    border-color:#dfe7f4!important;
    background:#fbfcff!important;
  }
  body.portal-role-manager .smaora-row-time{
    direction:ltr!important;
    color:#758198!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  body.portal-role-manager .smaora-row-copy{display:grid!important;gap:2px!important;min-width:0!important}
  body.portal-role-manager .smaora-row-copy b{font-size:11px!important;color:#1d2942!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-row-copy small{font-size:9px!important;color:#8b96a8!important}
  body.portal-role-manager .smaora-schedule-row i{font-style:normal!important;font-size:10px!important;text-align:center!important}
  body.portal-role-manager .tone-blue{color:#357ae8!important}.tone-green{color:#13a66c!important}.tone-purple{color:#8956e7!important}.tone-orange{color:#f18b35!important}

  body.portal-role-manager .smaora-task-row{
    width:100%!important;
    min-height:58px!important;
    display:grid!important;
    grid-template-columns:10px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 4px!important;
    border:0!important;
    border-bottom:1px solid #eff1f5!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    text-align:right!important;
    box-shadow:none!important;
  }
  body.portal-role-manager .smaora-task-row>span:last-child{display:grid!important;gap:5px!important;min-width:0!important}
  body.portal-role-manager .smaora-task-row b{font-size:10.5px!important;color:#29354d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-task-row small{display:flex!important;align-items:center!important;gap:7px!important;color:#a0a9b8!important;font-size:8px!important}
  body.portal-role-manager .smaora-task-row em{font-style:normal!important;padding:3px 7px!important;border-radius:4px!important;background:#f3f4f7!important;color:#7f8999!important;font-size:7.5px!important;font-weight:800!important}
  body.portal-role-manager .smaora-task-row .urgent-label{background:#fff0f2!important;color:#e44d61!important}
  body.portal-role-manager .smaora-task-row .medium-label{background:#eef6ff!important;color:#3172c9!important}
  body.portal-role-manager .smaora-task-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#97a2b4!important}
  body.portal-role-manager .smaora-task-dot.urgent{background:#ef4762!important}.smaora-task-dot.normal{background:#2d76e8!important}
  body.portal-role-manager .smaora-task-all{display:block!important;margin:6px 0 0 auto!important}

  body.portal-role-manager .smaora-ai-card{
    position:relative!important;
    padding:20px!important;
    background:
      radial-gradient(circle at 14% 10%,rgba(83,103,255,.18),transparent 24%),
      radial-gradient(circle at 90% 90%,rgba(45,208,225,.11),transparent 30%),
      linear-gradient(145deg,#f7f8ff 0%,#ffffff 56%,#f8fcff 100%)!important;
  }
  body.portal-role-manager .smaora-ai-card::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(130deg,rgba(118,88,255,.05),transparent 38%,rgba(31,121,244,.035))!important;
  }
  body.portal-role-manager .smaora-ai-title,
  body.portal-role-manager .smaora-ai-prompt,
  body.portal-role-manager .smaora-ai-actions{position:relative!important;z-index:1!important}
  body.portal-role-manager .smaora-ai-title{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:16px!important}
  body.portal-role-manager .smaora-ai-title p{margin:4px 0 0!important;color:#78859a!important;font-size:9.5px!important}
  body.portal-role-manager .smaora-ai-orb{
    width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;
    border-radius:50%!important;background:linear-gradient(145deg,#6938ed,#2b70f5)!important;color:#fff!important;
    font-size:20px!important;box-shadow:0 10px 22px rgba(72,75,226,.24)!important
  }
  body.portal-role-manager .smaora-ai-prompt{
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:11px 13px!important;
    border:1px solid #e8e9f4!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.88)!important;
    color:#78859c!important;
    font-size:10px!important;
    text-align:right!important;
    box-shadow:0 7px 18px rgba(47,66,113,.035)!important;
  }
  body.portal-role-manager .smaora-ai-prompt b{color:#5b6f96!important;font-size:14px!important;transform:rotate(180deg)!important}
  body.portal-role-manager .smaora-ai-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:11px!important;
  }
  body.portal-role-manager .smaora-ai-actions button{
    min-height:65px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:9px!important;
    border:1px solid #e9edf5!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.8)!important;
    color:#283752!important;
    font-size:9.5px!important;
    box-shadow:none!important;
  }
  body.portal-role-manager .smaora-ai-actions button span{color:#2367ed!important;font-size:15px!important}
  body.portal-role-manager .smaora-ai-actions button b{font-size:9.5px!important}
}

@media (min-width:901px) and (max-width:1180px){
  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"schedule tasks" "ai ai"!important;
  }
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-ai-card{min-height:245px!important}
}


/* SMAORA — Phase 2 / Round 3
   Quick portal access + footer + final desktop fidelity pass.
   Desktop-only by design; mobile remains reserved for Phase 3. */
@media (min-width:901px){
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  body.portal-role-manager .smaora-reference-metrics .smaora-stat-icon svg,
  body.portal-role-manager .smaora-portal-shortcut-icon svg{
    width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important
  }
  body.portal-role-manager .smaora-stat-attendance{color:#1cc7af!important}.smaora-stat-attendance .smaora-stat-icon{background:#eafbf8!important;color:#12af9b!important}
  body.portal-role-manager .smaora-stat-periods{color:#f49a35!important}.smaora-stat-periods .smaora-stat-icon{background:#fff4e9!important;color:#ee8b29!important}

  body.portal-role-manager #overviewPanel>.smaora-quick-access{
    margin:0!important;
    padding:15px 16px 16px!important;
    border:1px solid #e7ebf3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(23,45,82,.04)!important;
  }
  body.portal-role-manager .smaora-quick-access-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:11px!important}
  body.portal-role-manager .smaora-quick-access-head h4{margin:0!important;color:#16223d!important;font-size:12px!important;font-weight:900!important}
  body.portal-role-manager .smaora-quick-access-grid{
    display:grid!important;
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    gap:9px!important;
    direction:rtl!important;
  }
  body.portal-role-manager .smaora-portal-shortcut{
    min-width:0!important;
    min-height:110px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:11px 7px!important;
    border:1px solid #edf0f5!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#fff,#fbfcff)!important;
    color:#293750!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  body.portal-role-manager .smaora-portal-shortcut:hover{transform:translateY(-2px)!important;border-color:#dfe6f1!important;box-shadow:0 9px 20px rgba(24,46,86,.06)!important}
  body.portal-role-manager .smaora-portal-shortcut-icon{
    width:43px!important;height:43px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#eef3ff!important;color:#5664dc!important
  }
  body.portal-role-manager .smaora-portal-shortcut b{font-size:9.5px!important;line-height:1.3!important;color:#1f2c45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.portal-role-manager .smaora-portal-shortcut small{font-size:7.8px!important;color:#9aa4b5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-green .smaora-portal-shortcut-icon{background:#eafaf3!important;color:#14a76c!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-blue .smaora-portal-shortcut-icon{background:#eaf3ff!important;color:#2c75e6!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-cyan .smaora-portal-shortcut-icon{background:#e8fbfb!important;color:#11a7b6!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-orange .smaora-portal-shortcut-icon{background:#fff3e8!important;color:#ee8a24!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-purple .smaora-portal-shortcut-icon{background:#f5edff!important;color:#8a54df!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-amber .smaora-portal-shortcut-icon{background:#fff6df!important;color:#e5a400!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-ai .smaora-portal-shortcut-icon{background:#e9f8fb!important;color:#158eae!important}
  body.portal-role-manager .smaora-portal-shortcut.tone-pink .smaora-portal-shortcut-icon{background:#fff0f4!important;color:#d84d75!important}

  body.portal-role-manager #overviewPanel>.smaora-dashboard-footer{
    min-height:55px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:18px!important;
    margin:13px 0 0!important;
    padding:10px 6px!important;
    color:#8a95a8!important;
    font-size:9px!important;
  }
  body.portal-role-manager .smaora-dashboard-footer-brand{display:flex!important;align-items:center!important;gap:8px!important;direction:ltr!important}
  body.portal-role-manager .smaora-dashboard-footer-brand strong{color:#647188!important;font-size:10px!important;letter-spacing:.04em!important}
  body.portal-role-manager .smaora-dashboard-footer-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
  body.portal-role-manager .smaora-dashboard-footer a{color:#76849a!important;text-decoration:none!important}
  body.portal-role-manager .smaora-dashboard-footer small{justify-self:end!important;color:#8f9aac!important}

  /* The approved desktop reference ends after quick access. Keep legacy manager
     overview widgets in the DOM for scripts, but remove them from this desktop canvas. */
  body.portal-role-manager #overviewPanel>.manager-quick-card,
  body.portal-role-manager #overviewPanel>#managerDayOpsCard,
  body.portal-role-manager #overviewPanel>#managerDeputyExecutiveCard,
  body.portal-role-manager #overviewPanel>.two-col,
  body.portal-role-manager #overviewPanel>.teacher-portal-overview-card{display:none!important}

  /* Final density alignment with the approved desktop composition. */
  body.portal-role-manager #overviewPanel{padding-bottom:18px!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{min-height:190px!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{min-height:108px!important;padding:15px 14px!important}
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-daily-card{min-height:335px!important}
}

@media (min-width:901px) and (max-width:1260px){
  body.portal-role-manager .smaora-quick-access-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:901px) and (max-width:1180px){
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* SMAORA — Phase 3 / Round 1 of 3
   Approved mobile reference: manager app shell + mobile home dashboard.
   Scope: <= 900px, manager role only. Desktop is untouched. */
@media (max-width:900px){
  html,body{background:#f6f8fd!important}
  body.portal-role-manager{--sm-blue:#1768ef;--sm-ink:#17213d;--sm-muted:#8b97ac;--sm-line:#e7ebf3;--sm-card:#fff;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}

  /* The mobile reference owns its own app bar; suppress the generic injected header. */
  html.ss-global-header-active body.portal-role-manager #ssPlatformHeader{display:none!important}
  html.ss-global-header-active body.portal-role-manager{padding-top:0!important}
  html.ss-global-header-active body.portal-role-manager .main>.topbar{display:grid!important}
  html.ss-global-header-active body.portal-role-manager #appView>.sidebar{top:0!important;height:100dvh!important}

  body.portal-role-manager #appView.app-shell{display:block!important;min-height:100dvh!important;background:#f6f8fd!important}
  body.portal-role-manager #appView>.main{width:100%!important;min-width:0!important;padding:0!important;background:#f6f8fd!important}

  /* Mobile app bar based on the approved phone home screen. */
  body.portal-role-manager .main>.smaora-reference-topbar{
    position:sticky!important;top:0!important;z-index:85!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
    min-height:66px!important;padding:9px 12px!important;margin:0!important;
    border:0!important;border-bottom:1px solid rgba(22,50,88,.05)!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    box-shadow:0 4px 18px rgba(26,52,92,.035)!important;
  }
  body.portal-role-manager .smaora-topbar-tools{display:flex!important;align-items:center!important;gap:5px!important;order:3!important}
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon{width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:10px!important;background:#f7f9fd!important;color:#26334d!important;box-shadow:none!important}
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon:nth-child(2),
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon:nth-child(3){display:none!important}
  body.portal-role-manager .smaora-topbar-badge{min-width:14px!important;height:14px!important;padding:0 3px!important;top:-2px!important;right:-2px!important;font-size:8px!important}

  body.portal-role-manager .smaora-topbar-search{order:2!important;display:block!important;position:relative!important;min-width:0!important;width:100%!important}
  body.portal-role-manager .smaora-topbar-search svg{position:absolute!important;inset-inline-end:10px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;fill:none!important;stroke:#8390a6!important;stroke-width:1.8!important;z-index:2!important}
  body.portal-role-manager .smaora-topbar-search input{width:100%!important;height:36px!important;padding:7px 34px 7px 10px!important;border:1px solid #edf0f5!important;border-radius:11px!important;background:#f7f9fc!important;color:#24314a!important;font-size:10.5px!important;outline:0!important}

  body.portal-role-manager .smaora-topbar-context{order:1!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:76px!important;max-width:94px!important;justify-content:flex-start!important}
  body.portal-role-manager .smaora-topbar-context::before{content:"م"!important;width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:2px solid #fff!important;background:linear-gradient(145deg,#f0d2b7,#d8a77f)!important;color:#6f452d!important;font-weight:900!important;font-size:14px!important;box-shadow:0 0 0 1px #dbe3ef,0 4px 12px rgba(35,55,89,.09)!important}
  body.portal-role-manager .smaora-topbar-school{display:block!important;min-width:0!important}
  body.portal-role-manager .smaora-topbar-school .eyebrow{display:none!important}
  body.portal-role-manager .smaora-topbar-school h2{max-width:50px!important;margin:0!important;color:#1a2540!important;font-size:9px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-reference-topbar .top-actions{display:none!important}

  /* Mobile home canvas. */
  body.portal-role-manager #overviewPanel{width:100%!important;margin:0!important;padding:10px 12px 18px!important;background:#f6f8fd!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{
    min-height:154px!important;display:block!important;position:relative!important;overflow:hidden!important;
    margin:0 0 10px!important;padding:18px 16px!important;border:0!important;border-radius:18px!important;
    background:linear-gradient(90deg,rgba(18,89,204,.94),rgba(39,116,237,.66)),url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/school_building.webp") center/cover no-repeat!important;
    box-shadow:0 10px 24px rgba(31,92,190,.14)!important;color:#fff!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(11,82,190,.12),rgba(255,255,255,.07))!important;pointer-events:none!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::after{display:none!important}
  body.portal-role-manager .smaora-manager-hero-copy{position:relative!important;z-index:2!important;max-width:68%!important}
  body.portal-role-manager .smaora-manager-brandline{display:none!important}
  body.portal-role-manager .smaora-manager-hero h3{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.35!important;letter-spacing:0!important;text-shadow:0 2px 8px rgba(5,38,88,.14)!important}
  body.portal-role-manager .smaora-manager-hero h3 strong{color:#fff!important}
  body.portal-role-manager .smaora-manager-hero p{margin:7px 0 0!important;color:rgba(255,255,255,.9)!important;font-size:10.5px!important;line-height:1.7!important}
  body.portal-role-manager .smaora-manager-hero-pills{display:none!important}
  body.portal-role-manager .smaora-manager-hero-quote{position:absolute!important;z-index:2!important;inset:auto 14px 15px auto!important;max-width:150px!important;color:#fff!important;text-align:right!important;text-shadow:0 2px 10px rgba(9,42,91,.26)!important}
  body.portal-role-manager .smaora-manager-hero-quote span{font-size:10px!important;font-weight:700!important}
  body.portal-role-manager .smaora-manager-hero-quote strong{margin-top:2px!important;font-size:12px!important;line-height:1.5!important}
  body.portal-role-manager .smaora-hero-refresh{display:none!important}

  /* Four compact dashboard cards, matching the reference home screen. */
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{min-height:78px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:8px!important;align-items:center!important;padding:10px!important;border:1px solid #edf0f5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(29,50,84,.035)!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-periods{display:none!important}
  body.portal-role-manager .smaora-stat-card::after{display:none!important}
  body.portal-role-manager .smaora-stat-icon{grid-row:1/3!important;width:34px!important;height:34px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-stat-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
  body.portal-role-manager .smaora-stat-card>span:not(.smaora-stat-icon){font-size:9px!important;font-weight:800!important;color:#57647a!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:18px!important;line-height:1!important;color:#17213d!important;margin:0!important}
  body.portal-role-manager .smaora-stat-card small{position:absolute!important;inset:auto 9px 7px auto!important;font-size:7px!important;color:#a0a9b9!important;padding:0!important}

  /* Reference mobile home shows the task feed after metrics. Keep schedule/AI for their own screens in later rounds. */
  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{display:block!important;margin:0!important}
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-schedule-card,
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-ai-card{display:none!important}
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-tasks-card{display:block!important;min-height:0!important;margin:0!important;padding:12px!important;border:1px solid #edf0f5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(29,50,84,.035)!important}
  body.portal-role-manager .smaora-focus-head{margin-bottom:4px!important}
  body.portal-role-manager .smaora-focus-kicker{display:none!important}
  body.portal-role-manager .smaora-focus-head h4{margin:0!important;color:#17213d!important;font-size:12px!important;font-weight:900!important}
  body.portal-role-manager .smaora-task-list{display:grid!important;gap:0!important}
  body.portal-role-manager .smaora-task-row{min-height:48px!important;display:grid!important;grid-template-columns:8px 1fr!important;gap:8px!important;align-items:center!important;padding:8px 2px!important;border:0!important;border-bottom:1px solid #f0f2f7!important;background:transparent!important;text-align:right!important}
  body.portal-role-manager .smaora-task-row:last-child{border-bottom:0!important}
  body.portal-role-manager .smaora-task-dot{width:6px!important;height:6px!important;border-radius:50%!important}
  body.portal-role-manager .smaora-task-row b{font-size:10px!important;color:#26334b!important;line-height:1.5!important}
  body.portal-role-manager .smaora-task-row small{display:flex!important;align-items:center!important;gap:5px!important;margin-top:2px!important;color:#9aa4b5!important;font-size:8px!important}
  body.portal-role-manager .smaora-task-row em{padding:2px 5px!important;border-radius:5px!important;font-size:7px!important;font-style:normal!important}
  body.portal-role-manager .smaora-task-all{width:100%!important;min-height:34px!important;margin-top:5px!important;border:0!important;background:transparent!important;color:#1f67df!important;font-size:9px!important;font-weight:800!important}

  /* Quick-access and old manager widgets are deferred to round 2/3 mobile screens. */
  body.portal-role-manager #overviewPanel>.smaora-quick-access,
  body.portal-role-manager #overviewPanel>.smaora-dashboard-footer,
  body.portal-role-manager #overviewPanel>.manager-quick-card,
  body.portal-role-manager #overviewPanel>#managerDayOpsCard,
  body.portal-role-manager #overviewPanel>#managerDeputyExecutiveCard,
  body.portal-role-manager #overviewPanel>.two-col,
  body.portal-role-manager #overviewPanel>.teacher-portal-overview-card{display:none!important}

  /* Persistent mobile dock from the approved reference. */
  body.portal-role-manager .smaora-manager-mobile-dock{position:fixed!important;z-index:100!important;inset:auto 0 0 0!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;min-height:66px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #e8ecf3!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 -8px 24px rgba(26,48,80,.055)!important}
  body.portal-role-manager .smaora-manager-mobile-dock button{position:relative!important;min-width:0!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:3px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#8c98aa!important;font:inherit!important;font-size:8px!important;font-weight:800!important}
  body.portal-role-manager .smaora-manager-mobile-dock button svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-manager-mobile-dock button.active{color:#1768ef!important;background:#f2f6ff!important}
  body.portal-role-manager .smaora-manager-mobile-dock .dock-badge{position:absolute!important;top:2px!important;inset-inline-start:calc(50% + 8px)!important;min-width:14px!important;height:14px!important;display:grid!important;place-items:center!important;padding:0 3px!important;border:2px solid #fff!important;border-radius:999px!important;background:#ef3b55!important;color:#fff!important;font-size:7px!important;font-weight:900!important}
}

@media (max-width:390px){
  body.portal-role-manager .main>.smaora-reference-topbar{grid-template-columns:36px minmax(0,1fr) 66px!important;padding-inline:9px!important}
  body.portal-role-manager .smaora-topbar-context{min-width:66px!important;max-width:66px!important;gap:5px!important}
  body.portal-role-manager .smaora-topbar-context::before{width:32px!important;height:32px!important;min-width:32px!important;font-size:12px!important}
  body.portal-role-manager .smaora-topbar-school h2{max-width:30px!important;font-size:8px!important}
  body.portal-role-manager #overviewPanel{padding-inline:9px!important}
}

@media (min-width:901px){body.portal-role-manager .smaora-manager-mobile-dock{display:none!important}}

/* SMAORA — Phase 3 / Round 2 of 3
   Approved mobile reference: portal launcher + dark account/navigation drawer. */
@media (max-width:900px){
  body.portal-role-manager.mobile-overlay-open{overflow:hidden!important}

  body.portal-role-manager .smaora-mobile-portals-screen{
    position:fixed!important;z-index:92!important;inset:0 0 calc(66px + env(safe-area-inset-bottom,0px)) 0!important;
    display:block!important;overflow:auto!important;padding:10px 14px 24px!important;
    background:#fbfcff!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(14px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
  }
  body.portal-role-manager .smaora-mobile-portals-screen.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  body.portal-role-manager .smaora-mobile-screen-head{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:start!important;gap:8px!important;padding:5px 0 14px!important;text-align:center!important}
  body.portal-role-manager .smaora-mobile-screen-head h2{margin:3px 0 3px!important;color:#18213d!important;font-size:16px!important;font-weight:950!important}
  body.portal-role-manager .smaora-mobile-screen-head p{margin:0!important;color:#8c98ab!important;font-size:9px!important;font-weight:700!important}
  body.portal-role-manager .smaora-mobile-screen-back{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#1f2d48!important}
  body.portal-role-manager .smaora-mobile-screen-back svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-portals-mark{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f6f8fd!important}
  body.portal-role-manager .smaora-portals-mark img{width:21px!important;height:21px!important;object-fit:contain!important}

  body.portal-role-manager .smaora-mobile-portals-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:560px!important;margin:0 auto!important}
  body.portal-role-manager .smaora-mobile-portal-card{min-height:105px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 8px!important;border:1px solid #edf0f5!important;border-radius:16px!important;background:#fff!important;color:#25304b!important;box-shadow:0 7px 18px rgba(28,48,80,.035)!important;font:inherit!important}
  body.portal-role-manager .smaora-mobile-portal-card strong{font-size:10px!important;font-weight:900!important;color:#313a52!important}
  body.portal-role-manager .smaora-mobile-portal-card .portal-card-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#f1f5ff!important;color:#2369e8!important}
  body.portal-role-manager .smaora-mobile-portal-card .portal-card-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-green .portal-card-icon{background:#ebfbf3!important;color:#13a45d!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-orange .portal-card-icon{background:#fff4e9!important;color:#f28a29!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-purple .portal-card-icon{background:#f4efff!important;color:#7847e9!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-pink .portal-card-icon{background:#fff0f6!important;color:#e64680!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-cyan .portal-card-icon{background:#eaf9ff!important;color:#1e9dc5!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-amber .portal-card-icon{background:#fff8e8!important;color:#efa51b!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-indigo .portal-card-icon{background:#eff1ff!important;color:#5063e6!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-rose .portal-card-icon{background:#fff0f3!important;color:#e8526d!important}
  body.portal-role-manager .smaora-mobile-portal-card.portal-teal .portal-card-icon{background:#eafbfa!important;color:#159d9d!important}

  body.portal-role-manager .smaora-mobile-more-backdrop{position:fixed!important;z-index:118!important;inset:0!important;display:block!important;border:0!important;background:rgba(8,19,40,.42)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s!important}
  body.portal-role-manager .smaora-mobile-more-backdrop.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.portal-role-manager .smaora-mobile-more-panel{
    position:fixed!important;z-index:120!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,380px)!important;
    display:flex!important;flex-direction:column!important;overflow:auto!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(165deg,#142743 0%,#0d1e36 58%,#0a1830 100%)!important;color:#fff!important;
    box-shadow:16px 0 34px rgba(4,13,28,.28)!important;transform:translateX(-104%)!important;visibility:hidden!important;transition:transform .24s ease,visibility .24s!important;
  }
  body.portal-role-manager .smaora-mobile-more-panel.is-open{transform:none!important;visibility:visible!important}
  body.portal-role-manager .smaora-mobile-profile{position:relative!important;display:grid!important;grid-template-columns:52px 1fr!important;gap:10px!important;align-items:center!important;padding:4px 42px 18px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  body.portal-role-manager .smaora-mobile-avatar{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:50%!important;background:linear-gradient(145deg,#efcfb2,#c8926b)!important;color:#71432b!important;font-size:18px!important;font-weight:950!important;box-shadow:0 0 0 2px rgba(255,255,255,.12)!important}
  body.portal-role-manager .smaora-mobile-profile div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:1px!important}
  body.portal-role-manager .smaora-mobile-profile strong{font-size:12px!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-mobile-profile span:not(.smaora-mobile-avatar){font-size:8.5px!important;color:#c7d2e2!important}
  body.portal-role-manager .smaora-mobile-profile small{font-size:7.5px!important;color:#92a3ba!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-mobile-settings{position:absolute!important;top:4px!important;right:0!important;width:33px!important;height:33px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:#e8eef8!important}
  body.portal-role-manager .smaora-mobile-settings svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  body.portal-role-manager .smaora-mobile-more-nav{display:grid!important;gap:3px!important;padding:15px 0 12px!important}
  body.portal-role-manager .smaora-mobile-more-nav button,
  body.portal-role-manager .smaora-mobile-more-nav a{min-height:45px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:10px!important;padding:8px 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#d7e0ec!important;text-decoration:none!important;font:inherit!important;text-align:right!important}
  body.portal-role-manager .smaora-mobile-more-nav button.active{background:linear-gradient(90deg,#1666d9,#236fe8)!important;color:#fff!important;box-shadow:0 7px 18px rgba(28,103,226,.28)!important}
  body.portal-role-manager .smaora-mobile-more-nav button.danger{margin-top:6px!important;color:#ff6476!important}
  body.portal-role-manager .smaora-mobile-more-nav svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-mobile-more-nav span{font-size:10.5px!important;font-weight:800!important}
  body.portal-role-manager .smaora-mobile-more-brand{margin-top:auto!important;display:grid!important;grid-template-columns:38px 1fr auto!important;gap:8px!important;align-items:center!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
  body.portal-role-manager .smaora-mobile-more-brand img{width:34px!important;height:34px!important}
  body.portal-role-manager .smaora-mobile-more-brand div{display:flex!important;flex-direction:column!important;gap:0!important}
  body.portal-role-manager .smaora-mobile-more-brand strong{font-size:12px!important;color:#fff!important;letter-spacing:.6px!important}
  body.portal-role-manager .smaora-mobile-more-brand span{font-size:7.5px!important;color:#b9c6d8!important}
  body.portal-role-manager .smaora-mobile-more-brand small{font-size:6.8px!important;color:#8192aa!important}
  body.portal-role-manager .smaora-mobile-more-brand em{font-size:7px!important;color:#7f91aa!important;font-style:normal!important}
}

@media (min-width:901px){
  .smaora-mobile-portals-screen,.smaora-mobile-more-panel,.smaora-mobile-more-backdrop{display:none!important}
}

/* SMAORA — Phase 3 / Round 3 of 3
   Approved mobile reference: schedule + AI assistant + notifications + profile.
   Final mobile polish. Desktop remains untouched. */
@media (max-width:900px){
  body.portal-role-manager .smaora-mobile-detail-screen{
    position:fixed!important;z-index:94!important;inset:0 0 calc(66px + env(safe-area-inset-bottom,0px)) 0!important;
    display:flex!important;flex-direction:column!important;overflow:auto!important;
    padding:10px 14px 22px!important;background:#fbfcff!important;color:#18213d!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
  }
  body.portal-role-manager .smaora-mobile-detail-screen.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}

  body.portal-role-manager .smaora-mobile-detail-head{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:center!important;gap:8px!important;padding:5px 0 12px!important;text-align:center!important}
  body.portal-role-manager .smaora-mobile-detail-head.simple{padding-bottom:14px!important}
  body.portal-role-manager .smaora-mobile-detail-head h2{margin:0!important;color:#17213d!important;font-size:15px!important;font-weight:950!important}
  body.portal-role-manager .smaora-mobile-detail-head p{margin:4px 0 0!important;color:#8e99aa!important;font-size:8px!important;font-weight:700!important}
  body.portal-role-manager .smaora-mobile-detail-mark{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#eef4ff!important;color:#1768ef!important}
  body.portal-role-manager .smaora-mobile-detail-mark svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  /* Schedule */
  body.portal-role-manager .smaora-mobile-segmented{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin:0 0 12px!important;padding:3px!important;border-radius:10px!important;background:#f0f3f8!important}
  body.portal-role-manager .smaora-mobile-segmented button{height:31px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7c8799!important;font:inherit!important;font-size:8.5px!important;font-weight:850!important}
  body.portal-role-manager .smaora-mobile-segmented button.active{background:#1768ef!important;color:#fff!important;box-shadow:0 4px 11px rgba(23,104,239,.22)!important}
  body.portal-role-manager .smaora-mobile-schedule-list{display:grid!important;gap:8px!important;padding-bottom:6px!important}
  body.portal-role-manager .smaora-mobile-period{position:relative!important;min-height:78px!important;display:grid!important;grid-template-columns:68px minmax(0,1fr) 38px!important;gap:8px!important;align-items:center!important;padding:10px 11px 10px 16px!important;border:1px solid #edf0f5!important;border-radius:14px!important;background:#fff!important;color:#24314b!important;box-shadow:0 5px 16px rgba(27,47,77,.035)!important;text-align:right!important;font:inherit!important}
  body.portal-role-manager .period-line{position:absolute!important;right:0!important;top:11px!important;bottom:11px!important;width:3px!important;border-radius:3px!important;background:#25b66f!important}
  body.portal-role-manager .period-line.cyan{background:#21a7c9!important}
  body.portal-role-manager .period-time{direction:ltr!important;text-align:left!important;color:#7e899d!important;font-size:8px!important;font-weight:750!important}
  body.portal-role-manager .period-copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
  body.portal-role-manager .period-copy small{color:#7e899b!important;font-size:7.5px!important;font-weight:750!important}
  body.portal-role-manager .period-copy b{color:#1d2941!important;font-size:10px!important;font-weight:950!important}
  body.portal-role-manager .period-copy em{color:#9aa4b5!important;font-size:7.5px!important;font-style:normal!important;font-weight:700!important}
  body.portal-role-manager .period-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#eaf9f1!important;color:#12a25b!important}
  body.portal-role-manager .period-icon.cyan{background:#ebfaff!important;color:#149ebf!important}
  body.portal-role-manager .period-icon.blue{background:#eef4ff!important;color:#1768ef!important}
  body.portal-role-manager .period-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-mobile-break{min-height:50px!important;display:grid!important;grid-template-columns:68px 1fr 36px!important;gap:8px!important;align-items:center!important;padding:8px 11px!important;border:1px dashed #e4e9f1!important;border-radius:13px!important;background:#fafbfe!important;color:#7d8899!important}
  body.portal-role-manager .smaora-mobile-break span{direction:ltr!important;text-align:left!important;font-size:8px!important}
  body.portal-role-manager .smaora-mobile-break b{font-size:9px!important;color:#556177!important}
  body.portal-role-manager .smaora-mobile-break i{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#fff6e6!important;font-style:normal!important;font-size:14px!important}

  /* Assistant */
  body.portal-role-manager .smaora-mobile-assistant-screen{overflow:hidden!important;background:linear-gradient(180deg,#fbf9ff 0%,#fff 22%,#fbfcff 100%)!important;padding-bottom:0!important}
  body.portal-role-manager .smaora-mobile-assistant-head{padding:26px 8px 20px!important;text-align:center!important}
  body.portal-role-manager .assistant-spark{display:block!important;margin-bottom:3px!important;color:#754df0!important;font-size:24px!important;line-height:1!important;text-shadow:0 8px 18px rgba(117,77,240,.18)!important}
  body.portal-role-manager .smaora-mobile-assistant-head h2{margin:0!important;color:#1a2340!important;font-size:17px!important;font-weight:950!important}
  body.portal-role-manager .smaora-mobile-assistant-head p{margin:5px 0 0!important;color:#6d7790!important;font-size:9.5px!important;font-weight:800!important}
  body.portal-role-manager .smaora-mobile-ai-chat{display:block!important;padding:0 0 10px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;max-width:88%!important;margin-inline-start:auto!important;padding:10px 11px!important;border:1px solid #e8ebf3!important;border-radius:15px 15px 5px 15px!important;background:#fff!important;box-shadow:0 7px 19px rgba(42,49,80,.05)!important}
  body.portal-role-manager .assistant-avatar{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#306ef1,#774ff0)!important;color:#fff!important;font-size:14px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble b{display:block!important;color:#26324b!important;font-size:9.5px!important;font-weight:900!important}
  body.portal-role-manager .smaora-mobile-ai-bubble p{margin:2px 0 0!important;color:#5d6980!important;font-size:8.5px!important}
  body.portal-role-manager .smaora-mobile-ai-actions{display:grid!important;gap:8px!important;padding:2px 2px 84px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button{min-height:45px!important;display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:9px!important;padding:7px 10px!important;border:1px solid #d7e3fa!important;border-radius:999px!important;background:#fff!important;color:#1763cf!important;text-align:right!important;font:inherit!important;box-shadow:0 5px 15px rgba(29,64,129,.035)!important}
  body.portal-role-manager .smaora-mobile-ai-actions button span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eef4ff!important;font-size:12px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button b{font-size:9px!important;font-weight:900!important}
  body.portal-role-manager .smaora-mobile-ai-composer{position:absolute!important;left:12px!important;right:12px!important;bottom:10px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:7px!important;align-items:center!important;padding:5px!important;border:1px solid #e5e9f1!important;border-radius:999px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(26,47,82,.08)!important}
  body.portal-role-manager .smaora-mobile-ai-composer input{height:36px!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#2a344d!important;font:inherit!important;font-size:9px!important;text-align:right!important}
  body.portal-role-manager .smaora-mobile-ai-composer button{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;font:inherit!important}
  body.portal-role-manager .smaora-mobile-ai-composer .voice{background:#eef4ff!important;color:#1768ef!important}
  body.portal-role-manager .smaora-mobile-ai-composer .send{background:#1768ef!important;color:#fff!important}
  body.portal-role-manager .smaora-mobile-ai-composer svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  /* Notifications */
  body.portal-role-manager .smaora-mobile-notification-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:0 0 10px!important;padding:3px!important;border-radius:11px!important;background:#f3f5f9!important}
  body.portal-role-manager .smaora-mobile-notification-tabs button{position:relative!important;height:33px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7b8799!important;font:inherit!important;font-size:8.5px!important;font-weight:850!important}
  body.portal-role-manager .smaora-mobile-notification-tabs button.active{background:#1768ef!important;color:#fff!important}
  body.portal-role-manager .tab-badge{display:inline-grid!important;place-items:center!important;min-width:15px!important;height:15px!important;margin-inline-end:3px!important;border-radius:999px!important;background:#ef3e59!important;color:#fff!important;font-size:7px!important;font-weight:950!important}
  body.portal-role-manager .smaora-mobile-notification-list{display:grid!important;gap:0!important;border:1px solid #edf0f5!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
  body.portal-role-manager .smaora-mobile-notification-item{position:relative!important;min-height:76px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 7px!important;gap:9px!important;align-items:center!important;padding:10px 11px!important;border:0!important;border-bottom:1px solid #f0f2f6!important;background:#fff!important;color:#27334a!important;text-align:right!important;font:inherit!important}
  body.portal-role-manager .smaora-mobile-notification-item:last-child{border-bottom:0!important}
  body.portal-role-manager .smaora-mobile-notification-item.unread{background:#fcfdff!important}
  body.portal-role-manager .smaora-mobile-notification-item>span:nth-child(2){display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
  body.portal-role-manager .smaora-mobile-notification-item b{font-size:9.5px!important;font-weight:950!important;color:#27324a!important}
  body.portal-role-manager .smaora-mobile-notification-item small{font-size:8px!important;color:#778296!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-mobile-notification-item em{font-size:7px!important;color:#a2aab8!important;font-style:normal!important}
  body.portal-role-manager .smaora-mobile-notification-item>i{width:6px!important;height:6px!important;border-radius:50%!important;background:#ef3e59!important}
  body.portal-role-manager .notification-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#ebf9f2!important;color:#18a764!important;font-size:14px!important}
  body.portal-role-manager .notification-icon.amber{background:#fff5e9!important;color:#f09529!important}
  body.portal-role-manager .notification-icon.violet{background:#f3efff!important;color:#7651e8!important}
  body.portal-role-manager .notification-icon.cyan{background:#eaf9fd!important;color:#169cbb!important}
  body.portal-role-manager .notification-icon.lilac{background:#f4f1ff!important;color:#6d59d7!important}

  /* Profile */
  body.portal-role-manager .smaora-mobile-profile-hero{padding:6px 0 18px!important;text-align:center!important}
  body.portal-role-manager .smaora-mobile-profile-hero .profile-photo{width:76px!important;height:76px!important;display:grid!important;place-items:center!important;margin:0 auto 8px!important;border:3px solid #fff!important;border-radius:50%!important;background:linear-gradient(145deg,#f0d0b2,#c68d64)!important;color:#70422b!important;font-size:26px!important;font-weight:950!important;box-shadow:0 0 0 1px #d9e1ec,0 8px 20px rgba(32,53,88,.11)!important}
  body.portal-role-manager .smaora-mobile-profile-hero h3{margin:0!important;color:#1f2942!important;font-size:13px!important;font-weight:950!important}
  body.portal-role-manager .smaora-mobile-profile-hero p{margin:4px 0 0!important;color:#7d8899!important;font-size:8px!important;font-weight:750!important}
  body.portal-role-manager .smaora-mobile-profile-menu{display:grid!important;gap:7px!important}
  body.portal-role-manager .smaora-mobile-profile-menu a,
  body.portal-role-manager .smaora-mobile-profile-menu button{min-height:51px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 16px!important;gap:9px!important;align-items:center!important;padding:8px 10px!important;border:1px solid #edf0f5!important;border-radius:12px!important;background:#fff!important;color:#2c3850!important;text-decoration:none!important;text-align:right!important;font:inherit!important;box-shadow:0 4px 12px rgba(27,47,76,.025)!important}
  body.portal-role-manager .profile-menu-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#f7f9fc!important;color:#40506c!important}
  body.portal-role-manager .profile-menu-icon svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-mobile-profile-menu b{font-size:9.5px!important;font-weight:900!important}
  body.portal-role-manager .smaora-mobile-profile-menu i{font-style:normal!important;color:#9aa5b5!important;font-size:16px!important;text-align:left!important}

  /* Round 3 final visual calibration across the approved phone reference. */
  body.portal-role-manager .smaora-manager-mobile-dock{min-height:64px!important;padding-top:5px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important}
  body.portal-role-manager .smaora-manager-mobile-dock button{min-height:50px!important}
  body.portal-role-manager .smaora-manager-mobile-dock button span:last-child{line-height:1.1!important}
  body.portal-role-manager #overviewPanel{max-width:620px!important;margin-inline:auto!important}
  body.portal-role-manager .smaora-mobile-portals-grid,
  body.portal-role-manager .smaora-mobile-detail-screen>*{max-width:560px!important;width:100%!important;margin-inline:auto!important}
}

@media (max-width:390px){
  body.portal-role-manager .smaora-mobile-detail-screen{padding-inline:10px!important}
  body.portal-role-manager .smaora-mobile-period{grid-template-columns:62px minmax(0,1fr) 35px!important;padding-inline:10px 14px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button{min-height:43px!important}
}

@media (min-width:901px){
  .smaora-mobile-detail-screen{display:none!important}
}
@media (max-width:900px){
  body.portal-role-manager .smaora-mobile-assistant-screen>.smaora-mobile-ai-composer{width:auto!important;max-width:560px!important;margin-inline:auto!important}
}

/* SMAORA — Phase 4 / Round 3
   Final portal rollout: School Management + Deputy Center + Morning Broadcast + AI + Reports.
   Visual-only bridge over the existing runtime. IDs, routes, data bindings and permissions remain unchanged. */

body[data-smaora-design="phase4-r3"]{
  --p4r3-navy:#0b1a34;
  --p4r3-navy-2:#132d54;
  --p4r3-blue:#2468ed;
  --p4r3-blue-2:#3c82f7;
  --p4r3-canvas:#f5f7fb;
  --p4r3-surface:#ffffff;
  --p4r3-soft:#f8faff;
  --p4r3-text:#101b37;
  --p4r3-muted:#748198;
  --p4r3-line:#e5eaf2;
  --p4r3-shadow:0 14px 36px rgba(29,58,105,.065);
  --p4r3-radius:22px;
  background:var(--p4r3-canvas)!important;
  color:var(--p4r3-text)!important;
}
body[data-smaora-design="phase4-r3"] *{box-sizing:border-box}

/* ---------- SCHOOL MANAGER / DEPUTY ---------- */
body.portal-role-manager[data-smaora-design="phase4-r3"] .app-shell{
  background:var(--p4r3-canvas)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar{
  background:linear-gradient(180deg,#0a1830 0%,#0e2342 100%)!important;
  border:0!important;
  box-shadow:8px 0 30px rgba(8,24,48,.08)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar :is(.smaora-sidebar-wordmark,.brand-row strong){color:#fff!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar :is(.nav-btn,.sidebar-group-label){color:#cbd7e8!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar .nav-btn{
  min-height:44px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  transition:.18s ease!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar .nav-btn:hover{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .sidebar .nav-btn.active{
  background:linear-gradient(100deg,#2164e6,#246fed)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(27,95,225,.27)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .main{background:var(--p4r3-canvas)!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .topbar{
  min-height:74px!important;
  border:0!important;
  border-bottom:1px solid var(--p4r3-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 20px rgba(20,37,73,.035)!important;
  backdrop-filter:blur(16px)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .smaora-topbar-search{
  border:1px solid var(--p4r3-line)!important;
  background:#f7f9fd!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .smaora-topbar-icon{
  border:1px solid var(--p4r3-line)!important;
  background:#fff!important;
  border-radius:11px!important;
  color:#34415b!important;
  box-shadow:none!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page{
  width:min(1440px,calc(100% - 34px))!important;
  margin:18px auto 34px!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page>.section-head:not(.smaora-manager-hero){
  min-height:132px!important;
  padding:24px 28px!important;
  border:1px solid #dfe9f5!important;
  border-radius:22px!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.99) 0%,rgba(249,252,255,.94) 56%,rgba(232,245,255,.73) 100%),
    url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/school_building.webp") center/cover no-repeat!important;
  box-shadow:var(--p4r3-shadow)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page>.section-head:not(.smaora-manager-hero) :is(h3,h4){
  color:var(--p4r3-navy)!important;
  font-weight:900!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page>.section-head:not(.smaora-manager-hero) :is(.eyebrow,.hint){color:var(--p4r3-blue)!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(.card,.metric,.wide-card,.readiness,.empty-state,.dc-unified-search,.dc-field-bar){
  border-color:var(--p4r3-line)!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(29,58,105,.04)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(.card,.wide-card){border-radius:20px!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .metric{
  border-radius:18px!important;
  min-height:112px!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .metric strong{color:var(--p4r3-navy)!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .metric span{color:#66758e!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .segmented{
  border:1px solid var(--p4r3-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  padding:6px!important;
  box-shadow:0 5px 20px rgba(18,54,81,.03)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .segmented-btn{
  border-radius:10px!important;
  color:#64728a!important;
  font-weight:800!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .segmented-btn.active{
  background:#eaf2ff!important;
  color:#1554c7!important;
  border-color:#d5e4ff!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(.primary,.secondary,.ghost){border-radius:10px!important;font-weight:800!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] .primary{
  background:linear-gradient(100deg,#1e5ed8,#286fee)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(24,89,221,.16)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(.secondary,.ghost){
  background:#fff!important;
  border-color:var(--p4r3-line)!important;
  color:#3a4962!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .manager-quick-actions button{
  border:1px solid var(--p4r3-line)!important;
  border-radius:15px!important;
  background:#fbfcff!important;
  box-shadow:none!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] .manager-quick-actions button:hover{
  border-color:#c9dcff!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(35,103,237,.07)!important;
}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(table,.table-wrap){border-color:var(--p4r3-line)!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] table{background:#fff!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] thead{background:#f7f9fd!important;color:#46546c!important}
body.portal-role-manager[data-smaora-design="phase4-r3"] :is(dialog,.dialog-card,.school-day-report-dialog-body,.school-day-message-dialog form,.school-day-student-dialog-body){
  border-color:var(--p4r3-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 28px 75px rgba(13,35,67,.18)!important;
}

/* ---------- OWNER ADMIN / AI / BROADCAST / REPORTS ---------- */
body.ss-app-shell[data-smaora-design="phase4-r3"]{background:var(--p4r3-canvas)!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .app-shell{background:var(--p4r3-canvas)!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar{
  background:linear-gradient(180deg,#0a1830 0%,#0e2342 100%)!important;
  border:0!important;
  box-shadow:8px 0 30px rgba(8,24,48,.08)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar :is(.sidebar-brand-kicker,.sidebar-brand-copy strong,.nav-group summary b,.nav-item b){color:#fff!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar :is(.nav-group summary small,.nav-subsection-label){color:#8fa2bc!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar .nav-group{
  border-color:rgba(255,255,255,.06)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar .nav-item{
  border-radius:10px!important;
  color:#cbd7e8!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar .nav-item:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .sidebar .nav-item.active{
  background:linear-gradient(100deg,#2164e6,#246fed)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(27,95,225,.24)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .nav-search-box{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.075)!important;
  border-radius:11px!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .nav-search-box input{color:#fff!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .content-shell{background:var(--p4r3-canvas)!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .topbar{
  min-height:74px!important;
  border:0!important;
  border-bottom:1px solid var(--p4r3-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 20px rgba(20,37,73,.035)!important;
  backdrop-filter:blur(16px)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .topbar :is(.icon-btn,.ghost,.secondary){
  border:1px solid var(--p4r3-line)!important;
  background:#fff!important;
  color:#394860!important;
  border-radius:10px!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .content{
  width:min(1460px,calc(100% - 36px))!important;
  margin:18px auto 34px!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro,
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-command-hero{
  border:1px solid #dfe9f5!important;
  border-radius:23px!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.99) 0%,rgba(249,252,255,.94) 54%,rgba(232,245,255,.72) 100%),
    url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/school_building.webp") center/cover no-repeat!important;
  box-shadow:var(--p4r3-shadow)!important;
  overflow:hidden!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro{
  min-height:138px!important;
  padding:24px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro :is(h1,h2,h3),
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-command-hero h1{color:var(--p4r3-navy)!important;font-weight:950!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro :is(.eyebrow,.section-kicker),
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-eyebrow{color:var(--p4r3-blue)!important;font-weight:900!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-command-hero{padding:28px 32px!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-readiness-panel,
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-attention-panel{
  border-color:rgba(35,103,237,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 8px 25px rgba(35,103,237,.04)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.dashboard-kpi,.metric-card,.card,.dashboard-accordion,.dashboard-quick-launch button){
  border-color:var(--p4r3-line)!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(29,58,105,.04)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.dashboard-kpi,.metric-card){border-radius:18px!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.card,.dashboard-accordion){border-radius:20px!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-quick-launch button{border-radius:16px!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.dashboard-kpi strong,.metric-card strong,.card h2,.card h3,.card h4,.dashboard-accordion b){color:var(--p4r3-navy)!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-quick-launch button:hover{
  border-color:#c9dcff!important;
  box-shadow:0 10px 26px rgba(35,103,237,.07)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.primary,.attention-open-btn){
  background:linear-gradient(100deg,#1e5ed8,#286fee)!important;
  border-color:transparent!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:0 9px 22px rgba(24,89,221,.16)!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.secondary,.ghost,.link-btn){
  border-color:var(--p4r3-line)!important;
  border-radius:10px!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(input,select,textarea){
  border-color:#dfe5ef!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(table,.table-wrap){border-color:var(--p4r3-line)!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] table{background:#fff!important}
body.ss-app-shell[data-smaora-design="phase4-r3"] thead{background:#f7f9fd!important;color:#46546c!important}

/* Explicit visual continuity for the final Round-3 areas. */
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(
  #section-teacher-broadcast,
  #section-ai-settings,
  #section-assistant-settings,
  #section-ai-usage,
  #section-ai-quality,
  #section-ai-logs,
  #section-curricula,
  #section-content-sources,
  #section-content-sync,
  #section-collected-materials,
  #section-material-library-transfer,
  #section-school-reports,
  #section-billing-reports,
  #section-teacher-reports,
  #section-store-reports
){
  --accent:var(--p4r3-blue);
}
body.ss-app-shell[data-smaora-design="phase4-r3"] :is(
  #section-teacher-broadcast,
  #section-ai-settings,
  #section-assistant-settings,
  #section-ai-usage,
  #section-ai-quality,
  #section-ai-logs,
  #section-curricula,
  #section-content-sources,
  #section-content-sync,
  #section-collected-materials,
  #section-material-library-transfer,
  #section-school-reports,
  #section-billing-reports,
  #section-teacher-reports,
  #section-store-reports
) .card{
  border-color:var(--p4r3-line)!important;
  background:#fff!important;
}

/* Mobile: retain the dedicated Phase-3 mobile manager while making internal Round-3 pages consistent. */
@media (max-width:900px){
  body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page{
    width:min(100% - 20px,760px)!important;
    margin:12px auto 88px!important;
  }
  body.portal-role-manager[data-smaora-design="phase4-r3"] .panel-page>.section-head:not(.smaora-manager-hero){
    min-height:auto!important;
    padding:18px!important;
    border-radius:18px!important;
    background:linear-gradient(140deg,#fff,#f0f7ff)!important;
  }
  body.portal-role-manager[data-smaora-design="phase4-r3"] :is(.metrics,.two-col){grid-template-columns:1fr!important}
  body.portal-role-manager[data-smaora-design="phase4-r3"] .manager-quick-actions{grid-template-columns:1fr!important}

  body.ss-app-shell[data-smaora-design="phase4-r3"] .content{
    width:min(100% - 20px,760px)!important;
    margin:12px auto 28px!important;
  }
  body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro,
  body.ss-app-shell[data-smaora-design="phase4-r3"] .dashboard-command-hero{
    min-height:auto!important;
    padding:18px!important;
    border-radius:18px!important;
    background:linear-gradient(140deg,#fff,#f0f7ff)!important;
  }
  body.ss-app-shell[data-smaora-design="phase4-r3"] .admin-section>.page-intro{display:block!important}
  body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.metric-grid,.dashboard-kpis,.dashboard-quick-launch){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  body.ss-app-shell[data-smaora-design="phase4-r3"] :is(.metric-grid,.dashboard-kpis,.dashboard-quick-launch){grid-template-columns:1fr!important}
}

/* SMAORA — Phase 5 / Round 1 of 3
   Desktop visual fidelity pass against the approved desktop reference.
   Visual-only shell refinement: sidebar, topbar, hero, dashboard density.
*/
@media (min-width:901px){
  body.portal-role-manager{
    font-family:"Tajawal","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;
    --p5-navy:#0b1a32;
    --p5-text:#111b36;
    --p5-muted:#7d899d;
    --p5-line:#e8ecf3;
    --p5-blue:#1f67ef;
  }
  body.portal-role-manager #appView.app-shell{grid-template-columns:238px minmax(0,1fr)!important}
  body.portal-role-manager #appView.app-shell>.sidebar{
    width:238px!important;min-width:238px!important;padding:18px 14px 14px!important;
    background:linear-gradient(180deg,#0a1830 0%,#0c1d37 57%,#0a172b 100%)!important;
  }
  body.portal-role-manager .sidebar .smaora-sidebar-brand{min-height:72px!important;padding:0 8px 16px!important;margin-bottom:8px!important}
  body.portal-role-manager .smaora-sidebar-logo{width:45px!important;height:45px!important;flex-basis:45px!important}
  body.portal-role-manager .smaora-sidebar-wordmark{font-size:22px!important;letter-spacing:.035em!important}
  body.portal-role-manager .smaora-sidebar-tagline{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.72)!important;font-size:8px!important;font-weight:700!important}
  body.portal-role-manager #schoolShellRoleTitle,
  body.portal-role-manager #appVersionLabel{display:none!important}

  /* Exact reference navigation on desktop, original full nav remains in DOM for routing. */
  body.portal-role-manager .smaora-legacy-primary-nav{display:none!important}
  body.portal-role-manager .smaora-desktop-ref-nav{
    display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;
    gap:2px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 0 10px!important;
    scrollbar-width:none!important;
  }
  body.portal-role-manager .smaora-desktop-ref-nav::-webkit-scrollbar{display:none!important}
  body.portal-role-manager .smaora-desktop-ref-nav :is(.nav-btn,.smaora-ref-nav-link,.smaora-ref-nav-action){
    width:100%!important;min-height:45px!important;display:flex!important;align-items:center!important;gap:12px!important;
    padding:9px 13px!important;border:0!important;border-radius:10px!important;background:transparent!important;
    color:#cbd6e9!important;text-decoration:none!important;text-align:right!important;font:inherit!important;
    font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:none!important;
  }
  body.portal-role-manager .smaora-desktop-ref-nav :is(.nav-btn,.smaora-ref-nav-link,.smaora-ref-nav-action):hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
  body.portal-role-manager .smaora-desktop-ref-nav .nav-btn.active{
    background:linear-gradient(100deg,#1763e8,#246fea)!important;color:#fff!important;
    box-shadow:0 10px 26px rgba(21,87,218,.28)!important
  }
  body.portal-role-manager .smaora-ref-nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;flex:0 0 22px!important;color:currentColor!important}
  body.portal-role-manager .smaora-ref-nav-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(3){color:#36d297!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(4){color:#31c892!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(5){color:#bd74f2!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(6){color:#f2679a!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(7){color:#f2b11f!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(8){color:#ff8157!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(9){color:#26c5dd!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(10){color:#dc5a8b!important}
  body.portal-role-manager .smaora-desktop-ref-nav > :nth-child(11){color:#3fc8c3!important}
  body.portal-role-manager .smaora-desktop-ref-nav .nav-btn.active span{color:#fff!important}
  body.portal-role-manager .smaora-ref-nav-separator{height:1px!important;min-height:1px!important;background:rgba(255,255,255,.11)!important;margin:8px 5px!important}

  body.portal-role-manager .sidebar .sidebar-foot{padding:13px 5px 0!important}
  body.portal-role-manager .smaora-sidebar-user{display:grid!important;grid-template-columns:39px minmax(0,1fr) 16px!important;gap:9px!important;align-items:center!important;color:#fff!important;padding:4px 2px 10px!important}
  body.portal-role-manager .smaora-sidebar-avatar{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#e7d8cc,#f9f3ee)!important;color:#4b3329!important;font-size:12px!important;font-weight:950!important;border:2px solid rgba(255,255,255,.76)!important}
  body.portal-role-manager .smaora-sidebar-user strong{display:block!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-role-manager .smaora-sidebar-user small{display:block!important;margin-top:2px!important;color:rgba(255,255,255,.58)!important;font-size:8px!important}
  body.portal-role-manager .smaora-sidebar-user-arrow{font-size:20px!important;color:#fff!important}
  body.portal-role-manager .sidebar .sidebar-foot #logoutBtn{border:0!important;margin-top:3px!important;justify-content:flex-start!important;gap:8px!important;color:#f5f7fb!important;background:transparent!important;font-size:11px!important}
  body.portal-role-manager .sidebar .sidebar-foot #logoutBtn:hover{background:rgba(255,255,255,.06)!important}
  body.portal-role-manager .smaora-logout-icon{font-size:17px!important;color:#d9e2f2!important}

  /* Top bar fidelity */
  body.portal-role-manager .main>.smaora-reference-topbar{
    height:77px!important;min-height:77px!important;grid-template-columns:auto minmax(300px,1fr) auto!important;
    padding:11px 22px!important;background:#fff!important;box-shadow:0 4px 16px rgba(22,39,72,.025)!important;
  }
  body.portal-role-manager .smaora-topbar-tools{gap:9px!important}
  body.portal-role-manager .smaora-topbar-icon{width:42px!important;height:42px!important;border-radius:11px!important;background:#fbfcfe!important}
  body.portal-role-manager .smaora-topbar-search{width:min(100%,570px)!important}
  body.portal-role-manager .smaora-topbar-search input{height:44px!important;border-radius:10px!important;background:#f6f7fa!important;font-size:11px!important}
  body.portal-role-manager .smaora-topbar-context{gap:10px!important;white-space:nowrap!important}
  body.portal-role-manager .smaora-topbar-school,
  body.portal-role-manager .smaora-ref-hidden-actions{display:none!important}
  body.portal-role-manager .smaora-ref-date{text-align:right!important;line-height:1.25!important}
  body.portal-role-manager .smaora-ref-date strong{display:block!important;color:#303b54!important;font-size:10px!important;font-weight:800!important}
  body.portal-role-manager .smaora-ref-date small{display:block!important;margin-top:3px!important;color:#8d98aa!important;font-size:8px!important}
  body.portal-role-manager .smaora-ref-calendar{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;color:#1d70ef!important}
  body.portal-role-manager .smaora-ref-calendar svg,
  body.portal-role-manager .smaora-ref-theme svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.portal-role-manager .smaora-ref-theme,
  body.portal-role-manager .smaora-ref-language{height:42px!important;border:1px solid #e7ebf2!important;border-radius:11px!important;background:#fbfcfe!important;color:#27334d!important;font:inherit!important}
  body.portal-role-manager .smaora-ref-theme{width:42px!important;display:grid!important;place-items:center!important}
  body.portal-role-manager .smaora-ref-language{min-width:62px!important;padding:0 12px!important;font-size:10px!important;font-weight:850!important}
  body.portal-role-manager .smaora-ref-language span{margin-inline-start:5px!important;color:#697890!important}

  /* Dashboard composition fidelity */
  body.portal-role-manager #overviewPanel{width:100%!important;max-width:1298px!important;padding:17px 18px 16px!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{
    min-height:200px!important;padding:23px 34px!important;margin-bottom:15px!important;border-radius:20px!important;
    border-color:#e1e8f1!important;background-position:center right!important;
    box-shadow:0 10px 30px rgba(32,61,105,.045)!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 48%,rgba(245,250,255,.62) 69%,rgba(255,255,255,.08) 100%)!important}
  body.portal-role-manager .smaora-manager-brandline,
  body.portal-role-manager .smaora-hero-refresh{display:none!important}
  body.portal-role-manager .smaora-manager-hero-copy{align-self:center!important;text-align:center!important;max-width:720px!important;justify-self:start!important}
  body.portal-role-manager .smaora-manager-hero h3{font-size:43px!important;line-height:1.1!important;letter-spacing:-.025em!important}
  body.portal-role-manager .smaora-manager-hero p{margin-top:9px!important;color:#37445e!important;font-size:13px!important;font-weight:500!important}
  body.portal-role-manager .smaora-manager-hero-pills{justify-content:center!important;margin-top:15px!important;gap:18px!important}
  body.portal-role-manager .smaora-manager-hero-pills span{min-height:30px!important;padding:5px 13px!important;border:0!important;background:rgba(255,255,255,.78)!important;font-size:10px!important;box-shadow:0 4px 15px rgba(31,59,107,.025)!important}
  body.portal-role-manager .smaora-manager-hero-pills span:nth-child(1)::after{content:" ⚙";color:#28c7cc!important}
  body.portal-role-manager .smaora-manager-hero-pills span:nth-child(2)::after{content:" ◉";color:#1fb17a!important}
  body.portal-role-manager .smaora-manager-hero-pills span:nth-child(3)::after{content:" ✣";color:#2e9be2!important}
  body.portal-role-manager .smaora-manager-hero-quote{justify-self:center!important;transform:translateX(-16px)!important;max-width:245px!important;color:#1755a5!important}
  body.portal-role-manager .smaora-manager-hero-quote span{font-size:13px!important}
  body.portal-role-manager .smaora-manager-hero-quote strong{font-size:16px!important}

  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{gap:12px!important;margin-bottom:15px!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{min-height:116px!important;padding:14px 15px!important;border-radius:15px!important;box-shadow:0 7px 20px rgba(22,46,84,.035)!important}
  body.portal-role-manager .smaora-stat-icon{width:46px!important;height:46px!important;border-radius:11px!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:25px!important}
  body.portal-role-manager .smaora-stat-card small{font-size:8px!important}

  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{gap:13px!important;margin-bottom:15px!important}
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-daily-card{min-height:318px!important;padding:16px!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(22,46,84,.035)!important}
  body.portal-role-manager .smaora-schedule-row{min-height:51px!important}
  body.portal-role-manager .smaora-task-row{min-height:55px!important}
  body.portal-role-manager .smaora-ai-actions button{min-height:58px!important}

  body.portal-role-manager #overviewPanel>.smaora-quick-access{padding:13px 16px 14px!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(22,46,84,.035)!important}
  body.portal-role-manager .smaora-quick-access-grid{gap:8px!important}
  body.portal-role-manager .smaora-portal-shortcut{min-height:105px!important;border-radius:11px!important}
  body.portal-role-manager .smaora-portal-shortcut-icon{width:40px!important;height:40px!important;border-radius:10px!important}
  body.portal-role-manager #overviewPanel>.smaora-dashboard-footer{min-height:46px!important;margin-top:7px!important;padding:7px 5px!important}
}

@media (min-width:901px) and (max-width:1220px){
  body.portal-role-manager #appView.app-shell{grid-template-columns:220px minmax(0,1fr)!important}
  body.portal-role-manager #appView.app-shell>.sidebar{width:220px!important;min-width:220px!important}
  body.portal-role-manager .smaora-desktop-ref-nav :is(.nav-btn,.smaora-ref-nav-link,.smaora-ref-nav-action){font-size:11px!important;min-height:41px!important}
  body.portal-role-manager .smaora-ref-date{display:none!important}
  body.portal-role-manager #overviewPanel{padding-inline:14px!important}
}

/* SMAORA — Phase 5 / Round 2 of 3
   Mobile visual fidelity pass against the approved phone reference.
   Scope: manager portal <= 900px only. Desktop and business logic are untouched. */
@media (max-width:900px){
  html,body{background:#f8faff!important}
  body.portal-role-manager{
    --p5m-blue:#1e72f2;
    --p5m-ink:#17213d;
    --p5m-muted:#7d899e;
    --p5m-line:#e9edf5;
    --p5m-soft:#f5f7fb;
    background:#f8faff!important;
    padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Phone app bar: notification / search / compact settings, matching the approved home screen. */
  body.portal-role-manager .main>.smaora-reference-topbar{
    min-height:58px!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:8px!important;
    padding:8px 12px 6px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  body.portal-role-manager .smaora-topbar-tools{order:3!important;width:36px!important;justify-content:flex-start!important}
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon:first-child{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:11px!important;background:#f7f9fd!important;color:#1d2d4a!important;
  }
  body.portal-role-manager .smaora-topbar-search{order:2!important}
  body.portal-role-manager .smaora-topbar-search input{
    height:34px!important;border-radius:10px!important;background:#f5f7fb!important;
    border-color:#edf0f6!important;font-size:9.5px!important;padding-inline:31px 9px!important;
  }
  body.portal-role-manager .smaora-topbar-search svg{width:14px!important;height:14px!important;inset-inline-end:9px!important}
  body.portal-role-manager .smaora-topbar-context{
    order:1!important;width:36px!important;min-width:36px!important;max-width:36px!important;
    display:grid!important;place-items:center!important;overflow:visible!important;
  }
  body.portal-role-manager .smaora-topbar-context::before,
  body.portal-role-manager .smaora-topbar-school,
  body.portal-role-manager .smaora-ref-date,
  body.portal-role-manager .smaora-ref-calendar,
  body.portal-role-manager .smaora-ref-language{display:none!important}
  body.portal-role-manager .smaora-ref-theme{
    display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
    border:0!important;border-radius:11px!important;background:#f7f9fd!important;color:#243552!important;
    padding:0!important;
  }
  body.portal-role-manager .smaora-ref-theme svg{display:none!important}
  body.portal-role-manager .smaora-ref-theme::before{content:"⚙";font-size:17px!important;line-height:1!important;font-family:system-ui,sans-serif!important}

  /* Home: greeting sits above the photographic blue hero, exactly as in the phone reference. */
  body.portal-role-manager #overviewPanel{
    max-width:430px!important;padding:0 11px 14px!important;margin-inline:auto!important;background:#f8faff!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{
    min-height:202px!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--p5m-ink)!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{
    content:""!important;display:block!important;position:absolute!important;z-index:0!important;
    inset:61px 0 0 0!important;border-radius:16px!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(25,111,224,.08) 36%,rgba(31,112,232,.82) 72%,rgba(31,105,221,.96) 100%),
      url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/school_building.webp") left center/cover no-repeat!important;
    box-shadow:0 8px 22px rgba(31,92,190,.13)!important;
    pointer-events:none!important;
  }
  body.portal-role-manager .smaora-manager-hero-copy{
    position:absolute!important;z-index:2!important;inset:0 0 auto 0!important;max-width:none!important;height:55px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    padding:2px 50px 0 2px!important;text-align:right!important;color:var(--p5m-ink)!important;
  }
  body.portal-role-manager .smaora-manager-hero-copy::before{
    content:""!important;position:absolute!important;right:1px!important;top:5px!important;width:40px!important;height:40px!important;
    border:2px solid #fff!important;border-radius:50%!important;
    background:url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/teacher_admin.webp") 45% 16%/185% auto no-repeat!important;
    box-shadow:0 0 0 1px #dbe3ef,0 4px 12px rgba(29,48,79,.10)!important;
  }
  body.portal-role-manager .smaora-manager-hero h3{
    margin:0!important;color:var(--p5m-ink)!important;font-size:0!important;line-height:1.2!important;text-shadow:none!important;
  }
  body.portal-role-manager .smaora-manager-hero h3::after{
    content:"مرحبًا أ. محمد 👋"!important;font-size:13px!important;font-weight:950!important;color:var(--p5m-ink)!important;
  }
  body.portal-role-manager .smaora-manager-hero p{margin:3px 0 0!important;font-size:0!important;line-height:1.3!important;color:#8c97a9!important}
  body.portal-role-manager .smaora-manager-hero p::after{content:"مدير مدرسة · مدرسة النور المتوسطة"!important;font-size:7.5px!important;font-weight:700!important;color:#8c97a9!important}
  body.portal-role-manager .smaora-manager-hero-quote{
    position:absolute!important;z-index:2!important;top:82px!important;right:14px!important;bottom:auto!important;left:auto!important;
    width:49%!important;max-width:172px!important;text-align:right!important;color:#fff!important;text-shadow:none!important;
  }
  body.portal-role-manager .smaora-manager-hero-quote span,
  body.portal-role-manager .smaora-manager-hero-quote strong{font-size:0!important;color:#fff!important}
  body.portal-role-manager .smaora-manager-hero-quote span::after{content:"نبني اليوم"!important;font-size:10px!important;font-weight:900!important;line-height:1.35!important}
  body.portal-role-manager .smaora-manager-hero-quote strong::after{
    content:"جيلاً أكثر قدرة\Aعلى صناعة المستقبل"!important;white-space:pre-line!important;
    font-size:14px!important;font-weight:950!important;line-height:1.45!important;
  }
  body.portal-role-manager .smaora-manager-hero-quote::after{
    content:"اكتشف المزيد"!important;display:inline-grid!important;place-items:center!important;min-width:82px!important;height:24px!important;
    margin-top:8px!important;padding:0 10px!important;border-radius:7px!important;background:#fff!important;color:#2b66ba!important;
    font-size:7px!important;font-weight:900!important;box-shadow:0 4px 12px rgba(11,53,115,.12)!important;
  }

  /* Home metrics: same 2x2 order and density as the reference. */
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important;direction:rtl!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{
    position:relative!important;min-height:72px!important;grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:7px!important;padding:9px!important;border-color:#edf1f6!important;border-radius:12px!important;
    box-shadow:0 4px 13px rgba(30,51,83,.035)!important;
  }
  body.portal-role-manager .smaora-stat-teachers{order:1!important}
  body.portal-role-manager .smaora-stat-students{order:2!important}
  body.portal-role-manager .smaora-stat-attendance{order:3!important}
  body.portal-role-manager .smaora-stat-classes{order:4!important}
  body.portal-role-manager .smaora-stat-icon{width:32px!important;height:32px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-stat-card>span:not(.smaora-stat-icon){font-size:8px!important;color:#5b6780!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:17px!important;font-weight:950!important}
  body.portal-role-manager .smaora-stat-card small{font-size:6.7px!important;inset:auto 8px 6px auto!important}

  /* Task feed compactness: three primary rows on the phone home. */
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-tasks-card{
    padding:10px 11px 8px!important;border-radius:13px!important;border-color:#edf1f6!important;box-shadow:0 4px 13px rgba(30,51,83,.03)!important;
  }
  body.portal-role-manager .smaora-focus-head{min-height:28px!important;margin-bottom:2px!important}
  body.portal-role-manager .smaora-focus-head h4{font-size:10.5px!important}
  body.portal-role-manager .smaora-task-row{min-height:42px!important;padding:6px 1px!important}
  body.portal-role-manager .smaora-task-row:nth-child(n+4){display:none!important}
  body.portal-role-manager .smaora-task-row b{font-size:8.5px!important}
  body.portal-role-manager .smaora-task-row small{font-size:6.5px!important}
  body.portal-role-manager .smaora-task-all{min-height:29px!important;margin-top:2px!important;font-size:8px!important}

  /* Persistent dock: flatter, tighter and with the same active tab treatment. */
  body.portal-role-manager .smaora-manager-mobile-dock{
    min-height:61px!important;padding:4px 7px calc(4px + env(safe-area-inset-bottom,0px))!important;
    border-top-color:#ebeff5!important;background:rgba(255,255,255,.985)!important;box-shadow:0 -5px 18px rgba(25,47,80,.045)!important;
  }
  body.portal-role-manager .smaora-manager-mobile-dock button{min-height:48px!important;gap:2px!important;border-radius:10px!important;font-size:7.5px!important}
  body.portal-role-manager .smaora-manager-mobile-dock button svg{width:18px!important;height:18px!important}
  body.portal-role-manager .smaora-manager-mobile-dock button.active{background:#f1f6ff!important;color:#1e72f2!important}

  /* Portals launcher: smaller cards, softer tints, reference spacing. */
  body.portal-role-manager .smaora-mobile-portals-screen{
    inset:0 0 calc(61px + env(safe-area-inset-bottom,0px)) 0!important;padding:8px 11px 18px!important;background:#fbfcff!important;
  }
  body.portal-role-manager .smaora-mobile-screen-head{grid-template-columns:34px 1fr 34px!important;gap:6px!important;padding:4px 0 10px!important}
  body.portal-role-manager .smaora-mobile-screen-head h2{font-size:13px!important;margin-top:2px!important}
  body.portal-role-manager .smaora-mobile-screen-head p{font-size:7.5px!important}
  body.portal-role-manager .smaora-mobile-screen-back{width:32px!important;height:32px!important}
  body.portal-role-manager .smaora-portals-mark{width:31px!important;height:31px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-portals-mark img{width:18px!important;height:18px!important}
  body.portal-role-manager .smaora-mobile-portals-grid{max-width:410px!important;gap:7px!important}
  body.portal-role-manager .smaora-mobile-portal-card{
    min-height:91px!important;gap:6px!important;padding:9px 6px!important;border-radius:13px!important;
    border-color:#edf1f6!important;box-shadow:0 4px 14px rgba(28,48,80,.03)!important;
  }
  body.portal-role-manager .smaora-mobile-portal-card .portal-card-icon{width:39px!important;height:39px!important;border-radius:11px!important}
  body.portal-role-manager .smaora-mobile-portal-card .portal-card-icon svg{width:22px!important;height:22px!important}
  body.portal-role-manager .smaora-mobile-portal-card strong{font-size:8.8px!important}

  /* Dark drawer: reference is ~3/4 of the phone and does not include the timetable row. */
  body.portal-role-manager .smaora-mobile-more-panel{
    width:min(76vw,320px)!important;padding:15px 13px calc(14px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(175deg,#132743 0%,#0d2039 57%,#0a1930 100%)!important;
    box-shadow:14px 0 30px rgba(4,13,28,.24)!important;
  }
  body.portal-role-manager .smaora-mobile-profile{grid-template-columns:49px 1fr!important;gap:9px!important;padding:3px 39px 14px 0!important}
  body.portal-role-manager .smaora-mobile-avatar{
    width:45px!important;height:45px!important;font-size:0!important;
    background:url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/teacher_admin.webp") 45% 16%/185% auto no-repeat!important;
  }
  body.portal-role-manager .smaora-mobile-profile strong{font-size:10.5px!important}
  body.portal-role-manager .smaora-mobile-profile span:not(.smaora-mobile-avatar){font-size:7.5px!important}
  body.portal-role-manager .smaora-mobile-profile small{font-size:6.8px!important}
  body.portal-role-manager .smaora-mobile-settings{width:31px!important;height:31px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-mobile-more-nav{gap:2px!important;padding:12px 0 10px!important}
  body.portal-role-manager .smaora-mobile-more-nav :is(button,a){min-height:42px!important;grid-template-columns:22px 1fr!important;gap:9px!important;padding:7px 10px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-mobile-more-nav :is(button,a) svg{width:18px!important;height:18px!important}
  body.portal-role-manager .smaora-mobile-more-nav span{font-size:9.5px!important}
  body.portal-role-manager .smaora-mobile-more-nav [data-mobile-screen="schedule"]{display:none!important}
  body.portal-role-manager .smaora-mobile-more-brand{grid-template-columns:34px 1fr auto!important;gap:7px!important;padding-top:12px!important}
  body.portal-role-manager .smaora-mobile-more-brand img{width:31px!important;height:31px!important}
  body.portal-role-manager .smaora-mobile-more-brand strong{font-size:11px!important}
  body.portal-role-manager .smaora-mobile-more-brand span{font-size:6.8px!important}
  body.portal-role-manager .smaora-mobile-more-brand small{font-size:6.2px!important}

  /* Shared detail pages. */
  body.portal-role-manager .smaora-mobile-detail-screen{
    inset:0 0 calc(61px + env(safe-area-inset-bottom,0px)) 0!important;padding:8px 11px 18px!important;background:#fbfcff!important;
  }
  body.portal-role-manager .smaora-mobile-detail-head{grid-template-columns:34px 1fr 34px!important;gap:6px!important;padding:4px 0 9px!important}
  body.portal-role-manager .smaora-mobile-detail-head h2{font-size:12.5px!important}
  body.portal-role-manager .smaora-mobile-detail-head p{font-size:7px!important;margin-top:3px!important}
  body.portal-role-manager .smaora-mobile-detail-mark{width:31px!important;height:31px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-mobile-detail-mark svg{width:17px!important;height:17px!important}

  /* Schedule fidelity. */
  body.portal-role-manager .smaora-mobile-segmented{gap:3px!important;margin-bottom:8px!important;padding:2px!important;border-radius:9px!important;background:#f1f3f8!important}
  body.portal-role-manager .smaora-mobile-segmented button{height:28px!important;border-radius:7px!important;font-size:7.5px!important}
  body.portal-role-manager .smaora-mobile-schedule-list{gap:5px!important}
  body.portal-role-manager .smaora-mobile-period{
    min-height:64px!important;grid-template-columns:61px minmax(0,1fr) 34px!important;gap:7px!important;
    padding:8px 9px 8px 13px!important;border-radius:11px!important;border-color:#eef1f6!important;box-shadow:0 3px 10px rgba(27,47,77,.025)!important;
  }
  body.portal-role-manager .period-line{top:9px!important;bottom:9px!important;width:2.5px!important}
  body.portal-role-manager .period-time{font-size:7px!important}
  body.portal-role-manager .period-copy small{font-size:6.8px!important}
  body.portal-role-manager .period-copy b{font-size:8.8px!important}
  body.portal-role-manager .period-copy em{font-size:6.8px!important}
  body.portal-role-manager .period-icon{width:30px!important;height:30px!important;border-radius:10px!important}
  body.portal-role-manager .period-icon svg{width:16px!important;height:16px!important}
  body.portal-role-manager .smaora-mobile-break{
    min-height:44px!important;grid-template-columns:61px 1fr 32px!important;gap:7px!important;padding:7px 9px!important;
    border:0!important;border-radius:10px!important;background:#fff6ec!important;color:#8b765f!important;
  }
  body.portal-role-manager .smaora-mobile-break span{font-size:7px!important}
  body.portal-role-manager .smaora-mobile-break b{font-size:8px!important;color:#6f5b47!important}
  body.portal-role-manager .smaora-mobile-break i{width:29px!important;height:29px!important;border-radius:9px!important;background:#fff0dc!important;font-size:12px!important}

  /* Assistant fidelity. */
  body.portal-role-manager .smaora-mobile-assistant-screen{background:radial-gradient(circle at 50% 9%,rgba(153,111,255,.12),transparent 24%),linear-gradient(180deg,#fbf9ff 0%,#fff 31%,#fbfcff 100%)!important}
  body.portal-role-manager .smaora-mobile-assistant-head{padding:20px 8px 15px!important}
  body.portal-role-manager .assistant-spark{font-size:22px!important;margin-bottom:4px!important}
  body.portal-role-manager .smaora-mobile-assistant-head h2{font-size:14.5px!important}
  body.portal-role-manager .smaora-mobile-assistant-head p{font-size:8.5px!important;margin-top:4px!important}
  body.portal-role-manager .smaora-mobile-ai-chat{padding-bottom:8px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble{max-width:86%!important;grid-template-columns:31px minmax(0,1fr)!important;padding:9px 10px!important;border-radius:14px 14px 5px 14px!important}
  body.portal-role-manager .assistant-avatar{width:29px!important;height:29px!important;font-size:13px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble b{font-size:8.5px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble p{font-size:7.5px!important}
  body.portal-role-manager .smaora-mobile-ai-actions{gap:6px!important;padding:1px 2px 72px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button{min-height:40px!important;grid-template-columns:30px 1fr!important;gap:7px!important;padding:5px 9px!important;border-radius:999px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button span{width:25px!important;height:25px!important;font-size:10px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button b{font-size:8px!important}
  body.portal-role-manager .smaora-mobile-ai-composer{
    left:10px!important;right:10px!important;bottom:8px!important;grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:5px!important;padding:4px!important;border-radius:999px!important;
  }
  body.portal-role-manager .smaora-mobile-ai-composer input{height:33px!important;font-size:8px!important}
  body.portal-role-manager .smaora-mobile-ai-composer button{width:33px!important;height:33px!important}

  /* Notifications fidelity. */
  body.portal-role-manager .smaora-mobile-notification-tabs{gap:4px!important;margin-bottom:8px!important;padding:2px!important;border-radius:9px!important}
  body.portal-role-manager .smaora-mobile-notification-tabs button{height:29px!important;border-radius:7px!important;font-size:7.3px!important}
  body.portal-role-manager .smaora-mobile-notification-list{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  body.portal-role-manager .smaora-mobile-notification-item{
    min-height:64px!important;grid-template-columns:34px minmax(0,1fr) 6px!important;gap:8px!important;
    padding:8px 4px!important;border-bottom:1px solid #eef1f6!important;background:transparent!important;
  }
  body.portal-role-manager .smaora-mobile-notification-item.unread{background:transparent!important}
  body.portal-role-manager .notification-icon{width:31px!important;height:31px!important;border-radius:9px!important;font-size:12px!important}
  body.portal-role-manager .smaora-mobile-notification-item b{font-size:8.5px!important}
  body.portal-role-manager .smaora-mobile-notification-item small{font-size:7px!important}
  body.portal-role-manager .smaora-mobile-notification-item em{font-size:6.5px!important}
  body.portal-role-manager .smaora-mobile-notification-item>i{width:5px!important;height:5px!important}

  /* Profile fidelity: photographic circular portrait + flatter list rows. */
  body.portal-role-manager .smaora-mobile-profile-hero{padding:4px 0 13px!important}
  body.portal-role-manager .smaora-mobile-profile-hero .profile-photo{
    width:66px!important;height:66px!important;margin-bottom:7px!important;font-size:0!important;
    background:url("https://kfftxiufnlfmjwkrvgiu.supabase.co/storage/v1/object/public/platform-themes/validated/smaora-reference-blue/1.1.0/77ebbb943e2b/compat/assets/landing/teacher_admin.webp") 45% 15%/185% auto no-repeat!important;
    box-shadow:0 0 0 1px #d9e1ec,0 6px 16px rgba(32,53,88,.09)!important;
  }
  body.portal-role-manager .smaora-mobile-profile-hero h3{font-size:11.5px!important}
  body.portal-role-manager .smaora-mobile-profile-hero p{font-size:7px!important;margin-top:3px!important}
  body.portal-role-manager .smaora-mobile-profile-menu{gap:0!important;border:1px solid #edf0f5!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(27,47,76,.025)!important}
  body.portal-role-manager .smaora-mobile-profile-menu :is(a,button){
    min-height:44px!important;grid-template-columns:27px minmax(0,1fr) 14px!important;gap:7px!important;padding:6px 8px!important;
    border:0!important;border-bottom:1px solid #eff2f6!important;border-radius:0!important;box-shadow:none!important;
  }
  body.portal-role-manager .smaora-mobile-profile-menu :is(a,button):last-child{border-bottom:0!important}
  body.portal-role-manager .profile-menu-icon{width:26px!important;height:26px!important;border-radius:0!important;background:transparent!important;color:#34445f!important}
  body.portal-role-manager .profile-menu-icon svg{width:16px!important;height:16px!important}
  body.portal-role-manager .smaora-mobile-profile-menu b{font-size:8.5px!important}
  body.portal-role-manager .smaora-mobile-profile-menu i{font-size:14px!important}
}

@media (max-width:390px){
  body.portal-role-manager .main>.smaora-reference-topbar{padding-inline:9px!important;grid-template-columns:34px minmax(0,1fr) 34px!important}
  body.portal-role-manager #overviewPanel{padding-inline:9px!important}
  body.portal-role-manager .smaora-manager-hero-copy{padding-right:47px!important}
  body.portal-role-manager .smaora-mobile-more-panel{width:78vw!important;max-width:300px!important}
  body.portal-role-manager .smaora-mobile-portals-grid{gap:6px!important}
  body.portal-role-manager .smaora-mobile-portal-card{min-height:86px!important}
  body.portal-role-manager .smaora-mobile-period{grid-template-columns:56px minmax(0,1fr) 31px!important;padding-inline:8px 12px!important}
}

@media (min-width:901px){
  /* Explicit no-op boundary: Round 2 is mobile-only. */
  body.portal-role-manager{--phase5-round2-desktop-untouched:1}
}

/* SMAORA — Phase 5 / Round 3 of 3
   Final optical normalization against the approved desktop + mobile references.
   Scope: visual-only. No routing, data, auth, Supabase, permissions or business logic changes.
*/

/* Shared finish */
body.portal-role-manager{
  --p5f-blue:#176cf0;
  --p5f-navy:#0b1b33;
  --p5f-ink:#14203a;
  --p5f-muted:#7e899c;
  --p5f-line:#e8edf4;
  --p5f-canvas:#f7f9fc;
  --p5f-card:#fff;
}
body.portal-role-manager :is(button,a,input){-webkit-tap-highlight-color:transparent}
body.portal-role-manager :is(.smaora-stat-card,.smaora-daily-card,.smaora-quick-access,.smaora-mobile-portal-card,.smaora-mobile-profile-menu){
  border-color:var(--p5f-line)!important;
}

/* ===== DESKTOP FINAL MATCH ===== */
@media (min-width:901px){
  html,body{background:var(--p5f-canvas)!important}
  body.portal-role-manager #appView.app-shell{grid-template-columns:226px minmax(0,1fr)!important;background:var(--p5f-canvas)!important}
  body.portal-role-manager #appView.app-shell>.sidebar{
    width:226px!important;min-width:226px!important;padding:17px 13px 13px!important;
    background:linear-gradient(180deg,#0b1a32 0%,#0d213d 58%,#09172c 100%)!important;
    box-shadow:10px 0 30px rgba(9,23,44,.035)!important;
  }
  body.portal-role-manager .sidebar .smaora-sidebar-brand{min-height:69px!important;padding:0 7px 14px!important}
  body.portal-role-manager .smaora-sidebar-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.portal-role-manager .smaora-sidebar-wordmark{font-size:21px!important}
  body.portal-role-manager .smaora-sidebar-tagline{font-size:7.5px!important;opacity:.82!important}
  body.portal-role-manager .smaora-desktop-ref-nav{gap:1px!important;padding-top:3px!important}
  body.portal-role-manager .smaora-desktop-ref-nav :is(.nav-btn,.smaora-ref-nav-link,.smaora-ref-nav-action){
    min-height:43px!important;padding:8px 12px!important;border-radius:9px!important;font-size:12.5px!important;gap:11px!important;
  }
  body.portal-role-manager .smaora-ref-nav-icon{width:21px!important;height:21px!important;flex-basis:21px!important}
  body.portal-role-manager .smaora-desktop-ref-nav .nav-btn.active{
    background:linear-gradient(100deg,#1764e8,#226ee9)!important;
    box-shadow:0 9px 22px rgba(23,96,226,.25)!important;
  }

  body.portal-role-manager .main>.smaora-reference-topbar{
    height:72px!important;min-height:72px!important;padding:10px 20px!important;
    grid-template-columns:auto minmax(330px,1fr) auto!important;border-bottom:1px solid #f0f3f7!important;
    background:rgba(255,255,255,.98)!important;
  }
  body.portal-role-manager .smaora-topbar-icon{width:40px!important;height:40px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-topbar-search{width:min(100%,560px)!important}
  body.portal-role-manager .smaora-topbar-search input{height:41px!important;border-radius:10px!important;font-size:11px!important}
  body.portal-role-manager .smaora-ref-theme,
  body.portal-role-manager .smaora-ref-language{height:40px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-ref-theme{width:40px!important}

  body.portal-role-manager #overviewPanel{
    width:100%!important;max-width:1320px!important;margin-inline:auto!important;padding:16px 18px 15px!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{
    min-height:194px!important;margin-bottom:14px!important;padding:22px 31px!important;border-radius:18px!important;
    box-shadow:0 9px 26px rgba(31,57,96,.04)!important;
  }
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{
    background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 47%,rgba(247,251,255,.64) 69%,rgba(255,255,255,.05) 100%)!important;
  }
  body.portal-role-manager .smaora-manager-hero-copy{max-width:690px!important}
  body.portal-role-manager .smaora-manager-hero h3{font-size:40px!important;letter-spacing:-.02em!important}
  body.portal-role-manager .smaora-manager-hero p{font-size:12.5px!important;margin-top:8px!important}
  body.portal-role-manager .smaora-manager-hero-pills{margin-top:14px!important;gap:14px!important}
  body.portal-role-manager .smaora-manager-hero-pills span{min-height:29px!important;padding:5px 12px!important;font-size:9.5px!important}
  body.portal-role-manager .smaora-manager-hero-quote{transform:translateX(-10px)!important;max-width:225px!important}
  body.portal-role-manager .smaora-manager-hero-quote span{font-size:12px!important}
  body.portal-role-manager .smaora-manager-hero-quote strong{font-size:15px!important}

  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{gap:11px!important;margin-bottom:14px!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{
    min-height:109px!important;padding:13px 14px!important;border-radius:14px!important;
    box-shadow:0 6px 18px rgba(24,48,84,.032)!important;
  }
  body.portal-role-manager .smaora-stat-icon{width:43px!important;height:43px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-stat-card>span:not(.smaora-stat-icon){font-size:10px!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:23px!important}
  body.portal-role-manager .smaora-stat-card small{font-size:8px!important}

  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr) minmax(280px,.96fr)!important;
    grid-template-areas:"schedule tasks ai"!important;gap:12px!important;margin-bottom:14px!important;
  }
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-daily-card{
    min-height:312px!important;padding:15px!important;border-radius:15px!important;
    box-shadow:0 6px 18px rgba(24,48,84,.032)!important;
  }
  body.portal-role-manager .smaora-focus-head{min-height:39px!important;margin-bottom:7px!important}
  body.portal-role-manager .smaora-focus-head h4,
  body.portal-role-manager .smaora-ai-title h4{font-size:14px!important}
  body.portal-role-manager .smaora-schedule-row{min-height:48px!important}
  body.portal-role-manager .smaora-task-row{min-height:51px!important}
  body.portal-role-manager .smaora-ai-actions button{min-height:53px!important;border-radius:11px!important}

  body.portal-role-manager #overviewPanel>.smaora-quick-access{
    padding:12px 14px 13px!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(24,48,84,.032)!important;
  }
  body.portal-role-manager .smaora-quick-access-head{margin-bottom:9px!important}
  body.portal-role-manager .smaora-quick-access-grid{gap:7px!important}
  body.portal-role-manager .smaora-portal-shortcut{min-height:99px!important;padding:9px 6px!important;border-radius:11px!important}
  body.portal-role-manager .smaora-portal-shortcut-icon{width:38px!important;height:38px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-portal-shortcut b{font-size:9px!important}
  body.portal-role-manager .smaora-portal-shortcut small{font-size:7.3px!important}
  body.portal-role-manager #overviewPanel>.smaora-dashboard-footer{min-height:42px!important;margin-top:6px!important;font-size:8px!important}
}

@media (min-width:901px) and (max-width:1180px){
  body.portal-role-manager #appView.app-shell{grid-template-columns:214px minmax(0,1fr)!important}
  body.portal-role-manager #appView.app-shell>.sidebar{width:214px!important;min-width:214px!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"schedule tasks" "ai ai"!important;
  }
  body.portal-role-manager .smaora-manager-focus-grid>.smaora-ai-card{min-height:230px!important}
  body.portal-role-manager .smaora-quick-access-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ===== MOBILE FINAL MATCH ===== */
@media (max-width:900px){
  html,body{background:#f8faff!important}
  body.portal-role-manager{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  body.portal-role-manager .main>.smaora-reference-topbar{
    min-height:56px!important;padding:7px 11px 5px!important;grid-template-columns:35px minmax(0,1fr) 35px!important;gap:7px!important;
  }
  body.portal-role-manager .smaora-topbar-tools{width:35px!important}
  body.portal-role-manager .smaora-topbar-tools .smaora-topbar-icon:first-child,
  body.portal-role-manager .smaora-ref-theme{width:33px!important;height:33px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-topbar-search input{height:33px!important;font-size:10.5px!important;border-radius:9px!important}

  body.portal-role-manager #overviewPanel{max-width:440px!important;padding:0 10px 13px!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero{min-height:198px!important;margin-bottom:8px!important}
  body.portal-role-manager #overviewPanel>.smaora-manager-hero::before{inset:58px 0 0 0!important;border-radius:15px!important}
  body.portal-role-manager .smaora-manager-hero-copy{height:53px!important;padding-right:48px!important}
  body.portal-role-manager .smaora-manager-hero-copy::before{width:39px!important;height:39px!important;top:5px!important}
  body.portal-role-manager .smaora-manager-hero h3::after{font-size:12.5px!important}
  body.portal-role-manager .smaora-manager-hero p::after{font-size:8px!important}
  body.portal-role-manager .smaora-manager-hero-quote{inset:auto 12px 15px auto!important;max-width:145px!important}
  body.portal-role-manager .smaora-manager-hero-quote span::after{font-size:10.5px!important}
  body.portal-role-manager .smaora-manager-hero-quote strong::after{font-size:14.5px!important}
  body.portal-role-manager .smaora-manager-hero-quote::after{height:25px!important;font-size:7.5px!important}

  body.portal-role-manager #overviewPanel>.smaora-reference-metrics{gap:7px!important;margin-bottom:8px!important}
  body.portal-role-manager #overviewPanel>.smaora-reference-metrics .smaora-stat-card{
    min-height:74px!important;grid-template-columns:34px minmax(0,1fr)!important;padding:9px!important;border-radius:12px!important;
  }
  body.portal-role-manager .smaora-stat-icon{width:33px!important;height:33px!important}
  body.portal-role-manager .smaora-stat-card>span:not(.smaora-stat-icon){font-size:9px!important}
  body.portal-role-manager .smaora-stat-card strong{font-size:18px!important}
  body.portal-role-manager .smaora-stat-card small{font-size:7.2px!important}

  body.portal-role-manager .smaora-manager-focus-grid>.smaora-tasks-card{padding:10px!important;border-radius:12px!important}
  body.portal-role-manager .smaora-focus-head h4{font-size:11px!important}
  body.portal-role-manager .smaora-task-row{min-height:43px!important}
  body.portal-role-manager .smaora-task-row b{font-size:9.5px!important}
  body.portal-role-manager .smaora-task-row small{font-size:7.2px!important}
  body.portal-role-manager .smaora-task-all{font-size:8.5px!important}

  body.portal-role-manager .smaora-manager-mobile-dock{min-height:63px!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))!important}
  body.portal-role-manager .smaora-manager-mobile-dock button{min-height:49px!important;font-size:8px!important;border-radius:10px!important}
  body.portal-role-manager .smaora-manager-mobile-dock button svg{width:18.5px!important;height:18.5px!important}

  body.portal-role-manager .smaora-mobile-portals-screen,
  body.portal-role-manager .smaora-mobile-detail-screen{inset:0 0 calc(63px + env(safe-area-inset-bottom,0px)) 0!important;padding:9px 11px 18px!important}
  body.portal-role-manager .smaora-mobile-screen-head h2,
  body.portal-role-manager .smaora-mobile-detail-head h2{font-size:14px!important}
  body.portal-role-manager .smaora-mobile-screen-head p,
  body.portal-role-manager .smaora-mobile-detail-head p{font-size:8px!important}
  body.portal-role-manager .smaora-mobile-portals-grid{gap:8px!important}
  body.portal-role-manager .smaora-mobile-portal-card{min-height:94px!important;border-radius:13px!important}
  body.portal-role-manager .smaora-mobile-portal-card .portal-card-icon{width:40px!important;height:40px!important}
  body.portal-role-manager .smaora-mobile-portal-card strong{font-size:9.8px!important}

  body.portal-role-manager .smaora-mobile-more-panel{width:min(79vw,326px)!important;padding:15px 13px calc(14px + env(safe-area-inset-bottom,0px))!important}
  body.portal-role-manager .smaora-mobile-profile strong{font-size:11px!important}
  body.portal-role-manager .smaora-mobile-profile span:not(.smaora-mobile-avatar){font-size:8px!important}
  body.portal-role-manager .smaora-mobile-more-nav :is(button,a){min-height:43px!important}
  body.portal-role-manager .smaora-mobile-more-nav span{font-size:10px!important}

  body.portal-role-manager .smaora-mobile-segmented button{height:29px!important;font-size:8.5px!important}
  body.portal-role-manager .smaora-mobile-period{min-height:66px!important;grid-template-columns:63px minmax(0,1fr) 34px!important}
  body.portal-role-manager .period-time{font-size:7.7px!important}
  body.portal-role-manager .period-copy small{font-size:7.3px!important}
  body.portal-role-manager .period-copy b{font-size:10px!important}
  body.portal-role-manager .period-copy em{font-size:7.3px!important}
  body.portal-role-manager .smaora-mobile-break span{font-size:7.7px!important}
  body.portal-role-manager .smaora-mobile-break b{font-size:9px!important}

  body.portal-role-manager .smaora-mobile-assistant-head h2{font-size:15px!important}
  body.portal-role-manager .smaora-mobile-assistant-head p{font-size:9px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble b{font-size:9.5px!important}
  body.portal-role-manager .smaora-mobile-ai-bubble p{font-size:8.2px!important}
  body.portal-role-manager .smaora-mobile-ai-actions button b{font-size:9px!important}
  body.portal-role-manager .smaora-mobile-ai-composer input{font-size:9px!important}

  body.portal-role-manager .smaora-mobile-notification-tabs button{height:30px!important;font-size:8.2px!important}
  body.portal-role-manager .smaora-mobile-notification-item{min-height:66px!important}
  body.portal-role-manager .smaora-mobile-notification-item b{font-size:9.4px!important}
  body.portal-role-manager .smaora-mobile-notification-item small{font-size:7.5px!important}
  body.portal-role-manager .smaora-mobile-notification-item em{font-size:7px!important}

  body.portal-role-manager .smaora-mobile-profile-hero .profile-photo{width:68px!important;height:68px!important}
  body.portal-role-manager .smaora-mobile-profile-hero h3{font-size:12px!important}
  body.portal-role-manager .smaora-mobile-profile-hero p{font-size:7.8px!important}
  body.portal-role-manager .smaora-mobile-profile-menu :is(a,button){min-height:45px!important}
  body.portal-role-manager .smaora-mobile-profile-menu b{font-size:9.4px!important}
}

@media (max-width:390px){
  body.portal-role-manager #overviewPanel{padding-inline:9px!important}
  body.portal-role-manager .smaora-mobile-more-panel{width:80vw!important;max-width:300px!important}
  body.portal-role-manager .smaora-mobile-portal-card{min-height:90px!important}
  body.portal-role-manager .smaora-mobile-period{grid-template-columns:57px minmax(0,1fr) 31px!important}
}


/* v1.2.1 live public/auth closure */
html[data-smaora-theme-package="smaora-reference-blue"]{
 --smaora-theme-primary:#2f6df6;--smaora-theme-primary-2:#1d55e9;--smaora-theme-navy:#0b1930;--smaora-theme-text:#111b34;--smaora-theme-muted:#71809a;--smaora-theme-line:#e4eaf3;--smaora-theme-canvas:#f5f8fc;--smaora-theme-surface:#fff;--smaora-theme-shadow:0 18px 48px rgba(22,47,89,.10)
}
html[data-smaora-theme-package="smaora-reference-blue"] body{background:var(--smaora-theme-canvas)!important;color:var(--smaora-theme-text)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public{background:radial-gradient(circle at 14% 10%,rgba(47,109,246,.10),transparent 30%),linear-gradient(180deg,#fff 0,#f6f9fe 42%,#f3f7fc 100%)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-header{position:sticky!important;top:0!important;z-index:90!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(220,228,240,.9)!important;box-shadow:0 7px 26px rgba(25,48,86,.055)!important;backdrop-filter:blur(18px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-header .ssp-nav{min-height:76px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand strong{color:#14213d!important;font-weight:900!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand small,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-desktop-nav a{color:#71809a!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-desktop-nav a:hover{color:var(--smaora-theme-primary)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-primary{border:0!important;background:linear-gradient(135deg,var(--smaora-theme-primary),var(--smaora-theme-primary-2))!important;color:#fff!important;box-shadow:0 11px 24px rgba(47,109,246,.22)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-secondary,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-link-btn{border:1px solid #dce5f2!important;background:#fff!important;color:#294367!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{padding-block:clamp(54px,7vw,96px)!important;background:radial-gradient(circle at 78% 36%,rgba(49,121,255,.15),transparent 31%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 53%,#f9fbff 100%)!important;border-bottom:1px solid #e7eef8!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-kicker{color:#2e65d2!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-kicker span{background:var(--smaora-theme-primary)!important;box-shadow:0 0 0 6px rgba(47,109,246,.10)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{color:#101c36!important;letter-spacing:-.035em!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1 em{color:var(--smaora-theme-primary)!important;font-style:normal!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy>p{color:#5e6f8a!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof span{color:#536784!important;background:rgba(255,255,255,.74)!important;border:1px solid #e1e9f4!important;border-radius:999px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{border:1px solid #dbe6f4!important;border-radius:24px!important;background:#fff!important;box-shadow:0 26px 65px rgba(29,66,122,.14)!important;overflow:hidden!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top{background:linear-gradient(110deg,#0b1930,#153765)!important;color:#fff!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top b{color:#61e2bd!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption{background:linear-gradient(180deg,transparent,rgba(7,25,52,.84))!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{background:#fff!important;border-top:1px solid #edf1f7!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals span{color:#41526d!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section{background:transparent!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head>span,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-copy>span,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta-inner>div>span,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final-card>div>span{color:var(--smaora-theme-primary)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head h2,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-copy h2,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta h2,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final h2{color:#14213d!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head p,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-copy p,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta p,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final p{color:#687994!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid article,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid article{border:1px solid #e2e8f1!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 26px rgba(29,55,96,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card:hover,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid article:hover,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid article:hover{transform:translateY(-3px)!important;border-color:#cbdcff!important;box-shadow:0 18px 34px rgba(29,73,143,.10)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card h3,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid h3,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid b{color:#192946!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card p,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid p,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid span{color:#6f7f98!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card .ssp-icon{background:linear-gradient(145deg,#f5f8ff,#eaf1ff)!important;border:1px solid #dbe7ff!important;color:var(--smaora-theme-primary)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-school-experience{background:linear-gradient(180deg,#f2f7ff,#eef5ff)!important;border-block:1px solid #e1e9f5!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-identity-preview article{border:1px solid #dce6f3!important;background:#fff!important;border-radius:18px!important;box-shadow:0 14px 32px rgba(22,52,96,.07)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-theme-pills i{border:1px solid #d8e3f3!important;background:#fff!important;color:#38567f!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta-inner,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final-card{border:1px solid #dce6f4!important;border-radius:22px!important;background:radial-gradient(circle at 8% 50%,rgba(47,109,246,.12),transparent 25%),#fff!important;box-shadow:var(--smaora-theme-shadow)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-footer{background:linear-gradient(180deg,#0c1a32,#0a162a)!important;color:#d6e1f1!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-footer a,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-footer button{color:#c4d0e3!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-backdrop{background:rgba(5,14,31,.66)!important;backdrop-filter:blur(5px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-panel{border:1px solid rgba(220,229,242,.95)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 80px rgba(3,17,40,.28)!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-brand{border-bottom:1px solid #edf1f7!important;padding-bottom:16px!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal h2{color:#14213d!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-subtitle,
html[data-smaora-theme-package="smaora-reference-blue"] #authModal small,
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-security-note span{color:#71809a!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .tabs{background:#f2f5fa!important;border:1px solid #e7ecf4!important;border-radius:13px!important;padding:4px!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .tab{border-radius:9px!important;color:#667692!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .tab.active{background:linear-gradient(135deg,var(--smaora-theme-primary),var(--smaora-theme-primary-2))!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,109,246,.18)!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal label{color:#344761!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal input,
html[data-smaora-theme-package="smaora-reference-blue"] #authModal select{border:1px solid #dce4ef!important;background:#fbfcfe!important;border-radius:11px!important;color:#172640!important;box-shadow:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal input:focus,
html[data-smaora-theme-package="smaora-reference-blue"] #authModal select:focus{border-color:#8eb2ff!important;box-shadow:0 0 0 4px rgba(47,109,246,.10)!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .btn-primary{border:0!important;background:linear-gradient(135deg,var(--smaora-theme-primary),var(--smaora-theme-primary-2))!important;color:#fff!important;box-shadow:0 12px 24px rgba(47,109,246,.20)!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-security-note{border:1px solid #dce8ff!important;border-radius:12px!important;background:#f3f7ff!important}
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-security-note b,
html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-forgot{color:#245fd7!important}
@media(max-width:900px){
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-header .ssp-nav{min-height:66px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mobile-nav{border:1px solid #dfe7f2!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 42px rgba(16,36,70,.16)!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mobile-nav a,
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mobile-login{color:#30425f!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{padding-block:30px 42px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-grid{gap:26px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{font-size:clamp(34px,10vw,48px)!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{border-radius:19px!important;box-shadow:0 18px 42px rgba(29,66,122,.13)!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card,
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid article,
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid article{border-radius:15px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] #authModal .auth-panel{width:min(94vw,520px)!important;max-height:92dvh!important;border-radius:20px!important}
}
@media(max-width:560px){
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof{gap:7px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof span{font-size:11px!important;padding:7px 10px!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions{display:grid!important;grid-template-columns:1fr!important}
 html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions>*{width:100%!important;justify-content:center!important}
}


/* SMAORA Reference Blue v1.2.2 — mobile visual polish */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-shell{
    width:min(calc(100% - 28px),1180px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-header .ssp-nav{
    min-height:64px!important;
    padding-block:6px!important;
    gap:9px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand{
    min-width:0!important;
    gap:8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand img{
    content:url("/__smaora/theme/asset?prefix=validated%2Fsmaora-reference-blue%2F1.5.1%2F988b7690e377&path=assets%2Flogo-s.svg")!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 7px 14px rgba(37,105,235,.14))!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand strong{
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:.035em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand small{
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1!important;
    color:#8c98aa!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-nav-actions{
    gap:7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-nav-actions .ssp-primary{
    min-height:44px!important;
    padding-inline:17px!important;
    border-radius:12px!important;
    font-size:13px!important;
    box-shadow:0 8px 18px rgba(47,109,246,.18)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-menu-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    border-radius:12px!important;
    border-color:#d7e2f0!important;
    color:#234867!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{
    padding-block:24px 30px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-grid{
    gap:22px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy{
    padding-top:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-kicker{
    width:auto!important;
    max-width:100%!important;
    min-height:34px!important;
    margin:0 0 13px!important;
    padding:7px 10px!important;
    border:1px solid #d8e5f7!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 5px 16px rgba(41,78,132,.045)!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-kicker span{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{
    margin:0!important;
    font-size:clamp(34px,9vw,43px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1 em{
    display:block!important;
    margin-top:9px!important;
    font-size:.69em!important;
    line-height:1.22!important;
    letter-spacing:-.015em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy>p{
    margin:14px 0 16px!important;
    font-size:13.5px!important;
    line-height:1.82!important;
    color:#65748d!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions>*{
    width:100%!important;
    min-height:52px!important;
    justify-content:center!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof{
    margin-top:13px!important;
    gap:6px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof span{
    padding:6px 9px!important;
    font-size:10.25px!important;
    line-height:1.2!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{
    margin-top:2px!important;
    border-radius:18px!important;
    box-shadow:0 15px 34px rgba(29,66,122,.12)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top{
    min-height:46px!important;
    padding:0 14px!important;
    font-size:12.5px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top b{
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{
    height:222px!important;
    min-height:222px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 52%!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption{
    padding:18px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption small{
    font-size:11px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{
    margin-top:3px!important;
    font-size:25px!important;
    line-height:1.15!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption span{
    margin-top:6px!important;
    font-size:11px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{
    min-height:68px!important;
    padding:8px!important;
    gap:6px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals span{
    min-height:50px!important;
    gap:4px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals svg{
    width:19px!important;
    height:19px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section{
    padding-block:44px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head{
    margin-bottom:20px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head h2{
    font-size:27px!important;
    line-height:1.25!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-grid{
    gap:11px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card{
    padding:15px!important;
  }
}
@media (max-width:430px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-shell{
    width:min(calc(100% - 22px),1180px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand img{
    width:39px!important;height:39px!important;min-width:39px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand strong{
    font-size:18px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-nav-actions .ssp-primary{
    min-height:42px!important;
    padding-inline:14px!important;
    font-size:12.5px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-menu-btn{
    width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{
    padding-block:21px 27px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{
    font-size:clamp(32px,9.2vw,39px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1 em{
    font-size:.68em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy>p{
    font-size:13px!important;
    line-height:1.78!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{
    height:205px!important;
    min-height:205px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{
    font-size:23px!important;
  }
}


@media (max-width:820px){
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-header .ssp-nav{min-height:60px!important;padding-block:5px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand img{width:38px!important;height:38px!important;min-width:38px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-brand strong{font-size:18px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-nav-actions .ssp-primary{min-height:41px!important;padding-inline:14px!important;font-size:12.5px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-menu-btn{width:41px!important;height:41px!important;min-width:41px!important;flex-basis:41px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{padding-block:18px 22px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-grid{gap:14px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-kicker{min-height:31px!important;margin-bottom:10px!important;padding:6px 9px!important;font-size:10.75px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{font-size:clamp(30px,8vw,36px)!important;line-height:1.04!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1 em{margin-top:7px!important;font-size:.65em!important;line-height:1.22!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy>p{margin:11px 0 13px!important;font-size:12.4px!important;line-height:1.72!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions{gap:8px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions>*{min-height:48px!important;font-size:13.5px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-proof{display:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{margin-top:0!important;border-radius:16px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top{min-height:42px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{height:188px!important;min-height:188px!important;max-height:188px!important;overflow:hidden!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption{padding:15px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{font-size:21px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{min-height:60px!important;padding:6px!important}
}
@media (max-width:430px){
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero{padding-block:16px 20px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-grid{gap:12px!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1{font-size:clamp(29px,8.4vw,34px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{height:180px!important;min-height:180px!important;max-height:180px!important}
}


/* SMAORA Reference Blue v1.3.0 — homepage structure */
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-hero{order:1!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-portals-section{order:2!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-school-experience{order:3!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-independent{order:4!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-student-affairs{order:5!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-catalog-cta{order:6!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public>main>.ssp-final{order:7!important}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section{
  background:#fff!important;
  border-top:1px solid #edf1f6!important;
  border-bottom:1px solid #edf1f6!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-school-experience{
  background:linear-gradient(180deg,#f3f7ff 0%,#eef5ff 100%)!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent{
  background:#fff!important;
  border-bottom:1px solid #edf1f6!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-student-affairs{
  background:#f8fafe!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta{
  background:#fff!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final{
  background:linear-gradient(180deg,#f8fbff,#f2f7ff)!important;
  padding-top:30px!important;
  padding-bottom:54px!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section{
  padding-block:clamp(52px,6vw,82px)!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head{
  max-width:760px!important;
  margin-inline:auto!important;
  margin-bottom:30px!important;
  text-align:center!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  border:1px solid #dce7ff!important;
  font-size:11px!important;
  font-weight:850!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head h2{
  margin:10px 0 8px!important;
  font-size:clamp(27px,3.2vw,42px)!important;
  line-height:1.22!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head p{
  margin:0!important;
  line-height:1.8!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-grid{
  gap:14px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card{
  min-height:154px!important;
  padding:20px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card .ssp-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card h3{
  margin:0 0 5px!important;
  font-size:15px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card p{
  margin:0!important;
  line-height:1.7!important;
  font-size:12px!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-grid{
  align-items:center!important;
  gap:34px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-copy{
  max-width:640px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-copy h2{
  margin:9px 0 10px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-identity-preview{
  gap:12px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-identity-preview article{
  min-height:150px!important;
  padding:20px!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid{
  gap:14px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid article,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid article{
  min-height:126px!important;
  padding:18px!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta-inner{
  padding:28px 30px!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final-card{
  padding:30px!important;
}

@media(max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section{
    padding-block:36px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head{
    margin-bottom:20px!important;
    text-align:right!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head>span{
    min-height:27px!important;
    padding:4px 9px!important;
    font-size:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head h2{
    margin:8px 0 7px!important;
    font-size:25px!important;
    line-height:1.27!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-section-head p{
    font-size:12.5px!important;
    line-height:1.72!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-grid{
    gap:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card{
    min-height:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card .ssp-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card h3{
    font-size:14px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portal-card p{
    font-size:11.5px!important;
    line-height:1.62!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-experience-grid{
    gap:20px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-identity-preview{
    grid-template-columns:1fr!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-identity-preview article{
    min-height:0!important;
    padding:16px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid,
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid{
    gap:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-independent-grid article,
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-mini-grid article{
    min-height:0!important;
    padding:14px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-catalog-cta-inner,
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final-card{
    padding:20px!important;
    border-radius:17px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-final{
    padding-top:18px!important;
    padding-bottom:34px!important;
  }
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public #school-experience{display:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public .ssp-desktop-nav a[href="#school-experience"],
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-public .ssp-mobile-nav a[href="#school-experience"]{display:none!important}


/* SMAORA Reference Blue v1.3.2 — compact portal cards; descriptions remain in portal guide */
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card p{
  display:none!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card{
  min-height:118px!important;
  padding:16px!important;
  align-content:center!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card h3{
  margin:0!important;
  font-size:16px!important;
  line-height:1.35!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card .ssp-icon{
  margin-bottom:10px!important;
}
@media(max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card{
    min-height:106px!important;
    padding:13px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card h3{
    font-size:14px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-portals-section .ssp-portal-card .ssp-icon{
    margin-bottom:8px!important;
  }
}


/* SMAORA Reference Blue v1.4.0 — premium campus card redesign */
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{
  position:relative!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  right:14px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>span,
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(8,24,49,.58)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:0 7px 18px rgba(7,20,43,.18)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>b{
  color:#dffdf3!important;
  background:rgba(10,119,91,.68)!important;
  border-color:rgba(202,255,239,.28)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>b::before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-inline-end:6px!important;
  border-radius:50%!important;
  background:#7cf2cb!important;
  box-shadow:0 0 0 4px rgba(124,242,203,.14)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{
  position:relative!important;
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
  overflow:hidden!important;
  border:1px solid rgba(215,227,241,.95)!important;
  border-radius:24px!important;
  background:#0c1b33!important;
  box-shadow:0 24px 54px rgba(21,52,96,.16)!important;
  isolation:isolate!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(8,22,45,.20) 0%,rgba(8,22,45,.04) 34%,rgba(8,22,45,.22) 62%,rgba(7,18,38,.88) 100%),
    linear-gradient(90deg,rgba(15,70,153,.10),transparent 52%,rgba(5,22,50,.16))!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:auto -18% -52% auto!important;
  width:72%!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(47,109,246,.32),rgba(47,109,246,0) 68%)!important;
  pointer-events:none!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 54%!important;
  transform:scale(1.025)!important;
  filter:saturate(.78) contrast(1.08) brightness(.93)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption{
  position:absolute!important;
  z-index:3!important;
  inset:auto 0 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding:28px 26px 24px!important;
  background:transparent!important;
  text-align:right!important;
  color:#fff!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption small{
  margin:0 0 5px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:11px!important;
  font-weight:700!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{
  margin:0!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.28)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption span{
  margin-top:8px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  min-height:0!important;
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:10px 8px!important;
  border:1px solid #e1e8f2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#304461!important;
  font-size:10.5px!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(30,58,101,.045)!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span svg{
  width:22px!important;
  height:22px!important;
  color:#2f6df6!important;
  stroke:currentColor!important;
}

html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>.p-school{
  background:linear-gradient(180deg,#f4f8ff,#edf4ff)!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>.p-manager{
  background:linear-gradient(180deg,#f6fbf9,#eef8f4)!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>.p-teacher{
  background:linear-gradient(180deg,#fff8f2,#fff3e9)!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>.p-activity{
  background:linear-gradient(180deg,#faf6ff,#f4edff)!important;
}

@media(max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-card{
    border-radius:20px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top{
    top:12px!important;
    left:12px!important;
    right:12px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>span,
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-top>b{
    min-height:29px!important;
    padding:5px 9px!important;
    font-size:9.75px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{
    height:238px!important;
    min-height:238px!important;
    max-height:238px!important;
    border-radius:20px!important;
    box-shadow:0 18px 38px rgba(21,52,96,.14)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual>img{
    object-position:center 52%!important;
    transform:scale(1.035)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption{
    padding:22px 18px 18px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption small{
    font-size:10px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{
    font-size:25px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption span{
    margin-top:6px!important;
    font-size:10.5px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:10px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span{
    min-height:72px!important;
    border-radius:14px!important;
    font-size:10.5px!important;
  }
}

@media(max-width:430px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-caption strong{
    font-size:23px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span{
    min-height:68px!important;
  }
}


html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{background-image:url("/__smaora/theme/asset?prefix=validated%2Fsmaora-reference-blue%2F1.4.1%2Fd363b280180f&path=assets%2Fcampus-premium.webp")!important;background-size:cover!important;background-position:center 50%!important;background-repeat:no-repeat!important}html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual>img{display:none!important}@media(max-width:820px){html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-visual{background-position:44% center!important}}


/* SMAORA mobile one-row action and portal polish v1.4.2 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    margin-top:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions>*{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:9px 11px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
    border-radius:14px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    min-height:0!important;
    padding:8px 6px!important;
    margin:0!important;
    background:transparent!important;
    border-top:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span{
    min-width:0!important;
    min-height:78px!important;
    padding:8px 3px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid #e4eaf3!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.94))!important;
    box-shadow:0 8px 18px rgba(29,55,96,.06)!important;
    color:#2c3b55!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span svg{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,#f8fbff,#edf3ff)!important;
    border:1px solid #dfe9fb!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 12px rgba(29,83,180,.08)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span:nth-child(1) svg{color:#2468e8!important;background:linear-gradient(145deg,#edf4ff,#e8f0ff)!important;border-color:#d5e4ff!important}
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span:nth-child(2) svg{color:#15937f!important;background:linear-gradient(145deg,#eefbf8,#e7f8f3)!important;border-color:#d5f0e9!important}
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span:nth-child(3) svg{color:#df8a20!important;background:linear-gradient(145deg,#fff8ed,#fff2df)!important;border-color:#f8e4c2!important}
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span:nth-child(4) svg{color:#7556d9!important;background:linear-gradient(145deg,#f7f3ff,#f1ebff)!important;border-color:#e7dcff!important}
}
@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions{
    grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)!important;
    gap:7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-actions>*{
    min-height:48px!important;
    padding-inline:8px!important;
    font-size:11.25px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals{
    gap:5px!important;
    padding-inline:4px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span{
    min-height:72px!important;
    padding:7px 2px 6px!important;
    border-radius:13px!important;
    font-size:9.35px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] .ssp-campus-portals>span svg{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
}



/* SMAORA acronym hero copy v1.4.3 */
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy .smaora-meaning-ar{
  display:block!important;
  margin-top:9px!important;
  color:var(--smaora-theme-primary)!important;
  font-style:normal!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy .smaora-acronym-en{
  display:block!important;
  margin-top:8px!important;
  max-width:100%!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  font-size:clamp(11px,2.8vw,15px)!important;
  line-height:1.5!important;
  font-weight:600!important;
  font-style:normal!important;
  letter-spacing:.01em!important;
  color:#60718b!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy .smaora-acronym-en strong{
  color:var(--smaora-theme-primary)!important;
  font-weight:900!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1:not(:has(.smaora-acronym-en)){
  font-size:0!important;
  line-height:1!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1:not(:has(.smaora-acronym-en))::before{
  content:"SMAORA";
  display:block;
  color:#101c36;
  font-size:clamp(34px,9vw,48px);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-.035em;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1:not(:has(.smaora-acronym-en)) em{
  display:block!important;
  margin-top:9px!important;
  font-size:0!important;
  line-height:1!important;
  font-style:normal!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1:not(:has(.smaora-acronym-en)) em::before{
  content:"الإدارة الذكية وتنظيم الموارد بالذكاء الاصطناعي";
  display:block;
  color:var(--smaora-theme-primary);
  font-size:clamp(22px,6.2vw,30px);
  font-weight:850;
  line-height:1.24;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy h1:not(:has(.smaora-acronym-en)) em::after{
  content:"𝗦mart 𝗠anagement 𝗔nd 𝗢rganization of 𝗥esources with 𝗔I";
  display:block;
  margin-top:8px;
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
  color:#60718b;
  font-size:clamp(11px,2.8vw,15px);
  font-weight:600;
  line-height:1.5;
  letter-spacing:.01em;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy:not(:has(.smaora-acronym-en))>p{
  font-size:0!important;
  line-height:1!important;
}
html[data-smaora-theme-package="smaora-reference-blue"] .ssp-hero-copy:not(:has(.smaora-acronym-en))>p::before{
  content:"منظومة موحدة تجمع خدمات المدرسة في مكان واحد، وتمنح كل مستخدم المساحة والخدمات التي تخص دوره.";
  display:block;
  color:#65748d;
  font-size:clamp(13.5px,1.25vw,17px);
  line-height:1.82;
}




/* SMAORA hero hierarchy refinement v1.4.4 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{
    font-size:clamp(38px,10.5vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    display:block!important;
    margin-top:10px!important;
    color:#2f6df6!important;
    font-size:clamp(20px,5.8vw,25px)!important;
    line-height:1.32!important;
    font-weight:850!important;
    letter-spacing:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{
    display:block!important;
    width:100%!important;
    margin:8px 0 0!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    color:#66758e!important;
    font-size:clamp(10.5px,2.9vw,13px)!important;
    line-height:1.55!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{
    color:#2f6df6!important;
    font-weight:900!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{
    margin:15px 0 18px!important;
    color:#6a7890!important;
    font-size:13px!important;
    line-height:1.78!important;
  }
}



/* SMAORA unified premium hero v1.5.0 */
@media (max-width:820px){
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero{padding:18px 0 34px!important;background:linear-gradient(180deg,#f7fbff 0%,#f1f7ff 100%)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;min-height:790px!important;padding:24px 16px 20px!important;overflow:hidden!important;border:1px solid #dbe7f5!important;border-radius:28px!important;background:radial-gradient(circle at 18% 8%,rgba(88,174,255,.18),transparent 28%),radial-gradient(circle at 85% 18%,rgba(59,126,245,.13),transparent 30%),linear-gradient(180deg,#eef7ff 0%,#f8fbff 48%,#edf6ff 100%)!important;box-shadow:0 24px 60px rgba(28,72,138,.12)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::before{content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:43%!important;z-index:0!important;background:linear-gradient(180deg,rgba(238,247,255,1) 0%,rgba(238,247,255,.58) 12%,rgba(238,247,255,.04) 34%,rgba(14,47,94,.08) 100%),url("/assets/landing/school_building.webp") center 56%/cover no-repeat!important;pointer-events:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(132deg,rgba(255,255,255,.30) 0 18%,transparent 18% 100%),radial-gradient(circle at 50% 31%,rgba(255,255,255,.72),transparent 31%)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:0!important;text-align:center!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-kicker{align-self:center!important;width:auto!important;max-width:100%!important;min-height:38px!important;margin:0 0 20px!important;padding:8px 13px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 24px rgba(38,81,145,.08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;color:#334d72!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{margin:0!important;color:#125cc9!important;font-size:clamp(42px,12vw,58px)!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.045em!important;text-shadow:0 8px 22px rgba(33,101,213,.08)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{display:block!important;margin-top:18px!important;color:#14294b!important;font-size:clamp(21px,6vw,28px)!important;line-height:1.35!important;font-weight:900!important;letter-spacing:0!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{display:block!important;width:100%!important;margin:9px auto 0!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:center!important;color:#62718a!important;font-size:clamp(10.5px,2.9vw,13px)!important;line-height:1.55!important;font-weight:600!important;letter-spacing:.005em!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{color:#1768e8!important;font-weight:950!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{max-width:570px!important;margin:18px auto 18px!important;color:#5f6f87!important;font-size:12.75px!important;line-height:1.8!important;text-align:center!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.82fr)!important;gap:9px!important;width:100%!important;margin:0!important;direction:rtl!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>*{min-width:0!important;min-height:52px!important;width:100%!important;margin:0!important;padding:10px 10px!important;border-radius:15px!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important;line-height:1.1!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>.ssp-primary{box-shadow:0 13px 30px rgba(34,103,235,.24)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>.ssp-secondary{background:rgba(255,255,255,.78)!important;border-color:rgba(190,210,239,.92)!important;box-shadow:0 10px 24px rgba(32,66,114,.07)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-proof{display:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{position:relative!important;z-index:2!important;min-height:326px!important;margin:14px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-top,html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-visual{display:none!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-height:0!important;padding:8px!important;margin:0!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:19px!important;background:rgba(255,255,255,.66)!important;box-shadow:0 16px 34px rgba(34,75,135,.10)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span{min-width:0!important;min-height:86px!important;padding:9px 3px 8px!important;border:1px solid rgba(224,233,246,.95)!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#1b355b!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important;white-space:nowrap!important;box-shadow:0 7px 16px rgba(28,57,100,.045)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(1){background:linear-gradient(180deg,rgba(239,246,255,.96),rgba(230,241,255,.90))!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(2){background:linear-gradient(180deg,rgba(239,252,249,.96),rgba(229,248,242,.90))!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(3){background:linear-gradient(180deg,rgba(255,248,237,.97),rgba(255,240,217,.90))!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(4){background:linear-gradient(180deg,rgba(248,243,255,.97),rgba(239,232,255,.90))!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span svg{width:35px!important;height:35px!important;flex:0 0 35px!important;padding:7px!important;border-radius:11px!important;box-sizing:border-box!important;background:rgba(255,255,255,.56)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 12px rgba(30,68,120,.06)!important}
}
@media (max-width:390px){
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{min-height:760px!important;padding:20px 13px 18px!important;border-radius:24px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-kicker{margin-bottom:17px!important;font-size:10.3px!important;padding-inline:10px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{font-size:clamp(39px,11.5vw,50px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{font-size:clamp(19px,5.8vw,23px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{font-size:12px!important;margin-top:15px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions{gap:7px!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>*{min-height:49px!important;padding-inline:7px!important;font-size:11px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{min-height:314px!important;margin-top:12px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{gap:5px!important;padding:6px!important;border-radius:17px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span{min-height:80px!important;padding-inline:2px!important;font-size:9.3px!important;border-radius:13px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span svg{width:32px!important;height:32px!important;flex-basis:32px!important;padding:6px!important;border-radius:10px!important}
}


/* SMAORA concept parity v1.5.1 */
@media(max-width:820px){
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{min-height:760px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::before{height:45%!important;background:linear-gradient(180deg,rgba(238,247,255,1) 0%,rgba(238,247,255,.42) 8%,rgba(238,247,255,0) 24%,rgba(10,41,84,.03) 100%),url("/assets/landing/smaora-concept-campus.webp?v=20260927a") center bottom/cover no-repeat!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{background:linear-gradient(180deg,#1380f4 0%,#0753bd 72%,#073b94 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#0d61d6!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{max-width:100%!important;margin:18px auto 0!important;color:#13274a!important;-webkit-text-fill-color:#13274a!important;background:none!important;font-size:clamp(18.5px,5vw,23px)!important;line-height:1.35!important;white-space:normal!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{-webkit-text-fill-color:#62718a!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{-webkit-text-fill-color:#1768e8!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{margin:17px auto 16px!important;font-size:12.5px!important;line-height:1.72!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{min-height:300px!important;margin-top:12px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{margin-top:0!important}
}
@media(max-width:390px){
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{min-height:735px!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{font-size:clamp(17.5px,5.1vw,21px)!important}
html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{min-height:292px!important}
}


/* SMAORA final live hero v1.5.2 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand>img{display:none!important}
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand{gap:0!important}
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand span{align-items:flex-end!important}

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero{
    padding:16px 0 26px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    min-height:auto!important;
    padding:20px 15px 16px!important;
    overflow:hidden!important;
    border-radius:26px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::before{
    display:none!important;
    content:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::after{
    z-index:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy{
    position:relative!important;
    z-index:2!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:3!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    min-height:36px!important;
    margin:0 auto 18px!important;
    padding:8px 12px!important;
    transform:none!important;
    font-size:10.7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker::after{
    content:"✦"!important;
    display:inline-block!important;
    margin-inline-start:7px!important;
    color:#1b73ee!important;
    font-size:13px!important;
    line-height:1!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1{
    margin:0!important;
    transform:none!important;
    font-size:clamp(46px,12.6vw,60px)!important;
    line-height:.96!important;
    background:linear-gradient(180deg,#1383f6 0%,#0863d8 48%,#073e9a 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    text-shadow:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-meaning-ar{
    margin-top:17px!important;
    color:#10264a!important;
    -webkit-text-fill-color:#10264a!important;
    background:none!important;
    font-size:clamp(15.5px,4.5vw,18px)!important;
    line-height:1.3!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en{
    margin-top:8px!important;
    text-align:center!important;
    color:#65738a!important;
    -webkit-text-fill-color:#65738a!important;
    font-size:clamp(9.5px,2.7vw,11.5px)!important;
    line-height:1.45!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en strong{
    color:#126fe8!important;
    -webkit-text-fill-color:#126fe8!important;
    font-weight:950!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy>p{
    max-width:94%!important;
    margin:17px auto 16px!important;
    color:#566880!important;
    font-size:11.7px!important;
    line-height:1.72!important;
    text-align:center!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    gap:8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions>*{
    min-height:50px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:330px!important;
    margin:12px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:22px!important;
    background:
      linear-gradient(180deg,rgba(236,248,255,.98) 0%,rgba(236,248,255,.68) 10%,rgba(236,248,255,.10) 29%,rgba(236,248,255,0) 44%),
      url("/assets/landing/smaora-concept-campus.webp?v=20260927a") center bottom/100% auto no-repeat!important;
    box-shadow:0 16px 36px rgba(27,64,116,.10)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-top,
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-visual{
    display:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals{
    position:relative!important;
    z-index:4!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:7px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.80)!important;
    box-shadow:0 14px 30px rgba(30,68,124,.11)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span{
    min-height:78px!important;
    padding:7px 2px!important;
    border-radius:14px!important;
    font-size:9.4px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span svg{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
    padding:6px!important;
  }
}
@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero{padding-top:13px!important}
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    padding:18px 12px 14px!important;
    border-radius:23px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    margin-bottom:15px!important;
    font-size:9.8px!important;
    padding-inline:9px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1{
    font-size:clamp(43px,12.3vw,52px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-meaning-ar{
    font-size:clamp(14.4px,4.25vw,16.6px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en{
    font-size:clamp(8.6px,2.55vw,10.4px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy>p{
    margin:14px auto 14px!important;
    font-size:10.8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions>*{
    min-height:47px!important;
    font-size:10.7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    min-height:305px!important;
    margin-top:10px!important;
    border-radius:19px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals{
    gap:5px!important;
    padding:6px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span{
    min-height:73px!important;
    font-size:8.9px!important;
  }
}

/* SMAORA campus asset cache-bust v1.5.3 */