:root{
--bg:#090a0c;--panel:#101216;--panel2:#15171c;--text:#f5f5f4;--muted:#a4a6ad;
--red:#ff1717;--red2:#d90606;--gold:#ffc928;--line:rgba(255,255,255,.09);
--shadow:0 30px 90px rgba(0,0,0,.38);--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,system-ui,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input{font:inherit}.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}
.scroll-progress{position:fixed;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));z-index:100;width:0}
.topbar{position:sticky;top:0;z-index:50;height:82px;padding:0 5vw;display:flex;align-items:center;gap:36px;background:rgba(9,10,12,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.brand img{width:185px;height:58px;object-fit:contain}.nav-links{display:flex;gap:28px;margin-right:auto}.nav-links a{font-size:13px;color:#c9c9cc;transition:.25s}.nav-links a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.mobile-menu{display:none;background:none;border:0;color:white;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:.3s;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.55s}.btn:hover:before{transform:translateX(110%)}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--red),#ff3636);box-shadow:0 12px 35px rgba(255,23,23,.2)}.btn-outline{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03)}.btn-ghost{color:#ddd}.btn-small{padding:9px 16px}.btn-large{padding:16px 25px}
.hero{min-height:calc(100vh - 82px);padding:90px 8vw 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(255,23,23,.12),transparent 30%),radial-gradient(circle at 25% 20%,rgba(255,201,40,.06),transparent 25%);pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.orb-red{width:320px;height:320px;background:red;right:8%;top:20%}.orb-gold{width:220px;height:220px;background:gold;left:5%;bottom:0}
.hero-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:#aaa;font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow span{display:block;width:22px;height:2px;background:var(--red)}
.hero h1{font-size:clamp(50px,6.2vw,92px);line-height:1.04;margin:22px 0;font-weight:800;letter-spacing:-3px}.hero h1 em,.section h2 em,.page-hero h1 em,.cta-band h2 em{font-style:normal;color:var(--gold)}.hero h1 strong{font-weight:900}.hero p{color:#a9abb1;max-width:630px;font-size:17px;line-height:2}.hero-actions{display:flex;gap:12px;margin:32px 0}.hero-proof{display:flex;gap:35px;margin-top:35px}.hero-proof div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:25px}.hero-proof b{font-size:20px}.hero-proof span{font-size:11px;color:#828282}
.hero-visual{display:flex;justify-content:center;position:relative}.dashboard-card{width:min(440px,100%);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,#181a1f,#0d0e11);box-shadow:var(--shadow);transform:rotate(2deg);transition:.5s}.dashboard-card:hover{transform:rotate(0) translateY(-8px)}.dash-top{font-size:10px;letter-spacing:2px;color:#888}.live-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 15px red;margin-left:8px}.score-ring{width:190px;height:190px;border-radius:50%;margin:35px auto 14px;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 82%,#292c31 82%);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#111318}.score-ring>div{position:relative;z-index:1}.score-ring strong{font-size:50px}.score-ring small{color:#828282}.score-label{text-align:center;color:#828282;font-size:10px;letter-spacing:3px}.mini-bars{height:90px;display:flex;align-items:end;gap:8px;margin-top:28px}.mini-bars span{flex:1;height:var(--h);background:linear-gradient(to top,var(--red),var(--gold));border-radius:6px 6px 2px 2px;opacity:.8}.dash-stats{display:flex;gap:30px;margin-top:22px}.dash-stats b{font-size:21px;color:var(--gold);display:block}.dash-stats small{color:#828282}
.ticker{border-block:1px solid var(--line);padding:18px 5vw;display:flex;justify-content:space-around;color:#828282;font-size:10px;letter-spacing:3px}
.section{padding:120px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section h2{font-size:clamp(36px,4.5vw,62px);line-height:1.1;margin:15px 0 0}.section-head>p{max-width:420px;color:#888;line-height:1.9}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{padding:30px;background:linear-gradient(150deg,#121419,#0c0d10);border:1px solid var(--line);border-radius:var(--radius);min-height:450px;position:relative;transition:.45s}.service-card:hover{transform:translateY(-10px);border-color:rgba(255,201,40,.25);box-shadow:0 30px 60px rgba(0,0,0,.3)}.service-card.featured{background:linear-gradient(150deg,#201817,#101114);border-color:rgba(255,201,40,.3)}.popular{position:absolute;top:18px;left:18px;background:var(--gold);color:#111;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:900}.card-number{color:#555;font-size:12px}.icon{font-size:32px;color:var(--gold);margin:45px 0 18px}.service-card h3{font-size:22px;margin:0 0 10px}.service-card p{color:#888;font-size:13px;line-height:1.8}.service-card ul{padding:0;list-style:none;color:#bbb;font-size:12px;line-height:2.2}.service-card li:before{content:"✓";color:var(--gold);margin-left:8px}.service-card>a{position:absolute;bottom:28px;color:#fff;font-weight:700;font-size:13px}.service-card>a span{color:var(--gold);margin-right:8px}
.scorer-section{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(180deg,#0b0c0f,#111217)}.scorer-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.15;margin:18px 0}.scorer-copy>p{color:#999;line-height:2;max-width:560px}.feature-list{margin:30px 0}.feature-list div{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.feature-list b{color:var(--gold);font-size:12px}.feature-list span{font-size:13px}.scorer-box{align-self:center;background:#090a0c;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.scan-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 20px var(--gold);animation:scan 3s linear infinite}.scan-head{display:flex;justify-content:space-between;color:#828282;font-size:10px;letter-spacing:2px}.scan-head i{color:#42db74;font-style:normal}.scan-url{margin:25px 0;padding:15px;border:1px solid var(--line);border-radius:10px;color:#828282;font-family:monospace;direction:ltr;text-align:left}.scan-result{display:flex;align-items:center;gap:25px}.big-score{font-size:65px;font-weight:900;color:var(--gold)}.big-score span{font-size:15px;color:#828282}.scan-result strong{font-size:17px}.scan-result p{font-size:11px;color:#828282}.scan-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.scan-metrics div{background:#121419;padding:14px;border-radius:12px}.scan-metrics span{font-size:10px;color:#828282;display:block}.scan-metrics b{font-size:20px}
.academy-grid,.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.academy-card{padding:35px;min-height:240px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#15171c,#0d0e11)}.academy-card span,.price-card .tag{color:var(--gold);font-size:9px;letter-spacing:2px;font-weight:900}.academy-card h3{font-size:25px;margin:35px 0 10px}.academy-card p{color:#888}.price{margin-top:25px;font-weight:900;color:#aaa}.cta-band{margin:0 7vw 110px;padding:70px 75px;border-radius:32px;background:linear-gradient(120deg,#17191e,#101114);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cta-band h2{font-size:clamp(38px,4vw,55px);line-height:1.1;margin:15px 0}
.page-hero{padding:110px 8vw 70px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,23,23,.12),transparent 35%)}.page-hero h1{font-size:clamp(50px,6vw,85px);line-height:1.05;margin:20px 0}.page-hero p{max-width:680px;margin:auto;color:#999;line-height:2}.page-hero.compact{padding-bottom:45px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:38px;border:1px solid var(--line);border-radius:25px;background:#101216;position:relative}.price-card.featured{border-color:rgba(255,201,40,.45);transform:translateY(-8px)}.price-card h2{font-size:25px;margin:22px 0 8px}.price-card .price{font-size:38px;color:white}.price-card .price small{font-size:11px;color:#828282}.price-card p,.price-card li{color:#888;font-size:13px;line-height:2}.price-card ul{padding:0;list-style:none;min-height:180px}.price-card li:before{content:"✓";color:var(--gold);margin-left:8px}.price-card .btn{width:100%}.future-products{padding-top:20px}.future-grid{grid-template-columns:repeat(4,1fr)}.future-grid>div{padding:28px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:10px;background:#101216}.future-grid b{font-size:15px}.future-grid span{font-size:11px;color:#828282}
.scorer-page{padding-bottom:100px}.scorer-form-card,.score-result{width:min(900px,90vw);margin:0 auto;padding:35px;border:1px solid var(--line);border-radius:25px;background:#101216;box-shadow:var(--shadow)}label{display:block;font-size:12px;color:#aaa;margin-bottom:18px}input{width:100%;margin-top:8px;padding:15px 17px;background:#0b0c0f;border:1px solid var(--line);color:white;border-radius:12px;outline:none;transition:.25s}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,201,40,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scorer-form-card .btn{width:100%;margin-top:8px}.scorer-form-card small{display:block;color:#828282;margin-top:14px}.hidden{display:none!important}.score-result{margin-top:25px}.result-main{display:flex;gap:30px;align-items:center}.result-ring{width:170px;height:170px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 82%,#292c31 82%);position:relative}.result-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#111318}.result-ring strong,.result-ring span{position:relative;z-index:1}.result-ring strong{font-size:46px}.result-ring span{font-size:12px;color:#828282}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.result-grid>div{padding:20px;background:#0b0c0f;border:1px solid var(--line);border-radius:15px}.result-grid span{color:#828282;font-size:11px}.result-grid b{float:left;color:var(--gold);font-size:22px}.meter{height:5px;background:#25272c;border-radius:5px;margin-top:15px;overflow:hidden}.meter i{display:block;height:100%;width:80%;background:linear-gradient(90deg,var(--red),var(--gold))}.priority-box{padding:20px;background:#0b0c0f;border-radius:15px;margin-bottom:25px}.priority-box li{color:#aaa;margin:9px}
.auth-wrap{min-height:calc(100vh - 200px);display:grid;place-items:center;padding:80px 20px}.auth-card{width:min(460px,100%);padding:42px;border:1px solid var(--line);border-radius:28px;background:#101216;box-shadow:var(--shadow)}.auth-card h1{font-size:34px;margin:18px 0 8px}.auth-card p{color:#828282;margin-bottom:30px}.auth-card .btn{width:100%}.auth-foot{text-align:center;color:#828282;font-size:12px;margin-top:20px}.auth-foot a{color:var(--gold)}.alert{padding:13px;border-radius:10px;background:rgba(255,23,23,.1);border:1px solid rgba(255,23,23,.2);color:#ff8181;font-size:12px;margin-bottom:20px}
.dashboard-wrap{padding:80px 6vw 120px}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.dashboard-heading h1{font-size:45px;margin:15px 0 5px}.dashboard-heading p{color:#828282}.dashboard-grid{display:grid;grid-template-columns:230px 1fr;gap:20px}.side-card,.dashboard-panel,.stats-grid>div{border:1px solid var(--line);background:#101216;border-radius:20px}.side-card{padding:12px;height:max-content}.side-card a{display:block;padding:14px;border-radius:10px;color:#828282;font-size:12px}.side-card a.active,.side-card a:hover{background:#1a1c21;color:white}.dash-content{display:grid;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-grid>div{padding:25px}.stats-grid span,.stats-grid small{display:block;color:#828282;font-size:11px}.stats-grid b{display:block;font-size:34px;margin:8px 0;color:var(--gold)}.dashboard-panel{padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:17px}.panel-head span{font-size:10px;color:#828282}.analysis-row{display:flex;align-items:center;gap:20px;padding-top:15px}.analysis-row p{font-size:12px;color:#828282}.analysis-row>a{margin-right:auto;color:var(--gold);font-size:12px}.tiny-ring{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 82%,#292c31 0);color:#111;font-weight:900;border:8px solid #111}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roadmap>div{padding:20px;border:1px solid var(--line);border-radius:15px;color:#828282}.roadmap .done{color:#53db83}.roadmap .current{border-color:rgba(255,201,40,.3);color:var(--gold)}.roadmap b{display:block;color:white;margin-top:8px}.roadmap small{color:#828282}
.footer{border-top:1px solid var(--line);padding:70px 7vw 25px;background:#07080a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-brand{font-weight:900;letter-spacing:1px}.footer-brand span{color:var(--gold)}.footer p{color:#828282;font-size:12px;max-width:340px;line-height:1.9}.footer h4{font-size:12px}.footer a{display:block;color:#828282;font-size:11px;margin:12px 0}.footer a:hover{color:#fff}.footer-cta{color:var(--gold)!important}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:#555;font-size:10px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
@keyframes scan{0%{transform:translateY(-200px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(200px);opacity:0}}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero,.scorer-section{grid-template-columns:1fr}.hero{padding-top:65px}.hero-visual{max-width:650px;margin:auto}.future-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.mobile-menu{display:block;margin-right:auto}.nav-actions{display:none}.footer-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.side-card{display:flex;overflow:auto}.side-card a{white-space:nowrap}}
@media(max-width:700px){.topbar{padding:0 20px}.brand img{width:145px}.hero{padding:55px 22px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-proof{gap:15px}.section,.scorer-section{padding:75px 22px}.section-head,.cta-band,.dashboard-heading{display:block}.service-grid,.pricing-grid,.academy-grid,.future-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.cta-band{margin:0 22px 75px;padding:40px 28px}.cta-band .btn{margin-top:20px}.page-hero{padding:75px 22px 45px}.page-hero h1{font-size:48px}.form-row,.result-grid,.stats-grid{grid-template-columns:1fr}.result-main{display:block}.result-ring{margin-bottom:25px}.footer{padding:55px 22px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.dashboard-wrap{padding:55px 22px}.dashboard-heading h1{font-size:34px}}

/* Dashboard V2 */
.dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 30px;border:1px solid rgba(255,201,40,.14);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(255,23,23,.14),transparent 35%),linear-gradient(145deg,#15171c,#0d0e11)}
.dash-welcome h2{font-size:25px;margin:15px 0 8px}.dash-welcome p{color:#888;font-size:12px;line-height:1.9;max-width:620px}.status-pill{font-size:9px;letter-spacing:1.5px;color:#7ee6a0}.status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46dc79;box-shadow:0 0 10px #46dc79;margin-left:7px}.welcome-score{min-width:135px;text-align:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b0c0f}.welcome-score small,.welcome-score span{display:block;color:#828282;font-size:9px}.welcome-score strong{display:block;color:var(--gold);font-size:42px;line-height:1.2}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-actions a{position:relative;padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f;transition:.3s;min-height:130px}.quick-actions a:hover{transform:translateY(-5px);border-color:rgba(255,201,40,.25);background:#121419}.quick-actions span{display:block;font-size:22px;margin-bottom:14px}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:13px}.quick-actions small{color:#828282;font-size:10px;margin-top:5px}.quick-actions em{position:absolute;left:17px;bottom:17px;color:var(--gold);font-style:normal}.roadmap>div{position:relative}.roadmap>div span{font-size:10px;color:#555}.roadmap>div b{font-size:13px}.roadmap>div small{display:block;margin-top:5px;color:#828282;font-size:10px}.roadmap .current{background:rgba(255,201,40,.035)}.empty-report{display:flex;align-items:center;gap:18px;padding:22px 0}.empty-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:rgba(255,201,40,.08);color:var(--gold);font-size:22px}.empty-report b{font-size:13px}.empty-report p{color:#828282;font-size:11px;margin:5px 0}.empty-report .btn{margin-right:auto;font-size:11px}@media(max-width:900px){.quick-actions{grid-template-columns:repeat(2,1fr)}.dash-welcome{display:block}.welcome-score{margin-top:20px}.empty-report{flex-wrap:wrap}.empty-report .btn{margin-right:0}}@media(max-width:520px){.quick-actions{grid-template-columns:1fr}}
/* Real Scorer V3 */
.score-loading{width:min(900px,90vw);margin:25px auto;padding:45px;text-align:center;border:1px solid var(--line);border-radius:25px;background:#101216}.loader-orbit{width:65px;height:65px;margin:0 auto 18px;border-radius:50%;border:2px solid #2a2d33;border-top-color:var(--gold);border-right-color:var(--red);animation:spin 1s linear infinite}.score-loading b,.score-loading span{display:block}.score-loading span{color:#828282;font-size:10px;margin-top:6px;letter-spacing:1px}.result-channel{display:flex;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.result-channel img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,201,40,.35)}.result-channel h2{margin:7px 0 2px;font-size:22px}.result-channel small{color:#828282;font-family:monospace;font-size:10px}.result-grid{grid-template-columns:repeat(4,1fr)}.data-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0 25px}.data-strip>div{padding:17px;background:#0b0c0f;border:1px solid var(--line);border-radius:14px}.data-strip span,.data-strip b{display:block}.data-strip span{color:#828282;font-size:9px}.data-strip b{margin-top:7px;font-size:17px}.insight-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.priority-box h3{font-size:14px}.priority-box ul{padding-right:20px}.priority-box li{color:#999;font-size:12px;line-height:1.9;margin:7px 0}.upsell-box{margin-top:20px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid rgba(255,201,40,.2);border-radius:18px;background:linear-gradient(120deg,rgba(255,201,40,.06),rgba(255,23,23,.05))}.upsell-box h3{font-size:19px;margin:10px 0 5px}.upsell-box p{color:#828282;font-size:11px;line-height:1.8;max-width:570px}.login-save-note{text-align:center;color:#828282;font-size:11px;margin-top:18px}.login-save-note a{color:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.result-grid,.data-strip{grid-template-columns:repeat(2,1fr)}.insight-columns{grid-template-columns:1fr}.upsell-box{display:block}.upsell-box .btn{margin-top:15px}.result-channel{align-items:flex-start}}
/* V5.1 Product + Admin */
textarea,select{width:100%;margin-top:8px;padding:15px 17px;background:#0b0c0f;border:1px solid var(--line);color:#fff;border-radius:12px;outline:none}
.admin-wrap{padding:75px 6vw 120px}.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.admin-head h1{font-size:48px;margin:14px 0 5px}.admin-head p{color:#828282}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.admin-stats>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#101216}.admin-stats span{display:block;color:#828282;font-size:10px}.admin-stats b{display:block;color:var(--gold);font-size:30px;margin-top:8px}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel{padding:25px;border:1px solid var(--line);border-radius:20px;background:#101216}.admin-panel h2{font-size:18px}.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row b,.admin-row small{display:block}.admin-row small{color:#828282;font-size:9px;margin-top:4px}.admin-row strong{font-size:12px;color:#ddd}.state-on,.state-off,.order-status{font-size:9px;padding:5px 8px;border-radius:20px}.state-on{color:#70e49b;background:rgba(70,220,120,.08)}.state-off{color:#828282;background:#1b1c20}.order-status{color:var(--gold);background:rgba(255,201,40,.08)}.admin-panel .panel-head{margin-bottom:12px}.admin-panel .panel-head a{font-size:11px;color:var(--gold)}.product-admin{grid-template-columns:1fr auto auto auto}.product-admin>a{font-size:10px;color:#aaa}.danger-link{color:#ff7777!important}.checkout-price{font-size:42px;font-weight:900;color:var(--gold);margin:25px 0}.checkout-price small{font-size:11px;color:#828282}.checkout-note{padding:15px;border:1px solid var(--line);border-radius:12px;color:#828282;font-size:11px;margin-bottom:20px}.auth-card select{margin-bottom:15px}@media(max-width:1050px){.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:1fr}}@media(max-width:650px){.admin-head{display:block}.admin-head .btn{margin-top:20px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr auto}.product-admin{grid-template-columns:1fr auto}.admin-wrap{padding:55px 22px}.admin-head h1{font-size:35px}}

/* V6 Product CMS */
.product-short{min-height:42px}.featured-badge{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1px;color:var(--gold);border:1px solid rgba(255,201,40,.25);padding:6px 8px;border-radius:20px}.price-card{position:relative}.checkout-page{padding:80px 6vw 120px}.checkout-shell{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.4fr .75fr;gap:22px}.checkout-main,.checkout-summary{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#121419,#0d0e11);padding:35px}.checkout-main h1{font-size:45px;margin:18px 0}.checkout-desc{color:#888;line-height:2;font-size:13px}.checkout-features{margin-top:30px}.checkout-features h3{font-size:15px;margin-bottom:15px}.checkout-features div{padding:12px 0;border-bottom:1px solid var(--line);color:#bbb;font-size:12px}.checkout-summary{position:sticky;top:30px;height:max-content}.checkout-summary>span{font-size:9px;letter-spacing:2px;color:#828282}.checkout-summary h3{font-size:20px;margin:18px 0}.checkout-total{font-size:42px;font-weight:900;color:var(--gold);padding:20px 0;border-bottom:1px solid var(--line)}.checkout-total small{font-size:11px;color:#828282}.summary-line{display:flex;justify-content:space-between;padding:14px 0;color:#828282;font-size:11px}.summary-line b{color:#ddd}.back-link{display:block;text-align:center;margin-top:18px;color:#828282;font-size:10px}.check-label{display:flex;align-items:center;gap:10px;margin-top:25px}.check-label input{width:18px;height:18px;accent-color:#ffc928}@media(max-width:850px){.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-main h1{font-size:34px}}

/* ===== V7: Free AI Report (OpenAI-powered) ===== */
.ai-report-cta{margin-top:22px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--line);border-radius:18px;background:#0b0c0f}
.ai-report-cta h3{font-size:17px;margin:8px 0 5px}
.ai-report-cta p{color:#888;font-size:11px;line-height:1.8;max-width:520px;margin:0}
.ai-report-block{margin-top:22px}
.ai-score-note{color:#828282;font-size:10px;margin:-8px 0 18px}
.ai-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;padding:14px 18px;border:1px solid rgba(255,201,40,.18);background:linear-gradient(90deg,rgba(255,201,40,.06),rgba(255,23,23,.04));border-radius:14px;color:#aaa;font-size:10px;letter-spacing:1.4px}
.ai-badge-value{display:flex;align-items:baseline;gap:4px}
.ai-badge b{font-size:28px;color:var(--gold)}
.ai-badge small{color:#828282}
.ai-summary{margin:20px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f}
.ai-summary p{color:#aaa;line-height:2;font-size:13px;margin:0}
.insight-columns.cols-3{grid-template-columns:repeat(3,1fr)}
.ai-advice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.ai-advice-grid>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f}
.ai-advice-grid span{font-size:9px;color:var(--gold);letter-spacing:1.5px}
.ai-advice-grid p{font-size:11px;line-height:1.9;color:#aaa;margin:8px 0 0}
.video-ideas{padding:24px;border:1px solid var(--line);border-radius:18px;background:#0b0c0f;margin-bottom:22px}
.video-ideas b{color:var(--gold);font-size:10px}
.video-ideas>div:last-child{margin-top:16px;display:grid;gap:8px}
.video-ideas>div:last-child>div{display:flex;gap:15px;align-items:center;padding:14px;border-radius:12px;background:#121419}
.video-ideas span{font-size:12px;color:#ddd}
@media(max-width:900px){.insight-columns.cols-3{grid-template-columns:1fr 1fr}.ai-advice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ai-report-cta{display:block}.ai-report-cta .btn{margin-top:15px}.insight-columns.cols-3{grid-template-columns:1fr}.ai-advice-grid{grid-template-columns:1fr}}

/* ===== V7: Mobile nav toggle (hamburger now actually opens the menu) ===== */
@media(max-width:1050px){
  .topbar{flex-wrap:wrap;justify-content:space-between}
  .mobile-menu{margin:0}
  .topbar.menu-open .nav-links{display:flex;flex-direction:column;flex-basis:100%;gap:2px;padding-top:18px;order:5}
  .topbar.menu-open .nav-links a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .topbar.menu-open .nav-actions{display:flex;flex-basis:100%;gap:10px;padding:14px 0 18px;order:6}
}

/* ===== V7: dashboard order-confirmation banner ===== */
.order-confirm-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:22px;border:1px solid rgba(70,220,120,.3);background:rgba(70,220,120,.06);border-radius:18px}
.order-confirm-banner b{display:block;color:#7ee6a0;font-size:14px;margin-bottom:4px}
.order-confirm-banner p{margin:0;color:#aaa;font-size:12px}
.order-confirm-banner .status-pill{white-space:nowrap}
@media(max-width:650px){.order-confirm-banner{display:block}.order-confirm-banner .status-pill{margin-top:10px;display:inline-flex}}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V7: My Reports page ===== */
.report-card{margin-bottom:18px}
.report-card-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.report-card-head img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,201,40,.35);flex-shrink:0}
.report-card-title{flex:1;min-width:0}
.report-card-title b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-card-title small{color:#828282;font-size:10px}
.report-card-head .tiny-ring{width:52px;height:52px;font-size:14px;flex-shrink:0}
.report-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.report-card-note{color:#828282;font-size:11px}
@media(max-width:520px){.report-card-title b{white-space:normal}}

/* ===== V8: extended registration form ===== */
.auth-card-wide{width:min(600px,100%)}
.field-optional{color:#828282;font-weight:400;font-size:10px}

/* ===== V8: Admin sidebar layout + leads table ===== */
.admin-layout-full{display:grid;grid-template-columns:230px 1fr;gap:20px}
.admin-search{display:flex;gap:8px}
.admin-search input{width:220px;margin:0}
.lead-row{padding:16px 0;border-bottom:1px solid var(--line)}
.lead-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.lead-row-head b{font-size:14px}
.lead-row-head small{color:#828282;font-size:10px}
.lead-meta{display:flex;flex-wrap:wrap;gap:8px}
.lead-meta span{padding:5px 12px;border-radius:20px;background:#181a1f;color:#aaa;font-size:11px}
.lead-meta a{color:var(--gold)}
@media(max-width:900px){.admin-layout-full{grid-template-columns:1fr}.admin-search{flex-wrap:wrap}.admin-search input{width:100%}}

/* ===== V9: Order lifecycle, timeline, deliverables, notifications ===== */
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-right:6px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700}

/* Orders list */
.order-card{display:grid;grid-template-columns:1fr auto auto auto 20px;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:.2s}
.order-card:hover{background:#0e1014;padding-inline:12px;border-radius:12px}
.order-card-main b{display:block;font-size:13px}
.order-card-main small{color:#828282;font-size:10px}
.order-card-arrow{color:#555}
.pay-pill{padding:5px 12px;border-radius:20px;font-size:10px;white-space:nowrap;background:#181a1f;color:#aaa}
.pay-paid{background:rgba(70,220,120,.12);color:#7ee6a0}
.pay-unpaid{background:rgba(255,201,40,.12);color:var(--gold)}
.pay-refunded,.pay-failed{background:rgba(255,60,60,.12);color:#ff8080}

/* Order detail */
.order-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.order-info-grid>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b0c0f}
.order-info-grid span{display:block;color:#828282;font-size:10px;margin-bottom:6px}
.order-info-grid b{font-size:14px}
.order-attention{padding:18px 22px;margin-bottom:18px;border:1px solid rgba(255,201,40,.3);background:rgba(255,201,40,.06);border-radius:16px}
.order-attention b{display:block;color:var(--gold);margin-bottom:4px}
.order-attention p{margin:0;color:#aaa;font-size:12px}

/* Timeline */
.order-timeline{display:flex;gap:6px;overflow-x:auto;padding:6px 0}
.tl-step{flex:1;min-width:110px;text-align:center;position:relative}
.tl-step i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--line);background:#0b0c0f;color:#828282;font-size:12px;font-style:normal;font-weight:700}
.tl-step span{font-size:10px;color:#828282;display:block;line-height:1.5}
.tl-step::before{content:'';position:absolute;top:17px;right:50%;width:100%;height:2px;background:var(--line);z-index:-1}
.tl-step:first-child::before{display:none}
.tl-done i{border-color:#46dc78;background:rgba(70,220,120,.12);color:#7ee6a0}
.tl-done span{color:#7ee6a0}
.tl-active i{border-color:var(--gold);background:rgba(255,201,40,.14);color:var(--gold);box-shadow:0 0 0 5px rgba(255,201,40,.08)}
.tl-active span{color:var(--gold);font-weight:700}

/* Deliverables */
.deliverable-item{padding:18px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f}
.deliverable-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.deliverable-head b{font-size:14px}
.deliverable-head small{color:#828282;font-size:10px}
.deliverable-body{color:#aaa;font-size:12px;line-height:1.9;margin:0 0 12px}

/* History */
.history-row{display:grid;grid-template-columns:14px 1fr auto;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.history-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--gold)}
.history-row b{display:block;font-size:12px}
.history-row small{color:#828282;font-size:10px}
.history-row time{color:#828282;font-size:10px;white-space:nowrap}

/* Notifications */
.notif-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.notif-unread{padding-inline:14px;border-radius:12px;background:rgba(255,201,40,.05);border-bottom-color:transparent}
.notif-main b{display:block;font-size:13px;margin-bottom:4px}
.notif-main small{color:#888;font-size:11px}
.notif-side{text-align:left;white-space:nowrap}
.notif-side time{display:block;color:#828282;font-size:10px;margin-bottom:4px}
.notif-side a{color:var(--gold);font-size:11px}

@media(max-width:900px){.order-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .order-card{grid-template-columns:1fr auto;row-gap:8px}
  .order-card-arrow{display:none}
  .order-info-grid{grid-template-columns:1fr}
  .notif-row{display:block}
  .notif-side{text-align:right;margin-top:8px}
}

/* ===== V9: Admin fulfillment queue ===== */
.queue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.queue-summary>div{padding:20px;border:1px solid var(--line);border-radius:18px;background:#101216;text-align:center}
.queue-summary b{display:block;font-size:32px;margin-bottom:4px}
.queue-summary span{color:#888;font-size:11px}
.q-red b{color:#ff6b6b}.q-yellow b{color:var(--gold)}.q-green b{color:#7ee6a0}
.stack-form label{display:block;margin-bottom:12px}
.soft-divider{border:0;border-top:1px solid var(--line);margin:18px 0}
.ok-banner{padding:14px 18px;margin-bottom:16px;border:1px solid rgba(70,220,120,.3);background:rgba(70,220,120,.07);border-radius:14px;color:#7ee6a0;font-size:12px}
@media(max-width:700px){.queue-summary{grid-template-columns:1fr}}

/* ===== V10: Coaching workspace + appointments ===== */
.coach-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.coach-stats>div{padding:20px;border:1px solid var(--line);border-radius:18px;background:#101216}
.coach-stats span{display:block;color:#828282;font-size:10px}
.coach-stats b{display:block;font-size:30px;color:var(--gold);margin:6px 0 2px}
.coach-stats small{color:#828282;font-size:10px}
.progress-track{height:8px;border-radius:6px;background:#181a1f;overflow:hidden;margin-bottom:20px}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .5s}
.coach-day{margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f}
.day-current{border-color:rgba(255,201,40,.4);background:rgba(255,201,40,.04)}
.day-past{opacity:.75}
.day-future{opacity:.55}
.coach-day-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.coach-day-head b{font-size:14px;color:var(--gold)}
.coach-day-head small{color:#828282;font-size:10px}
.coach-task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}
.coach-task:first-of-type{border-top:0}
.task-check{width:24px;height:24px;border-radius:7px;border:2px solid var(--line);background:#0b0c0f;color:#7ee6a0;cursor:pointer;font-size:13px;line-height:1}
.task-done .task-check{border-color:#46dc78;background:rgba(70,220,120,.15)}
.task-done .coach-task-body b{text-decoration:line-through;color:#828282}
.coach-task-body b{display:block;font-size:13px;margin-bottom:4px}
.coach-task-body p{margin:0 0 6px;color:#999;font-size:11px;line-height:1.8}
.coach-task-body a{color:var(--gold);font-size:11px}
.coach-feedback{margin-top:8px;padding:10px 12px;border-radius:10px;background:#141619;font-size:11px;color:#aaa}
.task-kind{padding:4px 10px;border-radius:14px;background:#181a1f;color:#888;font-size:9px;height:max-content}
@media(max-width:900px){.coach-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.coach-stats{grid-template-columns:1fr}}
.needs-action-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 22px;margin-bottom:18px;border:1px solid rgba(255,107,107,.3);background:rgba(255,107,107,.06);border-radius:16px;color:inherit;text-decoration:none}
.needs-action-banner b{font-size:14px;color:#ff8080}
.needs-action-banner span{color:#aaa;font-size:12px}

/* ===== V11: Courses ===== */
.page-hero{padding:90px 20px 50px;text-align:center;max-width:820px;margin:0 auto}
.page-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.3;margin:14px 0}
.page-hero h1 span{color:var(--gold)}
.page-hero p{color:#888}
.container{max-width:1180px;margin:0 auto;padding:0 20px 80px}
.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.course-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:#101216;overflow:hidden;transition:.25s}
.course-card:hover{transform:translateY(-4px);border-color:rgba(255,201,40,.3)}
.course-soon{opacity:.85}
.soon-badge,.owned-badge{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:20px;font-size:9px;letter-spacing:1px;z-index:2}
.soon-badge{background:rgba(255,201,40,.15);color:var(--gold)}
.owned-badge{background:rgba(70,220,120,.15);color:#7ee6a0}
.course-card-body{padding:26px;flex:1}
.course-meta{color:var(--gold);font-size:9px;letter-spacing:1.4px;margin-bottom:10px}
.course-card-body h3{font-size:18px;margin:0 0 10px;line-height:1.5}
.course-card-body p{color:#888;font-size:12px;line-height:1.9;margin:0}
.course-instructor{margin-top:12px;color:#828282;font-size:11px}
.course-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;border-top:1px solid var(--line);background:#0b0c0f}
.course-card-foot b{color:var(--gold);font-size:15px}

.course-page{max-width:1240px;margin:0 auto;padding:50px 20px 80px}
.course-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;margin-bottom:26px}
.course-head h1{font-size:clamp(24px,3.5vw,38px);margin:12px 0 8px}
.course-head p{color:#888;max-width:640px}
.course-progress-box{min-width:250px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#101216}
.course-progress-box span{color:#828282;font-size:10px}
.course-progress-box b{display:block;font-size:34px;color:var(--gold);margin:4px 0}
.course-progress-box small{display:block;color:#828282;font-size:10px;margin-bottom:12px}
.done-pill{display:inline-block;padding:8px 14px;border-radius:20px;background:rgba(70,220,120,.12);color:#7ee6a0;font-size:11px}
.course-locked{padding:24px;margin-bottom:24px;border:1px solid rgba(255,201,40,.28);background:rgba(255,201,40,.05);border-radius:18px}
.course-locked b{display:block;color:var(--gold);margin-bottom:6px}
.course-locked p{color:#999;font-size:12px;margin:0 0 14px}
.course-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.video-frame{position:relative;padding-bottom:56.25%;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:16/9;border:1px dashed var(--line);border-radius:18px;background:#0b0c0f;text-align:center}
.video-placeholder b{font-size:14px}
.video-placeholder span{color:#828282;font-size:11px}
.video-placeholder.locked b{color:var(--gold)}
.course-player h2{font-size:20px;margin:22px 0 10px}
.lesson-desc{color:#999;font-size:13px;line-height:2}
.lesson-resources{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0b0c0f}
.lesson-resources b{display:block;font-size:11px;color:var(--gold);margin-bottom:10px}
.lesson-resources a{display:block;color:#ccc;font-size:12px;padding:6px 0}
.lesson-complete-form{margin-top:20px}
.course-curriculum{border:1px solid var(--line);border-radius:20px;background:#101216;padding:18px;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow:auto}
.curriculum-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.curriculum-head b{font-size:13px}
.curriculum-head small{color:#828282;font-size:10px}
.curr-module{margin-bottom:14px}
.curr-module-head{font-size:10px;color:var(--gold);letter-spacing:.6px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:6px}
.curr-lesson{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:10px 8px;border-radius:10px;color:#bbb;text-decoration:none;font-size:12px}
.curr-lesson:hover{background:#161920}
.curr-active{background:rgba(255,201,40,.1);color:#fff}
.curr-done .curr-tick{color:#7ee6a0}
.curr-tick{font-size:11px;color:#828282}
.curr-title em{font-style:normal;color:var(--gold);font-size:9px}
.curr-lesson small{color:#828282;font-size:10px}

/* Admin course builder */
.builder-module{margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f}
.builder-module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.builder-module-head b{font-size:13px;color:var(--gold)}
.builder-module-head small{display:block;color:#828282;font-size:10px;margin-top:3px}
.builder-lesson{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:10px;margin-bottom:6px;border-radius:10px;background:#121419}
.lesson-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#1c1f26;color:#888;font-size:10px}
.builder-lesson-body b{display:block;font-size:12px}
.builder-lesson-body small{color:#828282;font-size:10px}
.builder-actions{display:flex;gap:6px;align-items:center}
.builder-actions button{background:none;border:1px solid var(--line);color:#888;border-radius:7px;padding:3px 8px;cursor:pointer;font-size:11px}
.builder-actions button:hover{color:#fff;border-color:#444}
.builder-actions .danger-link{border:0}
.builder-add{margin-top:10px}
.builder-add summary{cursor:pointer;color:var(--gold);font-size:11px;padding:8px 0}
@media(max-width:1000px){.course-layout{grid-template-columns:1fr}.course-curriculum{position:static;max-height:none}}

/* ===== V12: Dropdown nav, AI tools, social icons, coming-soon ===== */
.nav-item{position:relative;display:inline-block}
.nav-item>a i{font-style:normal;font-size:9px;opacity:.6;margin-right:2px}
.dropdown{position:absolute;top:100%;right:0;min-width:230px;padding:8px;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:#0e1014;box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:60}
.nav-item:hover .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown::before{content:'';position:absolute;top:-12px;right:0;left:0;height:12px}
.dropdown a{display:block;padding:10px 12px;border-radius:10px;font-size:12px;color:#bbb;white-space:nowrap}
.dropdown a:hover{background:#161920;color:#fff}
.dropdown a em{font-style:normal;font-size:9px;color:var(--gold);margin-right:4px}

.social-row{display:flex;gap:10px;margin-top:16px}
.social-row a,.social-row .social-soon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;color:#aaa;transition:.2s}
.social-row a:hover{color:var(--red);border-color:rgba(255,23,23,.4);transform:translateY(-2px)}
.social-row .social-soon{opacity:.35;cursor:default}

.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.tool-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:22px;background:#101216;transition:.25s}
.tool-card:hover{transform:translateY(-4px);border-color:rgba(255,201,40,.3)}
.tool-soon{opacity:.8}
.tool-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,rgba(255,23,23,.12),rgba(255,201,40,.12));font-size:22px;margin-bottom:16px}
.tool-body{flex:1}
.tool-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.tool-tags span{padding:4px 10px;border-radius:14px;font-size:9px;letter-spacing:.5px}
.tag-free{background:rgba(70,220,120,.12);color:#7ee6a0}
.tag-premium{background:rgba(255,201,40,.12);color:var(--gold)}
.tag-soon{background:rgba(255,255,255,.06);color:#999}
.tool-body h3{font-size:16px;margin:0 0 8px}
.tool-body p{color:#888;font-size:12px;line-height:1.9;margin:0}
.tool-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.tool-locked{color:#828282;font-size:11px}

.service-card.soon{opacity:.8}
.soon-tag{background:rgba(255,255,255,.08)!important;color:#bbb!important}
.section-more{margin-top:26px;text-align:center}
.academy-empty{padding:44px;text-align:center;border:1px dashed var(--line);border-radius:22px;background:#0b0c0f}
.academy-empty b{display:block;font-size:16px;margin-bottom:6px}
.academy-empty p{color:#888;font-size:12px;margin:0 0 18px}
a.academy-card{display:block;color:inherit;text-decoration:none;transition:.25s}
a.academy-card:hover{transform:translateY(-4px);border-color:rgba(255,201,40,.3)}
@media(max-width:1050px){
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0;margin:0;padding:0 0 0 12px;display:none}
  .topbar.menu-open .nav-item.open .dropdown{display:block}
  .nav-item{display:block;width:100%}
}
.soon-card{opacity:.85}
.soon-card .price{color:#888}

/* ===== V13: Analytics, settings, profile ===== */
.danger-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 22px;margin-bottom:18px;border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.07);border-radius:16px;color:inherit;text-decoration:none}
.danger-banner b{color:#ff8080;font-size:13px}
.danger-banner span{color:#aaa;font-size:12px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi-grid>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#101216}
.kpi-grid span{display:block;color:#828282;font-size:10px}
.kpi-grid b{display:block;font-size:28px;margin:6px 0 3px}
.kpi-grid small{color:#828282;font-size:10px}
.kpi-strong{border-color:rgba(255,201,40,.3)!important;background:linear-gradient(135deg,rgba(255,201,40,.07),transparent)!important}
.kpi-strong b{color:var(--gold)}
.bar-chart{display:flex;align-items:flex-end;gap:12px;height:220px;padding-top:24px}
.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.bar{width:100%;max-width:64px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--gold),rgba(255,23,23,.65));min-height:4px;transition:height .5s}
.bar-value{font-size:10px;color:var(--gold);margin-bottom:6px}
.bar-label{margin-top:10px;font-size:10px;color:#888}
.bar-sub{font-size:9px;color:#555}
.acq-row{margin-bottom:14px}
.acq-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:10px}
.acq-head b{font-size:12px}
.acq-head span{color:#828282;font-size:10px}
.avatar-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.avatar-preview{width:88px;height:88px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,201,40,.35);background:#181a1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.avatar-preview img{width:100%;height:100%;object-fit:cover}
.avatar-preview span{font-size:32px;color:var(--gold)}
.avatar-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.avatar-form small{color:#828282;font-size:10px}
@media(max-width:900px){.kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.bar-chart{height:170px}}

/* ===== V15: final gaps ===== */
.filter-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter-form input[type=text]{flex:1;min-width:220px;margin:0}
.filter-form input,.filter-form select{margin:0;width:auto}
.filter-form input[type=date]{min-width:150px}
.lead-link{color:inherit;border-bottom:1px dotted #555}
.lead-link:hover{color:var(--gold)}
.inline-grant{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.inline-grant select{margin:0;flex:1;min-width:180px}
.link-btn{background:none;border:0;color:var(--gold);cursor:pointer;font-size:11px}
.lesson-res-block{margin:4px 0 10px 34px;padding-inline-start:10px;border-inline-start:1px solid var(--line)}
.lesson-res-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:11px;color:#aaa}
.lesson-res-block summary{cursor:pointer;color:var(--gold);font-size:10px;padding:6px 0}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-list>div{padding:14px 0;border-bottom:1px solid var(--line)}
.about-list b{display:block;font-size:13px;margin-bottom:4px}
.about-list span{color:#888;font-size:12px}
@media(max-width:850px){.about-grid,.contact-grid{grid-template-columns:1fr}}

/* ===== Phase 1: scorer recommendations ===== */
.reco-section{margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.reco-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.reco-head h3{font-size:20px;margin:10px 0 6px}
.reco-head p{color:#888;font-size:12px;margin:0;max-width:560px}
.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.reco-card{position:relative;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:#0b0c0f;transition:.25s}
.reco-card:hover{transform:translateY(-3px);border-color:rgba(255,201,40,.3)}
.reco-top{border-color:rgba(255,201,40,.4);background:linear-gradient(160deg,rgba(255,201,40,.07),transparent)}
.reco-soon{opacity:.8}
.reco-badge{position:absolute;top:-9px;right:18px;padding:4px 12px;border-radius:14px;background:var(--gold);color:#111;font-size:9px;font-weight:700;letter-spacing:.5px}
.reco-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,rgba(255,23,23,.12),rgba(255,201,40,.12));font-size:18px;margin-bottom:14px}
.reco-card h4{font-size:15px;margin:0 0 8px;line-height:1.5}
.reco-card p{flex:1;color:#8a8a8a;font-size:11.5px;line-height:1.9;margin:0 0 16px}
.reco-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.reco-foot b{color:var(--gold);font-size:13px}
@media(max-width:560px){.reco-foot{flex-direction:column;align-items:stretch}.reco-foot .btn{text-align:center}}

/* ===== Phase 1: service delivery completion ===== */
.milestone-strip{display:flex;gap:6px;margin:18px 0 24px;overflow-x:auto;padding:4px 0}
.ms-step{flex:1;min-width:76px;text-align:center;position:relative}
.ms-step i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;border:2px solid var(--line);background:#0b0c0f;color:#828282;font-style:normal;font-size:11px;font-weight:700}
.ms-step span{font-size:10px;color:#828282}
.ms-step::before{content:'';position:absolute;top:16px;right:50%;width:100%;height:2px;background:var(--line);z-index:-1}
.ms-step:first-child::before{display:none}
.ms-done i{border-color:#46dc78;background:rgba(70,220,120,.14);color:#7ee6a0}
.ms-done span{color:#7ee6a0}
.ms-active i{border-color:var(--gold);background:rgba(255,201,40,.16);color:var(--gold);box-shadow:0 0 0 5px rgba(255,201,40,.09)}
.ms-active span{color:var(--gold);font-weight:700}
.inflight-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:.2s}
.inflight-row:last-child{border-bottom:0}
.inflight-row:hover{background:#0e1014;padding-inline:12px;border-radius:12px}
.inflight-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,rgba(255,23,23,.12),rgba(255,201,40,.12));font-size:15px}
.inflight-row b{display:block;font-size:13px}
.inflight-row small{color:#828282;font-size:10px}
.coach-admin-task{padding:6px 0;border-bottom:1px solid var(--line)}
.coach-admin-task .admin-row{border-bottom:0;padding:8px 0}
.task-feedback-box summary{cursor:pointer;color:var(--gold);font-size:10px;padding:4px 0 8px}
.task-feedback-box textarea{margin-bottom:8px}
.coach-client-row{padding:16px 0;border-bottom:1px solid var(--line)}
.coach-client-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.coach-client-head b{font-size:14px}
.coach-client-head small{display:block;color:#828282;font-size:10px}
.coach-client-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:600px){.inflight-row{grid-template-columns:28px 1fr}}

/* ===== Phase 1.C: dashboard portal sections ===== */
.account-panel{padding-bottom:22px}
.account-id{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.account-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,201,40,.35);background:#181a1f;display:flex;align-items:center;justify-content:center}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-avatar span{font-size:26px;color:var(--gold)}
.account-meta{flex:1;min-width:200px}
.account-meta b{display:block;font-size:16px}
.account-meta small{color:#828282;font-size:11px}
.account-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.account-tags span{padding:4px 10px;border-radius:14px;background:#181a1f;color:#999;font-size:10px}
.account-tags a{color:var(--gold)}
.course-progress-row{padding:14px 0;border-bottom:1px solid var(--line)}
.course-progress-row:last-child{border-bottom:0}
.cpr-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.cpr-head b{font-size:13px}
.cpr-head span{color:#828282;font-size:10px}
.course-progress-row .progress-track{margin-bottom:10px}
.dash-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.dash-tool{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b0c0f;color:inherit;text-decoration:none;transition:.2s}
.dash-tool:hover{border-color:rgba(255,201,40,.35);transform:translateY(-2px)}
.dash-tool-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(255,23,23,.12),rgba(255,201,40,.12));font-size:15px;flex-shrink:0}
.dash-tool b{display:block;font-size:12px}
.dash-tool small{color:#828282;font-size:10px}
.dash-notif{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.dash-notif:last-child{border-bottom:0}
.dash-notif:hover b{color:var(--gold)}
.dash-notif-unread{padding-inline:12px;border-radius:10px;background:rgba(255,201,40,.05);border-bottom-color:transparent}
.dash-notif b{display:block;font-size:12px;margin-bottom:3px}
.dash-notif small{color:#888;font-size:10px}
.dash-notif time{color:#828282;font-size:10px;white-space:nowrap}
@media(max-width:600px){.account-id{flex-direction:column;align-items:flex-start}}

/* ===== Phase 1.D: My Orders ===== */
.order-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.order-tabs a{display:flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--line);border-radius:20px;color:#aaa;font-size:12px;text-decoration:none;transition:.2s}
.order-tabs a:hover{color:#fff;border-color:#444}
.order-tabs a.active{background:rgba(255,201,40,.1);border-color:rgba(255,201,40,.4);color:var(--gold)}
.order-tabs a span{padding:1px 7px;border-radius:10px;background:#1c1f26;font-size:10px}
.order-tabs a.active span{background:rgba(255,201,40,.2)}
.order-item{padding:22px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:#101216;transition:.2s}
.order-item:hover{border-color:rgba(255,201,40,.25)}
.order-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.order-item-head b{color:var(--gold);font-size:11px;letter-spacing:.5px}
.order-item-head h3{font-size:17px;margin:4px 0 0}
.order-item-price{font-size:17px;color:#fff;white-space:nowrap}
.order-item-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.order-item-grid>div{min-width:0}
.order-item-grid span{display:block;color:#828282;font-size:9px;margin-bottom:5px}
.order-item-grid b{display:block;font-size:12px;font-weight:600}
.order-item-grid small{display:block;color:#828282;font-size:9px;margin-top:3px}
.order-item-grid .pay-pill{display:inline-block;font-size:10px;padding:3px 10px}
.dstate-delivered{color:#7ee6a0}
.dstate-active{color:var(--gold)}
.dstate-pending{color:#888}
.dstate-none{color:#ff8080}
.order-item-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px}
.order-item-foot .btn{margin-inline-start:auto}
@media(max-width:900px){.order-item-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.order-item-grid{grid-template-columns:1fr 1fr}.order-item-price{font-size:15px}}

/* ===== Phase 1.E: order journey timeline ===== */
.order-journey{display:flex;gap:4px;overflow-x:auto;padding:8px 0 4px}
.jr-step{flex:1;min-width:104px;text-align:center;position:relative}
.jr-step i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--line);background:#0b0c0f;color:#828282;font-style:normal;font-size:12px;font-weight:700}
.jr-label{display:block;font-size:10.5px;color:#828282;line-height:1.5}
.jr-step time{display:block;margin-top:4px;font-size:9px;color:#555}
.jr-step::before{content:'';position:absolute;top:17px;right:50%;width:100%;height:2px;background:var(--line);z-index:-1}
.jr-step:first-child::before{display:none}
.jr-done i{border-color:#46dc78;background:rgba(70,220,120,.13);color:#7ee6a0}
.jr-done .jr-label{color:#7ee6a0}
.jr-active i{border-color:var(--gold);background:rgba(255,201,40,.15);color:var(--gold);box-shadow:0 0 0 5px rgba(255,201,40,.08)}
.jr-active .jr-label{color:var(--gold);font-weight:700}
.journey-note{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#0b0c0f;border:1px solid var(--line);color:#999;font-size:12px;line-height:1.9}

/* ===== Phase 1.F: delivery center ===== */
.kind-chip{display:inline-block;padding:2px 9px;margin-inline-end:6px;border-radius:12px;background:rgba(255,201,40,.14);color:var(--gold);font-size:9px;vertical-align:middle}
.deliverable-report{border-color:rgba(255,201,40,.28);background:linear-gradient(160deg,rgba(255,201,40,.05),transparent)}
.report-body{padding:16px;border-radius:12px;background:#0e1014;border:1px solid var(--line);white-space:pre-wrap;line-height:2.1;font-size:12.5px;color:#c8c8c8}
.delivery-hints{margin:6px 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0b0c0f;font-size:10.5px;line-height:1.9;color:#888}
.delivery-hints>b{display:block;color:var(--gold);margin-bottom:8px;font-size:10px}
.delivery-hints span{display:block;padding:3px 0}
.delivery-hints span b{color:#bbb}

/* ===== Phase 1.G: course thumbnails + resources ===== */
.course-thumb{position:relative;aspect-ratio:16/9;background:#0b0c0f;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.course-thumb img{width:100%;height:100%;object-fit:cover}
.course-thumb span{font-size:34px;color:#2a2d34}
.course-hero-thumb{width:210px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);flex-shrink:0}
.course-hero-thumb img{width:100%;height:100%;object-fit:cover}
.mc-thumb{width:44px;height:26px;object-fit:cover;border-radius:6px;margin-inline-end:10px;vertical-align:middle}
.curr-resources{padding:14px;margin-bottom:14px;border:1px solid rgba(255,201,40,.25);border-radius:12px;background:rgba(255,201,40,.04)}
.curr-resources b{display:block;font-size:10px;color:var(--gold);margin-bottom:8px}
.curr-resources a{display:block;color:#ccc;font-size:11.5px;padding:5px 0}
.curr-resources a:hover{color:var(--gold)}
.thumb-field{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}
.thumb-preview{width:150px;aspect-ratio:16/9;border-radius:12px;border:1px dashed var(--line);background:#0b0c0f;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.thumb-preview img{width:100%;height:100%;object-fit:cover}
.thumb-preview span{color:#555;font-size:10px}
.course-row-title{display:flex;align-items:center;gap:12px;min-width:0}
.row-thumb{width:52px;height:30px;border-radius:6px;overflow:hidden;background:#0b0c0f;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px;flex-shrink:0}
.row-thumb img{width:100%;height:100%;object-fit:cover}
.inline-edit{margin:6px 0 10px}
.inline-edit summary{cursor:pointer;color:var(--gold);font-size:10px;padding:5px 0}
@media(max-width:700px){.course-hero-thumb{width:100%}}

/* ===== Phase 1.H: three-state lesson progress ===== */
.state-counts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}
.state-counts span{padding:3px 9px;border-radius:12px;font-size:9px;background:#181a1f;color:#888}
.sc-done{background:rgba(70,220,120,.13)!important;color:#7ee6a0!important}
.sc-prog{background:rgba(255,201,40,.13)!important;color:var(--gold)!important}
.last-act{display:block;color:#828282;font-size:9.5px;margin-bottom:10px}
.curr-state-in_progress .curr-tick{color:var(--gold)}
.curr-state-in_progress .curr-title{color:#ddd}
.curr-state-completed .curr-tick{color:#7ee6a0}
.curr-state-not_started .curr-tick{color:#555}

/* ===== Phase 1.I: course tree + admin preview ===== */
.course-tree{padding:18px 20px;margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:#0b0c0f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:2;overflow-x:auto}
.tree-root{color:var(--gold);font-weight:700;margin-bottom:4px}
.tree-module{color:#ddd;white-space:nowrap}
.tree-module b{color:#fff}
.tree-module small{color:#828282}
.tree-lesson{color:#999;white-space:nowrap}
.tree-lesson em{font-style:normal;font-size:9px;padding:1px 7px;border-radius:10px;background:#1c1f26;color:#888;margin-inline-start:6px}
.tree-free{background:rgba(70,220,120,.14)!important;color:#7ee6a0!important}
.tree-warn{background:rgba(255,107,107,.14)!important;color:#ff8080!important}
.builder-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.preview-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;margin-bottom:22px;border:1px solid rgba(255,201,40,.4);background:rgba(255,201,40,.07);border-radius:14px}
.preview-banner b{color:var(--gold);font-size:13px}
.preview-banner span{flex:1;color:#aaa;font-size:11.5px}

/* ===== Phase 1.J: notify-me forms ===== */
.notify-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notify-form input[type=email]{margin:0;width:auto;min-width:150px;flex:1;padding:9px 12px;font-size:11px}
.interest-list{margin-top:10px}
.interest-list .admin-row small{color:#828282}
@media(max-width:520px){.notify-form{flex-direction:column;align-items:stretch}.notify-form .btn{width:100%}}

/* ===== V20 — AI Tools engine (runner form + output) ===== */
.tool-hero .tool-tags{justify-content:center;margin-top:14px}
.ai-tool-panel{max-width:760px;margin:0 auto}
.ai-tool-form{display:flex;flex-direction:column;gap:16px}
.ai-field{display:flex;flex-direction:column;gap:6px}
.ai-field>span{font-weight:600;font-size:.95rem}
.ai-field>span em{color:#e04b4b;font-style:normal}
.ai-tool-form input[type=text],.ai-tool-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line,#2a2a35);border-radius:12px;background:var(--panel-2,#15151d);color:inherit;font:inherit;resize:vertical}
.ai-tool-form textarea{min-height:96px;line-height:1.7}
.ai-output{margin-top:22px;padding:20px;border:1px solid var(--line,#2a2a35);border-radius:14px;background:var(--panel-2,#12121a)}
.ai-output-head{font-weight:700;margin-bottom:10px;opacity:.75}
.ai-output p{margin:0 0 10px;line-height:1.9}
.ai-out-list{margin:0;padding-inline-start:1.4em;display:flex;flex-direction:column;gap:8px}
.ai-out-list li{line-height:1.8}
.ai-output-error{margin-top:22px}
.tool-note{margin-top:14px;text-align:center;opacity:.7}
/* admin: input-field builder rows */
.ai-field-row{display:grid;grid-template-columns:1fr 1.4fr 120px 90px auto;gap:8px;align-items:center;margin-bottom:8px}
.ai-field-row input,.ai-field-row select{padding:8px 10px;border:1px solid #d5d5dd;border-radius:8px;font:inherit}
.ai-kind-only{display:none}

/* ===== V27 — Admin command-center dashboard ===== */
.attention-block{margin-bottom:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#101216}
.attention-head{font-size:12px;letter-spacing:1px;color:#888;margin-bottom:14px}
.attention-lights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.attention-lights .light{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid var(--line);background:#0b0c0f;transition:transform .12s ease}
.attention-lights .light:hover{transform:translateY(-2px)}
.attention-lights .light .dot{font-size:16px;line-height:1}
.attention-lights .light b{font-size:30px;font-weight:900;margin-inline-start:auto}
.attention-lights .light small{color:#999;font-size:12px}
.light-red{border-color:rgba(255,107,107,.35)!important;background:rgba(255,107,107,.06)!important}
.light-red b{color:#ff8080}
.light-yellow{border-color:rgba(255,201,40,.35)!important;background:rgba(255,201,40,.06)!important}
.light-yellow b{color:var(--gold)}
.light-green{border-color:rgba(70,220,120,.35)!important;background:rgba(70,220,120,.06)!important}
.light-green b{color:#7ee6a0}

/* dashboard KPI cards: clickable, accent per category */
.dash-kpis{grid-template-columns:repeat(4,1fr)}
.dash-kpis>a{display:block;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}
.dash-kpis>a:hover{transform:translateY(-2px);border-color:rgba(255,201,40,.4)}
.dash-kpis b{color:#fff}
.kpi-revenue b{color:var(--gold)!important}
.kpi-users{border-color:rgba(120,170,255,.22)!important}.kpi-users b{color:#9cc0ff}
.kpi-orders b{color:#e8e8ef}
.kpi-pending{border-color:rgba(255,107,107,.22)!important}.kpi-pending b{color:#ff9a9a}
.kpi-paid{border-color:rgba(70,220,120,.22)!important}.kpi-paid b{color:#7ee6a0}
.kpi-proc{border-color:rgba(255,201,40,.22)!important}.kpi-proc b{color:var(--gold)}
.kpi-done{border-color:rgba(70,220,120,.28)!important}.kpi-done b{color:#7ee6a0}
.kpi-coach b{color:#c9a7ff}
.kpi-appt b{color:#9cc0ff}
.kpi-course b{color:#ffd08a}
@media(max-width:1050px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.attention-lights{grid-template-columns:1fr}.dash-kpis{grid-template-columns:repeat(2,1fr)}}

/* ===== V28 — order detail quick actions ===== */
.quick-status-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.btn.danger-outline{border-color:rgba(255,107,107,.4);color:#ff8080}
.btn.danger-outline:hover{background:rgba(255,107,107,.08)}

/* ===== V29 — Fulfillment queue: action-first cards ===== */
.queue-summary a{text-decoration:none;color:inherit}
.queue-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:6px}
.queue-card{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0c0d11;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}
.queue-card:hover{transform:translateY(-2px)}
.qc-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.qc-top b{font-size:15px;color:#fff}
.qc-order{font-size:11px;color:var(--gold);letter-spacing:.5px;white-space:nowrap}
.qc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.qc-meta>span{font-size:11px;color:#aaa}
.qc-meta .order-status{color:var(--gold);background:rgba(255,201,40,.08)}
.qc-assignee{background:rgba(120,170,255,.1);color:#9cc0ff!important;padding:4px 8px;border-radius:20px}
.qc-action{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;font-size:13px;font-weight:600}
.qc-action-label{opacity:.7;font-weight:400;font-size:11px}
.qc-go{margin-inline-start:auto;font-size:12px;opacity:.9}
/* tone accents */
.qc-red{border-color:rgba(255,107,107,.28)}
.qc-action-red{background:rgba(255,107,107,.12);color:#ff9a9a}
.qc-yellow{border-color:rgba(255,201,40,.22)}
.qc-action-yellow{background:rgba(255,201,40,.1);color:var(--gold)}
.qc-green{border-color:rgba(70,220,120,.22)}
.qc-action-green{background:rgba(70,220,120,.1);color:#7ee6a0}
.qc-action-blocked{background:#17181c;color:#8aa0b0}
.qc-action-muted{background:#17181c;color:#828282}
@media(max-width:650px){.queue-cards{grid-template-columns:1fr}}

/* ===== V30 — order deadline pill ===== */
.deadline-pill{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}
.dl-overdue{background:rgba(255,107,107,.15);color:#ff8080}
.dl-soon{background:rgba(255,201,40,.14);color:var(--gold)}
.dl-ok{background:rgba(120,170,255,.12);color:#9cc0ff}

/* ===== V32 — service card image ===== */
.service-img{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:14px}

/* ===== V35 — admin users list summary chips ===== */
.lead-meta .ustat{font-size:11px;color:#aaa}
.lead-meta .ustat b{color:#e8e8ef}

/* ===== V36 — analytics conversion stat ===== */
.conv-stat{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.conv-stat>div{display:flex;flex-direction:column;gap:2px}
.conv-stat span{font-size:11px;color:#999}
.conv-stat b{font-size:22px;font-weight:800}
.conv-stat .conv-rate b{color:var(--gold)}

/* ===== V37 — admin activity log ===== */
.activity-row{align-items:flex-start}
.activity-body{flex:1}
.activity-tag{font-size:10px;color:var(--gold);background:rgba(255,201,40,.1);padding:2px 7px;border-radius:20px;margin-inline-start:6px}
.activity-open{font-size:11px;margin-inline-start:8px;opacity:.8}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.pager-info{font-size:12px;color:#999}

/* ===== V39 — mobile hardening (Prompt 27) =====
   The layout was built responsive-first; these are defensive guards so
   nothing can force horizontal scroll on small screens. */
img,video,iframe,svg{max-width:100%}
/* Long unbreakable strings (emails, order refs, URLs) must wrap, not overflow. */
.admin-row,.lead-row,.queue-card,.history-row,.activity-body,.admin-row small,.lead-row small,.dash-tool,.conv-stat{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:600px){
  /* timestamp/status columns wrap under the content on very small screens */
  .history-row,.activity-row{flex-wrap:wrap}
  .history-row time,.activity-row time{margin-inline-start:26px;font-size:10px;opacity:.7}
  /* search + filter controls go full width so selects don't get squeezed */
  .admin-search{flex-wrap:wrap;gap:8px}
  .admin-search input,.admin-search select,.admin-search button{width:100%}
  /* dense KPI cards get comfortable single-column spacing */
  .conv-stat{gap:12px}
  .conv-stat>div{flex:1 1 40%}
}

/* ===== V42 — admin action center (needs action / completed) ===== */
.action-center{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:20px}
.ac-col{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#101216}
.ac-needs{border-color:rgba(255,107,107,.28)}
.ac-done{border-color:rgba(70,220,120,.22)}
.ac-head{font-size:13px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ac-total{background:#ff6b6b;color:#111;font-size:12px;font-weight:900;min-width:22px;height:22px;border-radius:20px;display:grid;place-items:center;padding:0 6px}
.ac-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;text-decoration:none;color:inherit;transition:background .12s ease}
.ac-item:hover{background:#161820}
.ac-icon{font-size:16px;width:22px;text-align:center}
.ac-label{flex:1;font-size:13px}
.ac-count{font-size:20px;font-weight:900;min-width:30px;text-align:center}
.ac-needs .ac-active .ac-count{color:#ff9a9a}
.ac-needs .ac-zero{opacity:.5}
.ac-needs .ac-zero .ac-count{color:#828282}
.ac-done .ac-count{color:#7ee6a0}
.ac-clear{color:#7ee6a0;font-size:12px;margin-top:10px}
@media(max-width:800px){.action-center{grid-template-columns:1fr}}

/* ===== V42 — customer "my account at a glance" grid ===== */
.my-account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.my-account-grid a{display:block;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0b0c0f;text-decoration:none;color:inherit;text-align:center;transition:transform .12s ease,border-color .12s ease}
.my-account-grid a:hover{transform:translateY(-3px);border-color:rgba(255,201,40,.3)}
.my-account-grid .mag-ic{font-size:20px;display:block;margin-bottom:8px}
.my-account-grid b{display:block;font-size:26px;font-weight:900;color:#fff}
.my-account-grid b.mag-txt{font-size:14px;color:var(--gold);margin:6px 0}
.my-account-grid small{display:block;color:#888;font-size:11px;margin-top:5px}
@media(max-width:900px){.my-account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.my-account-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V43 — settings tabs (reusable tab component, existing theme) ===== */
.settings-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:2px}
.settings-tabs .stab{background:none;border:0;color:#999;font:inherit;font-size:13px;padding:10px 16px;border-radius:10px 10px 0 0;cursor:pointer;border-bottom:2px solid transparent;transition:.15s}
.settings-tabs .stab:hover{color:#ddd}
.settings-tabs .stab.active{color:var(--gold);border-bottom-color:var(--gold);background:rgba(255,201,40,.06)}
.settings-pane{display:none}
.settings-pane.active{display:block}
.settings-pane .admin-panel{margin-bottom:16px}
@media(max-width:600px){.settings-tabs{gap:2px}.settings-tabs .stab{padding:9px 11px;font-size:12px}}

/* ===== Phase 2 — pre-purchase intake ===== */
.intake-steps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.istep{font-size:11px;color:#888;padding:5px 12px;border:1px solid var(--line);border-radius:20px}
.istep.done{color:#7ee6a0;border-color:rgba(70,220,120,.3)}
.istep.active{color:var(--gold);border-color:var(--gold);background:rgba(255,201,40,.08)}
.intake-wrap{max-width:760px}
.intake-intro{margin-bottom:18px}
.intake-section{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.intake-section h2{font-size:16px;margin:0 0 14px}
.intake-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.intake-field>span{font-weight:600;font-size:.92rem}
.intake-field>span em{color:#e04b4b;font-style:normal}
.intake-form input,.intake-form textarea,.intake-form select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2,#15151d);color:inherit;font:inherit}
.intake-checks{display:flex;flex-wrap:wrap;gap:8px}
.chip-check{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;font-size:13px;cursor:pointer}
.chip-check input{width:auto!important}
.yt-fetch{background:#0e1013;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px}
.yt-fetch-row{display:flex;gap:8px}
.yt-fetch-row input{flex:1}
.yt-result{margin-top:12px;padding:12px;border:1px solid rgba(70,220,120,.3);border-radius:12px;background:rgba(70,220,120,.06)}
.yt-found{display:flex;align-items:center;gap:12px;margin:8px 0}
.yt-found img{width:44px;height:44px;border-radius:50%}
.yt-name{font-weight:700}
.yt-stats{font-size:12px;color:#aaa}
.intake-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.intake-review{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.review-section{padding:16px 18px;border-bottom:1px solid var(--line)}
.review-section h3{font-size:14px;margin:0 0 10px;color:var(--gold)}
.review-row{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:13px}
.review-row span{color:#999;flex-shrink:0}
.review-row b{text-align:left;overflow-wrap:anywhere}
.intake-review-price{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;margin-top:14px;border:1px solid var(--gold);border-radius:14px;background:rgba(255,201,40,.06)}
.intake-review-price b{font-size:22px;color:var(--gold)}
.intake-panel .intake-admin-section{margin-bottom:14px}
.intake-panel h4{font-size:13px;color:var(--gold);margin:0 0 8px}
.intake-raw{white-space:pre-wrap;font-size:12px;background:#0e1013;padding:12px;border-radius:10px;overflow:auto}
@media(max-width:560px){.review-row{flex-direction:column;gap:2px}.review-row b{text-align:right}}

/* ===== Phase 2 — consultation availability (preference, not a booking) ===== */
.intake-note{background:rgba(120,170,255,.08);border:1px solid rgba(120,170,255,.25);color:#bcd4ff;padding:11px 14px;border-radius:12px;font-size:12.5px;line-height:1.7;margin:0 0 14px}
.availability-box{border:1px solid rgba(120,170,255,.25);background:rgba(120,170,255,.06);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.availability-box>b{display:block;margin-bottom:10px;font-size:13px}
.pref-tag{display:inline-block;font-size:10px;font-weight:600;color:#9cc0ff;background:rgba(120,170,255,.15);padding:3px 8px;border-radius:20px;margin-inline-start:6px}

/* ===== Phase 2 — coaching brief on the admin order page ===== */
.coaching-brief{border-color:rgba(201,167,255,.28);background:rgba(201,167,255,.06)}
.coaching-brief .pref-tag{color:#c9a7ff;background:rgba(201,167,255,.15)}

/* ===== Phase 2 — multi-step intake wizard ===== */
.wiz-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:18px}
.wiz-step{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;opacity:.5}
.wiz-step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:12px;background:#0b0c0f}
.wiz-step small{font-size:10px;color:#999;text-align:center;max-width:90px;line-height:1.3}
.wiz-step.active{opacity:1}
.wiz-step.active b{border-color:var(--gold);color:var(--gold);background:rgba(255,201,40,.12)}
.wiz-step.active small{color:var(--gold)}
.wiz-step.done{opacity:.9}
.wiz-step.done b{border-color:rgba(70,220,120,.5);color:#7ee6a0}
.wiz-sep{color:#555;font-size:12px;align-self:flex-start;margin-top:6px}
.wiz-bar{height:4px;background:#1a1c22;border-radius:20px;margin:16px auto 0;max-width:520px;overflow:hidden}
.wiz-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd97a);transition:width .3s ease}
.wiz-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.review-edit{font-size:11px;margin-inline-start:8px;font-weight:400}
.expectations-box{border:1px solid rgba(255,201,40,.3);background:rgba(255,201,40,.06);border-radius:14px;padding:16px 18px;margin-top:18px}
.expectations-box b{display:block;margin-bottom:6px;color:var(--gold)}
.expectations-box p{margin:0;font-size:13px;line-height:1.8;color:#ccc}
.accuracy-check{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin-top:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.accuracy-check input{margin-top:2px}
.accuracy-check span{font-size:13.5px}
.btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.wiz-step{min-width:52px}.wiz-step small{display:none}.wiz-sep{margin-top:2px}}

/* ===== Phase 2 — admin intake: API-sourced tag ===== */
.api-tag{font-size:9px;font-weight:600;color:#7ee6a0;background:rgba(70,220,120,.14);padding:3px 8px;border-radius:20px;margin-inline-start:8px;vertical-align:middle}
.intake-admin-section .review-row code{font-size:11px;background:#0e1013;padding:2px 6px;border-radius:5px}
.intake-admin-section .review-row a{color:#9cc0ff}

/* ===== Phase 2 — intake completeness + information requests ===== */
.intake-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;margin-bottom:16px;border:1px solid var(--line)}
.intake-status b{font-size:14px}
.intake-status span{font-size:12px;color:#bbb}
.intake-status-complete{border-color:rgba(70,220,120,.35);background:rgba(70,220,120,.07)}
.intake-status-complete b{color:#7ee6a0}
.intake-status-incomplete,.intake-status-none{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.07)}
.intake-status-incomplete b,.intake-status-none b{color:#ff9a9a}
.ir-badge{font-size:10px;font-weight:600;color:#111;background:var(--gold);padding:4px 9px;border-radius:20px}
.ir-badge.ir-wait{background:rgba(120,170,255,.9);color:#08121f}
.ir-item{border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:10px;background:#0c0d11}
.ir-item.ir-open{border-color:rgba(255,201,40,.35);background:rgba(255,201,40,.05)}
.ir-item.ir-answered{border-color:rgba(70,220,120,.3)}
.ir-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.ir-head b{font-size:13px}
.ir-state{font-size:10px;color:var(--gold);background:rgba(255,201,40,.12);padding:3px 8px;border-radius:20px}
.ir-head time{margin-inline-start:auto;font-size:11px;color:#888}
.ir-msg{margin:0 0 8px;font-size:13px;line-height:1.8;color:#ddd}
.ir-response{border-inline-start:2px solid rgba(70,220,120,.5);padding-inline-start:12px;margin-top:8px}
.ir-response b{font-size:12px;color:#7ee6a0}
.ir-response p{margin:4px 0;font-size:13px;line-height:1.8}
.ir-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.needs-you-panel{border-color:rgba(255,201,40,.4)!important}

/* ===== Phase 2 — service brief (admin) + customer reassurance ===== */
.service-brief{border:1px solid rgba(255,201,40,.35);background:linear-gradient(180deg,rgba(255,201,40,.07),rgba(255,201,40,.02));border-radius:18px;padding:20px 22px;margin-bottom:18px}
.sb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sb-head h2{margin:2px 0 0;font-size:17px}
.sb-channel{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0c0d11;margin-bottom:14px}
.sb-ch-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sb-ch-main b{font-size:16px;color:#fff}
.sb-ch-main a{font-size:11px;color:#9cc0ff}
.sb-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.sb-metrics span{font-size:11px;color:var(--gold);background:rgba(255,201,40,.1);padding:4px 10px;border-radius:20px}
.sb-sub{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:#999}
.sb-sub b{color:#ddd}
.sb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sb-col{background:#0c0d11;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.sb-col h4{margin:0 0 10px;font-size:12px;color:var(--gold)}
.sb-row{display:flex;flex-direction:column;gap:2px;margin-bottom:9px}
.sb-row span{font-size:10.5px;color:#888}
.sb-row b{font-size:12.5px;line-height:1.7;font-weight:600;overflow-wrap:anywhere}
.sb-refs{margin-top:14px;font-size:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sb-refs a{color:#9cc0ff;overflow-wrap:anywhere}
.brief-sent{font-size:12px;color:#7ee6a0;background:rgba(70,220,120,.08);border:1px solid rgba(70,220,120,.25);padding:10px 14px;border-radius:12px;margin:0 0 14px}
@media(max-width:900px){.sb-cols{grid-template-columns:1fr}}
.sb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sb-next{font-size:12px;padding:7px 13px;border-radius:20px;font-weight:600}
.sb-next b{font-weight:800}

/* ===== Phase 3 — email event toggles ===== */
.ev-group{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#0c0d11}
.ev-group-head{font-size:12px;color:var(--gold);font-weight:700;margin-bottom:8px}
.ev-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}
.ev-lock{font-size:10px;opacity:.75}
.pref-list{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:#0c0d11}
.pref-note{padding:12px 14px;border:1px solid rgba(70,220,120,.25);background:rgba(70,220,120,.06);border-radius:12px;margin-bottom:10px}
.pref-note b{display:block;font-size:12px;color:#7ee6a0;margin-bottom:5px}
.pref-note p{margin:0;font-size:12px;color:#aaa;line-height:1.9}
.complete-form{display:flex;flex-direction:column;gap:8px;flex:1;min-width:260px}
.cm-label{display:flex;flex-direction:column;gap:5px;font-size:12px}
.cm-label textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2,#15151d);color:inherit;font:inherit;resize:vertical}
.email-frame{width:100%;height:640px;border:1px solid var(--line);border-radius:12px;background:#090a0c}

/* ===== Phase 3 — email log rows ===== */
.mail-row{display:flex;align-items:flex-start;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mail-main{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}
.mail-main b{font-size:13.5px}
.mail-main small{font-size:11px;color:#8b90a0;overflow-wrap:anywhere}
.mail-subject{color:#aab!important}
.mail-error{color:#ff9a9a!important}
.mail-row time{font-size:11px;color:#828282;white-space:nowrap}
.mail-failed{background:rgba(255,107,107,.05)}
.mail-duplicate{opacity:.65}
.mail-actions{margin:0}
.deliver-panel{border-color:rgba(70,220,120,.3)!important;background:linear-gradient(180deg,rgba(70,220,120,.05),transparent)}

/* ===== Payment phase — checkout method picker + payment page ===== */
.pay-methods{margin:18px 0}
.pay-methods h3{font-size:14px;margin:0 0 10px}
.pay-method{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;cursor:pointer}
.pay-method:has(input:checked){border-color:var(--gold);background:rgba(255,201,40,.06)}
.pm-body b{display:block;font-size:13.5px}
.pm-body small{display:block;color:#8b90a0;font-size:11.5px;margin-top:3px}
.crypto-picker{padding:12px 15px;margin:-4px 0 10px;border:1px dashed var(--line);border-radius:12px;background:#0c0d11}
.crypto-picker select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2,#15151d);color:inherit;font:inherit}
.pay-wrap{max-width:860px}
.pay-status{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;background:#0c0d11}
.pay-status b{font-size:15px}
.pay-status span{font-size:12px;color:#9aa0ae}
.pay-status-paid,.pay-status-overpaid{border-color:rgba(70,220,120,.4);background:rgba(70,220,120,.07)}
.pay-status-expired,.pay-status-failed,.pay-status-cancelled{border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.06)}
.pay-countdown{color:var(--gold)!important}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pay-card{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#101216}
.pay-card h3{font-size:13px;color:var(--gold);margin:0 0 12px}
.pay-amount{font-size:26px;font-weight:900;color:#fff;overflow-wrap:anywhere}
.pay-fiat{font-size:12px;color:#8b90a0;margin-top:4px}
.pay-rows{margin-top:14px}
.pay-rows div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.pay-rows span{color:#8b90a0}
.pay-qr{display:block;margin:0 auto 12px;border-radius:12px;background:#fff;padding:8px}
.pay-address{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:#0c0d11;border:1px solid var(--line);border-radius:10px;padding:11px 13px;overflow-wrap:anywhere;margin-bottom:10px}
.pay-warn{margin-top:12px;font-size:12px;line-height:1.9;color:#ffcf8a;background:rgba(255,201,40,.07);border:1px solid rgba(255,201,40,.25);border-radius:10px;padding:10px 12px}
.bank-instructions{white-space:pre-wrap;font-size:13px;line-height:2;background:#0c0d11;border:1px solid var(--line);border-radius:12px;padding:13px 15px}
@media(max-width:760px){.pay-grid{grid-template-columns:1fr}}

/* ===== Payment phase — admin payments list ===== */
.pay-filters{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.pay-filter{font-size:12px;padding:6px 13px;border:1px solid var(--line);border-radius:20px;color:#9aa0ae;text-decoration:none}
.pay-filter:hover{color:#ddd}
.pay-filter.active{color:#111;background:var(--gold);border-color:var(--gold);font-weight:700}
.pay-row{display:flex;gap:14px;align-items:flex-start;padding:13px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pay-row-review{background:rgba(255,201,40,.05)}
.pay-row-main{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}
.pay-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.pay-row-top a{color:#9cc0ff;text-decoration:none}
.pay-row-main small{font-size:11px;color:#8b90a0;overflow-wrap:anywhere}
.pay-row-ids code{font-size:10.5px;background:#0e1013;padding:1px 5px;border-radius:4px}
.pay-chip{font-size:10px;color:#9aa0ae;background:#15171d;border:1px solid var(--line);padding:2px 8px;border-radius:20px}
.pay-chip-warn{color:#111;background:var(--gold);border-color:var(--gold);font-weight:700}
.pay-row-amt{text-align:center;min-width:90px}
.pay-row-amt b{display:block;font-size:16px;font-weight:800}
.pay-row-amt small{display:block;font-size:10px;color:#8b90a0}
.pay-refunded{color:#ff9a9a!important}
.pay-row-side{text-align:left;min-width:120px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.pay-row-side time{font-size:10.5px;color:#828282}
.pay-state{font-size:10.5px;padding:3px 10px;border-radius:20px;border:1px solid var(--line);color:#9aa0ae;white-space:nowrap}
.pay-state-paid,.pay-state-overpaid{color:#7ee6a0;border-color:rgba(70,220,120,.4);background:rgba(70,220,120,.08)}
.pay-state-failed,.pay-state-expired,.pay-state-cancelled{color:#ff9a9a;border-color:rgba(255,107,107,.35)}
.pay-state-underpaid,.pay-state-processing,.pay-state-awaiting_confirmation{color:#ffcf8a;border-color:rgba(255,201,40,.35)}
.pay-state-refunded,.pay-state-partially_refunded{color:#c9a7ff;border-color:rgba(201,167,255,.35)}
@media(max-width:700px){.pay-row-amt,.pay-row-side{min-width:auto;text-align:right;align-items:flex-start}}

/* ===== Payment phase — payment detail ===== */
.ev-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);font-size:12.5px}
.ev-row time{font-size:11px;color:#828282;min-width:110px}
.ev-row small{color:#8b90a0;font-size:11.5px;flex:1;min-width:180px;overflow-wrap:anywhere}
.ev-row details{width:100%;margin-top:6px}
.ev-row summary{cursor:pointer;font-size:11px;color:#9cc0ff}
.ev-hook-rejected{background:rgba(255,107,107,.05)}
.ev-hook-duplicate{opacity:.6}
.mono-break{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;overflow-wrap:anywhere;background:#0e1013;padding:2px 6px;border-radius:5px}

/* ===== Payment phase — provider configuration ===== */
.prov-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;background:#0c0d11}
.prov-active{border-color:rgba(70,220,120,.35)}
.prov-not_configured{opacity:.75}
.prov-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.prov-head b{font-size:13.5px}
.prov-head small{display:block;color:#8b90a0;font-size:11px;margin-top:3px}
.prov-env{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.env-var{font-size:10.5px;color:#8b90a0;border:1px dashed var(--line);border-radius:6px;padding:3px 8px}
.env-var.env-set{color:#7ee6a0;border-style:solid;border-color:rgba(70,220,120,.35)}
.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:5px}
.pair-item{font-size:12px;padding:4px 0}
.pair-item small{color:#8b90a0;font-size:10.5px}

/* ===== Payment phase — checkout summary + success ===== */
.summary-total{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
.summary-total b{font-size:18px;color:var(--gold)}
.summary-note{font-size:11px;margin-top:8px}
.pay-success{text-align:center;border:1px solid rgba(70,220,120,.3);background:linear-gradient(180deg,rgba(70,220,120,.07),transparent);border-radius:18px;padding:28px 22px}
.pay-success-mark{width:56px;height:56px;line-height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(70,220,120,.15);color:#7ee6a0;font-size:28px;font-weight:900}
.pay-success h2{margin:0 0 6px;font-size:20px}
.pay-success>p{color:#9aa0ae;font-size:13px;margin:0 0 18px}
.pay-success-rows{text-align:right;max-width:440px;margin:0 auto 18px}
.pay-success-rows div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.pay-success-rows span{color:#8b90a0}
.pay-success-next{text-align:right;max-width:440px;margin:0 auto 18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0c0d11}
.pay-success-next b{display:block;font-size:12px;color:var(--gold);margin-bottom:4px}
.pay-success-next p{margin:0;font-size:12.5px;color:#c9ccd4;line-height:1.9}
.deliv-held{color:#ffcf8a;border-color:rgba(255,201,40,.35)}

/* ===== Payment phase — test/live mode ===== */
.mode-banner{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:12px;margin-bottom:12px;border:1px solid var(--line)}
.mode-banner b{font-size:14px;letter-spacing:.5px}
.mode-banner span{font-size:12px;color:#9aa0ae}
.mode-live{border-color:rgba(70,220,120,.35);background:rgba(70,220,120,.06)}
.mode-live b{color:#7ee6a0}
.mode-test{border-color:rgba(255,201,40,.45);background:rgba(255,201,40,.09)}
.mode-test b{color:var(--gold)}
.mode-chip{font-size:9.5px;font-weight:800;letter-spacing:.6px;padding:2px 8px;border-radius:20px}
.mode-chip-test{color:#111;background:var(--gold)}
.mode-chip-live{color:#7ee6a0;border:1px solid rgba(70,220,120,.35)}

/* ===== go-live checklist ===== */
.golive-row{display:flex;gap:12px;align-items:flex-start;padding:11px 4px;border-bottom:1px solid var(--line)}
.golive-mark{font-size:15px;width:20px;text-align:center}
.golive-ok .golive-mark{color:#7ee6a0}
.golive-todo .golive-mark{color:#8b90a0}
.golive-body{flex:1;display:flex;flex-direction:column;gap:2px}
.golive-body b{font-size:13px;font-weight:600}
.golive-todo .golive-body b{color:#ddd}
.golive-body small{font-size:11px;color:#8b90a0;overflow-wrap:anywhere}
.golive-src{color:#828282!important;font-size:10px!important}
.pay-daterange{display:inline-flex;gap:5px;align-items:center;margin-inline-start:6px}
.pay-daterange input[type=date]{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2,#15151d);color:inherit;font:inherit;font-size:11px}

/* ===== Guide videos (§13 §18 §29) ===== */
.gv-section{margin:34px 0}
.gv-heading{font-size:22px;margin:0 0 6px}
.gv-lead{color:#9aa0ae;font-size:13.5px;margin:0 0 18px}
.gv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.gv-grid-single{grid-template-columns:minmax(0,760px)}
.gv-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101216}
.gv-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.gv-frame iframe,.gv-frame video,.gv-poster{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.gv-poster-blank{background:linear-gradient(135deg,#15171d,#0c0d11)}
.gv-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,201,40,.94);color:#111;font-size:22px;line-height:62px;padding:0;transition:transform .15s}
.gv-play:hover{transform:scale(1.07)}
.gv-meta{padding:13px 16px}
.gv-meta b{display:block;font-size:14px;margin-bottom:3px}
.gv-meta p{margin:0;font-size:12.5px;color:#8b90a0;line-height:1.9}
.gv-inline{margin:22px 0}
/* admin */
.gv-row{display:flex;gap:13px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.gv-row-off{opacity:.55}
.gv-row-thumb{width:104px;height:59px;border-radius:9px;overflow:hidden;background:#0c0d11;display:flex;align-items:center;justify-content:center;flex:none}
.gv-row-thumb img{width:100%;height:100%;object-fit:cover}
.gv-row-main{flex:1;min-width:210px;display:flex;flex-direction:column;gap:4px}
.gv-row-main b{font-size:13.5px}
.gv-row-main small{font-size:11px;color:#8b90a0;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.gv-row-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:flex-start}
.gv-row-actions form{display:flex;gap:4px;margin:0}
.gv-target{display:none}
.gv-preview{margin-top:9px}
@media(max-width:620px){.gv-row-thumb{width:84px;height:48px}.gv-grid{grid-template-columns:1fr}}

/* ===== Service details page (§2 §20) ===== */
.service-hero-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0 18px}
.service-price{font-size:26px;font-weight:900;color:var(--gold)}
.service-body{max-width:860px}
.service-block{margin:34px 0}
.service-block h2{font-size:20px;margin:0 0 12px}
.service-block h3{font-size:15px;margin:0 0 10px}
.service-prose{font-size:14px;line-height:2.1;color:#c9ccd4}
.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.service-list li{position:relative;padding-inline-start:26px;font-size:13.5px;line-height:1.9;color:#c9ccd4}
.service-list li::before{position:absolute;inset-inline-start:0;top:0}
.service-list-good li::before{content:'✓';color:#7ee6a0;font-weight:800}
.service-list-bad li::before{content:'✕';color:#ff9a9a;font-weight:800}
.service-list-info li::before{content:'•';color:var(--gold);font-weight:800}
.service-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inc-head{color:#7ee6a0}
.exc-head{color:#ff9a9a}
.service-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.service-steps li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.9;color:#c9ccd4}
.step-num{flex:none;width:27px;height:27px;border-radius:50%;background:rgba(255,201,40,.15);color:var(--gold);
  font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.service-faq{border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin-bottom:9px;background:#0c0d11}
.service-faq summary{cursor:pointer;font-size:13.5px;font-weight:600}
.service-faq p{margin:9px 0 0;font-size:13px;color:#9aa0ae;line-height:2}
.service-buy{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  border:1px solid rgba(255,201,40,.3);background:rgba(255,201,40,.05);border-radius:16px;padding:20px 24px;margin-top:34px}
.service-buy b{display:block;font-size:15px}
.service-buy span{font-size:13px;color:#9aa0ae}
@media(max-width:700px){.service-split{grid-template-columns:1fr}}

/* ===== AI Generation Theater (§5) + tool workspace (§45 §46) ===== */
.ai-workspace{max-width:920px;margin:0 auto}
.ai-tool-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}
.ai-tool-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,201,40,.12);
  display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}
.ai-tool-titles{flex:1;min-width:220px}
.ai-tool-titles h1{margin:0 0 4px;font-size:22px}
.ai-tool-titles p{margin:0;color:#9aa0ae;font-size:13.5px;line-height:1.9}
.ai-usage-pill{font-size:11.5px;padding:5px 12px;border-radius:20px;border:1px solid var(--line);color:#9aa0ae;white-space:nowrap}
.ai-usage-pill b{color:var(--gold)}

.ai-form{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#101216}
.ai-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#c9ccd4}
.ai-form input[type=text],.ai-form textarea,.ai-form select{width:100%;padding:11px 13px;border:1px solid var(--line);
  border-radius:11px;background:#0c0d11;color:inherit;font:inherit;font-size:13.5px;resize:vertical}
.ai-form textarea{line-height:1.9}
.ai-form input:focus,.ai-form textarea:focus,.ai-form select:focus{outline:0;border-color:rgba(255,201,40,.5)}
.ai-field-hint{font-size:11px;color:#7d828e}
.ai-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-optional{font-size:10.5px;color:#7d828e;font-weight:400}

/* theater */
.ai-theater{display:none;border:1px solid var(--line);border-radius:18px;padding:34px 22px;background:
  radial-gradient(120% 80% at 50% 0%,rgba(255,201,40,.08),transparent 60%),#0c0d11;text-align:center;overflow:hidden;position:relative}
.ai-theater.on{display:block}
.ai-theater-orb{width:92px;height:92px;margin:0 auto 22px;position:relative}
.ai-orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,201,40,.28);
  animation:aiPulse 2.6s ease-in-out infinite}
.ai-orb-ring:nth-child(2){inset:12px;border-color:rgba(255,201,40,.45);animation-delay:.35s}
.ai-orb-ring:nth-child(3){inset:24px;border-color:rgba(255,201,40,.65);animation-delay:.7s}
.ai-orb-core{position:absolute;inset:34px;border-radius:50%;background:radial-gradient(circle,#ffc928,rgba(255,201,40,.25));
  animation:aiGlow 1.9s ease-in-out infinite}
@keyframes aiPulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.09);opacity:1}}
@keyframes aiGlow{0%,100%{opacity:.7;filter:blur(1px)}50%{opacity:1;filter:blur(3px)}}
.ai-stage{font-size:15px;color:#fff;min-height:26px;font-weight:600}
.ai-stage-sub{font-size:12px;color:#7b8090;margin-top:7px}
.ai-stage-fade{animation:aiFade .45s ease}
@keyframes aiFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.ai-progress{height:3px;border-radius:3px;background:rgba(255,255,255,.07);margin:22px auto 0;max-width:340px;overflow:hidden}
.ai-progress-bar{height:100%;width:0;background:linear-gradient(90deg,rgba(255,201,40,.4),#ffc928);transition:width .5s ease}
.ai-steps{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.ai-step-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.14);transition:all .35s}
.ai-step-dot.done{background:rgba(255,201,40,.55)}
.ai-step-dot.now{background:#ffc928;transform:scale(1.5)}

/* result */
.ai-result{display:none;margin-top:22px}
.ai-result.on{display:block}
.ai-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ai-result-head h2{margin:0;font-size:17px}
.ai-actions{display:flex;gap:7px;flex-wrap:wrap}
.ai-output{border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:#101216;
  font-size:14.5px;line-height:2.25;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#101216;margin-bottom:11px}
.ai-card-title{font-size:15px;font-weight:700;margin-bottom:9px;color:#fff;overflow-wrap:anywhere}
.ai-card-row{font-size:12.5px;color:#9aa0ae;line-height:1.95;margin-bottom:5px}
.ai-card-row b{color:#c9ccd4}
.ai-pick{border-color:rgba(255,201,40,.45);background:linear-gradient(180deg,rgba(255,201,40,.07),transparent)}
.ai-pick-badge{display:inline-block;font-size:10.5px;font-weight:800;color:#111;background:var(--gold);
  padding:2px 10px;border-radius:20px;margin-bottom:9px}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ai-chip{font-size:12px;padding:5px 11px;border-radius:20px;border:1px solid var(--line);color:#c9ccd4}
.ai-copybox{background:#0c0d11;border:1px solid var(--line);border-radius:11px;padding:12px 14px;
  font-size:12.5px;line-height:1.95;overflow-wrap:anywhere;margin-top:8px}
.ai-error{display:none;border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.07);
  border-radius:14px;padding:15px 18px;font-size:13.5px;color:#ffb4b4;margin-top:16px}
.ai-error.on{display:block}
.ai-score{font-size:34px;font-weight:900;color:var(--gold);line-height:1}
@media(max-width:700px){.ai-form-row{grid-template-columns:1fr}.ai-output{padding:16px 17px;font-size:14px}}

/* ===== AI Coach (§6 §46) ===== */
.coach-wrap{max-width:1060px;margin:0 auto}
.coach-channel{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);
  border-radius:16px;padding:15px 18px;background:#101216;margin-bottom:18px}
.coach-ch-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.coach-ch-info{flex:1;min-width:230px;display:flex;flex-direction:column;gap:3px}
.coach-ch-info b{font-size:14px}
.coach-ch-info small{font-size:11.5px;color:#8b90a0}
.coach-connect-row{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.coach-connect-row input{flex:1;min-width:210px;padding:9px 12px;border:1px solid var(--line);
  border-radius:10px;background:#0c0d11;color:inherit;font:inherit;font-size:12.5px;direction:ltr;text-align:left}
.coach-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}
.coach-side{display:flex;flex-direction:column;gap:7px;position:sticky;top:80px}
.coach-new{width:100%;text-align:center;margin-bottom:5px}
.coach-conv{display:flex;align-items:stretch;gap:4px;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.coach-conv.active{border-color:rgba(255,201,40,.45);background:rgba(255,201,40,.05)}
.coach-conv a{flex:1;padding:9px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px;min-width:0}
.coach-conv b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-conv small{font-size:10.5px;color:#7b8090}
.coach-conv form{display:flex;margin:0}
.coach-del{background:none;border:0;color:#7d828e;cursor:pointer;padding:0 10px;font-size:17px}
.coach-del:hover{color:#ff9a9a}
.coach-main{border:1px solid var(--line);border-radius:18px;background:#101216;display:flex;flex-direction:column;min-height:520px}
.coach-messages{flex:1;padding:20px;overflow-y:auto;max-height:58vh;display:flex;flex-direction:column;gap:12px}
.coach-msg{display:flex}
.coach-user{justify-content:flex-start}
.coach-assistant{justify-content:flex-end}
.coach-bubble{max-width:82%;padding:12px 16px;border-radius:16px;font-size:13.5px;line-height:2.05;overflow-wrap:anywhere}
.coach-user .coach-bubble{background:rgba(255,201,40,.12);border:1px solid rgba(255,201,40,.22)}
.coach-assistant .coach-bubble{background:#15171d;border:1px solid var(--line)}
.coach-welcome{text-align:center;padding:26px 14px;margin:auto}
.coach-welcome-icon{font-size:42px;margin-bottom:10px}
.coach-welcome h2{margin:0 0 7px;font-size:18px}
.coach-welcome p{color:#9aa0ae;font-size:13px;margin:0 0 16px;line-height:2}
.coach-suggestions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.coach-sugg{font-size:12px;padding:8px 14px;border-radius:20px;border:1px solid var(--line);
  background:#0c0d11;color:#c9ccd4;cursor:pointer;transition:all .18s}
.coach-sugg:hover{border-color:rgba(255,201,40,.45);color:#fff}
.coach-typing{display:none;align-items:center;gap:5px;padding:0 20px 10px;font-size:11.5px;color:#7b8090}
.coach-typing.on{display:flex}
.coach-typing span{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:coachDot 1.3s infinite}
.coach-typing span:nth-child(2){animation-delay:.18s}
.coach-typing span:nth-child(3){animation-delay:.36s}
@keyframes coachDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.coach-input{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--line);align-items:flex-end}
.coach-input textarea{flex:1;resize:none;padding:11px 14px;border:1px solid var(--line);border-radius:13px;
  background:#0c0d11;color:inherit;font:inherit;font-size:13.5px;line-height:1.8;max-height:160px}
.coach-input textarea:focus{outline:0;border-color:rgba(255,201,40,.45)}
@media(max-width:820px){
  .coach-layout{grid-template-columns:1fr}
  .coach-side{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px}
  .coach-conv{min-width:170px}
  .coach-new{width:auto;white-space:nowrap}
  .coach-bubble{max-width:90%}
}
.ai-thumb{max-width:100%;border-radius:12px;border:1px solid var(--line);aspect-ratio:16/9;object-fit:cover}

/* ===== Subscription plans (§17 §18 §43 §44) ===== */
.plans-hero{text-align:center}
.billing-toggle{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:30px;margin-top:20px;background:#0c0d11}
.bt-opt{padding:9px 22px;border-radius:24px;font-size:13px;color:#9aa0ae;text-decoration:none;transition:all .2s;white-space:nowrap}
.bt-opt:hover{color:#ddd}
.bt-opt.active{background:var(--gold);color:#111;font-weight:800}
.bt-save{font-size:10px;font-weight:800;padding:2px 7px;border-radius:12px;background:rgba(70,220,120,.2);color:#7ee6a0;margin-inline-start:5px}
.bt-opt.active .bt-save{background:rgba(0,0,0,.18);color:#111}

.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:15px;margin:34px 0}
.plan-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px 20px;background:#101216;display:flex;flex-direction:column}
.plan-featured{border-color:rgba(255,201,40,.5);background:linear-gradient(180deg,rgba(255,201,40,.07),#101216)}
.plan-current{border-color:rgba(70,220,120,.45)}
.plan-badge{position:absolute;top:-10px;inset-inline-start:20px;font-size:10px;font-weight:800;padding:4px 12px;
  border-radius:20px;background:var(--gold);color:#111;white-space:nowrap}
.plan-badge-current{inset-inline-start:auto;inset-inline-end:20px;background:#7ee6a0}
.plan-card h2{margin:4px 0 4px;font-size:19px}
.plan-tagline{color:#8b90a0;font-size:12px;margin:0 0 16px;line-height:1.8;min-height:34px}
.plan-price{margin-bottom:6px}
.plan-price b{font-size:31px;font-weight:900}
.plan-price span{font-size:12.5px;color:#8b90a0;margin-inline-start:4px}
.plan-compare{font-size:11px;color:#7ee6a0;margin:0 0 14px;line-height:1.8}
.plan-compare s{color:#7d828e}
.plan-features{list-style:none;padding:0;margin:14px 0 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.plan-features li{font-size:12px;line-height:1.7;color:#c9ccd4}
.plan-features li small{display:block;color:#7b8090;font-size:10.5px;margin-inline-start:16px}
.pf-off{color:#7d828e!important}
.plan-cta{width:100%;text-align:center}

.compare-wrap{margin:50px 0}
.compare-head{text-align:center;font-size:21px;margin-bottom:20px}
.compare-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.compare-table{width:100%;border-collapse:collapse;min-width:640px;font-size:12.5px}
.compare-table th,.compare-table td{padding:13px 14px;text-align:center;border-bottom:1px solid var(--line)}
.compare-table thead th{background:#0c0d11;font-size:13px;position:sticky;top:0}
.compare-table thead th small{display:block;font-size:10.5px;color:#8b90a0;font-weight:400;margin-top:3px}
.compare-table tbody th{text-align:start;color:#c9ccd4;font-weight:600;background:#0c0d11}
.ct-featured{background:rgba(255,201,40,.06)}
.ct-no{color:#5c6069}
.ct-unlimited{color:#7ee6a0;font-weight:700}
.compare-cards{display:none;flex-direction:column;gap:9px}
.compare-acc{border:1px solid var(--line);border-radius:13px;padding:13px 16px;background:#101216}
.compare-acc summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13.5px}
.compare-acc summary span{color:var(--gold);font-size:12.5px;white-space:nowrap}
.compare-acc ul{margin-top:12px}
.plans-note{text-align:center;color:#8b90a0;font-size:12.5px;line-height:2;margin:34px 0}
.plans-note b{color:#c9ccd4}
@media(max-width:760px){
  .compare-scroll{display:none}
  .compare-cards{display:flex}
  .plan-grid{grid-template-columns:1fr}
  .plan-tagline{min-height:0}
}

/* ===== AI tools card states + status banner (§32 §33) ===== */
.ai-status-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);
  border-radius:14px;padding:14px 18px;background:#101216;margin-bottom:20px}
.ai-status-banner b{font-size:13.5px}
.ai-status-banner span{flex:1;min-width:200px;font-size:12px;color:#8b90a0;line-height:1.8}
.ai-status-paid{border-color:rgba(70,220,120,.3);background:linear-gradient(180deg,rgba(70,220,120,.05),#101216)}
.tag-active{font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;background:rgba(70,220,120,.15);color:#7ee6a0}
.tag-limit{font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;background:rgba(255,201,40,.16);color:var(--gold)}
.tool-state-locked{opacity:.86}
.tool-state-limit{border-color:rgba(255,201,40,.3)}
.tool-usage{font-size:11px;color:#8b90a0;margin-inline-end:auto}
.tool-usage-out{color:var(--gold)}
/* upgrade dialog (§20) */
.up-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:90;padding:20px}
.up-modal.on{display:flex}
.up-box{max-width:420px;width:100%;border:1px solid var(--line);border-radius:18px;padding:28px 26px;
  background:#101216;text-align:center;position:relative}
.up-box h3{margin:0 0 9px;font-size:18px}
.up-box p{color:#9aa0ae;font-size:13px;line-height:2;margin:0 0 6px}
.up-hint{color:#c9ccd4!important;font-size:12.5px!important}
.up-actions{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.up-close{position:absolute;top:12px;inset-inline-end:14px;background:none;border:0;color:#7d828e;font-size:20px;cursor:pointer}
.up-close:hover{color:#ddd}
.coach-gate{margin-top:12px;padding:14px 16px;border-radius:13px;border:1px dashed rgba(255,201,40,.4);
  background:linear-gradient(180deg,rgba(255,201,40,.08),transparent);text-align:center}
.coach-gate-lock{font-size:22px;margin-bottom:5px}
.coach-gate b{display:block;font-size:12.5px;margin-bottom:5px}
.coach-gate p{margin:0 0 11px;font-size:11.5px;color:#9aa0ae;line-height:1.9}
.plan-limit-row{align-items:end}
.plan-limit-row label:first-child{flex:2}

/* ===== Library (§26 §27 §34) ===== */
.library-hero{text-align:center}
.library-search{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.library-search input[type=search]{flex:1;min-width:230px;max-width:380px;padding:11px 15px;border:1px solid var(--line);
  border-radius:11px;background:#0c0d11;color:inherit;font:inherit;font-size:13.5px}
.library-search select{padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#0c0d11;color:inherit;font:inherit;font-size:13px}
.book-row{margin:42px 0}
.book-row h2,.book-row-head{font-size:21px;margin:0 0 18px}
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.book-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101216;
  display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.book-card:hover{transform:translateY(-3px);border-color:rgba(255,201,40,.35)}
.book-cover{position:relative;display:block;aspect-ratio:3/4;background:#0c0d11;overflow:hidden}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.book-cover-blank{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:46px;opacity:.35}
.book-cover-large{aspect-ratio:3/4;border-radius:14px;border:1px solid var(--line)}
.book-badge{position:absolute;top:10px;inset-inline-start:10px;font-size:10px;font-weight:800;
  padding:4px 10px;border-radius:20px;background:var(--gold);color:#111}
.book-badge-alt{background:rgba(255,255,255,.9);color:#111}
.book-badge-sale{background:#ff6b6b;color:#fff;top:auto;bottom:10px}
.book-body{padding:14px 15px 8px;flex:1}
.book-body h3{margin:0 0 4px;font-size:14px;line-height:1.6}
.book-body h3 a{color:inherit;text-decoration:none}
.book-body h3 a:hover{color:var(--gold)}
.book-body small{color:#8b90a0;font-size:11px}
.book-body p{margin:7px 0 0;font-size:12px;color:#8b90a0;line-height:1.85}
.book-foot{padding:10px 15px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.book-price b{font-size:16px;font-weight:800;color:var(--gold)}
.book-price s{font-size:11.5px;color:#7d828e;margin-inline-start:6px}
.book-actions{display:flex;gap:5px}
/* detail */
.book-detail{max-width:900px}
.book-hero{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start;margin:26px 0 10px}
.book-hero-cover img{width:100%;border-radius:14px;border:1px solid var(--line);display:block}
.book-hero-info h1{font-size:27px;margin:8px 0 6px;line-height:1.5}
.book-author{color:#9aa0ae;font-size:13px;margin:0 0 12px}
.book-hero-info>p{color:#c9ccd4;font-size:14px;line-height:2}
.book-badges{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.book-badge-inline{font-size:10.5px;font-weight:700;padding:4px 11px;border-radius:20px;
  background:rgba(255,201,40,.15);color:var(--gold)}
.book-badge-format{background:#15171d;color:#9aa0ae}
.book-price-large{margin:16px 0 8px}
.book-price-large b{font-size:32px;font-weight:900;color:var(--gold)}
.book-price-large s{font-size:15px;color:#7d828e;margin-inline-start:9px}
.book-digital-note{font-size:12px;color:#8b90a0;margin:0 0 18px;line-height:1.9}
.book-buy{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.book-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.book-specs div{border:1px solid var(--line);border-radius:11px;padding:11px 14px;background:#0c0d11}
.book-specs span{display:block;font-size:11px;color:#8b90a0;margin-bottom:3px}
.book-specs b{font-size:13px}
/* my library */
.owned-book{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;
  padding:14px;background:#101216;flex-wrap:wrap}
.owned-revoked{opacity:.6}
.owned-cover{width:62px;height:83px;border-radius:8px;overflow:hidden;background:#0c0d11;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:26px}
.owned-cover img{width:100%;height:100%;object-fit:cover}
.owned-body{flex:1;min-width:170px;display:flex;flex-direction:column;gap:3px}
.owned-body b{font-size:14px}
.owned-body small{font-size:11px;color:#8b90a0}
.owned-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:760px){
  .book-hero{grid-template-columns:1fr}
  .book-hero-cover{max-width:210px;margin:0 auto}
  .book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
}
/* Quantity picker for per-unit services (thumbnail design) */
.svc-qty{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:6px}
.svc-qty label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c9ccd4}
.svc-qty input{width:110px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#0c0d11;color:inherit;font:inherit;font-size:15px;direction:ltr;text-align:center}
.svc-total{font-size:14px;color:#c9ccd4;padding-bottom:12px}
.svc-total b{color:var(--gold);font-size:18px}

/* ===== Country-based payment + HesabPay (mobile-first) ===== */
.pay-flow{max-width:640px;margin:0 auto;padding-top:28px;padding-bottom:40px}
.pay-summary{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#101216;margin:16px 0;display:flex;flex-direction:column;gap:6px}
.pay-summary span{font-size:12px;color:#8b90a0}
.pay-amount{font-size:15px}.pay-amount strong{font-size:24px;color:var(--gold)}
.pay-step{border:1px solid var(--line);border-radius:18px;padding:20px;background:#0f1115;margin-bottom:14px}
.pay-step.is-done{border-color:rgba(255,201,40,.3)}
.pay-step-head{display:flex;align-items:center;gap:10px}
.pay-step-head h1,.pay-step-head h2{font-size:19px;margin:0}
.pay-step-n{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pay-hint{font-size:12.5px;color:#9aa0ae;line-height:1.9;margin:8px 0 12px}
.pay-countries{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pay-country{text-align:center;padding:16px 8px;border-radius:14px;border:1px solid var(--line);background:#14161c;color:#e6e8ee;text-decoration:none;font-weight:700;font-size:15px}
.pay-country.is-on{border-color:var(--gold);background:rgba(255,201,40,.1);color:#fff}
.pay-country:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pay-methods{display:flex;flex-direction:column;gap:9px}
.pay-method-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--line);background:#14161c;cursor:pointer}
.pay-method-card.is-local{border-color:rgba(70,220,120,.35)}
.pay-method-card input{margin-top:4px;accent-color:var(--gold);width:18px;height:18px}
.pmc-body{display:flex;flex-direction:column;gap:3px}.pmc-body small{font-size:12px;color:#9aa0ae}
.pmc-badge{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;background:rgba(70,220,120,.18);color:#7ee6a0;margin-inline-start:6px}
.hp-status{border-radius:14px;padding:14px 16px;margin:14px 0;display:flex;flex-direction:column;gap:5px;font-size:13.5px;border:1px solid var(--line);background:#101216}
.hp-status p{margin:4px 0;line-height:1.9;font-size:13px;color:#c9ccd4}
.hp-under_review{border-color:rgba(255,201,40,.4)}.hp-approved{border-color:rgba(70,220,120,.45)}.hp-rejected{border-color:rgba(255,90,90,.45)}
.hp-qr-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#101216;text-align:center}
.hp-qr{width:100%;max-width:340px;height:auto;border-radius:14px;background:#fff;image-rendering:auto}
.hp-qr-actions{display:flex;gap:8px;justify-content:center;margin:12px 0 4px;flex-wrap:wrap}
.hp-account{font-size:13px;margin:8px 0}
.hp-steps{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#0f1115;margin:14px 0}
.hp-steps ol{margin:8px 0 0;padding-inline-start:22px;line-height:2.1;font-size:13.5px}
.hp-upload{border:1px solid rgba(255,201,40,.3);border-radius:18px;padding:18px;background:#101216;display:flex;flex-direction:column;gap:10px}
.hp-upload input[type=file]{padding:12px;border:1px dashed var(--line);border-radius:12px;background:#0c0d11;color:inherit;width:100%}
.hp-upload small{font-size:11.5px;color:#8b90a0}
.hp-upload textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#0c0d11;color:inherit;font:inherit}
.hp-history{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.hp-hist-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#0f1115}
.hp-hist-row img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.hp-hist-approved{color:#7ee6a0}.hp-hist-rejected{color:#ff8a8a}.hp-hist-under_review{color:var(--gold)}
/* Full-screen QR: pure white, as large as the screen allows, for scanning from another phone. */
.hp-qr-full{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}
.hp-qr-full[hidden]{display:none}
.hp-qr-full img{width:min(92vw,78vh);height:auto}
.hp-qr-full .btn{color:#111;border-color:#111}
@media(max-width:520px){.pay-countries{grid-template-columns:1fr}.pay-country{padding:14px}}

/* V108: card grids may shrink (minmax(0,1fr)); plain 1fr let long English
   words push a card past the screen at tablet widths. */
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-grid,.academy-grid,.future-grid{min-width:0}
.price-card,.service-grid>*,.academy-grid>*,.future-grid>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:980px) and (min-width:701px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V109: monthly capacity (coaching) */
.cap-box{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:12px 16px;border-radius:14px;border:1px solid rgba(126,230,160,.35);background:rgba(126,230,160,.07)}
.cap-box b{font-size:14px;color:#9ff0bb}.cap-box span{font-size:12.5px;color:#aeb3bf;line-height:1.9}
.cap-box.is-full{border-color:rgba(255,120,120,.4);background:rgba(255,90,90,.07)}.cap-box.is-full b{color:#ffb0b0}
.cap-badge{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:rgba(126,230,160,.12);color:#9ff0bb}
.cap-badge.is-full{background:rgba(255,90,90,.12);color:#ffb0b0}
.cap-inline{display:inline-block;font-size:13px;color:#ffb0b0;padding:10px 0}
.hc-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:300;padding:12px 18px;border-radius:12px;background:#15171d;border:1px solid rgba(255,201,40,.35);color:#e6e8ee;font-size:13px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.verify-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,201,40,.35);background:rgba(255,201,40,.07);font-size:13.5px;line-height:1.9}
/* V111 legal pages — long-form reading: comfortable width, generous leading, no justification */
.legal-page{max-width:860px;padding:48px 20px 80px}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.legal-tabs a{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);color:#d6d9e0;text-decoration:none;font-size:13.5px}
.legal-tabs a.is-on,.legal-tabs a:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.25)}
.legal-doc h1{font-size:30px;margin:0 0 6px}
.legal-meta{color:#b4b8c4;font-size:13px;margin:0 0 26px}
.legal-doc h2{font-size:19px;margin:30px 0 10px;color:#fff}
.legal-doc p,.legal-doc li{color:#d6d9e0;font-size:15px;line-height:2;text-align:start}
.legal-doc ul{padding-inline-start:22px}.legal-doc li{margin-bottom:6px}
.legal-doc a{color:#ffd65c;text-decoration:underline;text-underline-offset:3px}
.legal-table{overflow-x:auto;margin:10px 0 16px}
.legal-table table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.legal-table th,.legal-table td{border:1px solid rgba(255,255,255,.12);padding:10px;text-align:start;vertical-align:top;line-height:1.8;color:#d6d9e0}
.legal-table th{background:rgba(255,255,255,.05);color:#fff}
.legal-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.9;color:#d6d9e0;margin:8px 0}
.legal-check input{margin-top:6px;width:18px;height:18px;flex:none;accent-color:#ff1a2a}
.legal-check a,.legal-note a{color:#ffd65c;text-decoration:underline}
.legal-note{font-size:13px;color:#c2c6d0;line-height:1.9;margin:6px 0}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}
.footer-legal a{color:#c9ccd4;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.footer-legal a:hover{color:#fff}
.footer-bottom p{margin:4px 0}.footer-disclaimer{font-size:11.5px;color:#a3a8b5}
.legal-before-pay{margin:16px 0 14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.legal-before-pay b{display:block;margin-bottom:4px;font-size:14px}
.legal-consents p.legal-note,.legal-before-pay p.legal-note{color:#c2c6d0}   /* page styles use #777 (4.18:1); this is 11:1 */
.legal-table:focus-visible{outline:2px solid #ffd65c;outline-offset:3px}

/* Links inside sentences are underlined, not identified by colour alone (WCAG 1.4.1). */
.auth-foot a,.legal-note a{text-decoration:underline;text-underline-offset:3px}
/* V113 BTCPay option: the network is stated plainly before the customer leaves for BTCPay */
.pmc-net{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:8px;background:rgba(38,161,123,.14);color:#8ff0cc;font-size:12px}
.pmc-warn{display:block;margin-top:6px;color:#ffd08a;font-size:12px;line-height:1.8}
/* V118 HesabPay: the Afghani amount to send */
.pay-afn{margin:12px 0 4px;padding:14px 16px;border-radius:14px;background:rgba(255,201,40,.08);border:1px solid rgba(255,201,40,.35);display:grid;gap:6px}
.pay-afn span{color:#e8eaf0;font-size:14px}.pay-afn strong{font-size:26px;color:#ffc928}.pay-afn small{color:#b9bdc9;line-height:1.9}
.pay-afn .fx-credit a{color:#8b90a0;font-size:11px}
/* V119 coaching submissions */
.cw-sub{margin-top:10px;display:grid;gap:8px}
.cw-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
.cw-submitted{background:rgba(255,201,40,.14);color:#ffd08a}.cw-approved{background:rgba(52,199,89,.14);color:#8ff0b0}.cw-changes_requested{background:rgba(255,90,90,.14);color:#ffb0b0}
.cw-need{color:#b9bdc9}.cw-form{padding:12px;border:1px dashed rgba(255,255,255,.15);border-radius:12px}
.cw-last summary{cursor:pointer;color:#b9bdc9;font-size:13px}.task-check-static{cursor:default}
.cw-admin{margin:8px 0 4px;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);display:grid;gap:6px}.cw-answer{white-space:pre-wrap;margin:0}
/* V120 a purchased book on its order page */
.book-delivered{display:flex;gap:14px;align-items:flex-start}.book-delivered .bd-cover{width:84px;height:auto;border-radius:10px;flex:0 0 auto}
.book-delivered .btn{margin:6px 0 0 6px}

/* ===== V125 — dark scrollbars everywhere (#40, also fix list #13) ===== */
html{scrollbar-color:#3a3e48 #0b0c0f}
*{scrollbar-width:thin;scrollbar-color:#3a3e48 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#2e3139;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:#4a4f5a}
*::-webkit-scrollbar-button{display:none;width:0;height:0}

/* ===== V125 — premium coach chat ===== */
.coach-messages{gap:16px;padding:22px 22px 26px;scroll-behavior:smooth}
.coach-bubble{font-size:14px;line-height:2.1}
.coach-assistant .coach-bubble{background:linear-gradient(180deg,#171a21,#13151b);border:1px solid rgba(255,255,255,.07);
  border-radius:18px 18px 6px 18px;box-shadow:0 6px 22px rgba(0,0,0,.25)}
[dir="rtl"] .coach-assistant .coach-bubble{border-radius:18px 18px 18px 6px}
.coach-user .coach-bubble{border-radius:18px 18px 18px 6px}
[dir="rtl"] .coach-user .coach-bubble{border-radius:18px 18px 6px 18px}
.coach-bubble p{margin:0 0 10px}
.coach-bubble p:last-child,.coach-bubble ul:last-child,.coach-bubble ol:last-child{margin-bottom:0}
.coach-bubble .coach-h{font-weight:700;color:#fff;margin-top:4px}
.coach-bubble b{color:#fff;font-weight:700}
.coach-bubble ul,.coach-bubble ol{margin:2px 0 10px;padding-inline-start:22px}
.coach-bubble li{margin:3px 0}
.coach-bubble li::marker{color:var(--gold)}

/* ===== V126 — channel strip on AI tool pages + coach "change channel" ===== */
.ai-channel-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:14px;background:#101216;font-size:12.5px;color:#aeb3bf}
.ai-channel-strip.on{border-color:rgba(46,204,113,.28)}
.ai-channel-strip img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.ai-channel-strip span{flex:1;min-width:200px}
.ai-channel-strip b{color:#fff}
.ai-channel-strip small{color:#7d828e;margin-inline-start:6px}
.ai-channel-strip a{color:var(--gold);font-weight:700;white-space:nowrap}
.coach-change{width:100%;margin-top:6px;font-size:12px;color:#9aa0ae}
.coach-change summary{cursor:pointer;color:var(--gold);width:max-content}

/* ===== V128/V129 — show/hide password button =====
   Passwords are always typed left-to-right (also while visible), so the
   eye sits on the RIGHT and the text never runs under it. */
.pw-wrap{position:relative;display:block}
.pw-wrap input,
.pw-wrap input[type="text"]{width:100%;direction:ltr !important;text-align:left !important;
  padding-right:48px !important}
.pw-eye{position:absolute;right:8px;left:auto;top:50%;transform:translateY(-50%);width:34px;height:34px;
  display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#7b8190;
  cursor:pointer;padding:0;z-index:2}
.pw-eye svg{width:20px;height:20px}
.pw-eye:hover,.pw-eye:focus-visible{color:#5d6370;background:rgba(127,135,150,.22);outline:none}
input::-ms-reveal,input::-ms-clear{display:none}

/* =====================================================================
   V131 — CALM, TEXT-FIRST DESIGN PASS
   One idea per screen, no emoji icons, no English "eyebrow" labels on
   Persian pages, nothing wider than the phone, premium form controls.
   ===================================================================== */

/* 1. No decorative icons or English kicker labels anywhere (#10, #13) */
.eyebrow,.mag-ic,.inflight-icon,.dash-tool-icon,.ai-tool-icon,.tool-icon,.coach-welcome-icon,
.empty-icon,.hx-ico,.reco-icon,.ac-icon,.quick-actions>a>span:first-child{display:none !important}
.ai-tool-head{gap:0}

/* 2. Nothing may push the page sideways on a phone (#3) */
html,body{overflow-x:clip}
.dashboard-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:1051px){.dashboard-grid{grid-template-columns:230px minmax(0,1fr)}}
.dash-content,.dashboard-panel,.side-card{min-width:0}
.dashboard-heading{gap:16px}
.dashboard-heading h1{overflow-wrap:anywhere}

/* 3. Account menu: sidebar on desktop, one tidy fold-out on phones (#5, #9) */
.acc-nav>summary{display:none}
@media(max-width:1050px){
  .acc-nav{display:block !important;overflow:visible !important;padding:0 !important}
  .acc-nav>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;
    list-style:none;font-size:13.5px;font-weight:700;color:#fff}
  .acc-nav>summary::-webkit-details-marker{display:none}
  .acc-nav>summary::after{content:'';width:9px;height:9px;border-inline-end:2px solid #9aa0ae;border-bottom:2px solid #9aa0ae;
    transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
  .acc-nav[open]>summary::after{transform:rotate(225deg);margin-top:4px}
  .acc-nav .acc-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 10px 12px}
  .acc-nav .acc-links a{white-space:normal;text-align:start;font-size:13px;padding:12px}
}

/* 4. Fold-out sections (dashboard etc.) */
.fold{border:1px solid var(--line);border-radius:18px;background:#101216;overflow:hidden}
.fold>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer;list-style:none}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary .fold-title{font-size:15.5px;font-weight:700;color:#fff}
.fold>summary .fold-meta{font-size:12.5px;color:#8f95a3;margin-inline-start:auto;text-align:end}
.fold>summary::after{content:'';flex:none;width:8px;height:8px;border-inline-end:2px solid #8f95a3;border-bottom:2px solid #8f95a3;
  transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.fold[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.fold[open]>summary{border-bottom:1px solid var(--line)}
.fold-body{padding:16px 22px 20px}
.fold-body .dashboard-panel{border:0;background:none;padding:0}
.fold-body .panel-head h2,.fold-body .panel-head>div>.eyebrow{display:none}
.fold-body .panel-head{justify-content:flex-end;margin-bottom:6px}

/* 5. Dashboard: plain text summary + quiet lists */
.dash-hello h1{font-size:30px;margin:0 0 6px}
.dash-hello p{color:#8f95a3;font-size:14px;margin:0}
.dash-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;background:#101216;overflow:hidden}
.dash-summary a{padding:16px 18px;color:inherit;text-decoration:none;border-inline-start:1px solid var(--line)}
.dash-summary a:first-child{border-inline-start:0}
.dash-summary b{display:block;font-size:22px;color:#fff;font-weight:800}
.dash-summary small{display:block;color:#8f95a3;font-size:12px;margin-top:2px}
.dash-summary a:hover b{color:var(--gold)}
@media(max-width:620px){.dash-summary{grid-template-columns:1fr 1fr}.dash-summary a:nth-child(3){border-inline-start:0}
  .dash-summary a:nth-child(n+3){border-top:1px solid var(--line)}}
.calm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);
  color:inherit;text-decoration:none}
.calm-row:last-child{border-bottom:0}
.calm-row b{display:block;font-size:14px;color:#fff}
.calm-row small{display:block;font-size:12px;color:#8f95a3;margin-top:3px}
.calm-row .calm-tag{font-size:12px;color:var(--gold);white-space:nowrap}
.calm-row:hover b{color:var(--gold)}
.calm-empty{color:#8f95a3;font-size:13px;margin:4px 0}
.calm-link{display:inline-block;margin-top:12px;color:var(--gold);font-size:13px;font-weight:700}

/* 6. Each notification is its own card (#6) */
.notif-row{display:flex;padding:16px 18px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#0d0f13}
.notif-row:last-child{margin-bottom:0}
.notif-unread{border-color:rgba(255,201,40,.35);background:linear-gradient(180deg,rgba(255,201,40,.06),#0d0f13)}
.dash-notif{padding:13px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;border-bottom:1px solid var(--line)}
.dash-notif-unread{border-color:rgba(255,201,40,.35)}

/* 7. Premium checkbox everywhere (#2, also fix list #10) */
input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:none;width:22px !important;height:22px !important;min-width:22px;
  margin:2px 0 0 !important;padding:0 !important;border:1.5px solid #4b505c !important;border-radius:7px !important;
  background:#0d0f13 !important;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:all .15s}
input[type="checkbox"]::after{content:'';width:11px;height:6px;border-left:2.5px solid #111;border-bottom:2.5px solid #111;
  transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .15s}
input[type="checkbox"]:checked{background:var(--gold,#ffc928) !important;border-color:var(--gold,#ffc928) !important}
input[type="checkbox"]:checked::after{transform:rotate(-45deg) scale(1)}
input[type="checkbox"]:focus-visible{outline:2px solid rgba(255,201,40,.6);outline-offset:2px}
.accuracy-check,.legal-check,.check-label,.chip-check{display:flex !important;align-items:flex-start;gap:12px;cursor:pointer}
.accuracy-check{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#0d0f13;line-height:1.9}
.accuracy-check span,.legal-check span{flex:1}

/* 8. Premium file picker (#8, also fix list #9) */
.file-pick{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1.5px dashed #3a3e48;border-radius:14px;
  background:#0c0d11;cursor:pointer;transition:border-color .15s}
.file-pick:hover,.file-pick.has-file{border-color:rgba(255,201,40,.55)}
.file-pick input[type="file"]{position:absolute !important;width:1px !important;height:1px !important;opacity:0;pointer-events:none}
.file-pick .fp-btn{padding:10px 16px;border-radius:10px;background:#1b1e25;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.file-pick .fp-name{flex:1;min-width:120px;color:#8f95a3;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-pick.has-file .fp-name{color:#fff}

/* 9. Coach on phones: full-width "new chat", history folded (#1) */
.coach-history>summary{display:none}
@media(max-width:1050px){
  .coach-side{position:static;flex-direction:column !important;overflow:visible !important;padding:0}
  .coach-new{width:100% !important;padding:13px !important;font-size:14px !important}
  .coach-history{border:1px solid var(--line);border-radius:14px;background:#101216}
  .coach-history>summary{display:flex;justify-content:space-between;padding:12px 14px;cursor:pointer;list-style:none;font-size:13px;color:#cfd3dc}
  .coach-history>summary::-webkit-details-marker{display:none}
  .coach-history .coach-list{display:flex;flex-direction:column;gap:7px;padding:0 10px 10px}
  .coach-conv{min-width:0 !important}
}
.coach-list{display:flex;flex-direction:column;gap:7px}

/* 10. AI tools cards: show each fact once (#11) — the usage line stays at the
   bottom next to the button; "active" is the normal state, so no badge. */
.tool-tags .tool-usage,.tool-tags .tag-active{display:none !important}
.tool-tags:empty{display:none}

/* =====================================================================
   V132 — phones & admin clarity
   ===================================================================== */
/* Services / pricing cards: one per row on phones (a later rule had kept 3) */
@media(max-width:700px){.pricing-grid{grid-template-columns:minmax(0,1fr) !important}
  .price-card .featured-badge{position:static;display:inline-block;margin-bottom:12px}}

/* Contact: the spam-trap field no longer pushes the page sideways */
.hp-field{position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:850px){.contact-grid{grid-template-columns:minmax(0,1fr)}}

/* My library: roomy cards, cover centred on phones */
.owned-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important;gap:16px}
.owned-grid .owned-book{align-items:flex-start;padding:18px;gap:18px}
.owned-grid .owned-cover{width:92px;height:124px;border-radius:10px}
.owned-grid .owned-actions{width:100%}
@media(max-width:560px){
  .owned-grid{grid-template-columns:minmax(0,1fr) !important}
  .owned-grid .owned-book{flex-direction:column;align-items:stretch}
  .owned-grid .owned-cover{width:130px;height:174px;margin:0 auto}
  .owned-grid .owned-actions{display:grid;grid-template-columns:1fr 1fr}
  .owned-grid .owned-actions .btn{width:100%;text-align:center}
}

/* Counter cards everywhere in admin: each one its own box (#5, #8) */
.kpi-grid>*,.queue-summary>*,.admin-stats>*{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:16px;
  background:#101216;text-decoration:none;color:inherit;min-width:0}
.kpi-grid>a:hover,.queue-summary>a:hover{border-color:rgba(255,201,40,.35)}
.kpi-grid>*>div{padding:0 !important;border:0 !important;background:none !important}
.kpi-strong{border-color:rgba(255,201,40,.4) !important}
.queue-summary .q-red{border-color:rgba(255,107,107,.35)}
.queue-summary .q-yellow{border-color:rgba(255,201,40,.35)}
.queue-summary .q-green{border-color:rgba(70,220,120,.3)}
@media(max-width:700px){
  .kpi-grid,.queue-summary{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
  .kpi-grid>*,.queue-summary>*{padding:14px}
  .kpi-grid b,.queue-summary b{font-size:22px !important}
}
.q-fold{margin-top:14px}
.q-fold-red>summary{border-inline-start:3px solid #ff6b6b}
.q-fold-yellow>summary{border-inline-start:3px solid var(--gold)}
.q-fold-green>summary{border-inline-start:3px solid #46dc78}
.q-fold .queue-cards{margin-top:0}

/* Admin menu: groups with headings; one fold-out line on phones */
.admin-nav .an-group{font-size:11px;color:#6f7482;padding:14px 14px 4px;letter-spacing:.2px}
.admin-nav .an-group:first-child{padding-top:4px}
@media(max-width:1050px){.admin-nav .an-group{grid-column:1 / -1}}

/* Admin rows never squeeze text into a thin column on phones */
.admin-row{grid-template-columns:minmax(0,1fr) auto auto}
@media(max-width:650px){
  .admin-row{grid-template-columns:minmax(0,1fr) auto !important}
  .admin-layout,.admin-layout-full{grid-template-columns:minmax(0,1fr) !important}
  .admin-layout>*,.admin-layout-full>*{min-width:0}
}
@media(min-width:1051px){.admin-layout-full{grid-template-columns:230px minmax(0,1fr)}}

/* Admin payments on phones: each payment is a card; search stacks */
.admin-filters{margin:4px 0 14px}
.admin-filters .admin-search{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.admin-filters .admin-search input,.admin-filters .admin-search select{flex:1;min-width:160px;margin:0}
@media(max-width:700px){
  .pay-row{display:block;padding:14px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#0d0f13}
  .pay-row-main{min-width:0}
  .pay-row-amt,.pay-row-side{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;text-align:start}
  .admin-filters .admin-search input,.admin-filters .admin-search select{min-width:100%}
  .pay-daterange{display:flex;flex-wrap:wrap;gap:6px}
}

/* Paging */
.pager-x{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 4px}
.pager-x a,.pager-x span{min-width:38px;height:38px;padding:0 12px;display:inline-grid;place-items:center;border-radius:10px;
  border:1px solid var(--line);font-size:13px;color:#cfd3dc;text-decoration:none}
.pager-x a:hover{border-color:rgba(255,201,40,.45);color:#fff}
.pager-x .px-now{background:var(--gold,#ffc928);border-color:var(--gold,#ffc928);color:#111;font-weight:800}
.pager-x .px-off{opacity:.35}
.pager-x .px-gap{border:0;min-width:auto;padding:0 2px}

/* V133: "manage" link under the renew button on the current plan card */
.plan-manage{display:block;text-align:center;margin-top:10px;font-size:12.5px;color:#9aa0ae}
.plan-manage:hover{color:var(--gold)}

/* V135 (#19): assignment status words instead of an empty "checkbox" */
.task-status{flex:none;align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid var(--line)}
.task-status.ts-done{color:#46dc78;border-color:rgba(70,220,120,.35)}
.task-status.ts-review{color:var(--gold);border-color:rgba(255,201,40,.35)}
.task-status.ts-fix{color:#ff8a8a;border-color:rgba(255,107,107,.35)}
.task-status.ts-todo{color:#aeb3bf}

/* V137: time-zone picker */
.tz-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:6px}
.tz-picker .tz-search{grid-column:1}
.tz-picker .tz-detect{grid-column:2;white-space:nowrap}
.tz-picker select{grid-column:1 / -1}
.tz-picker .tz-hint{grid-column:1 / -1;color:#9aa0ae;font-size:12px;min-height:16px}
@media(max-width:520px){.tz-picker{grid-template-columns:1fr}.tz-picker .tz-detect{grid-column:1}}

/* V138: read / unread notifications */
.notif-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;color:#9aa0ae}
.notif-row{align-items:flex-start;gap:14px;justify-content:space-between}
.notif-row .notif-main{flex:1;min-width:0;color:inherit;text-decoration:none;display:block}
.notif-row .notif-main b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.notif-row .notif-main small{display:block;margin-top:6px;line-height:1.9}
.notif-row .notif-main time{display:block;margin-top:6px;font-size:11.5px;color:#7d828e}
.notif-read{opacity:.62}
.notif-read .notif-main b{font-weight:600;color:#cfd3dc}
.notif-unread .notif-main b{color:#fff;font-weight:800}
.notif-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--gold,#ffc928);box-shadow:0 0 0 3px rgba(255,201,40,.18)}
.notif-row .notif-main:hover b{color:var(--gold)}
.notif-toggle{border:1px solid var(--line);background:transparent;color:#aeb3bf;border-radius:10px;padding:7px 11px;font-size:12px;cursor:pointer;white-space:nowrap}
.notif-toggle:hover{color:#fff;border-color:rgba(255,201,40,.45)}
@media(max-width:560px){.notif-row{flex-direction:column}.notif-side{align-self:flex-end}}
.dash-notif:not(.dash-notif-unread){opacity:.62}

/* V140 (#32): price and "/ year" always stay together on one line; long
   prices shrink a little instead of pushing the unit onto its own line. */
.plan-price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:4px;white-space:nowrap}
.plan-price b{font-size:clamp(22px,2.3vw,31px)}
.plan-price span{margin-inline-start:0}

/* V140 (#1): breathing room under the homepage hero buttons */
.cx-cta{margin-bottom:22px}
.cx-note{margin-bottom:36px}

/* V140 (#23): dates and times inside Persian text are kept left-to-right */
.ltr-iso{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* V141: employees page */
.staff-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0d0f13}
.staff-card .fold-meta{max-width:55%}
.actor-line{display:block;color:#8f95a3;font-size:11.5px;margin-top:3px}

/* V142: manual tool grant form */
.inline-grant{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inline-grant select{flex:2;min-width:180px}
.inline-grant input{flex:1;min-width:160px}