/* Smart School Portal interior visual system v0.8.84
   Visual migration layer for the role portals. Keeps existing functional DOM/contracts intact. */
:root{
  --ssp-portal-surface:#ffffff;
  --ssp-portal-canvas:#f4f8fb;
  --ssp-portal-line:#e2ebf0;
  --ssp-portal-ink:#12364a;
  --ssp-portal-muted:#70838e;
  --ssp-portal-radius-xl:26px;
  --ssp-portal-radius-lg:20px;
  --ssp-portal-radius-md:15px;
  --ssp-portal-shadow:0 18px 46px rgba(23,50,68,.08);
  --ssp-campus-image:url("../assets/landing/school_building.webp");
}

body.portal-role{
  min-height:100vh;
  background:
    radial-gradient(circle at 92% -8%,rgba(var(--ssp-role-rgb),.12),transparent 27%),
    linear-gradient(180deg,#f9fcfd 0,#f3f7fa 68%,#f8fbfc 100%)!important;
}

body.portal-role :is(.main,.shell,.workspace-main,.ps-shell,.activity-standalone-shell,.sb-shell){scroll-margin-top:78px}

/* Shared portal-return control */
.portal-lobby-link{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;
  border:1px solid rgba(var(--ssp-role-rgb),.18);background:#fff;color:var(--ssp-role);
  border-radius:12px;padding:9px 12px;font-size:12px;font-weight:900;
  box-shadow:0 7px 20px rgba(28,55,71,.05)
}
.portal-lobby-link::before{content:"▦";font-size:15px;line-height:1}
.portal-lobby-link:hover{border-color:rgba(var(--ssp-role-rgb),.35);transform:translateY(-1px)}

/* ========== SCHOOL MANAGER PORTAL ========== */
body.portal-role-manager #overviewPanel{display:grid;gap:14px}
body.portal-role-manager #overviewPanel>.section-head:first-child{
  min-height:188px;margin:0;padding:28px;border:1px solid rgba(var(--ssp-role-rgb),.12);border-radius:var(--ssp-portal-radius-xl);
  align-items:flex-end;position:relative;overflow:hidden;isolation:isolate;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0 44%,rgba(255,255,255,.78) 62%,rgba(255,255,255,.25) 100%),
    var(--ssp-campus-image) center 43%/cover no-repeat;
  box-shadow:var(--ssp-portal-shadow)
}
body.portal-role-manager #overviewPanel>.section-head:first-child::after{
  content:"إدارة أذكى • يوم مدرسي أوضح";position:absolute;inset-inline-start:28px;bottom:23px;z-index:-1;
  font-size:10px;font-weight:900;letter-spacing:.04em;color:rgba(var(--ssp-role-rgb),.54)
}
body.portal-role-manager #overviewPanel>.section-head:first-child>div{align-self:flex-start;max-width:520px;position:relative;z-index:1}
body.portal-role-manager #overviewPanel>.section-head:first-child h3{font-size:clamp(26px,3vw,38px);margin:5px 0 8px;color:#11384c}
body.portal-role-manager #overviewPanel>.section-head:first-child h3::before{content:"بوابة المدير";display:block;margin-bottom:8px;color:var(--ssp-role);font-size:11px;font-weight:950;letter-spacing:.03em}
body.portal-role-manager #overviewPanel>.section-head:first-child p{max-width:500px;color:#58717e;line-height:1.8}
body.portal-role-manager #overviewPanel>.section-head:first-child>button{align-self:flex-start;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px);position:relative;z-index:1}

body.portal-role-manager #overviewPanel>.metrics{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0!important
}
body.portal-role-manager #overviewPanel>.metrics .metric{
  min-height:92px;border-radius:17px!important;background:#fff!important;border:1px solid var(--ssp-portal-line)!important;
  box-shadow:0 9px 25px rgba(20,52,72,.045)!important;padding:15px 16px!important;position:relative;overflow:hidden
}
body.portal-role-manager #overviewPanel>.metrics .metric::after{position:absolute;inset-inline-end:13px;top:12px;font-size:20px;opacity:.18}
body.portal-role-manager #overviewPanel>.metrics .metric:nth-child(1)::after{content:""}
body.portal-role-manager #overviewPanel>.metrics .metric:nth-child(2)::after{content:""}
body.portal-role-manager #overviewPanel>.metrics .metric:nth-child(3)::after{content:""}
body.portal-role-manager #overviewPanel>.metrics .metric:nth-child(4)::after{content:""}
body.portal-role-manager #overviewPanel>.metrics .metric span{color:#778a95!important;font-size:10px!important}
body.portal-role-manager #overviewPanel>.metrics .metric strong{font-size:25px!important;color:var(--ssp-role)!important;margin-top:6px!important}

