/* حركة البرنامج الرسمي: غيّر المتغيرات هنا لضبط السرعة والتباين في كل الصفحات. */
:root{--tx-bg:#fbf8fc;--tx-card:#fff;--tx-ink:#352544;--tx-muted:#5c4d68;--tx-line:#d8c9e3;--tx-current:#66427e;--tx-done:#337361;--tx-soft:#f1e9f7;--tx-glow:#a277bf55}
html.bl-dark{--tx-bg:#1c1326;--tx-card:#281d33;--tx-ink:#f3ecf8;--tx-muted:#d9c8e3;--tx-line:#6b527d;--tx-current:#d9b7f2;--tx-done:#a5e6ca;--tx-soft:#382942;--tx-glow:#cf9aef55}
.account-page .login-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;max-width:600px;margin-inline:auto;background:var(--tx-card);border:1px solid var(--tx-line);border-radius:24px;padding:clamp(22px,4vw,38px);color:var(--tx-ink);box-shadow:0 22px 55px #24132b14}
.account-page .login-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#8664a0,#e1c4e7,#8a699d)}
.account-page .login-card h2,.account-page .login-card label{color:var(--tx-ink)!important}
.account-page .login-card :is(p,.quiet,.login-intro,.side-link){color:var(--tx-muted)!important}
.account-page .login-card :is(input,select){background:var(--tx-card);border:1px solid var(--tx-line);color:var(--tx-ink);min-height:48px}
.account-page .login-card :is(input,select):focus-visible{outline:3px solid #a783c0;outline-offset:2px}
.login-card .activation-details{background:var(--tx-soft)!important;border-color:var(--tx-line)!important;color:var(--tx-ink)!important}
.login-card .activation-details summary{color:var(--tx-ink)}
.account-page .login-card .p-button{min-height:48px}
.account-page .role-switch{margin:14px 0 6px;padding:12px 15px;border:1px solid var(--tx-line);border-radius:12px;background:var(--tx-soft);line-height:1.7;color:var(--tx-ink)!important}
.account-page .role-switch a{color:var(--tx-current);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;align-content:center}
html.bl-dark .account-page .role-switch a{color:#eed2ff}
.training-flow{--flow-size:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:24px 20px;margin:18px 0 26px;border:1px solid var(--tx-line);border-radius:24px;background:var(--tx-card);color:var(--tx-ink);overflow:hidden}
.training-flow__heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.training-flow__heading h2{font-size:clamp(20px,2.5vw,26px);color:var(--tx-ink);margin:0}
.training-flow__heading p{font-size:13px;color:var(--tx-muted);margin:0}
.training-flow__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:6px;min-width:0;min-height:142px;padding:18px;border:1px solid var(--tx-line);border-radius:18px;background:var(--tx-soft);color:var(--tx-ink)}
.training-flow__step:not(:last-child):after{content:"";position:absolute;top:38px;left:-12px;width:12px;height:2px;background:var(--tx-line);z-index:2}
.training-flow__step.done:after{background:var(--tx-done)}
.training-flow__step.current{border-color:var(--tx-current);box-shadow:0 0 0 2px var(--tx-glow),0 12px 26px #35254416}
.training-flow__step.done{border-color:var(--tx-done)}
.training-flow__index{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--tx-card);color:var(--tx-ink);border:1px solid var(--tx-line);font-size:13px;font-weight:700}
.training-flow__step.current .training-flow__index{background:var(--tx-current);color:var(--tx-card);border-color:var(--tx-current)}
.training-flow__step.done .training-flow__index{background:var(--tx-done);color:#fff;border-color:var(--tx-done)}
html.bl-dark .training-flow__step.done .training-flow__index{color:#102d26}
.training-flow__step strong{color:var(--tx-ink);font-size:17px;line-height:1.4}
.training-flow__step small{color:var(--tx-muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.training-flow__step[disabled]{cursor:not-allowed;opacity:1}.training-flow__step:not([disabled]){cursor:pointer}
.training-flow__step:not([disabled]):hover{transform:translateY(-3px)}
.training-flow__step:not([disabled]):active,.workflow-card:active{transform:scale(.98)}
.training-flow__step:focus-visible,.workflow-card:focus-visible{outline:3px solid #a783c0;outline-offset:3px}
.workflow-panel{margin:0 0 22px;padding:25px;border:1px solid var(--tx-line);border-radius:24px;background:var(--tx-card);color:var(--tx-ink)}
.workflow-panel h2{color:var(--tx-ink);margin:.25rem 0}.workflow-panel p{color:var(--tx-muted);margin:.25rem 0 18px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workflow-card{display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0;min-height:120px;border:1px solid var(--tx-line);border-radius:16px;background:var(--tx-soft);padding:17px;color:var(--tx-ink);text-align:right;cursor:pointer}
.workflow-card strong{font-size:clamp(22px,3vw,32px);line-height:1.1;color:var(--tx-ink)}
.workflow-card span{font-weight:700;color:var(--tx-ink)}.workflow-card small{color:var(--tx-muted)}
.workflow-card:hover{border-color:var(--tx-current);transform:translateY(-3px)}
.workflow-card.is-active{border-color:var(--tx-current);box-shadow:inset 0 0 0 1px var(--tx-current)}
.workflow-card[data-stage=complete]{--tx-current:var(--tx-done)}
.workflow-hint{margin-top:15px!important;font-size:13px}
/* لوحة المدير والإدارة: أرقام حقيقية، وبطاقات مهام تفتح الملفات المفلترة. */
.command-deck{position:relative;isolation:isolate;overflow:hidden;margin:0 0 22px;padding:clamp(23px,3vw,38px);border-radius:26px;border:1px solid #795b8c;background:radial-gradient(circle at 8% 14%,#6b477c 0,transparent 37%),linear-gradient(135deg,#20162b 0%,#382549 62%,#241b33 100%);color:#f9f3fc;box-shadow:0 22px 45px #26153427}
.command-deck:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;background-image:linear-gradient(#e9dafa0b 1px,transparent 1px),linear-gradient(90deg,#e9dafa0b 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.command-deck:after{content:"";position:absolute;z-index:-1;top:-130px;left:-90px;width:420px;height:420px;border-radius:50%;background:#b57bd02d;filter:blur(75px);pointer-events:none}
.command-deck__top{display:flex;justify-content:space-between;align-items:center;gap:28px}.command-deck__eyebrow{display:block;color:#ddc2ed;font-size:12px;letter-spacing:.09em;font-weight:700}.account-page .command-deck h2{color:#fff;font-size:clamp(27px,3vw,38px);margin:7px 0}.command-deck__top p{color:#e7d9ef;line-height:1.8;margin:0;max-width:52ch}
.command-deck__ring{--deck-progress:0%;width:130px;height:130px;flex:none;border-radius:50%;padding:13px;background:conic-gradient(#cba4e3 var(--deck-progress),#755d86 0);box-shadow:0 0 30px #b677d749;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center}
.command-deck__ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#30213e}.command-deck__ring strong,.command-deck__ring small{position:relative}.command-deck__ring strong{font-size:27px;line-height:1.2}.command-deck__ring small{color:#e0cee8;font-size:11px;max-width:72px;line-height:1.4}
.command-deck__summary{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.command-deck__summary span{border:1px solid #c7a8dc55;background:#ffffff13;border-radius:999px;padding:7px 14px;color:#eee3f3;font-size:13px}.command-deck__summary b{color:#fff;font-size:16px;margin-inline-end:4px;font-variant-numeric:tabular-nums}
.command-deck__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.command-deck__actions button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;min-width:0;min-height:140px;text-align:right;padding:16px;border:1px solid #a987ba7a;border-radius:18px;background:#ffffff12;color:#fff;transition:transform .2s,border-color .2s,background .2s;animation:deck-arrive .55s both;animation-delay:calc(var(--deck-order)*90ms)}
.command-deck__actions button:hover,.command-deck__actions button:focus-visible{transform:translateY(-3px);border-color:#e8c4fa;background:#ffffff24}.command-deck__actions button:focus-visible{outline:3px solid #eed4ff;outline-offset:3px}.command-deck__number{color:#d8b7e9;font-size:12px}.command-deck__copy{min-width:0}.command-deck__copy b,.command-deck__copy small{display:block;overflow-wrap:anywhere}.command-deck__copy b{font-size:16px;line-height:1.5}.command-deck__copy small{color:#e2d2ea;font-size:12px;line-height:1.6;margin-top:7px}.command-deck__count{grid-column:1/3;align-self:end;font-size:26px;font-variant-numeric:tabular-nums}.command-deck__arrow{align-self:end;color:#e6c7f6}.command-deck__source{margin:18px 0 0;color:#dfcfe7;font-size:12px;line-height:1.7}
@keyframes deck-arrive{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.command-deck__actions{grid-template-columns:1fr}.command-deck__actions button{min-height:96px;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center}.command-deck__count{grid-column:auto;align-self:center}.command-deck__arrow{align-self:center}.command-deck__copy small{margin-top:2px}}
@media(max-width:480px){.command-deck__top{align-items:flex-start}.command-deck__ring{width:94px;height:94px;padding:8px}.command-deck__ring:before{inset:8px}.command-deck__ring strong{font-size:19px}.command-deck__ring small{font-size:9px}.command-deck__actions button{padding:13px;gap:6px}.command-deck__copy b{font-size:14px}.command-deck__count{font-size:21px}.command-deck__summary span{font-size:12px}.command-deck__top p{font-size:14px}}
.account-page .journey-track{display:none}
.account-page .training-stages{margin-top:0}
.account-page .stage-card{border-color:var(--tx-line);background:var(--tx-card);color:var(--tx-ink)}
.account-page .stage-card :is(h2,p,.stage-status){color:var(--tx-ink)}
.account-page .stage-card .stage-status{font-weight:600}
html.bl-dark .account-page :is(.training-flow,.workflow-panel,.workflow-card,.login-card,.stage-card){background:var(--tx-card)!important;border-color:var(--tx-line)!important;color:var(--tx-ink)!important}
html.bl-dark .account-page :is(.training-flow__step,.workflow-card){background:var(--tx-soft)!important}
html.bl-dark .account-page .training-flow__step.current{border-color:var(--tx-current)!important}
html.bl-dark .account-page .training-flow__step.done{border-color:var(--tx-done)!important}
html.bl-dark .account-page .workflow-card.is-active{border-color:var(--tx-current)!important}
html.bl-dark .account-page :is(.training-flow__step strong,.training-flow__step small,.workflow-card strong,.workflow-card span,.workflow-card small){color:var(--tx-ink)!important}
.login-stage .login-card-arrive{animation-duration:.85s}
.login-stage .login-guide{animation-duration:.95s}
.login-stage .guide-arm{animation-duration:.25s}
.account-experience .training-flow__step,.account-experience .workflow-card{animation:tx-step-enter .5s both;animation-delay:calc(var(--order,0)*90ms)}
.account-experience .training-flow.is-advanced .training-flow__step.current{animation:tx-current-pulse .8s both}
.account-experience .employee-welcome,.account-experience .manager-tasks,.account-experience .workflow-panel{animation:tx-card-enter .55s both}
@keyframes tx-card-enter{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes tx-step-enter{from{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes tx-current-pulse{40%{box-shadow:0 0 0 6px var(--tx-glow),0 12px 26px #35254416}to{box-shadow:0 0 0 2px var(--tx-glow),0 12px 26px #35254416}}
@media(max-width:900px){.training-flow,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-flow__step:nth-of-type(2):after{display:none}}
@media(max-width:600px){.training-flow{grid-template-columns:1fr;padding:17px}.training-flow__heading{display:block}.training-flow__step{min-height:0;padding:15px 16px 15px 50px}.training-flow__step:not(:last-child):after{top:auto;bottom:-12px;left:auto;right:31px;width:2px;height:12px}.training-flow__step:nth-of-type(2):after{display:block}.workflow-panel{padding:18px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-card{min-height:110px;padding:14px}.account-page .login-card{margin-block:14px 30px}}
@media(max-width:370px){.workflow-grid{grid-template-columns:1fr}.training-flow__step{padding-inline:14px}}
/* نماذج التقييم والجداول على الجوال: لا تُضغط النصوص أو أزرار الإدارة داخل أعمدة ضيقة. */
@media(max-width:430px){
 .account-page .account-header{flex-wrap:wrap;gap:10px}
 .account-page .account-header>a{min-height:44px;display:inline-flex;align-items:center}
 .account-page .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-page .field-row> :first-child{grid-column:1/-1;overflow-wrap:anywhere}
 .account-page .field-row label{min-height:44px}
 .account-page .view-switch button{min-height:44px}
 .account-page .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .account-page .login-card{width:100%;padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){.account-experience .training-flow__step,.account-experience .workflow-card,.account-experience .employee-welcome,.account-experience .manager-tasks,.account-experience .workflow-panel,.account-experience .training-flow.is-advanced .training-flow__step.current,.command-deck__actions button{animation:none!important;transform:none!important}.training-flow__step,.workflow-card,.command-deck__actions button{transition:none!important}}