/* V25 — a single Jawda header, compact page headings and dimensional icons. */
:root{
  --jawda-header:#081c46;
  --jawda-header-hover:#1d3c66;
  --jawda-ui-ink:#12325d;
  --jawda-ui-line:#dce7f6;
  --jawda-ui-soft:#f5f8fd;
}

/* Staff headers now share the same calm navy treatment used on the homepage. */
.jawda-unified-ui-v25 .teacher-portal-topbar{
  position:sticky;
  top:0;
  z-index:1035;
  background:var(--jawda-header)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 5px 24px rgba(8,28,70,.14)!important;
  color:#fff;
  backdrop-filter:none!important;
}
.jawda-unified-ui-v25 .teacher-topbar-inner{
  min-height:76px;
  max-width:1440px;
  gap:12px;
  padding-block:12px;
}
.jawda-unified-ui-v25 .teacher-brand img{width:48px;height:48px;object-fit:contain}
.jawda-unified-ui-v25 .teacher-brand :is(strong,small){color:#fff!important}
.jawda-unified-ui-v25 .teacher-brand strong{font-size:1rem}
.jawda-unified-ui-v25 .teacher-brand small{font-size:.7rem;opacity:.82}
.jawda-unified-ui-v25 .teacher-top-links a,
.jawda-unified-ui-v25 .responsible-primary-nav :is(a,summary){color:#e3ecfa}
.jawda-unified-ui-v25 .teacher-top-links a:hover,
.jawda-unified-ui-v25 .teacher-top-links a.active,
.jawda-unified-ui-v25 .responsible-primary-nav summary:hover,
.jawda-unified-ui-v25 .responsible-primary-nav details[open]>summary{
  color:#fff!important;
  background:var(--jawda-header-hover)!important;
}
.jawda-unified-ui-v25 .teacher-profile-trigger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.jawda-unified-ui-v25 .teacher-command-strip{background:#f3f6fb!important;border-bottom:1px solid #dce6f3!important}
.jawda-unified-ui-v25 :is(.acc-header,.bill-header){
  background:var(--jawda-header)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 5px 24px rgba(8,28,70,.14)!important;
  backdrop-filter:none!important;
}
.jawda-unified-ui-v25 .acc-header{min-height:76px;padding-block:10px}
.jawda-unified-ui-v25 .acc-brand img{width:48px;height:48px}
.jawda-unified-ui-v25 .bill-header{padding-block:12px}
.jawda-unified-ui-v25 .bill-brand img{width:48px;height:48px;border-radius:13px}

/* Replaces the wide blue portal banner with a light, compact page heading. */
.jawda-page-heading{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:92px;
  margin:0 0 20px;
  padding:15px 18px;
  color:var(--jawda-ui-ink);
  background:transparent;
  border:0;
  border-bottom:1px solid var(--jawda-ui-line);
}
.jawda-page-heading-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  flex:0 0 64px;
  border:1px solid #d8e6f8;
  border-radius:20px;
  background:linear-gradient(145deg,#fff 3%,#eef5ff 52%,#dce9fc 100%);
  box-shadow:inset 6px 6px 12px rgba(255,255,255,.9),inset -7px -8px 13px rgba(37,87,158,.12),0 12px 22px rgba(17,59,116,.13);
  transform:perspective(500px) rotateX(5deg) rotateY(-5deg);
}
[dir=ltr] .jawda-page-heading-icon{transform:perspective(500px) rotateX(5deg) rotateY(5deg)}
.jawda-page-heading-icon .tw-icon{width:52px;height:52px;filter:drop-shadow(0 9px 8px rgba(23,65,125,.22))}
.jawda-page-heading-copy{min-width:0}
.jawda-page-heading h1{margin:0 0 3px;color:#102f59;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:900}
.jawda-page-heading p{margin:0;color:#687d98;font-size:.82rem;line-height:1.75}
.jawda-page-heading-links{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.jawda-page-heading-links a{padding:7px 11px;border:1px solid #d4e2f4;border-radius:11px;background:#fff;color:#315d98;font-size:.74rem;font-weight:800}

/* Standalone service pages use the same compact, non-blue heading. */
.jawda-unified-ui-v25 :is(.project-hero,.sa-hero,.bill-hero,.acc-hero){
  min-height:auto!important;
  padding:17px 20px!important;
  border:1px solid var(--jawda-ui-line)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#f6f9fd)!important;
  color:var(--jawda-ui-ink)!important;
  box-shadow:0 10px 24px rgba(15,52,103,.07)!important;
}
.jawda-unified-ui-v25 .project-hero:after{display:none}
.jawda-unified-ui-v25 :is(.project-hero,.sa-hero,.bill-hero,.acc-hero) :is(h1,h2){color:#102f59!important}
.jawda-unified-ui-v25 :is(.project-hero,.sa-hero,.bill-hero,.acc-hero) p{color:#687d98!important}
.jawda-unified-ui-v25 :is(.project-hero,.sa-hero,.bill-hero) .btn-light{background:#edf4ff;border-color:#d7e5f7;color:#244f89}
.jawda-unified-ui-v25 .acc-hero>span:first-child{display:none}

/* Raised icon tiles: consistent on student, teacher, responsible and accounting pages. */
.jawda-unified-ui-v25 :is(.btn,.dropdown-item,.card-head,.project-panel-head,.student-welcome-strip,.bill-card,.rw-workspace)
  i:is(.bi,.fa,.fas):not([class*="chevron"]):not([class*="arrow"]):not(.bi-list){
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  margin-inline-end:4px;
  border:1px solid rgba(133,169,219,.38);
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#e6f0ff);
  color:#2e63b2;
  box-shadow:inset 3px 3px 6px rgba(255,255,255,.9),inset -4px -5px 7px rgba(27,76,148,.12),0 7px 12px rgba(20,62,123,.13);
  text-shadow:0 1px 0 #fff;
  transform:perspective(360px) rotateX(5deg);
  transition:transform .18s ease,box-shadow .18s ease;
  vertical-align:middle;
}
.jawda-unified-ui-v25 :is(a,button):hover i:is(.bi,.fa,.fas):not([class*="chevron"]):not([class*="arrow"]):not(.bi-list){
  transform:perspective(360px) translateY(-2px) rotateY(-6deg);
  box-shadow:inset 3px 3px 6px #fff,inset -4px -5px 7px rgba(27,76,148,.13),0 10px 16px rgba(20,62,123,.18);
}
.jawda-unified-ui-v25 .btn-primary i:is(.bi,.fa,.fas),
.jawda-unified-ui-v25 .btn-danger i:is(.bi,.fa,.fas),
.jawda-unified-ui-v25 .btn-success i:is(.bi,.fa,.fas){background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.12));border-color:rgba(255,255,255,.28);color:inherit;text-shadow:none}
.jawda-unified-ui-v25 .tw-icon{filter:drop-shadow(0 9px 8px rgba(20,62,123,.2));transform:perspective(480px) rotateX(4deg);transition:.2s}
.jawda-unified-ui-v25 :is(a,button):hover>.tw-icon{transform:perspective(480px) translateY(-2px) rotateY(-6deg)}

.jawda-icon-3d{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid #d3e2f6;
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#e7f0fe);
  color:#2b61ad;
  box-shadow:inset 4px 4px 7px #fff,inset -5px -6px 8px rgba(31,80,151,.12),0 8px 14px rgba(20,62,123,.14);
  transform:perspective(400px) rotateX(5deg);
}
.jawda-icon-3d i{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  text-shadow:none!important;
  transform:none!important;
}
.jawda-search-empty{padding:38px 18px;text-align:center;color:#647a97;background:#f8fbff;border:1px dashed #cbdcf1;border-radius:18px}
.jawda-search-empty .jawda-icon-3d{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;font-size:1.45rem}
.jawda-search-empty strong{display:block;color:#244873;font-size:1rem}
.jawda-search-empty span{display:block;margin-top:5px;font-size:.82rem}

@media(max-width:767.98px){
  .jawda-page-heading{align-items:flex-start;padding:13px 8px;gap:12px}
  .jawda-page-heading-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px}
  .jawda-page-heading-icon .tw-icon{width:43px;height:43px}
  .jawda-page-heading-links{width:100%;margin-inline-start:64px}
  .jawda-unified-ui-v25 .teacher-topbar-inner{min-height:64px;padding-block:8px}
  .jawda-unified-ui-v25 .teacher-brand img{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.jawda-unified-ui-v25 *{transition:none!important;animation:none!important}}