/* WebTechs AI Academy 2.4.0 — dedicated, scoped and responsive web app design system. */
body.wtaia24-standalone {margin:0!important;background:#f7f9fc;color:#18243a;}
body.wtaia24-standalone #wpadminbar {position:fixed;}
body.wtaia24-standalone:has(#wpadminbar) .wtaia24-sidebar {top:32px;height:calc(100dvh - 32px)}
.wtaia24-shell {
 --w24-primary:#635bff;--w24-accent:#13b8a6;--w24-navy:#14213d;--w24-bg:#f7f9fc;--w24-surface:#fff;
 --w24-text:#18243a;--w24-muted:#64748b;--w24-line:#e5eaf1;--w24-soft:#f0f2ff;
 --w24-radius:18px;--w24-shadow:0 8px 30px rgba(30,41,82,.04);
 --wtaia-primary:var(--w24-primary);--wtaia-primary-2:var(--w24-accent);--wtaia-border:var(--w24-line);--wtaia-bg:var(--w24-bg);--wtaia-surface:var(--w24-surface);--wtaia-text:var(--w24-text);--wtaia-muted:var(--w24-muted);
 display:grid;grid-template-columns:248px minmax(0,1fr);gap:0;min-height:100dvh;max-width:none!important;margin:0!important;
 background:var(--w24-bg);color:var(--w24-text);font-family:Vazirmatn,IRANSans,system-ui,Tahoma,sans-serif;line-height:1.8;font-size:14px;
 text-align:right;isolation:isolate;
}
.wtaia24-shell [hidden]{display:none!important}
.wtaia24-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--w24-primary);outline-offset:3px}
.wtaia24-shell :is(input,select,textarea){font:inherit;max-width:100%}
.wtaia24-shell :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
.wtaia24-shell button{font-family:inherit}
.wtaia24-skip{position:absolute!important;inset-inline-start:15px;top:-90px;z-index:20000;padding:9px 14px;background:#fff;color:#14213d;border-radius:8px}
.wtaia24-skip:focus{top:12px}
.wtaia24-sidebar{background:var(--w24-surface);border-inline-end:1px solid var(--w24-line);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;padding:29px 17px 18px;z-index:30;min-width:0}
.wtaia24-brand{display:flex;align-items:center;gap:12px;margin-bottom:45px;padding:5px 7px;color:var(--w24-text)!important;text-decoration:none!important}
.wtaia24-brand-logo{display:grid;place-items:center;flex:0 0 43px;height:43px;background:var(--w24-primary);color:#fff;border-radius:14px;box-shadow:0 8px 19px color-mix(in srgb,var(--w24-primary) 20%,transparent)}
.wtaia24-brand>span:last-child{min-width:0;display:grid;gap:0}
.wtaia24-brand strong{font-size:18px;line-height:1.4;direction:ltr;text-align:right;letter-spacing:-.5px;font-family:system-ui,sans-serif}
.wtaia24-brand strong b{color:var(--w24-primary)}
.wtaia24-brand small{color:var(--w24-muted);font-size:10px;line-height:1.9;white-space:normal}
.wtaia24-menu-label{font-size:11px;color:var(--w24-muted);padding:0 15px 12px;font-weight:800}
.wtaia24-desktop-nav{display:grid;gap:5px}
.wtaia24-desktop-nav>a{display:flex;gap:13px;align-items:center;min-height:46px;padding:9px 14px;border-radius:12px;color:var(--w24-muted)!important;font-size:13px;font-weight:700;transition:background-color .18s,color .18s;text-decoration:none!important}
.wtaia24-desktop-nav>a:hover{background:var(--w24-soft);color:var(--w24-text)!important}
.wtaia24-desktop-nav>a.is-active{background:var(--w24-soft);color:var(--w24-primary)!important}
.wtaia24-desktop-nav>a svg{flex-shrink:0}
.wtaia24-extra-links{margin-top:22px;font-size:13px;border-top:1px solid var(--w24-line);padding-top:15px}
.wtaia24-extra-links summary{cursor:pointer;list-style:none;padding:9px 14px;display:flex;align-items:center;gap:12px;color:var(--w24-muted);font-weight:700;border-radius:10px}
.wtaia24-extra-links summary::-webkit-details-marker{display:none}
.wtaia24-extra-links summary:hover{background:var(--w24-soft)}
.wtaia24-extra-links>div{display:grid;gap:2px;margin:6px 0 0 30px}
.wtaia24-extra-links a{padding:9px 11px;color:var(--w24-muted)!important;border-radius:9px}
.wtaia24-extra-links a:hover{background:var(--w24-soft)}
.wtaia24-sidebar-foot{margin-top:auto;padding:20px 12px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--w24-muted)}
.wtaia24-online-state{color:#0d986b}
.wtaia24-workspace{min-width:0;min-height:100dvh;display:flex;flex-direction:column}
.wtaia24-header{height:81px;flex:0 0 auto;border-bottom:1px solid var(--w24-line);background:var(--w24-surface);padding:12px clamp(18px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.wtaia24-header-identity{display:grid;gap:0;min-width:0}
.wtaia24-head-overline{font-size:11px;font-weight:600;color:var(--w24-muted)}
.wtaia24-header-identity strong{font-size:18px;line-height:1.5;color:var(--w24-text);font-weight:850}
.wtaia24-actions{display:flex;align-items:center;gap:10px;min-width:0}
.wtaia24-actions button{cursor:pointer}
.wtaia24-theme{border:1px solid var(--w24-line);background:var(--w24-surface);width:40px;height:40px;border-radius:12px;color:var(--w24-muted);display:grid;place-items:center}
.wtaia24-theme:hover{color:var(--w24-primary);background:var(--w24-soft)}
.wtaia24-account{border:1px solid var(--w24-line);border-radius:12px;padding:5px 8px;display:flex;gap:9px;align-items:center;font-weight:700;color:var(--w24-text)!important;max-width:176px;font-size:12px}
.wtaia24-account-avatar{height:32px!important;width:32px!important;border-radius:9px!important;display:block;object-fit:cover}
.wtaia24-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wtaia24-account-login{color:var(--w24-primary)!important;padding:10px 14px}
.wtaia24-connection{font-size:11px;color:#0a8a64}
.wtaia24-connection.is-offline{color:#bd5c1e}
.wtaia24-install{border:1px solid var(--w24-primary);color:var(--w24-primary);background:var(--w24-soft);border-radius:10px;padding:6px 11px;min-height:37px}
.wtaia24-content{flex:1;min-width:0;width:min(100%,1400px);padding:clamp(19px,3vw,38px);margin-inline:auto;scroll-margin-top:24px}
.wtaia24-content :is(.wtaia-course-grid,.wtaia-course-list,.wtaia-stats,.wtaia-dash-grid,.wtaia-v21-certs,.wtaia-v22-focus,.wtaia-v21-dashboard-bar){max-width:100%}
.wtaia24-footer{padding:15px clamp(18px,3vw,42px);display:flex;justify-content:space-between;gap:10px;font-size:11px;border-top:1px solid var(--w24-line);color:var(--w24-muted);background:var(--w24-surface)}
.wtaia24-bottom-nav{display:none}
.wtaia24-update{position:fixed;inset-inline:20px;bottom:24px;margin:auto;max-width:360px;z-index:9999;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid var(--w24-line);background:var(--w24-surface);box-shadow:0 8px 28px #15234122;border-radius:14px}
.wtaia24-update button{background:var(--w24-primary);color:#fff;padding:8px 11px;border:0;border-radius:9px;cursor:pointer}
/* Clutter prevention: reuse the real LMS HTML, but establish a calmer visual language. */
.wtaia24-shell .wtaia-v21-catalog-intro{border:1px solid var(--w24-line);background:var(--w24-surface);border-radius:22px;box-shadow:none;padding:clamp(21px,3vw,39px)}
.wtaia24-shell .wtaia-v21-catalog-intro h1,.wtaia24-shell .wtaia24-page-heading h1{font-size:clamp(25px,3vw,36px);line-height:1.55;color:var(--w24-text);margin:5px 0 9px}
.wtaia24-shell .wtaia-v21-catalog-intro p{font-size:14px;color:var(--w24-muted);margin:0}
.wtaia24-shell .wtaia-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 24px}
.wtaia24-shell .wtaia-toolbar label{min-width:0}
.wtaia24-shell .wtaia-toolbar :is(input,select){min-width:0;border-color:var(--w24-line);background:var(--w24-surface);min-height:45px;box-shadow:none}
.wtaia24-shell .wtaia-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wtaia24-shell .wtaia-course-card{border-radius:17px;box-shadow:none;border:1px solid var(--w24-line);background:var(--w24-surface);transition:transform .18s,border-color .18s}
.wtaia24-shell .wtaia-course-card:hover{transform:translateY(-2px);box-shadow:var(--w24-shadow);border-color:color-mix(in srgb,var(--w24-primary) 32%,var(--w24-line))}
.wtaia24-shell .wtaia-card-media{background:#e9eafd;aspect-ratio:16/9}
.wtaia24-shell .wtaia-placeholder{color:var(--w24-primary);font-size:30px}
.wtaia24-shell .wtaia-card-body{padding:16px}
.wtaia24-shell .wtaia-card-body h3{font-size:16px;line-height:1.75;min-height:52px}
.wtaia24-shell .wtaia-card-body p{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.9}
.wtaia24-shell .wtaia-card-foot{align-items:center}
.wtaia24-shell .wtaia-dashboard-head{background:var(--w24-surface);color:var(--w24-text);border:1px solid var(--w24-line);padding:21px;border-radius:18px;box-shadow:none}
.wtaia24-shell .wtaia-dashboard-head h2{color:var(--w24-text);font-size:20px}
.wtaia24-shell .wtaia-dashboard-head p{color:var(--w24-muted)}
.wtaia24-shell .wtaia-v22-focus{background:var(--w24-navy);border:0;border-radius:20px;box-shadow:none;overflow:hidden}
.wtaia24-shell .wtaia-v22-focus :is(h3,p,.wtaia-v22-kicker){color:#fff}
.wtaia24-shell .wtaia-section{box-shadow:none;border-radius:17px;border:1px solid var(--w24-line);background:var(--w24-surface)}
.wtaia24-shell .wtaia-section-title{gap:10px;flex-wrap:wrap}
.wtaia24-shell .wtaia-section-title h3{font-size:17px;margin:0}
.wtaia24-shell .wtaia-row-card{background:var(--w24-bg);border-color:var(--w24-line)}
.wtaia24-shell .wtaia-btn{background:var(--w24-primary);min-height:44px;border-radius:11px;box-shadow:none;text-align:center;transition:background-color .16s,filter .16s}
.wtaia24-shell .wtaia-btn:hover{transform:none;filter:brightness(.95)}
.wtaia24-shell .wtaia-btn.ghost{background:var(--w24-soft);color:var(--w24-primary)!important}
.wtaia24-shell .wtaia-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:15px 0 0}
.wtaia24-shell .wtaia-stat{min-height:81px;box-shadow:none}
.wtaia24-shell .wtaia-course-hero{background:var(--w24-surface);border-color:var(--w24-line);border-radius:20px;box-shadow:none}
.wtaia24-shell .wtaia-course-hero h1{color:var(--w24-text);font-size:clamp(27px,3vw,41px)}
.wtaia24-shell .wtaia-lesson-main{background:var(--w24-surface);border-color:var(--w24-line);box-shadow:none}
.wtaia24-shell .wtaia-v22-player .wtaia-player-sidebar{background:var(--w24-navy)}
.wtaia24-shell .wtaia-v22-player .wtaia-player-brand{background:var(--w24-navy)}
.wtaia24-shell .wtaia-quiz-player{border:1px solid var(--w24-line);border-radius:18px;box-shadow:none}
.wtaia24-shell .wtaia-focus-head{background:var(--w24-surface);border-bottom:1px solid var(--w24-line)}
.wtaia24-shell .wtaia-question{background:var(--w24-surface);border-color:var(--w24-line)}
.wtaia24-shell .wtaia-course-register{background:var(--w24-surface);border-color:var(--w24-line);box-shadow:none}
.wtaia24-shell .wtaia-auth-card{box-shadow:none;border-color:var(--w24-line)}
.wtaia24-more-stats{padding:14px 20px;border:1px solid var(--w24-line);border-radius:15px;background:var(--w24-surface);margin:16px 0}
.wtaia24-more-stats>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:800;color:var(--w24-muted);display:flex;justify-content:space-between;align-items:center;gap:12px}
.wtaia24-more-stats>summary:after{content:'⌄';font-size:17px}
.wtaia24-more-stats[open]>summary:after{transform:rotate(180deg)}
.wtaia24-more-stats>summary::-webkit-details-marker{display:none}
.wtaia24-more-stats .wtaia-section{margin:15px 0 0}
.wtaia24-page-heading{padding:7px 0 20px;margin-bottom:9px}
.wtaia24-page-heading p{color:var(--w24-muted);margin:0}
.wtaia24-overline{color:var(--w24-primary);font-size:12px;font-weight:800}
.wtaia24-my-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wtaia24-my-course{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;border:1px solid var(--w24-line);border-radius:16px;background:var(--w24-surface);padding:14px;min-width:0}
.wtaia24-my-course>img,.wtaia24-course-symbol{width:118px;height:126px;object-fit:cover;border-radius:12px;background:#ebeafd;color:var(--w24-primary);display:grid;place-items:center;font-size:26px}
.wtaia24-my-course-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.wtaia24-my-course h2,.wtaia24-quiz-row h2{font-size:16px;margin:2px 0 12px;line-height:1.5;color:var(--w24-text)}
.wtaia24-my-course-info small{color:var(--w24-muted);font-size:11px}
.wtaia24-my-course-info .wtaia-btn{min-height:37px;margin-top:auto;font-size:12px}
.wtaia24-progressline{height:7px;width:100%;border-radius:100px;background:var(--w24-soft);overflow:hidden;margin:0 0 6px}
.wtaia24-progressline span{display:block;height:100%;background:var(--w24-primary);border-radius:inherit}
.wtaia24-quiz-list{display:grid;gap:12px}
.wtaia24-quiz-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;background:var(--w24-surface);border:1px solid var(--w24-line);border-radius:16px}
.wtaia24-quiz-row small,.wtaia24-quiz-row span{display:block;color:var(--w24-muted);font-size:12px}
.wtaia24-quiz-row h2{margin:4px 0 8px}
.wtaia24-shell .wtaia-v21-cert,.wtaia24-shell .wtaia-v23-cert-track{border:1px solid var(--w24-line);box-shadow:none;background:var(--w24-surface)}
/* Dark mode is contained in the app and never changes other WordPress pages. */
.wtaia24-shell[data-theme="dark"]{--w24-navy:#101b36;--w24-bg:#0c1427;--w24-surface:#17233a;--w24-text:#edf2ff;--w24-muted:#acb8ce;--w24-line:#304159;--w24-soft:#27324f;--wtaia-shadow:none}
.wtaia24-shell[data-theme="dark"] .wtaia24-brand strong b{color:#9c98ff}
.wtaia24-shell[data-theme="dark"] :is(.wtaia-course-card,.wtaia-row-card,.wtaia-note-box,.wtaia-lesson-main,.wtaia-question,.wtaia-course-hero,.wtaia-auth-card,.wtaia-course-register,.wtaia-v22-focus-aside){background:var(--w24-surface);color:var(--w24-text);border-color:var(--w24-line)}
.wtaia24-shell[data-theme="dark"] :is(.wtaia-btn.ghost,.wtaia-card-tags span,.wtaia-pill){background:var(--w24-soft);color:#a9a5ff!important;border-color:var(--w24-line)}
.wtaia24-shell[data-theme="dark"] :is(.wtaia-course-hero h1,.wtaia-card-body h3,.wtaia-course-register-copy h2,.wtaia-course-auth-prompt strong,.wtaia-course-hero p){color:var(--w24-text)}
.wtaia24-shell[data-theme="dark"] :is(input,select,textarea){background:var(--w24-bg);color:var(--w24-text);border-color:var(--w24-line)}
.wtaia24-shell[data-theme="dark"] .wtaia-v22-focus{background:var(--w24-navy)}
@media(max-width:1180px){
 .wtaia24-shell{grid-template-columns:218px minmax(0,1fr)}
 .wtaia24-shell .wtaia-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtaia24-my-grid{grid-template-columns:1fr}
 .wtaia24-shell .wtaia-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 body.wtaia24-standalone:has(#wpadminbar) .wtaia24-sidebar{display:none}
 .wtaia24-shell{display:block;padding-bottom:calc(69px + env(safe-area-inset-bottom,0px));min-height:100dvh}
 .wtaia24-sidebar{display:none}
 .wtaia24-workspace{min-height:calc(100dvh - 76px)}
 .wtaia24-header{height:67px;padding:10px 17px}
 .wtaia24-header-identity strong{font-size:16px}
 .wtaia24-content{padding:17px 14px 32px}
 .wtaia24-footer{padding:13px 18px;font-size:10px}
 .wtaia24-bottom-nav{position:fixed;z-index:9000;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(67px + env(safe-area-inset-bottom,0px));padding:5px 7px calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--w24-line);background:var(--w24-surface);box-shadow:0 -5px 25px #0b173510;overflow:hidden}
 .wtaia24-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;min-width:0;border-radius:9px;text-decoration:none!important;color:var(--w24-muted)!important;font-size:10px;font-weight:750}
 .wtaia24-bottom-nav a.is-active{color:var(--w24-primary)!important;background:var(--w24-soft)}
 .wtaia24-bottom-nav a svg{width:20px;height:20px}
 .wtaia24-account span{display:none}
 .wtaia24-account{padding:3px;border-radius:10px;border:0}
 .wtaia24-account-login{font-size:11px;padding:7px 9px;border:1px solid var(--w24-line)}
 .wtaia24-account-login{max-width:70px;text-align:center;line-height:1.4}
 .wtaia24-install{padding:6px;font-size:11px}
 .wtaia24-connection{display:none}
 .wtaia24-shell .wtaia-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtaia24-shell .wtaia-v22-focus{grid-template-columns:1fr}
 .wtaia24-update{bottom:calc(79px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){
 .wtaia24-head-overline{font-size:10px}
 .wtaia24-header-identity strong{font-size:14px}
 .wtaia24-header{gap:5px}
 .wtaia24-actions{gap:4px}
 .wtaia24-theme{width:35px;height:35px}
 .wtaia24-shell .wtaia-course-grid{grid-template-columns:1fr}
 .wtaia24-shell .wtaia-toolbar{grid-template-columns:1fr 1fr;gap:8px}
 .wtaia24-shell .wtaia-toolbar label:first-child{grid-column:1/-1}
 .wtaia24-shell .wtaia-course-hero{padding:19px}
 .wtaia24-shell .wtaia-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtaia24-my-grid{grid-template-columns:1fr}
 .wtaia24-my-course{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:10px}
 .wtaia24-my-course>img,.wtaia24-course-symbol{height:116px;width:94px}
 .wtaia24-my-course h2{font-size:14px}
 .wtaia24-quiz-row{padding:16px;flex-direction:column;align-items:stretch}
 .wtaia24-quiz-row .wtaia-btn{width:100%}
 .wtaia24-footer{flex-wrap:wrap}
 .wtaia24-shell .wtaia-row-card{flex-direction:column;align-items:stretch}
 .wtaia24-shell .wtaia-row-card a{width:100%}
}
@media(max-width:355px){.wtaia24-shell .wtaia-toolbar{grid-template-columns:1fr}.wtaia24-shell .wtaia-toolbar label:first-child{grid-column:auto}.wtaia24-header-identity strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wtaia24-shell *, .wtaia24-shell *:before,.wtaia24-shell *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Navigation is owned by the new shell; hide legacy duplicate dashboard links. */
.wtaia24-shell .wtaia-v21-dashboard-bar{display:none!important}