.account-page [hidden]{display:none!important}.account-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.account-header h1{font-size:clamp(28px,4vw,40px);color:#352047;margin:5px 0}.account-header p{color:#66576e;margin:0}.account-header>a{color:#563d69;font-size:14px}.account-page h2,.account-page h3{color:#352047}.account-page input:not([type=radio]):not([type=checkbox]),.account-page select,.account-page textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #cbbdd6;background:white;color:#352047;border-radius:9px;font:inherit;min-height:46px}.account-page textarea{min-height:100px}.account-page label{display:block;font-size:15px;color:#4a3659;margin:10px 0}.account-page button{font-family:inherit}.account-page input[type=checkbox],.account-page input[type=radio]{accent-color:#69467e;min-width:19px;min-height:19px}.account-page fieldset{min-width:0}.account-page legend{font-weight:700;color:#3e294e}.account-page .notice{font-size:15px}.account-alert,#dialogAlert,#setupError{padding:14px 18px;background:#fff0e6;border:1px solid #e1c1a7;color:#733a21;border-radius:10px;margin:12px 0}.account-alert.success{background:#eaf4ed;color:#285c3b;border-color:#bad4c3}.login-card{max-width:680px;margin:25px auto;padding:30px}.login-card h2{font-size:27px}.login-card .p-button{margin:14px 0}.account-footnote{font-size:14px;color:#706376;text-align:center;margin:24px 0}.account-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.account-toolbar input{flex:1;min-width:180px}.account-toolbar .p-button{flex:none}.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.staff-card{padding:20px;background:white;border:1px solid #dfd5e7;border-radius:16px}.staff-card h3{margin:5px 0}.staff-card p{color:#6b5a75;font-size:14px;margin:4px 0 15px}.staff-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.staff-scores>span{padding:12px;background:#f4f0f7;border-radius:10px;font-size:13px;color:#6a5478}.staff-scores b{display:block;font-size:23px;color:#382348;font-weight:600}.staff-card .p-button{width:100%}.record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.record-head h2{margin:5px 0}.record-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.role-tag{display:inline-block;background:#e9eff4;color:#365571;padding:4px 10px;border-radius:8px;font-size:13px;margin-inline-start:10px}.ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.ratings label{background:#f7f4fa;border:1px solid #e0d6e7;padding:12px;border-radius:10px;margin:0;font-size:14px;line-height:1.7}.ratings b{display:block;margin:5px 0;color:#392348}.skill-field{border:0;border-bottom:1px solid #e2d8e9;margin:0 0 20px;padding:0 0 18px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:12px;align-items:center;border-bottom:1px solid #e6deeb;padding:12px 0;font-size:15px}.field-row label{margin:0;display:flex;align-items:center;gap:7px;font-size:14px}.assessment-note{background:#f1edf6;border-radius:10px;padding:14px 16px;margin:14px 0;color:#4d3b5b;font-size:14px}.assessment-note p{margin:4px 0}.audit-item{padding:14px 0;border-bottom:1px solid #e5dcea;font-size:14px;color:#5f4a6c}.audit-item b{display:block;color:#3e2a4e}.audit-item time{display:block;font-size:12px;color:#74627f}.audit-item p{margin:6px 0}.audit-item details{margin-top:8px}.account-page .comparison-table{width:100%}.table-scroll{overflow:auto;max-width:100%;border-radius:12px;border:1px solid #e1d7e9}.account-page .comparison-table th{white-space:nowrap}.account-page .comparison-table td{min-width:75px}.admin-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid #e5ddec;padding:17px 0}.member-row h3{margin:0 0 5px;font-size:18px}.member-row small{display:block;color:#6c5979;overflow-wrap:anywhere;font-size:13px}.member-row .p-button{font-size:14px;padding:9px 14px}.scope-check{display:flex!important;align-items:center;gap:10px;background:#f5f1f8;padding:12px;border-radius:8px}.branch-list{padding:0;list-style:none}.branch-list li{padding:9px 0;border-bottom:1px solid #e3d9e9;color:#5c476a;font-size:15px}.empty-state{padding:28px 22px;border:1px dashed #c9b7d8;border-radius:14px;background:#faf8fc;color:#594367;text-align:center}.quiz-question{border:0;border-bottom:1px solid #e3d8eb;padding:15px 0;margin:0 0 10px}.quiz-question label{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:8px;background:#f6f2f9}.quiz-question input{margin-top:5px}.account-page dialog{width:min(840px,calc(100% - 24px));max-height:90dvh;overflow:auto}.account-page .answer-option{width:100%;text-align:right;margin:7px 0}.account-page .lesson-steps{line-height:2}.calendar-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calendar-item{background:#f5f1f8;border-radius:10px;padding:14px;color:#4f3a60;font-size:14px}.calendar-item small{display:block;color:#715d7e}.setup-shell{max-width:650px;padding-top:60px}.setup-shell>section{margin-top:24px}.setup-shell h1{font-size:28px;color:#352047}.setup-shell p{color:#594764;font-size:16px;line-height:1.9}.setup-shell bdi{overflow-wrap:anywhere}.setup-shell .p-button{margin-top:15px}.account-page a:focus-visible{outline:3px solid #b38a38;outline-offset:4px}
@media(max-width:980px){.staff-grid{grid-template-columns:1fr 1fr}.record-grid,.admin-columns{grid-template-columns:1fr}.ratings{grid-template-columns:1fr}.calendar-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.staff-grid{grid-template-columns:1fr}.account-header{align-items:flex-start}.account-header h1{font-size:28px}.account-header p{font-size:14px;overflow-wrap:anywhere}.account-header>a{flex:none;font-size:13px}.account-toolbar{display:block}.account-toolbar>*{margin-bottom:10px}.account-toolbar .p-button{width:100%}.login-card{padding:22px}.field-row{grid-template-columns:1fr 80px 80px;gap:7px;font-size:14px}.field-row label{font-size:13px}.record-head{display:block}.record-head .text-button{padding-right:0}.member-row{grid-template-columns:1fr}.member-row .p-button{width:100%}.view-switch{flex-wrap:wrap}.view-switch button{min-width:85px}.account-page dialog{padding:18px 15px}.calendar-list{grid-template-columns:1fr}.setup-shell{padding-top:30px}.account-page .panel{padding:18px}.account-page .metric-row{grid-template-columns:1fr 1fr}.account-page .metric-box span{font-size:13px}}

.before-after{margin-bottom:22px}.before-after th,.before-after td{min-width:115px}.before-after td:last-child{font-weight:700;color:#376b58;background:#eff7f3}.before-after h2{margin:6px 0}.employee-number{display:block;color:#635571;margin:0 0 15px}.manager-login{border-top:4px solid #b99b52}.manager-login h2{font-size:clamp(24px,4vw,34px)}.before-after .section-title{flex-wrap:wrap}.account-page .staff-card h3{margin-bottom:6px}.account-page button,.account-page a{transition:transform .2s,box-shadow .2s}.account-page .lesson-tile:hover{transform:translateY(-3px)}@media(max-width:600px){.before-after{padding:16px}.account-page .section-title{display:flex;gap:12px;flex-wrap:wrap}.account-page .button-row{display:flex;flex-wrap:wrap}.account-page .button-row>*{flex:1 1 140px}.before-after .comparison-table{font-size:14px}}@media(prefers-reduced-motion:reduce){.account-page *{transition:none!important;animation:none!important}}

/* Employee working surface */
.employee-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);align-items:center;gap:26px;background:#352047;border:1px solid #543a66;border-radius:20px;padding:26px 30px;margin-bottom:22px;color:#fff}
.account-page .employee-welcome h2{color:#fff;font-size:clamp(24px,3vw,32px);line-height:1.5;margin:5px 0 12px}.employee-welcome .overline{color:#ead099}.profile-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;color:#eee6f3}.employee-progress b{display:block;font-size:30px;font-weight:700}.employee-progress small{font-size:15px;font-weight:500}.employee-progress span{display:block;font-size:14px;color:#eee6f3}.employee-progress progress{display:block;width:100%;height:8px;margin:10px 0 12px;accent-color:#e0bc68;border:0;border-radius:10px;overflow:hidden;background:#6d557b}.employee-progress progress::-webkit-progress-bar{background:#6d557b}.employee-progress progress::-webkit-progress-value{background:#e0bc68}.employee-progress progress::-moz-progress-bar{background:#e0bc68}
.training-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px}.stage-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:1px solid #ddd3e6;border-radius:18px;min-width:0}.stage-index{font-size:14px;font-weight:700;color:#69467e;background:#f0eaf5;padding:4px 10px;border-radius:8px;margin-bottom:12px}.stage-card h2{font-size:22px;margin:0 0 8px}.stage-card p{font-size:16px;color:#66576e;margin:0 0 18px;line-height:1.8}.stage-status{font-size:14px;color:#574765;display:block;margin-top:auto;margin-bottom:16px}.stage-card .p-button{width:100%;font-size:15px}.stage-learning{background:#eef5f3;border-color:#bfd6cc}.stage-learning .stage-index{color:#255d48;background:#d7e8e0}.stage-learning .p-button{background:#2e644f;color:white}.stage-learning .stage-status{color:#345e4c}
.account-page .employee-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.employee-layout>div,.employee-side{min-width:0}.employee-layout .panel{margin-bottom:20px}.employee-layout h2{font-size:22px;line-height:1.5}.employee-layout .section-title{margin-bottom:16px}.lesson-section{scroll-margin-top:100px}.employee-layout .lesson-tile{padding:16px;border-radius:12px;min-height:92px;text-align:right}.employee-layout .lesson-tile strong{font-size:16px;line-height:1.7}.employee-layout .lesson-tile small{font-size:14px;line-height:1.7}.employee-layout .lesson-number{width:36px;height:36px;font-size:16px;flex-shrink:0}.employee-side .assessment-note{font-size:15px}.employee-side .assessment-note small{font-size:14px;line-height:1.8}.followup-count{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5dcea;padding:12px 0;font-size:15px}.followup-count b{font-size:22px;color:#352047;white-space:nowrap}.retake-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.retake-panel h2{margin:0 0 7px}.retake-panel p{margin:0;color:#66576e;font-size:15px}.retake-panel button{flex-shrink:0}.account-page button:disabled{opacity:1;background:#ece7ef;color:#74677d;border-color:#dcd3e2;cursor:not-allowed}
.employee-login{max-width:520px;border-top:4px solid #b99b52;box-shadow:0 16px 50px #3520470a;margin:28px auto 40px;padding:32px}.employee-login h2{font-size:28px;line-height:1.5;margin:12px 0}.employee-login .login-intro{font-size:16px;color:#66576e;margin-bottom:24px}.employee-login .p-button{width:100%;margin:14px 0 4px}.employee-login .side-link{display:block;margin-top:22px;font-size:14px}.account-page .quiet{font-size:14px;color:#66576e;line-height:1.9}
@media(max-width:980px){.account-page .employee-layout{grid-template-columns:1fr}.employee-side{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.training-stages{gap:12px}.stage-card{padding:20px 16px}.employee-layout .lesson-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.employee-welcome{grid-template-columns:1fr;padding:22px;gap:20px}.employee-progress{padding-top:16px;border-top:1px solid #ffffff30}.training-stages{grid-template-columns:1fr;gap:12px}.stage-card{padding:20px}.stage-index{margin-bottom:10px}.stage-card h2{font-size:22px}.stage-card p{margin-bottom:12px}.stage-status{margin-bottom:14px}.employee-side,.employee-layout .lesson-grid{grid-template-columns:1fr}.retake-panel{display:block}.retake-panel button{width:100%;margin-top:16px}.employee-login{padding:24px;margin:20px auto}.account-header{gap:12px;flex-wrap:wrap}.profile-meta{gap:8px 16px}.employee-layout .section-title a{font-size:14px}}
.next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#352047;color:#fff;padding:28px;border-radius:18px;margin:20px 0}.next-step h2,.next-step .overline{color:#fff}.next-step p{color:#eee4f5}.next-step .p-button{background:#e5bc60;color:#251434;white-space:nowrap}.team-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.team-filters label{display:grid;gap:8px}.team-filters input,.team-filters select{width:100%;min-height:46px;box-sizing:border-box}.staff-stage{color:#493260;font-weight:700}.report-credit{border-top:1px solid #ded4e7;padding-top:22px;color:#493260}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;list-style:none;padding:0}.journey-track li{padding:14px;background:#eee9f2;border-radius:10px;border-bottom:4px solid #d3c6df;color:#493260}.journey-track li.done{background:#e6f3ed;border-color:#267652;color:#20583f}.journey-track li.current{background:#352047;border-color:#dfb75b;color:#fff}.journey-track small{display:block;margin-top:5px}.impact-report h3{margin-top:28px}.impact-report th,.impact-report td{white-space:normal}.impact-report .metric-row{margin:24px 0}@media(max-width:650px){.next-step{align-items:stretch;flex-direction:column;padding:20px}.team-filters{grid-template-columns:1fr}.journey-track{grid-template-columns:repeat(2,1fr)}}@media print{body:has(.impact-report) .site-nav,body:has(.impact-report) .account-tabs,body:has(.impact-report) button,body:has(.impact-report) .site-footer,body:has(.impact-report) #signout{display:none!important}.impact-report{border:0;box-shadow:none;color:#111}.impact-report table{width:100%;min-width:0}.impact-report tr{break-inside:avoid}}

.manager-quick{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.training-resources .catalog-tabs{flex-wrap:wrap}@media(max-width:650px){.manager-quick{display:grid}.manager-quick button{width:100%}}
/* بوابة التفعيل ونتائج الاختبارات الرسمية: واضحة على الجوال والكمبيوتر. */
.activation-details{margin-block:1.35rem;padding:1rem;border:1px solid #d9cce6;border-radius:16px;background:#faf7fc;color:#352544}
.activation-details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.activation-details form{display:grid;gap:.8rem;margin-top:1rem}
.activation-details input{max-width:100%;font-size:1rem}
.activation-code{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;letter-spacing:.14em;text-align:center;padding:.75rem;border:1px solid #bea9d4;border-radius:14px;background:#f7f2fb;color:#352544;user-select:all}
.training-score-list{display:grid;gap:.55rem;margin-top:1rem}
.training-score-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e4dce9;padding:.7rem 0}
.training-score-row .text-button{min-height:44px}
@media(max-width:600px){.training-score-row{align-items:stretch;flex-direction:column}.training-score-row .text-button{text-align:right}.employee-login form input{width:100%}}


/* Decorative guide: sign-in fields remain immediately usable. */
#accountView.login-stage{position:relative;isolation:isolate}
.login-stage .login-card-arrive{position:relative;z-index:1;animation:login-card-push 1.35s cubic-bezier(.2,.85,.24,1) both}
.login-guide{pointer-events:none;position:absolute;z-index:2;left:calc(50% - 380px);top:60px;width:84px;height:142px;animation:login-guide-walk 1.5s ease-out both}
.login-guide span{position:absolute;display:block;box-sizing:border-box}
.guide-face{left:26px;top:18px;width:36px;height:37px;border-radius:45% 45% 48% 48%;background:#efc19f;border:2px solid #53364c;z-index:5}
.guide-face i{position:absolute;top:17px;width:3px;height:3px;border-radius:50%;background:#281b2c}.guide-face i:first-child{left:9px}.guide-face i:last-child{right:9px}
.guide-cap{left:20px;top:8px;width:45px;height:20px;border-radius:24px 22px 5px 4px;background:#b79556;border:2px solid #59415b;z-index:6;transform:rotate(-10deg)}
.guide-cap:after{content:'';position:absolute;left:-10px;bottom:-3px;width:21px;height:6px;border-radius:10px;background:#b79556;border:2px solid #59415b}
.guide-body{left:23px;top:54px;width:41px;height:48px;border-radius:12px 12px 8px 8px;background:#563a67;border:2px solid #352047;z-index:4}
.guide-body:after{content:'';position:absolute;left:16px;top:2px;width:5px;height:38px;background:#b79556;border-radius:5px}
.guide-arm{left:54px;top:60px;width:12px;height:40px;border-radius:8px;background:#563a67;border:2px solid #352047;transform-origin:top center;transform:rotate(-48deg);z-index:5;animation:login-arm-push .36s ease-in-out 3 alternate .7s}
.guide-arm-back{left:18px;transform:rotate(24deg);z-index:3;animation:none}
.guide-leg{left:29px;top:96px;width:13px;height:31px;border-radius:6px;background:#27364b;border:2px solid #352047;transform:rotate(8deg);z-index:3}
.guide-leg:after{content:'';position:absolute;bottom:-4px;left:-5px;width:20px;height:9px;border-radius:5px;background:#222333}
.guide-leg-back{left:50px;transform:rotate(-11deg);z-index:2}
.guide-shadow{left:18px;bottom:9px;width:56px;height:7px;border-radius:50%;background:#35204730;z-index:1}
@keyframes login-guide-walk{0%{opacity:0;transform:translateX(-150px) rotate(-5deg)}12%{opacity:1}65%{transform:translateX(-15px) rotate(2deg)}85%{transform:translateX(3px) rotate(-2deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes login-card-push{0%{opacity:0;transform:translateX(-125px) scale(.98)}40%{opacity:.75;transform:translateX(-58px) scale(.99)}76%{opacity:1;transform:translateX(8px) scale(1.005)}100%{transform:translateX(0) scale(1)}}
@keyframes login-arm-push{to{transform:rotate(-65deg)}}
@media(max-width:850px){.login-guide{left:2%;top:-4px;transform-origin:bottom center}.login-stage .login-card{margin-top:118px}}
@media(max-width:650px){.login-guide{left:calc(50% - 42px);top:0;scale:.78;transform-origin:top center}.login-stage .login-card{margin-top:104px}.login-stage .login-card-arrive{animation-duration:1.05s}}
@media(prefers-reduced-motion:reduce){.login-guide,.login-guide .guide-arm,.login-stage .login-card-arrive{animation:none!important}}

/* المراحل المقفلة تُعرض كمعلومة ولا تعرض زرًا يوحي بإمكانية الدخول. */
.account-page .stage-card.is-locked{background:#f7f4f9;border-color:#ddd6e5;box-shadow:none;transform:none}
.account-page .stage-card.is-locked h2{color:#51435b}
.account-page .stage-card.is-locked .stage-index{background:#e9e3ee;color:#584b63}
.account-page .stage-card.is-locked .stage-status{color:#675a70}
.account-page .stage-lock{display:block;width:100%;min-height:44px;padding:10px 14px;border:1px solid #cfc4d9;border-radius:999px;background:#eee9f2;color:#493d54;text-align:center;font-size:14px;font-weight:700;line-height:1.6}
.account-page .stage-wait{border-style:dashed;background:#faf8fc}
.account-page .stage-wait p{margin:0;color:#594d63}
html.bl-dark .account-page .stage-card.is-locked,html[data-theme=dark] .account-page .stage-card.is-locked{background:#281d31;border-color:#655271}
html.bl-dark .account-page .stage-card.is-locked :is(h2,.stage-status),html[data-theme=dark] .account-page .stage-card.is-locked :is(h2,.stage-status){color:#eee4f3}
html.bl-dark .account-page .stage-lock,html[data-theme=dark] .account-page .stage-lock{background:#3a2b46;border-color:#796888;color:#f7effa}

/* نتائج القياس: نسب المدير في بطاقات واضحة، وحالة الإكمال فقط للموظف. */
.account-page .before-after .comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.7}
.account-page .before-after .comparison-table :is(th,td){padding:16px 18px;min-width:0;vertical-align:middle;text-align:right;border-bottom:1px solid var(--bl-line,#e6ddec)}
.account-page .before-after .comparison-table thead th{background:var(--bl-soft,#f2ecf7);color:var(--bl-ink,#352544);font-weight:700}
.account-page .before-after .comparison-table tbody th{color:var(--bl-ink,#352544);font-weight:700}
.account-page .before-after .comparison-table td{color:var(--bl-ink,#352544)}
.account-page .before-after .comparison-table td:last-child{background:var(--bl-soft,#f2ecf7);color:var(--bl-ink,#352544)}
.account-page .result-grade{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.account-page .result-grade strong{font-size:17px;color:var(--bl-ink,#352544)}
.account-page .result-grade small{padding:3px 10px;border-radius:999px;background:var(--bl-soft,#f2ecf7);color:var(--bl-ink,#352544);font-weight:700;font-size:12px}
.account-page .result-state{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:700;white-space:nowrap}
.account-page .result-state.finished{background:#e5f3ec;color:#245b40}
.account-page .result-state.waiting{background:var(--bl-soft,#f2ecf7);color:var(--bl-muted,#706179)}
.account-page .grade-guide{margin-top:22px;padding:20px;border:1px solid var(--bl-line,#e6ddec);border-radius:18px;background:var(--bl-paper,#fff)}
.account-page .grade-guide h3{margin:0 0 14px;color:var(--bl-ink,#352544);font-size:18px}
.account-page .grade-guide__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.account-page .grade-guide__grid>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:10px 12px;border:1px solid var(--bl-line,#e6ddec);border-radius:12px;background:var(--bl-soft,#f2ecf7);color:var(--bl-ink,#352544)}
.account-page .grade-guide__grid b{font-size:17px;line-height:1.35}
.account-page .grade-guide__grid strong{font-size:14px;line-height:1.45}
.account-page .grade-guide p{margin:14px 0 0;color:var(--bl-muted,#706179);font-size:13px;line-height:1.7}
html[data-theme=dark] .account-page .result-state.finished{background:#244637;color:#d7f4e5}
@media(max-width:820px){.account-page .grade-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.account-page .before-after .table-scroll{overflow:visible}.account-page .before-after .comparison-table,.account-page .before-after .comparison-table tbody{display:block}.account-page .before-after .comparison-table thead{display:none}.account-page .before-after .comparison-table tr{display:grid;gap:0;margin:0 0 12px;border:1px solid var(--bl-line,#e6ddec);border-radius:14px;overflow:hidden;background:var(--bl-paper,#fff)}.account-page .before-after .comparison-table :is(th,td){display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 14px}.account-page .before-after .comparison-table th{background:var(--bl-soft,#f2ecf7)}.account-page .before-after .comparison-table td:before{content:attr(data-label);font-weight:700;color:var(--bl-muted,#706179);flex:none}.account-page .before-after .comparison-table td:last-child{border-bottom:0}.account-page .grade-guide{padding:14px}.account-page .grade-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.account-page .grade-guide__grid{grid-template-columns:1fr}}

/* شاشات الدخول: نفس عرض الحقول ومساحة حركة الدليل على الجوال واللاب. */
.account-page #accountView.login-stage{width:100%;min-width:0;max-width:720px;margin-inline:auto;padding:0 16px;box-sizing:border-box}
.account-page #accountView.login-stage .login-card{width:100%;max-width:600px;box-sizing:border-box;margin:28px auto 42px;padding:clamp(24px,3.4vw,38px)}
.account-page #accountView.login-stage .login-card form{display:grid;gap:14px;min-width:0}
.account-page #accountView.login-stage .login-card label{display:grid;gap:7px;margin:0;min-width:0}
.account-page #accountView.login-stage .login-card :is(input,button,.p-button){width:100%;min-width:0;box-sizing:border-box;min-height:48px}
.account-page #accountView.login-stage .login-card :is(h2,p,.role-switch,.side-link,.quiet){overflow-wrap:anywhere}
.account-page #accountView.login-stage .login-card details{max-width:100%;min-width:0}
.account-page #accountView.login-stage .login-card details form{margin-top:14px}
@media(max-width:850px){
 .account-page #accountView.login-stage{padding-inline:0}
 .account-page #accountView.login-stage .login-guide{left:calc(50% - 42px);top:0;scale:.7;transform-origin:top center}
 .account-page #accountView.login-stage .login-card{margin-top:108px}
}
@media(max-width:600px){
 .account-page .program-shell{width:100%;padding-inline:clamp(14px,4vw,22px)}
 .account-page .account-header{display:block;margin-bottom:12px}
 .account-page .account-header h1{font-size:clamp(24px,7vw,32px);line-height:1.4}
 .account-page .account-header>a{margin-top:10px}
 .account-page #accountView.login-stage .login-card{padding:clamp(18px,5vw,25px);margin-bottom:26px;border-radius:20px}
 .account-page #accountView.login-stage .login-card h2{font-size:clamp(23px,6vw,29px);line-height:1.45}
 .account-page #accountView.login-stage .login-card :is(input,select,button){font-size:16px}
 .account-page #accountView.login-stage .login-card .activation-details{padding:14px}
 .account-page #accountView.login-stage .login-card .overline{font-size:12px;letter-spacing:.04em}
}
@media(max-width:390px){.account-page #accountView.login-stage .login-guide{scale:.6}.account-page #accountView.login-stage .login-card{margin-top:94px}}

/* إصلاح تداخل الشخصية مع عنوان الدخول: المسافة جزء من الحاوية، فلا تنهار هوامش البطاقة. */
@media(max-width:850px){
 .account-page #accountView.login-stage{display:flow-root;padding-top:112px}
 .account-page #accountView.login-stage .login-card{margin-top:0!important}
 .account-page #accountView.login-stage .login-guide{top:8px}
}
@media(max-width:390px){
 .account-page #accountView.login-stage{padding-top:98px}
 .account-page #accountView.login-stage .login-guide{top:7px}
}
/* تنزيل نتائج الدورة يظهر بوضوح داخل صفحة الإدارة وعلى الجوال. */
.account-page .export-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block:18px 22px}
.account-page .export-panel h2{margin:0 0 6px}
.account-page .export-panel p{margin:0;line-height:1.7;color:#66576e}
.account-page .export-panel .p-button{flex:none;min-height:48px}
@media(max-width:650px){.account-page .export-panel{display:grid;grid-template-columns:1fr}.account-page .export-panel .p-button{width:100%}.account-page .impact-report .button-row{width:100%;display:grid;grid-template-columns:1fr}.account-page .impact-report .button-row button{width:100%}}

/* الحساب التجريبي بلون كهرماني واضح، مستقل عن البنفسجي المعتاد للفريق. */
.account-page .staff-card-demo{background:#fff3d6;border:2px solid #b4781e;box-shadow:0 10px 26px rgba(128,80,16,.17)}
.account-page .staff-card-demo .staff-scores>span,.account-page .staff-card-demo .next-task{background:#f8e6ba;color:#513317}
.account-page .staff-card-demo .p-button{background:#8a5214;border-color:#8a5214;color:#fff}
.account-page .staff-card-demo .status{background:#f7dfa7;color:#55350e}
html[data-theme=dark] .account-page .staff-card-demo{background:#3d2d20;border-color:#f1be62;color:#fff5e7}
html[data-theme=dark] .account-page .staff-card-demo .staff-scores>span,html[data-theme=dark] .account-page .staff-card-demo .next-task{background:#5c4429;color:#fff5e7}