
/* مركز التعريف والتعلّم — V4.5.1 */
.help-dashboard-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:20px;border:1px solid #cfe4dc;border-radius:16px;background:linear-gradient(135deg,#eaf7f2 0%,#f4f8ff 100%);box-shadow:0 10px 28px rgba(15,92,77,.08)}
.help-dashboard-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0f5c4d;color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 22px rgba(15,92,77,.22)}
.help-dashboard-copy h3,.help-hero h2,.help-display-settings h3{margin:2px 0 6px}.help-dashboard-copy p,.help-display-settings p{margin:0;color:#52657a;line-height:1.75}.help-kicker{display:block;color:#0f5c4d;font-size:11px;font-weight:800;letter-spacing:.04em}.help-dashboard-progress{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#52657a;font-size:12px}.help-progress-track{height:8px;margin-top:7px;border-radius:999px;background:#dce9e5;overflow:hidden}.help-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f5c4d,#2b8a73);transition:width .25s}.help-dashboard-actions{display:grid;gap:8px;min-width:135px}.help-center-shell{display:grid;gap:16px}.help-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;padding:25px;border-radius:18px;background:linear-gradient(135deg,#103f38,#174f74);color:#fff;overflow:hidden;position:relative}.help-hero:after{content:'?';position:absolute;left:-15px;bottom:-65px;font-size:210px;font-weight:900;color:#ffffff0b}.help-hero .help-kicker{color:#bfe6db}.help-hero h2{font-size:28px}.help-hero p{max-width:760px;margin:0;color:#e2edf2;line-height:1.9}.help-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.help-hero .btn{background:#fff;color:#103f38}.help-hero .btn.gray{background:#ffffff18;color:#fff;border:1px solid #ffffff35}.help-progress-card{position:relative;z-index:1;padding:20px;border:1px solid #ffffff2b;border-radius:16px;background:#ffffff12;text-align:center;backdrop-filter:blur(8px)}.help-progress-card strong{display:block;font-size:42px}.help-progress-card span,.help-progress-card small{display:block;color:#dfedf1}.help-progress-card .help-progress-track{background:#ffffff24;margin:13px 0 8px}.help-progress-card .help-progress-track i{background:#fff}.help-display-settings{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:#fff}.help-switch{display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}.help-switch input{position:absolute;opacity:0}.help-switch span{position:relative;width:48px;height:27px;border-radius:999px;background:#cbd5e1;transition:.2s}.help-switch span:after{content:'';position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0002;transition:.2s}.help-switch input:checked+span{background:#0f5c4d}.help-switch input:checked+span:after{transform:translateX(-21px)}.help-switch b{font-size:12px;color:#475569}.help-toolbar{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.help-search{display:flex;align-items:center;gap:9px;border:1px solid #cbd5e1;border-radius:11px;padding:0 12px;background:#fff}.help-search span{font-size:21px;color:#64748b}.help-search input{width:100%;border:0;outline:0;padding:12px 0;background:transparent}.help-categories{display:flex;gap:7px;flex-wrap:wrap}.help-categories button{border:1px solid #dce6e2;border-radius:999px;background:#f8fbfa;padding:8px 11px;color:#465a55;cursor:pointer}.help-categories button.active,.help-categories button:hover{background:#e5f3ee;border-color:#0f5c4d;color:#0f5c4d;font-weight:700}.help-lessons-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-lesson-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:right;color:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.help-lesson-card:hover{transform:translateY(-2px);border-color:#96bfb2;box-shadow:0 10px 24px rgba(15,92,77,.09)}.help-lesson-card.completed{border-color:#b8dccf;background:#f7fcfa}.help-lesson-icon,.help-lesson-big-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e9f5f1;color:#0f5c4d;font-size:22px;font-style:normal}.help-lesson-main{display:grid;gap:4px;min-width:0}.help-lesson-main small{color:#0f5c4d;font-size:10px}.help-lesson-main strong{font-size:15px}.help-lesson-main em{font-style:normal;color:#64748b;font-size:12px;line-height:1.6}.help-lesson-meta{font-size:10px;color:#7b8798}.help-lesson-arrow{color:#94a3b8;font-size:19px}.help-empty{grid-column:1/-1;padding:35px;border:1px dashed #b9c9c3;border-radius:14px;background:#fff;text-align:center;color:#64748b}.help-back{justify-self:start;border:0;background:transparent;color:#0f5c4d;font-weight:700;cursor:pointer;padding:4px}.help-lesson-view{display:grid;gap:19px;padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff}.help-lesson-view>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.help-lesson-big-icon{width:66px;height:66px;font-size:30px;border-radius:19px}.help-lesson-view h2{margin:3px 0 6px;font-size:26px}.help-lesson-view header p{margin:0;color:#64748b;line-height:1.7}.help-lesson-view header small{display:block;margin-top:6px;color:#7b8798}.help-lesson-view section{padding:17px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfdfc}.help-lesson-view section h3{margin:0 0 10px;color:#174f74}.help-lesson-view section p{margin:0;line-height:1.95;color:#445467}.help-lesson-view ul{margin:0;padding:0 22px 0 0;display:grid;gap:9px;color:#445467;line-height:1.75}.help-numbered{counter-reset:help-step;list-style:none!important;padding:0!important}.help-numbered li{position:relative;padding:11px 48px 11px 12px;border-radius:10px;background:#fff;border:1px solid #e5ebe8}.help-numbered li:before{counter-increment:help-step;content:counter(help-step);position:absolute;right:10px;top:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#0f5c4d;color:#fff;font-weight:700}.help-lesson-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-checks,.help-notes{list-style:none;padding:0!important}.help-checks li,.help-notes li{position:relative;padding-right:24px}.help-checks li:before{content:'✓';position:absolute;right:0;color:#16805f;font-weight:900}.help-notes li:before{content:'•';position:absolute;right:4px;color:#174f74;font-weight:900}.help-lesson-footer{display:grid;gap:15px;padding-top:2px}.help-lesson-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.help-lesson-nav .btn{max-width:48%;white-space:normal;line-height:1.55}.help-lesson-footer>.btn{justify-self:end}.help-dashboard-card+.dashboard-intro{margin-top:3px}
@media(max-width:900px){.help-hero{grid-template-columns:1fr}.help-progress-card{max-width:300px}.help-lessons-list{grid-template-columns:1fr}}
@media(max-width:700px){.help-dashboard-card{grid-template-columns:auto minmax(0,1fr)}.help-dashboard-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.help-hero{padding:19px}.help-hero h2{font-size:24px}.help-display-settings{align-items:flex-start;flex-direction:column}.help-lesson-columns{grid-template-columns:1fr}.help-lesson-view{padding:15px}.help-lesson-view>header{grid-template-columns:1fr}.help-lesson-big-icon{width:55px;height:55px}.help-lesson-view h2{font-size:22px}.help-lesson-nav{display:grid}.help-lesson-nav .btn{max-width:none;width:100%}.help-lesson-footer>.btn{width:100%}}
@media(max-width:430px){.help-dashboard-card{grid-template-columns:1fr;text-align:center}.help-dashboard-icon{margin:auto}.help-dashboard-progress{text-align:right}.help-dashboard-actions{grid-template-columns:1fr}.help-categories{display:grid;grid-template-columns:1fr 1fr}.help-categories button{border-radius:10px}.help-lesson-card{grid-template-columns:auto minmax(0,1fr)}.help-lesson-arrow{display:none}.help-lesson-view section{padding:13px}}
