/* هوية مدارن: مستوحاة من ألوان الأعمال الحديثة دون نسخ رسوم أو تخطيط أي موقع آخر. */
:root{
  --ink:#123f53;
  --muted:#66818e;
  --line:#dcebf0;
  --bg:#f4f8fa;
  --blue:#00a9c4;
  --blue-soft:#e7f8fc;
  --green:#159a82;
  --side:#007c97;
}
body{background:linear-gradient(180deg,#f7fafb 0,#f2f7f9 100%);color:var(--ink);font-size:15px;line-height:1.65}
.sidebar{background:linear-gradient(180deg,#029bb3 0%,#087d99 48%,#075f7a 100%);color:#e9fbff;box-shadow:-12px 0 30px #064d6320}
.brand{font-size:23px}.brand small,.workspace small,.user small{color:#bdebf2}.brand-mark{background:#ffffff22;border:1px solid #ffffff38;color:#fff}.workspace{background:#ffffff16;border-color:#ffffff32}.nav p{color:#a9e1ea;font-size:11px}.nav-item{color:#d8f4f8;font-size:14px;border:1px solid transparent}.nav-item:hover{background:#ffffff13}.nav-item.active{background:#ffffff22;border-color:#ffffff18;box-shadow:inset -4px 0 #8eeaf4;color:#fff;font-weight:700}.user{border-top-color:#ffffff2b}
.topbar{background:#ffffffed;border-bottom:1px solid #d9eaef;box-shadow:0 5px 20px #18576a0b}.crumb{color:#174d61}.icon-btn,.date-btn,.secondary{border-color:#d8e9ee;color:#376b7c;background:#fff}.primary{background:linear-gradient(135deg,#08b6ca,#0089aa);box-shadow:0 7px 17px #0099b533}
.content{max-width:1500px}.page-title h1{font-size:28px;color:#0b7997;font-weight:800}.page-title p{font-size:14px;color:#6a8590}
.card,.products-panel,.stat{border-color:#deebef;border-radius:18px;box-shadow:0 12px 30px #174f6010}.card h3,.product-controls b{color:#17617a;font-size:17px}.card-head span{color:#00a7c3}
.stats{gap:18px}.stat{background:#fff;min-height:125px;padding:19px}.stat-top{font-size:13px}.stat h2{font-size:25px;color:#0b718e}.stat-icon{background:#e2f8fc;color:#00a4c1}
.products-table th{background:#edf9fc;color:#17809c;font-size:12px;font-weight:700;padding:15px 17px}.products-table td{font-size:13px;color:#4e6f7c;padding:14px 17px;border-top-color:#e8f1f4}.products-table td:first-child{color:#174d60}.products-table tbody tr:hover{background:#f6fcfd}.price-value,.edit-price,.link-btn{color:#009fbd}
.badge{font-size:11px;padding:5px 10px}.badge.pending{background:#fff3d7;color:#9b6910}
.view-hero,.school-home-hero{background:linear-gradient(120deg,#087895 0%,#00a5bc 58%,#20b7c5 100%)!important;color:#fff!important;box-shadow:0 18px 42px #087a9630}.view-hero:after,.school-home-hero:before,.school-home-hero:after{display:none!important}.school-home-hero h1,.school-home-hero p,.school-home-hero small{color:#fff!important}
.school-home{background:linear-gradient(180deg,#f8fbfc,#f1f7f9)!important}.school-quick button,.school-grade-card,.home-module{border:1px solid #dcebf0!important;box-shadow:0 10px 25px #17576a10!important}.school-quick button small,.school-grade-card small{font-size:13px!important;color:#62818d!important}.school-quick button b,.school-grade-card h3{font-size:17px!important;color:#155a70!important}.school-quick button i{font-size:22px!important;color:#00a2be!important}
.platform-onboarding>.card-head{background:linear-gradient(120deg,#087895,#04a9bd)!important}.platform-onboarding>.card-head:after{display:none!important}
.modal-card{border-radius:20px;box-shadow:0 28px 70px #083e5160}.modal-card h2{color:#0a7895}.enrollment-head{border-bottom-color:#dcebf0}.child-form label,.dialog-form label,.employment-form label,.cafeteria-form label,.employee-relations-form label{color:#315f70}.child-form input,.child-form select,.dialog-form input,.dialog-form select,.employment-form input,.employment-form select,.cafeteria-form input,.cafeteria-form select,.employee-relations-form input,.employee-relations-form select,.employee-relations-form textarea{border-color:#d8e9ee;background:#fbfdfe}
.cafeteria-hint,.employee-policy-note,.settlement-net{background:#eaf9fc;color:#17677d}
@media(max-width:720px){body{font-size:14px}.page-title h1{font-size:23px}.sidebar{box-shadow:-14px 0 36px #06495f4d}.products-table th,.products-table td{font-size:12px}}

/* Release 70: a complete, user-selectable visual identity. */
body{
  --brand:#029bb3;
  --brand-dark:#075f7a;
  --brand-soft:#e8f8fb;
  --brand-ink:#087d99;
  --brand-gradient:linear-gradient(145deg,#03b7c7 0%,#029bb3 44%,#087d99 100%);
  --brand-shadow:#087d9929;
}
body[data-theme="rose"]{--brand:#df5d9a;--brand-dark:#7f315e;--brand-soft:#fff0f6;--brand-ink:#b44278;--brand-gradient:linear-gradient(145deg,#ef8bbc,#df5d9a 48%,#9b3e70 100%);--brand-shadow:#b4427829}
body[data-theme="classic-blue"]{--brand:#4f6ed9;--brand-dark:#394672;--brand-soft:#eef2ff;--brand-ink:#344fae;--brand-gradient:linear-gradient(145deg,#6f86e5 0%,#5b73dc 48%,#394672 100%);--brand-shadow:#3946722b}
body[data-theme="mint"]{--brand:#1b9b84;--brand-dark:#125b52;--brand-soft:#e8f8f3;--brand-ink:#157766;--brand-gradient:linear-gradient(145deg,#48c7ab,#1b9b84 50%,#12695d 100%);--brand-shadow:#15776629}
body[data-theme="purple"]{--brand:#7657d8;--brand-dark:#403083;--brand-soft:#f1edff;--brand-ink:#6046bd;--brand-gradient:linear-gradient(145deg,#9a80ed,#7657d8 48%,#4f3ba1 100%);--brand-shadow:#6046bd29}

.sidebar{background:var(--brand-gradient)!important;box-shadow:-12px 0 32px var(--brand-shadow)!important}
.nav-item.active{box-shadow:inset -4px 0 #fff!important}.brand-mark,.workspace{background:#ffffff1a!important}
.primary{background:var(--brand-gradient)!important;box-shadow:0 7px 17px var(--brand-shadow)!important}
.page-title h1,.card h3,.product-controls b,.modal-card h2{color:var(--brand-ink)!important}
.card-head span,.link-btn,.edit-price,.price-value,.school-quick button i{color:var(--brand)!important}
.stat-icon,.role-icon,.quick-grid strong{background:var(--brand-soft)!important;color:var(--brand)!important}
.view-hero,.school-home-hero{background:var(--brand-gradient)!important;box-shadow:0 18px 42px var(--brand-shadow)!important}
.school-home{background:linear-gradient(180deg,#fbfdfe 0%,#f4f9fb 100%)!important}

/* Clear information cards inspired by modern service portals, without copying artwork. */
.card,.products-panel,.stat,.school-grade-card,.school-quick button,.home-module,.attendance-board{
  background:#fff!important;border:1px solid #dcebf0!important;border-radius:19px!important;
  box-shadow:0 12px 30px #174f6010!important;
}
.school-grade-card{padding:22px 24px!important;min-height:126px!important}
.school-grade-card h3{font-size:18px!important;font-weight:800!important;color:var(--brand-ink)!important}
.school-grade-card small{font-size:14px!important;line-height:1.9!important;color:#617f8b!important}
.school-quick button{min-height:126px!important;padding:22px!important}
.school-quick button b{font-size:18px!important;font-weight:800!important;color:var(--brand-ink)!important}
.school-quick button small{font-size:14px!important;line-height:1.8!important}
.school-quick button i{font-size:26px!important}
.products-table{border-collapse:separate!important;border-spacing:0 8px!important}
.products-table th{background:transparent!important;color:var(--brand-ink)!important;font-size:13px!important;padding:10px 16px!important}
.products-table tbody tr{background:var(--brand-soft)!important}
.products-table td{border:0!important;padding:16px!important;font-size:14px!important}
.products-table tbody td:first-child{border-radius:0 13px 13px 0}.products-table tbody td:last-child{border-radius:13px 0 0 13px}
.badge{background:var(--brand-soft)!important;color:var(--brand-ink)!important}
.theme-card.selected{border-color:var(--brand)!important;box-shadow:0 8px 22px var(--brand-shadow)!important}
.theme-preview.blue{background:linear-gradient(145deg,#03b7c7,#029bb3 48%,#087d99)!important}.theme-preview.blue i:first-child{background:#075f7a!important}
.theme-preview.classic-blue{background:linear-gradient(145deg,#6f86e5,#5b73dc 48%,#394672)!important}.theme-preview.classic-blue i:first-child{background:#394672!important}
.accounts-hero{background:var(--brand-gradient)!important;box-shadow:0 15px 34px var(--brand-shadow)!important}.accounts-hero p,.accounts-hero-total span{color:#e8fbff!important}.accounts-menu span{color:var(--brand)!important}
.account-subnav button{font-size:15px!important;line-height:1.55!important;padding:11px 12px!important;color:#e2f7fa!important}.account-subnav span{font-size:17px!important;color:#bcecf2!important}
@media(max-width:720px){.school-grade-card,.school-quick button{min-height:108px!important;padding:17px!important}.products-table td{font-size:12px!important;padding:12px!important}}

/* جميع خيارات الهوية تستخدم المتغيرات نفسها كي تتغير الواجهة كاملة لا بعض الأزرار فقط. */
.sidebar{background:linear-gradient(180deg,var(--brand-dark) 0%,color-mix(in srgb,var(--brand-dark) 82%,#062f43) 58%,color-mix(in srgb,var(--brand-dark) 68%,#031f30) 100%)!important}
.primary,
.action-button,
.form-footer button[type="submit"],
.toolbar button.active,
.tabs button.active,
.tabs button.selected,
.quick-action.active{
  background:var(--brand-gradient)!important;
  border-color:var(--brand)!important;
  color:#fff!important;
  box-shadow:0 7px 17px var(--brand-shadow)!important;
}
.secondary,.icon-btn,.date-btn,.edit-price,.link-btn{
  border-color:color-mix(in srgb,var(--brand) 30%,#dcebf0)!important;
  color:var(--brand-ink)!important;
}
.secondary:hover,.icon-btn:hover,.date-btn:hover,.edit-price:hover{
  background:var(--brand-soft)!important;
  border-color:var(--brand)!important;
}
button[aria-pressed="true"],button.selected:not(.theme-card):not(.danger),input[type="checkbox"]{accent-color:var(--brand)!important}
.theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}