/* Release 11: scoped design system, no cascading patch-on-patch overrides. */
:root{--pro-ink:#1b2b49;--pro-muted:#73819a;--pro-blue:#4267d5;--pro-teal:#119c91;--pro-purple:#7756c7;--pro-gold:#d9a22e;--pro-border:#e3e8f1;--pro-shadow:0 12px 36px rgba(27,43,73,.055)}
body:has(.pro-page){background:#f3f6fb;color:var(--pro-ink)}body:has(.pro-page) main.wrap{max-width:1260px;padding-top:22px}body:has(.pro-page) header{background:#fff;border-bottom:1px solid #e7ebf3}body:has(.pro-page) .top{max-width:1260px}body:has(.pro-page) footer{color:#8490a6}.pro-page{font-family:'Cairo',sans-serif;direction:rtl;padding-bottom:30px}.pro-page *{box-sizing:border-box}.pro-page h1,.pro-page h2,.pro-page h3,.pro-page p{margin:0}.pro-page h1{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.55}.pro-page h2{font-size:1.22rem}.pro-page h3{font-size:1.02rem}.pro-page p{line-height:1.9}.pro-overline{color:#6a85bd;font-size:.76rem;font-weight:800;letter-spacing:.02em}.pro-page a{text-decoration:none}.pro-muted,.pro-page .pro-section-head p,.pro-title p{color:var(--pro-muted);font-size:.86rem}.pro-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 24px}.pro-title h1{margin:4px 0}.pro-button{border:0;background:var(--pro-blue);color:white;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 19px;font:700 .83rem 'Cairo',sans-serif;cursor:pointer;white-space:nowrap}.pro-button:hover{filter:brightness(.94)}.pro-ghost{background:#eef2fc;color:#2d4c9e}.pro-danger{background:#fce9ec;color:#a92c41}.pro-small{padding:7px 12px;font-size:.74rem}.pro-hero{background:linear-gradient(110deg,#24365f,#315a8b 63%,#138d96);color:#fff;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 14px 32px rgba(34,66,118,.14)}.pro-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff26;border-radius:50%;left:15%;top:-180px;pointer-events:none}.pro-hero h1{margin:7px 0 4px}.pro-hero p{color:#dce8fa;font-size:.87rem}.pro-hero .pro-overline{color:#a9e4ed}.pro-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.pro-hero-tags span{font-size:.7rem;border:1px solid #ffffff40;border-radius:40px;padding:4px 11px;color:#ecf5ff}.pro-logout{background:#fff;color:#24406b}.pro-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0 20px}.pro-kpi{background:#fff;border:1px solid var(--pro-border);border-radius:17px;padding:17px;display:flex;align-items:center;gap:14px;box-shadow:var(--pro-shadow)}.pro-kpi div{display:grid;gap:1px;min-width:0}.pro-kpi small{color:var(--pro-muted);font-size:.72rem}.pro-kpi strong{font-size:1.42rem;color:var(--pro-ink);line-height:1.4}.pro-kpi div>span{color:#8a95a8;font-size:.65rem}.pro-icon{width:43px;height:43px;flex:none;border-radius:13px;display:grid;place-items:center}.pro-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.pro-gold{background:#fff4db;color:#b67a08}.pro-teal{background:#ddf6f1;color:#0e9184}.pro-blue{background:#e7efff;color:#4365c4}.pro-purple{background:#efeafd;color:#7957c7}.pro-main-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:16px}.pro-panel{background:#fff;border:1px solid var(--pro-border);border-radius:18px;padding:22px;box-shadow:var(--pro-shadow);margin-bottom:16px}.pro-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.pro-section-head h2{margin:2px 0 3px}.pro-status{background:#eaf4fd;color:#3672a5;border-radius:30px;padding:6px 11px;font-size:.7rem;font-weight:800}.pro-chart-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:.73rem;color:#667893;margin:9px 0}.pro-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:5px}.pro-dot-blue{background:var(--pro-blue)}.pro-dot-teal{background:var(--pro-teal)}.pro-chart{min-height:220px;display:grid;place-items:center}.pro-chart svg{display:block;width:100%;height:auto;max-height:270px}.pro-chart-foot{font-size:.7rem;line-height:1.9;color:#8792a4;border-top:1px solid #eff2f6;padding-top:11px}.pro-side{display:flex;flex-direction:column}.pro-ring{margin:7px auto 19px;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--pro-teal) calc(var(--percent)*1%),#e8edf5 0);display:grid;place-items:center}.pro-ring>div{width:120px;height:120px;background:#fff;border-radius:50%;display:grid;align-content:center;justify-items:center}.pro-ring strong{font-size:1.7rem}.pro-ring small{font-size:.7rem;color:var(--pro-muted)}.pro-mini-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #edf0f5;font-size:.8rem}.pro-mini-stat span{color:#77849b}.pro-section{margin-top:23px}.pro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pro-tile{min-width:0;display:flex;flex-direction:column;gap:11px;position:relative;background:#fff;border:1px solid var(--pro-border);border-radius:17px;padding:19px;box-shadow:var(--pro-shadow);color:var(--pro-ink);min-height:200px;transition:transform .18s,border-color .18s}.pro-tile:hover{transform:translateY(-2px);border-color:#bbcaea}.pro-tile>p{font-size:.77rem;color:#79869d;line-height:1.85;flex:1}.pro-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;padding-top:12px;font-size:.72rem;color:#77859b}.pro-tile-foot b{color:#3a65b5}.pro-chip{position:absolute;top:18px;left:18px;border-radius:50px;background:#f0f3f8;color:#61728e;padding:4px 9px;font-size:.65rem;font-weight:800}.pro-chip-ok{background:#e5f7e9;color:#22844c}.pro-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.pro-grade{background:#fff;border:1px solid var(--pro-border);border-radius:15px;padding:17px;display:grid;gap:9px}.pro-grade>span{font-size:.78rem;color:#65758e;font-weight:700}.pro-grade strong{font-size:1.45rem;color:#3159aa}.pro-grade strong small{font-size:.72rem;color:#8895a9}.pro-progress{height:7px;background:#e8eef9;border-radius:20px;overflow:hidden}.pro-progress i{display:block;height:100%;background:linear-gradient(90deg,#4c6cd9,#16a3a2);border-radius:20px}.pro-alert-grade{border-color:#f2cbd0;background:#fff8f8}.pro-alert-grade strong{color:#bf4052}.pro-empty{grid-column:1/-1;padding:25px;text-align:center;background:#fff;border:1px dashed #cfd8e8;border-radius:14px;color:#8390a7;font-size:.85rem}.pro-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.pro-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700}.pro-form input,.pro-form textarea,.pro-form select{width:100%;border:1px solid #dbe2ed;border-radius:10px;padding:11px;background:#fbfcff;color:var(--pro-ink);font:inherit}.pro-span{grid-column:1/-1}.pro-form button{justify-self:start}.pro-table-wrap{overflow-x:auto}.pro-table{width:100%;border-collapse:collapse;min-width:450px}.pro-table th,.pro-table td{text-align:right;padding:12px;border-bottom:1px solid #edf0f6;font-size:.79rem}.pro-table th{background:#f5f7fc;color:#546782}.pro-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.pro-question{padding:15px 0;border-top:1px solid #edf0f5;display:grid;gap:10px}.pro-question label{display:block}.pro-video{display:block;width:100%;max-height:510px;background:#121c2f;border-radius:13px}.pro-star{font-size:2rem;color:#e0a52d}.pro-page .pro-panel h2{margin-bottom:10px}
@media(max-width:1050px){.pro-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-grades{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){body:has(.pro-page) main.wrap{padding:12px}.pro-hero{padding:20px;align-items:flex-start;flex-direction:column;border-radius:17px}.pro-hero h1{font-size:1.45rem}.pro-kpis{gap:8px}.pro-kpi{padding:12px;gap:9px}.pro-kpi .pro-icon{width:36px;height:36px}.pro-kpi strong{font-size:1.18rem}.pro-main-grid{grid-template-columns:1fr}.pro-cards,.pro-grades{grid-template-columns:1fr 1fr;gap:9px}.pro-panel{padding:15px}.pro-tile{padding:14px;min-height:190px}.pro-form{grid-template-columns:1fr}.pro-span{grid-column:auto}.pro-title{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.pro-cards,.pro-grades{grid-template-columns:1fr}.pro-kpis{grid-template-columns:1fr 1fr}.pro-kpi .pro-icon{display:none}.pro-kpi{min-height:95px}}

.pro-record-list{font-size:.7rem;color:#8e3f4c;line-height:1.8}.pro-record-list p{border-top:1px solid #f5e1e4;padding-top:6px;margin-top:6px}
.pro-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pro-quick a{background:#fff;border:1px solid var(--pro-border);border-radius:12px;padding:15px 10px;text-align:center;color:#33518a;font-size:.78rem;font-weight:800;box-shadow:var(--pro-shadow)}.pro-quick a:hover{background:#edf3ff}.pro-kpi{color:var(--pro-ink)}.pro-kpi:hover{border-color:#b4c7ed}body:has(.pro-page) header nav{display:flex;align-items:center;gap:11px;flex-wrap:wrap}body:has(.pro-page) header nav a{font-size:.76rem}body:has(.pro-page) header .top{gap:15px}@media(max-width:900px){.pro-quick{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.pro-page) header nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:6px}body:has(.pro-page) header .top{flex-direction:column;align-items:stretch}}@media(max-width:480px){.pro-quick{grid-template-columns:1fr 1fr}}


/* Student dashboard 19 — unified styles in pro11.css, no cascading patch file */
.sp19-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.sp19-shortcut{display:flex;align-items:center;gap:12px;position:relative;min-width:0;padding:17px 14px;border:1px solid #dfe5f0;border-radius:17px;background:#fff;text-decoration:none!important;color:#20355b;box-shadow:0 7px 24px rgba(32,53,91,.055);transition:transform .18s,border-color .18s}
.sp19-shortcut:hover{transform:translateY(-2px);border-color:#91b2e9}
.sp19-shortcut-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#e9efff;color:#3e60c3;font-size:20px}
.sp19-assignments-shortcut .sp19-shortcut-icon{background:#f2eafa;color:#8053b8}
.sp19-homework-shortcut .sp19-shortcut-icon{background:#e4f5ee;color:#19825d}
.sp19-grades-shortcut .sp19-shortcut-icon{background:#fff3dd;color:#ab7825}
.sp19-shortcut strong,.sp19-shortcut small{display:block;line-height:1.6}.sp19-shortcut strong{font-size:.9rem}.sp19-shortcut small{font-size:.71rem;color:#77849a}
.sp19-unread{position:absolute;top:-9px;left:-7px;background:#c53b46;color:#fff;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:800}
.sp19-shortcut.sp19-new{border-color:#d58b8e;background:#fff9f8}
.sp19-shortcut.sp19-new .sp19-shortcut-icon{background:#fee9e8;color:#bf3445}
.sp19-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:14px 17px;border:1px solid #f1cf87;background:#fff8e8;color:#74500e;border-radius:13px;font-weight:750}
.sp19-notice[hidden],.sp19-unread[hidden]{display:none!important}
.sp19-notice button{background:#fff;border:1px solid #e9c97f;border-radius:9px;padding:7px 12px;cursor:pointer;color:#77500d}
.pro-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;align-items:start}
.pro-learning-section{min-width:0;margin-top:0}.pro-learning-section .pro-section-head{min-height:0;align-items:flex-start;margin-bottom:12px}
.pro-learning-section .pro-section-head h2{font-size:1.12rem}.pro-learning-section .pro-section-head p{font-size:.78rem;line-height:1.6}
.pro-learning-section .pro-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
.pro-learning-section .pro-tile{min-height:0;padding:15px;gap:8px}.pro-learning-section .pro-tile>p{flex:initial;margin:0}
.pro-learning-section .pro-tile-foot{margin-top:6px}
.pro-learning-section.sp19-featured{grid-column:1/-1}
.pro-learning-section.sp19-featured .pro-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sp19-see-all{display:inline-block;margin-bottom:12px;font-size:.8rem;font-weight:800;color:#3d65b7}
.sp19-all{margin-top:15px;border:1px solid #dfe5f0;border-radius:14px;background:#fff;padding:12px 16px}
.sp19-all summary{cursor:pointer;font-weight:800;color:#3d5e9d}
.sp19-all-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.sp19-all-grid a{display:flex;justify-content:space-between;gap:8px;padding:12px;border:1px solid #e4e8f2;border-radius:10px;text-decoration:none!important;color:#253b60}
.sp19-all-grid small{color:#7384a0}
@media(max-width:1000px){.sp19-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-learning-section.sp19-featured .pro-cards,.sp19-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pro-learning-grid{grid-template-columns:1fr}.pro-learning-section.sp19-featured .pro-cards,.sp19-all-grid{grid-template-columns:1fr}}
@media(max-width:480px){.sp19-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp19-shortcut{padding:12px 9px;gap:8px}.sp19-shortcut-icon{width:32px;height:32px;flex-basis:32px}.sp19-shortcut strong{font-size:.77rem}.sp19-shortcut small{font-size:.62rem}.sp19-notice{align-items:flex-start;flex-direction:column}}