body.portal-role-manager .manager-quick-card{
  border-radius:var(--ssp-portal-radius-lg)!important;border:1px solid var(--ssp-portal-line)!important;
  box-shadow:0 12px 34px rgba(20,52,72,.055)!important;background:#fff!important;padding:18px!important
}
body.portal-role-manager .manager-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
body.portal-role-manager .manager-quick-actions button{
  min-height:104px;text-align:right!important;border:1px solid rgba(var(--ssp-role-rgb),.12)!important;border-radius:16px!important;
  padding:15px!important;background:linear-gradient(145deg,#fff,var(--ssp-role-soft))!important;transition:.18s ease!important;position:relative;overflow:hidden
}
body.portal-role-manager .manager-quick-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--ssp-role-rgb),.10)!important;border-color:rgba(var(--ssp-role-rgb),.28)!important}
body.portal-role-manager .manager-quick-actions button b{display:block;color:#143c50;font-size:13px;margin-bottom:6px}
body.portal-role-manager .manager-quick-actions button small{display:block;color:#70838e;line-height:1.55;font-size:10px}
body.portal-role-manager :is(.school-day-live-card,.manager-deputy-executive,.teacher-portal-overview-card){border-radius:var(--ssp-portal-radius-lg)!important}
body.portal-role-manager #overviewPanel>.two-col>.card{border-radius:var(--ssp-portal-radius-lg)!important;box-shadow:0 10px 30px rgba(20,52,72,.045)!important}

/* ========== TEACHER PORTAL ========== */
body.portal-role-teacher #teacherView>.topbar{
  min-height:72px;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(15px);border-bottom:1px solid rgba(var(--ssp-role-rgb),.10)!important
}
body.portal-role-teacher #teacherView>.topbar .brand-mark{background:var(--ssp-role-grad)!important}
body.portal-role-teacher main.shell{width:min(1180px,calc(100% - 32px));padding-top:18px!important}
body.portal-role-teacher main.shell>.hero{
  min-height:198px;border-radius:var(--ssp-portal-radius-xl)!important;padding:28px!important;align-items:flex-end!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0 47%,rgba(255,255,255,.78) 67%,rgba(255,255,255,.25) 100%),
    var(--ssp-campus-image) center 46%/cover no-repeat!important;
  box-shadow:var(--ssp-portal-shadow)!important
}
body.portal-role-teacher main.shell>.hero>div:first-child{align-self:flex-start;max-width:520px}
body.portal-role-teacher main.shell>.hero .eyebrow::before{content:"بوابة المعلم • ";color:var(--ssp-role)}
body.portal-role-teacher main.shell>.hero h1{font-size:clamp(28px,4vw,40px)!important;color:#15394c!important;margin:7px 0!important}
body.portal-role-teacher main.shell>.hero p{color:#627985!important}
body.portal-role-teacher .hero-summary{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);border:1px solid rgba(var(--ssp-role-rgb),.12)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(26,55,72,.07)!important}
body.portal-role-teacher .portal-tabs{border-radius:15px!important;background:#fff!important;border:1px solid var(--ssp-portal-line)!important;box-shadow:0 8px 24px rgba(20,52,72,.045)!important;padding:6px!important}
body.portal-role-teacher .portal-tabs .tab.active{background:var(--ssp-role-grad)!important;color:#fff!important;border-color:transparent!important}
body.portal-role-teacher .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.portal-role-teacher .quick-card{
  min-height:120px!important;border-radius:17px!important;border:1px solid rgba(var(--ssp-role-rgb),.11)!important;
  background:linear-gradient(145deg,#fff,var(--ssp-role-soft))!important;padding:15px!important;box-shadow:none!important;transition:.18s ease!important
}
body.portal-role-teacher .quick-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(var(--ssp-role-rgb),.09)!important}
body.portal-role-teacher .quick-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--ssp-role-rgb),.10);font-size:18px;margin-bottom:8px}
body.portal-role-teacher .quick-card b{color:#173c4d!important;font-size:13px!important}
body.portal-role-teacher .quick-card small{color:#74858f!important;font-size:10px!important;line-height:1.55!important}
body.portal-role-teacher .panel>.two-col>.card,body.portal-role-teacher .panel>.card{border-radius:var(--ssp-portal-radius-lg)!important}

/* ========== ACTIVITY PORTAL ========== */
body.portal-role-activity .activity-standalone-shell{max-width:1320px!important;padding:16px 18px 32px!important}
body.portal-role-activity .activity-standalone-header{
  min-height:112px;border-radius:23px!important;padding:20px 24px!important;margin-bottom:12px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.20),transparent 28%),
    var(--ssp-role-grad)!important;box-shadow:0 16px 40px rgba(var(--ssp-role-rgb),.19)!important
}
body.portal-role-activity .activity-standalone-header h1{font-size:21px!important}
body.portal-role-activity .activity-tabs{top:10px!important;border-color:rgba(var(--ssp-role-rgb),.12)!important;box-shadow:0 9px 25px rgba(31,43,66,.055)!important}
body.portal-role-activity .activity-tabs button.active{background:var(--ssp-role-grad)!important}
body.portal-role-activity .activity-center{--ac-brand:var(--ssp-role);--ac-brand-2:#5f3f96;--ac-soft:var(--ssp-role-soft);--ac-line:#e5e0ef}
body.portal-role-activity .activity-hero{
  min-height:178px!important;border-radius:24px!important;padding:26px!important;
  background:linear-gradient(125deg,#fff 0 64%,var(--ssp-role-soft) 100%)!important
}
body.portal-role-activity .activity-hero::before{content:"";position:absolute;inset-inline-end:42px;bottom:18px;font-size:86px;opacity:.08;filter:grayscale(.3)}
body.portal-role-activity .activity-hero h2{font-size:clamp(26px,4vw,38px)!important;color:#30204d}
body.portal-role-activity .activity-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.portal-role-activity .activity-metrics article{
  min-height:92px;border-radius:16px!important;border-color:rgba(var(--ssp-role-rgb),.11)!important;
  background:linear-gradient(150deg,#fff,var(--ssp-role-soft))!important;box-shadow:0 8px 22px rgba(var(--ssp-role-rgb),.045)
}
body.portal-role-activity .activity-metrics strong{color:var(--ssp-role)!important}
body.portal-role-activity .activity-card{border-radius:19px!important;border-color:#e8e1f1!important;box-shadow:0 9px 27px rgba(54,38,73,.035)}

/* ========== GUIDANCE / SUBSCRIPTIONS / COMMUNICATIONS SERVICE PORTALS ========== */
body.portal-role .ps-topbar{box-shadow:0 5px 20px rgba(24,54,72,.035)}
body.portal-role .ps-hero{
  min-height:205px!important;border-radius:26px!important;padding:28px!important;align-items:flex-end!important;
  background:linear-gradient(125deg,#fff 0 61%,var(--ssp-role-soft) 100%)!important
}
body.portal-role .ps-hero::before{content:"";position:absolute;inset-inline-end:34px;top:24px;width:150px;height:150px;border-radius:44px;transform:rotate(12deg);background:rgba(var(--ssp-role-rgb),.07);border:1px solid rgba(var(--ssp-role-rgb),.10)}
body.portal-role .ps-hero-copy{max-width:720px}
body.portal-role .ps-hero h1{font-size:clamp(29px,4.2vw,43px)!important;color:#153b50}
body.portal-role .ps-hero-badge{position:relative;z-index:2;min-width:225px;background:#fff!important;border:1px solid rgba(var(--ssp-role-rgb),.13);border-radius:17px;padding:14px 16px;box-shadow:0 10px 26px rgba(27,54,72,.06)}
body.portal-role .ps-hero-badge small,body.portal-role .ps-hero-badge strong,body.portal-role .ps-hero-badge span{display:block}
body.portal-role .ps-hero-badge small{font-size:10px;color:#7a8b95}
body.portal-role .ps-hero-badge strong{font-size:15px;margin:4px 0}
body.portal-role .ps-hero-badge span{font-size:10px;color:#788b95}
body.portal-role .ps-metrics{gap:10px!important}
body.portal-role .ps-metric{
  min-height:88px!important;border-radius:16px!important;border-color:rgba(var(--ssp-role-rgb),.10)!important;
  background:linear-gradient(150deg,#fff,var(--ssp-role-soft))!important;box-shadow:0 8px 24px rgba(var(--ssp-role-rgb),.035)
}
body.portal-role .ps-section{border-radius:20px!important;box-shadow:0 9px 27px rgba(24,52,69,.035)!important}
body.portal-role .ps-card{min-height:148px;border-radius:17px!important;transition:.16s ease}
body.portal-role .ps-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--ssp-role-rgb),.07)}
body.portal-role-guidance .ps-hero::after{content:"◉";font-size:120px;display:grid;place-items:center;color:rgba(var(--ssp-role-rgb),.11);background:none!important}
body.portal-role-subscriptions .ps-hero::after{content:"▣";font-size:110px;display:grid;place-items:center;color:rgba(var(--ssp-role-rgb),.10);background:none!important}
body.portal-role-communications .ps-hero::after{content:"•••";letter-spacing:-8px;font-size:105px;display:grid;place-items:center;color:rgba(var(--ssp-role-rgb),.10);background:none!important}

/* ========== SMART BELL CUSTOMER PORTAL ========== */
body.portal-role-bell[data-smart-bell-page="account"] .sb-header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(15px);border-bottom:1px solid rgba(var(--ssp-role-rgb),.12)!important}
body.portal-role-bell[data-smart-bell-page="account"] .sb-account-layout{gap:14px!important;margin-top:18px!important}
body.portal-role-bell[data-smart-bell-page="account"] .sb-sidebar{
  border-radius:20px!important;border:1px solid rgba(var(--ssp-role-rgb),.11)!important;background:linear-gradient(180deg,#fff,var(--ssp-role-soft))!important;
  box-shadow:0 12px 34px rgba(var(--ssp-role-rgb),.05)!important
}
body.portal-role-bell[data-smart-bell-page="account"] .sb-side-link.active{background:var(--ssp-role-grad)!important;color:#fff!important}
body.portal-role-bell[data-smart-bell-page="account"] .sb-panel{
  border-radius:21px!important;border:1px solid rgba(var(--ssp-role-rgb),.10)!important;box-shadow:0 11px 30px rgba(58,48,23,.045)!important
}
body.portal-role-bell[data-smart-bell-page="account"] #subscriptions::before{
  content:"بوابة الجرس المدرسي";display:block;color:var(--ssp-role);font-size:11px;font-weight:950;margin-bottom:8px
}

/* ========== STORE ========== */
body.portal-role-store .store-header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(20,52,72,.035)}
body.portal-role-store .hero-store{
  border-radius:27px!important;border:1px solid rgba(var(--ssp-role-rgb),.11)!important;
  background:linear-gradient(125deg,#fff 0 62%,var(--ssp-role-soft) 100%)!important;box-shadow:var(--ssp-portal-shadow)!important
}
body.portal-role-store .hero-store .hero-kicker{color:var(--ssp-role)!important}
body.portal-role-store .hero-feature{border-radius:19px!important;background:linear-gradient(150deg,#fff,#f3f4ff)!important;border:1px solid rgba(var(--ssp-role-rgb),.12)!important}
body.portal-role-store :is(.categories-section,.section,.store-benefits){scroll-margin-top:126px}

/* Desktop: preserve spacious dashboard composition. */
@media(min-width:1180px){
  body.portal-role-manager .main{padding-inline:26px!important}
}

/* Tablet */
@media(max-width:980px){
  body.portal-role-manager #overviewPanel>.metrics{grid-template-columns:repeat(2,1fr)}
  body.portal-role-manager .manager-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.portal-role-teacher .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.portal-role-activity .activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: close to the supplied card-based visual reference. */
@media(max-width:680px){
  .portal-lobby-link{padding:8px 9px;font-size:10px}
  body.portal-role-manager #overviewPanel{gap:9px}
  body.portal-role-manager #overviewPanel>.section-head:first-child{
    min-height:205px;padding:18px;border-radius:20px;background:
      linear-gradient(180deg,rgba(255,255,255,.95) 0 50%,rgba(255,255,255,.69) 100%),
      var(--ssp-campus-image) center/cover no-repeat
  }
  body.portal-role-manager #overviewPanel>.section-head:first-child h3{font-size:26px}
  body.portal-role-manager #overviewPanel>.section-head:first-child>button{position:absolute;inset-inline-end:12px;top:12px;padding:7px 9px!important;font-size:10px!important}
  body.portal-role-manager #overviewPanel>.metrics{grid-template-columns:repeat(2,1fr);gap:7px}
  body.portal-role-manager #overviewPanel>.metrics .metric{min-height:78px;padding:12px!important;border-radius:14px!important}
  body.portal-role-manager .manager-quick-card{padding:12px!important;border-radius:17px!important}
  body.portal-role-manager .manager-quick-actions{grid-template-columns:repeat(2,1fr);gap:7px!important}
  body.portal-role-manager .manager-quick-actions button{min-height:105px;padding:12px!important;border-radius:14px!important}

  body.portal-role-teacher main.shell{width:min(100% - 18px,620px);padding-top:9px!important}
  body.portal-role-teacher main.shell>.hero{min-height:220px;padding:18px!important;border-radius:20px!important;display:block!important;background:
    linear-gradient(180deg,rgba(255,255,255,.96) 0 49%,rgba(255,255,255,.73) 100%),
    var(--ssp-campus-image) center/cover no-repeat!important
  }
  body.portal-role-teacher main.shell>.hero h1{font-size:27px!important}
  body.portal-role-teacher .hero-summary{margin-top:16px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:9px!important}
  body.portal-role-teacher .portal-tabs{position:sticky;top:64px;z-index:12;overflow:auto;flex-wrap:nowrap!important}
  body.portal-role-teacher .quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  body.portal-role-teacher .quick-card{min-height:112px!important;padding:12px!important;border-radius:14px!important}

  body.portal-role-activity .activity-standalone-shell{padding:8px!important}
  body.portal-role-activity .activity-standalone-header{min-height:94px;padding:15px!important;border-radius:17px!important}
  body.portal-role-activity .activity-hero{min-height:180px!important;padding:18px!important;border-radius:19px!important}
  body.portal-role-activity .activity-hero::before{font-size:62px;inset-inline-end:18px}
  body.portal-role-activity .activity-metrics{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  body.portal-role-activity .activity-metrics article{min-height:82px;padding:12px!important;border-radius:14px!important}

  body.portal-role .ps-shell{width:min(100% - 18px,620px)!important}
  body.portal-role .ps-hero{min-height:215px!important;padding:19px!important;border-radius:20px!important;display:block!important}
  body.portal-role .ps-hero h1{font-size:27px!important}
  body.portal-role .ps-hero-badge{min-width:0;margin-top:15px;padding:11px 13px}
  body.portal-role .ps-metrics{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  body.portal-role .ps-metric{min-height:76px!important;padding:12px!important}
  body.portal-role .ps-section{padding:13px!important;border-radius:17px!important}

  body.portal-role-bell[data-smart-bell-page="account"] .sb-account-layout{grid-template-columns:1fr!important}
  body.portal-role-bell[data-smart-bell-page="account"] .sb-sidebar{position:static!important;display:flex!important;gap:6px!important;overflow:auto!important;padding:9px!important;border-radius:15px!important}
  body.portal-role-bell[data-smart-bell-page="account"] .sb-sidebar h2,body.portal-role-bell[data-smart-bell-page="account"] .sb-sidebar p{display:none!important}
  body.portal-role-bell[data-smart-bell-page="account"] .sb-side-link{white-space:nowrap!important}
}

/* ========== IN-SCHOOL SPECIALIST PORTALS ========== */
body.portal-role-guidance #guidanceCenterPanel>.page-intro,
body.portal-role-guidance #guidanceManagementPanel>.page-intro{
  min-height:174px;border:1px solid rgba(var(--ssp-role-rgb),.12);border-radius:24px;padding:24px!important;
  background:linear-gradient(125deg,#fff 0 64%,var(--ssp-role-soft) 100%)!important;box-shadow:var(--ssp-portal-shadow);position:relative;overflow:hidden
}
body.portal-role-guidance #guidanceCenterPanel>.page-intro::after,
body.portal-role-guidance #guidanceManagementPanel>.page-intro::after{
  content:"◎";position:absolute;inset-inline-end:34px;bottom:-20px;font-size:125px;line-height:1;color:rgba(var(--ssp-role-rgb),.09);pointer-events:none
}
body.portal-role-guidance #guidanceCenterPanel>.page-intro h2,
body.portal-role-guidance #guidanceManagementPanel>.page-intro h2{font-size:clamp(26px,3vw,38px)!important;color:#163c4e;margin:5px 0 7px!important}
body.portal-role-guidance .guidance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
body.portal-role-guidance .guidance-metrics .metric,
body.portal-role-guidance .guidance-privacy-metrics .metric{
  min-height:86px;border-radius:16px!important;border:1px solid rgba(var(--ssp-role-rgb),.11)!important;
  background:linear-gradient(150deg,#fff,var(--ssp-role-soft))!important;box-shadow:0 8px 22px rgba(var(--ssp-role-rgb),.035)
}
body.portal-role-guidance #guidanceCenterPanel>.card,
body.portal-role-guidance #guidanceCenterPanel>.two-col>.card,
body.portal-role-guidance #guidanceManagementPanel>.card,
body.portal-role-guidance #guidanceManagementPanel>.two-col>.card{border-radius:19px!important;box-shadow:0 9px 27px rgba(24,52,69,.035)!important}

body.portal-role-broadcast #morningBroadcastPanel>.page-intro{
  min-height:174px;border:1px solid rgba(var(--ssp-role-rgb),.12);border-radius:24px;padding:24px!important;
  background:linear-gradient(125deg,#fff 0 64%,var(--ssp-role-soft) 100%)!important;box-shadow:var(--ssp-portal-shadow);position:relative;overflow:hidden
}
body.portal-role-broadcast #morningBroadcastPanel>.page-intro::after{
  content:"";position:absolute;inset-inline-end:40px;bottom:13px;font-size:76px;opacity:.09;pointer-events:none
}
body.portal-role-broadcast #morningBroadcastPanel>.page-intro h3{font-size:clamp(26px,3vw,38px)!important;color:#4d1e32;margin:5px 0 7px!important}
body.portal-role-broadcast #morningBroadcastPanel .broadcast-summary-grid>article,
body.portal-role-broadcast #morningBroadcastPanel .card{border-radius:18px!important;border-color:rgba(var(--ssp-role-rgb),.11)!important}

@media(max-width:680px){
  body.portal-role-guidance #guidanceCenterPanel>.page-intro,
  body.portal-role-guidance #guidanceManagementPanel>.page-intro,
  body.portal-role-broadcast #morningBroadcastPanel>.page-intro{min-height:180px;padding:18px!important;border-radius:19px}
  body.portal-role-guidance .guidance-metrics{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
}

/* ========== SCHOOL GENERAL PORTAL ========== */
body.portal-role-school #schoolProfilePanel{display:grid;gap:14px}
body.portal-role-school #schoolProfilePanel>.section-head:first-child{
  min-height:186px;margin:0;padding:27px;border:1px solid rgba(var(--ssp-role-rgb),.12);border-radius:var(--ssp-portal-radius-xl);
  align-items:flex-end;position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0 44%,rgba(255,255,255,.76) 63%,rgba(255,255,255,.22) 100%),
    var(--ssp-campus-image) center 44%/cover no-repeat;
  box-shadow:var(--ssp-portal-shadow)
}
body.portal-role-school #schoolProfilePanel>.section-head:first-child>div{align-self:flex-start;max-width:560px;position:relative;z-index:1}
body.portal-role-school #schoolProfilePanel>.section-head:first-child h3{font-size:clamp(27px,3vw,39px);margin:5px 0 8px;color:#143b53}
body.portal-role-school #schoolProfilePanel>.section-head:first-child h3::before{content:"بوابة المدرسة";display:block;color:var(--ssp-role);font-size:11px;font-weight:950;margin-bottom:8px}
body.portal-role-school #schoolProfilePanel>.section-head:first-child p{color:#5f7684;line-height:1.8}
body.portal-role-school #schoolProfilePanel>.section-head:first-child>button{align-self:flex-start;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)}
body.portal-role-school #schoolProfilePanel>.parity-card{border-radius:20px!important;border:1px solid rgba(var(--ssp-role-rgb),.11)!important;box-shadow:0 11px 30px rgba(var(--ssp-role-rgb),.045)!important}
body.portal-role-school #schoolProfilePanel .parity-banner{border-radius:15px!important;background:linear-gradient(145deg,#fff,var(--ssp-role-soft))!important;border:1px solid rgba(var(--ssp-role-rgb),.10)!important}
body.portal-role-school #schoolProfilePanel .parity-banner>span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(var(--ssp-role-rgb),.10)}

@media(max-width:680px){
  body.portal-role-school #schoolProfilePanel>.section-head:first-child{
    min-height:205px;padding:18px;border-radius:20px;background:
      linear-gradient(180deg,rgba(255,255,255,.96) 0 50%,rgba(255,255,255,.70) 100%),
      var(--ssp-campus-image) center/cover no-repeat
  }
  body.portal-role-school #schoolProfilePanel>.section-head:first-child h3{font-size:27px}
  body.portal-role-school #schoolProfilePanel>.section-head:first-child>button{position:absolute;inset-inline-end:12px;top:12px;padding:7px 9px!important;font-size:10px!important}
}