/* Atma School skin для курсов «Автоматизация» (только вид; логика сайта не меняется) */
/* 2026-10-14 fontsasync: Montserrat подключается без блокировки из <head><script src="/automation/courses/__atma-shim.js"></script><meta name="robots" content="noindex,nofollow"> (nginx snippet) */
:root{--ind:#1f3a68;--ind2:#4a90e2;--gold:#4a90e2;--gold2:#2f6fc0;--bg:#f6f9fd;--bg2:#fff;--tx:#0f1e36;--mu:#6b6170;--bd:rgba(31,58,104,.12);--sh:0 10px 30px rgba(31,58,104,.08)}
html[data-atma] body{font-family:Montserrat,"Segoe UI",system-ui,sans-serif!important;background:var(--bg)!important;color:var(--tx)}
html[data-atma] h1,html[data-atma] h2,html[data-atma] .course-title{font-family:Montserrat,system-ui,sans-serif;color:var(--ind)}
html[data-atma] .sidebar{background:var(--ind)!important;color:#f7f3e8;border-right:1px solid rgba(0,196,134,.3)}
html[data-atma] .sidebar-header{background:linear-gradient(180deg,#244576,var(--ind))!important;border-bottom:1px solid rgba(0,196,134,.35)}
html[data-atma] .sidebar-header__title,html[data-atma] .sidebar-header *{color:var(--gold)!important}
html[data-atma] .course-item-header{background:linear-gradient(90deg,#244576,#4a90e2)!important;color:var(--gold)!important;letter-spacing:.04em;border-left:3px solid var(--gold)}
html[data-atma] .course-item-text,html[data-atma] .sidebar a,html[data-atma] .sidebar li{color:#ece7d6!important;background:transparent!important;border-color:rgba(255,255,255,.08)!important}
html[data-atma] .sidebar .course-item:hover,html[data-atma] .sidebar li:hover{background:rgba(0,196,134,.12)!important}
html[data-atma] .course-item-note{color:var(--gold)!important}
html[data-atma] .btn-primary,html[data-atma] .btn-auth,html[data-atma] .btn-watch-lesson,html[data-atma] .trial-link-btn{background:var(--gold)!important;color:#0f1e36!important;border:none!important;border-radius:999px!important;font-weight:700!important;box-shadow:0 8px 22px rgba(0,196,134,.3)}
html[data-atma] .lesson-item,html[data-atma] .lesson-spoiler,html[data-atma] .modal-content,html[data-atma] .trial-lesson-central{background:var(--bg2)!important;border:1px solid var(--bd)!important;border-radius:18px!important;box-shadow:var(--sh)}
html[data-atma] .trial-lesson-central{background:linear-gradient(180deg,#fff,#e7f0fb)!important}
html[data-atma] .trial-lesson-central h2,html[data-atma] .trial-description{color:var(--ind)!important}
html[data-atma] .lesson-status.free{background:rgba(0,196,134,.18)!important;color:var(--gold2)!important}
html[data-atma] .nav-toggle,html[data-atma] .sidebar-unhide-fab{background:var(--ind)!important;color:var(--gold)!important;border-radius:12px!important}
html[data-atma] a{color:var(--ind2)}

/* окно оплаты */
html.atma-pay-open{overflow:hidden}
.atma-pay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch}
.atma-pay>.bg{position:fixed;inset:0;background:rgba(15,30,54,.66);backdrop-filter:blur(3px)}
.atma-pay>.dlg{position:relative;margin:24px 12px 60px;width:min(980px,100%);background:var(--bg);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.4);border:1px solid rgba(0,196,134,.4)}
.atma-pay>.dlg>.x{position:absolute;right:14px;top:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);background:var(--bg2);font-size:24px;line-height:1;cursor:pointer;color:var(--ind);z-index:2}
.atma-pay h1{margin:0;font-size:clamp(26px,5vw,40px)}
.atma-pay .btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:600;border:2px solid transparent}
.atma-pay .btn.gold{background:var(--gold);color:#0f1e36}
.atma-pay .acts{display:flex;gap:8px;flex-wrap:wrap}.atma-pay .acts .pbtn,#pill .acts .pbtn{flex:1 1 150px}
@media(max-width:600px){.atma-pay>.dlg{margin:0;border-radius:0;min-height:100%}}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
.atma-pay .pay{max-width:980px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(14px,4vw,32px) 120px}
.phead{text-align:center;margin-bottom:28px}.phead .sym{width:72px;height:auto;margin:0 auto 8px}
.phead h1{font-size:clamp(28px,5vw,44px)}
.lesson{display:inline-flex;flex-direction:column;align-items:center;margin-top:14px;background:var(--bg2);border:1px solid var(--bd);border-radius:16px;padding:12px 20px;box-shadow:var(--sh);max-width:100%}
.lesson span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold2);font-weight:700}.lesson b{font-size:17px}.lesson small{color:var(--mu);font-size:13px}
.step{margin-top:26px}.step.hidden{display:none}
.step h2{font-size:clamp(20px,3vw,26px);text-align:left;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.step h2 .n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ind);color:#fff;font-size:16px;flex:0 0 auto}
[data-theme=dark] .step h2 .n{background:var(--gold);color:var(--ind)}
.tariffs{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.tariffs{grid-template-columns:repeat(3,1fr)}}
.tf{position:relative;background:var(--bg2);border:2px solid var(--bd);border-radius:20px;padding:20px;box-shadow:var(--sh);cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.tf:hover{transform:translateY(-2px)}.tf.on{border-color:var(--gold);box-shadow:0 10px 30px rgba(0,196,134,.25)}
.tf h3{margin:0;font-size:18px;letter-spacing:.06em;color:var(--ind)}[data-theme=dark] .tf h3{color:var(--gold)}
.tf .pr{font-size:22px;font-weight:700;margin:6px 0 2px}.tf .pr small{font-size:14px;font-weight:500;color:var(--mu)}
.tf .sub{color:var(--mu);font-size:14px;margin-bottom:10px}
.tf ul{list-style:none;padding:0;margin:0 0 14px;font-size:14px;flex:1}.tf li{padding-left:22px;position:relative;margin-bottom:6px}.tf li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:800}
.tf .btn{width:100%;text-align:center;cursor:pointer;font-size:16px}.tf.on .btn{background:var(--ind);color:#fff;box-shadow:none}
.tf .info{display:inline-block;margin-top:12px;font-size:13px;color:var(--mu);text-decoration:underline;align-self:center}
.tf .why{display:none;font-size:13px;color:var(--mu);margin-top:8px;line-height:1.55}.tf .why.op{display:block}
.chosen{background:var(--bg2);border:1px solid var(--bd);border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:15px}
.chosen b{color:var(--gold2)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:720px}
@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:104px;border:2px solid var(--bd);border-radius:18px;background:var(--bg2);color:var(--tx);font:700 15px Montserrat,system-ui,sans-serif;cursor:pointer;box-shadow:var(--sh);transition:transform .15s,border-color .15s}
.tile:hover{transform:translateY(-2px);border-color:var(--gold)}.tile.on{border-color:var(--gold);background:linear-gradient(180deg,rgba(0,196,134,.12),var(--bg2))}
.tile img,.tile .ic{width:44px;height:44px;border-radius:10px;object-fit:contain}.tile .ic{display:grid;place-items:center;background:#26a17b;color:#fff;font-size:26px}
.pn{margin-top:16px;max-width:720px;background:var(--bg2);border:1px solid var(--bd);border-radius:18px;padding:18px;box-shadow:var(--sh)}
.pn label.l{display:block;font-weight:700;margin-bottom:8px}
.amt{display:flex;align-items:center;gap:10px}.amt input{flex:1;min-width:0;font:600 24px Montserrat,system-ui,sans-serif;padding:12px 14px;border:2px solid var(--gold);border-radius:14px;background:var(--bg);color:var(--tx)}
.amt span{font-weight:800;font-size:18px}
.hint{font-size:13px;color:var(--mu);margin-top:6px}.err{color:#c62828;font-size:14px;margin-top:4px;min-height:1px}
.pbtn{display:block;width:100%;margin-top:14px;border:none;border-radius:999px;background:var(--gold);color:#0f1e36;font:800 18px Montserrat,system-ui,sans-serif;padding:16px;cursor:pointer;box-shadow:0 8px 22px rgba(0,196,134,.35)}
.pbtn.ind{background:var(--ind);color:#fff;box-shadow:none}.pbtn:disabled{opacity:.6}
.big{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border-radius:14px;padding:12px 14px;margin-top:12px}
.big b{font-size:28px;color:var(--ind)}[data-theme=dark] .big b{color:var(--gold)}
.cp{border:none;background:var(--ind);color:#fff;font:700 14px Montserrat,system-ui,sans-serif;border-radius:999px;padding:10px 16px;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.rw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--bd)}.rw small{display:block;color:var(--mu);font-size:12px}.rw b{word-break:break-all;font-size:15px}
.ttl{font-weight:800;font-size:16px;margin-bottom:6px}
.man{margin-top:12px}.man .f{color:var(--gold2);font-weight:700;font-size:14px;cursor:pointer}.man .fn{font-size:13px;color:var(--mu);margin-left:6px}
.pkg{margin-bottom:14px}.pkg>.tg{color:var(--gold2);font-weight:700;text-decoration:none;font-size:15px;cursor:pointer;display:inline-block;padding:4px 0}
.pkg .bx{display:none;margin-top:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:16px;padding:12px}.pkg.op .bx{display:block}
.md{border:1px solid var(--bd);border-radius:14px;margin-bottom:8px;background:var(--bg)}.mh{display:flex;align-items:center}
.mt{flex:1;text-align:left;border:none;background:none;color:var(--tx);font:700 14px Montserrat,system-ui,sans-serif;padding:12px;cursor:pointer}.mt small{color:var(--mu)}
.rm{border:none;background:none;font-size:22px;color:var(--mu);padding:6px 12px;cursor:pointer}
.ls{display:none;padding:0 12px 10px}.md.op .ls{display:block}.la{font-size:12px;margin-bottom:6px}.la a{color:var(--gold2)}
.ls label{display:flex;gap:10px;align-items:center;padding:8px 4px;font-size:14px;cursor:pointer}.ls input{width:20px;height:20px;accent-color:#4a90e2;flex:0 0 auto}
.live{display:inline-block;background:rgba(0,196,134,.18);color:var(--gold2);font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;margin-right:6px}
.add{width:100%;border:2px dashed var(--gold);background:none;color:var(--gold2);font:700 15px Montserrat,system-ui,sans-serif;padding:11px;border-radius:14px;cursor:pointer}
.tot{margin-top:10px;padding-top:10px;border-top:1px solid var(--bd);font-size:15px}.dh{font-size:13px;color:var(--mu);margin-bottom:12px}
@media(max-width:640px){.ls label{padding:13px 10px;font-size:16px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;margin-bottom:8px}.ls input{width:26px;height:26px}.mt{font-size:15px;padding:13px 12px}}
#sheet{position:fixed;inset:0;z-index:90}#sheet .bg{position:absolute;inset:0;background:rgba(15,30,54,.5)}
#sheet .sp{position:absolute;left:50%;top:12vh;transform:translateX(-50%);width:min(560px,94vw);max-height:76vh;background:var(--bg2);border-radius:20px;display:flex;flex-direction:column;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
#sheet .tp{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:8px}#sheet .x{border:none;background:none;font-size:28px;cursor:pointer;color:var(--mu)}
#sheet input{font-size:16px;padding:12px;border:2px solid var(--gold);border-radius:12px;margin-bottom:8px;background:var(--bg);color:var(--tx)}#sheet .li{overflow:auto}
#sheet .li button{display:flex;align-items:center;width:100%;text-align:left;border:none;border-bottom:1px solid var(--bd);background:none;color:var(--tx);padding:13px 6px;font:500 15px Montserrat,system-ui,sans-serif;cursor:pointer;gap:4px}
#sheet .li button.on{background:rgba(0,196,134,.12)}#sheet .ck{margin-left:auto;font-weight:800;color:var(--gold2);font-size:18px;padding-left:10px}
@media(max-width:640px){#sheet .sp{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:82vh;border-radius:22px 22px 0 0}#sheet .li button{padding:15px 8px;font-size:16px}}
#pill{position:fixed;right:16px;bottom:16px;z-index:80;display:none;max-width:calc(100vw - 32px)}
#pill .b{float:right;border:none;border-radius:999px;padding:11px 18px;font:700 14px Montserrat,system-ui,sans-serif;color:#fff;background:var(--ind);box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
#pill .c{display:none;clear:both;background:var(--bg2);color:var(--tx);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;width:300px;max-width:100%;box-shadow:0 10px 30px rgba(0,0,0,.25);margin-bottom:8px;font-size:14px;line-height:1.5}
#pill.op .c{display:block}#pill .c a{color:var(--gold2);cursor:pointer}
.spn{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-1px}.spn.d{border-color:var(--bd);border-top-color:var(--gold2)}
@keyframes sp{to{transform:rotate(360deg)}}.mut{font-size:12px;color:var(--mu);margin-top:3px}
.tgb{display:block;text-align:center;background:#229ed9;color:#fff!important;text-decoration:none;font-weight:700;padding:11px;border-radius:999px;margin:10px 0}
#ok{position:fixed;inset:0;z-index:95;background:rgba(15,30,54,.55);display:flex;align-items:center;justify-content:center;padding:16px}
#ok .w{background:var(--bg2);border-radius:24px;padding:32px 26px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
#ok .i{width:80px;height:80px;border-radius:50%;background:var(--gold);color:#0f1e36;font-size:44px;line-height:80px;margin:0 auto 14px;font-weight:800}
#toast{position:fixed;left:50%;top:70px;transform:translateX(-50%) translateY(-10px);background:var(--ind);color:#fff;padding:12px 18px;border-radius:14px;font-size:15px;z-index:99;opacity:0;transition:.25s;pointer-events:none;max-width:90%;text-align:center}#toast.on{opacity:1;transform:translateX(-50%)}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}
/* ---- кабинет Atma ---- */
.atma-fab{position:fixed;right:16px;bottom:16px;z-index:9990;border:none;border-radius:999px;background:var(--ind);color:var(--gold);font:700 15px Montserrat,system-ui,sans-serif;padding:13px 20px;box-shadow:0 10px 26px rgba(31,58,104,.35);cursor:pointer;border:1px solid rgba(0,196,134,.5)}
.atma-cab{position:fixed;inset:0;z-index:100001;background:var(--bg);overflow:auto;-webkit-overflow-scrolling:touch;font-family:Montserrat,system-ui,sans-serif;color:var(--tx)}
.atma-cab .cbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:10px clamp(14px,4vw,40px);background:var(--ind);color:var(--gold)}
.atma-cab .cbar img{height:28px;width:auto;filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(5deg)}.atma-cab .cbar b{font-size:15px;letter-spacing:.04em}
.atma-cab .cbar .x{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,196,134,.5);background:transparent;color:var(--gold);font-size:24px;cursor:pointer}
.atma-cab .cin{max-width:1000px;margin:0 auto;padding:24px clamp(14px,4vw,32px) 90px}
.atma-cab .hello{display:flex;align-items:center;gap:16px;margin-bottom:18px}.atma-cab .hello h1{margin:0;font-size:clamp(22px,4vw,32px);color:var(--ind)}.atma-cab .hello small{color:var(--mu)}
.atma-cab .ava{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0f1e36;font-size:24px;font-weight:800;flex:0 0 auto}
.atma-cab .tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;-webkit-overflow-scrolling:touch}
.atma-cab .tabs button{flex:0 0 auto;border:1px solid var(--bd);background:var(--bg2);color:var(--tx);border-radius:999px;padding:10px 16px;font:600 14px Montserrat,system-ui,sans-serif;cursor:pointer}
.atma-cab .tabs button.on{background:var(--ind);color:#fff;border-color:var(--ind)}
.atma-cab .grid{display:grid;gap:16px}@media(min-width:820px){.atma-cab .grid{grid-template-columns:1fr 1fr}}
.atma-cab .card{background:var(--bg2);border:1px solid var(--bd);border-radius:20px;padding:20px;box-shadow:var(--sh)}
.atma-cab .card h2{margin:0 0 10px;font-size:20px;color:var(--ind)}
.atma-cab .mut,.atma-cab .hint{color:var(--mu);font-size:14px}
.atma-cab .row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--bd);font-size:14px}
.atma-cab .pill{flex:0 0 auto;background:rgba(0,196,134,.16);color:var(--gold2);border-radius:999px;padding:4px 10px;font-weight:700;font-size:13px}
.atma-cab .l{display:block;font-weight:700;margin:14px 0 6px;font-size:14px}
.atma-cab select,.atma-cab textarea,.atma-cab input[type=url],.atma-cab input[type=search]{width:100%;box-sizing:border-box;border:1px solid var(--bd);border-radius:14px;padding:12px 14px;font:500 15px Montserrat,system-ui,sans-serif;background:#fff;color:var(--tx)}
.atma-cab input[type=url]{margin-top:8px}
.atma-cab .rate button{border:none;background:none;font-size:34px;color:#d8d3c4;cursor:pointer;padding:0 2px}.atma-cab .rate button.on{color:var(--gold)}
.atma-cab .vrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.atma-cab .f{display:inline-block;border:2px dashed var(--gold);border-radius:14px;padding:11px 16px;color:var(--gold2);font-weight:700;cursor:pointer}
.atma-cab .err{color:#c62828;font-size:14px;margin-top:8px;min-height:1px}.atma-cab .prog{color:var(--mu);font-size:13px;margin-top:8px}
.atma-cab .pbtn{display:block;width:100%;margin-top:14px;border:none;border-radius:999px;background:var(--gold);color:#0f1e36;font:800 17px Montserrat,system-ui,sans-serif;padding:15px;cursor:pointer}.atma-cab .pbtn.ind{background:var(--ind);color:#fff}.atma-cab .pbtn:disabled{opacity:.6}
.atma-cab .acts{display:flex;gap:8px;flex-wrap:wrap}.atma-cab .acts .pbtn{flex:1 1 180px}
.atma-cab .done{text-align:center}.atma-cab .done .i{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:var(--gold);color:#0f1e36;font-size:34px;display:grid;place-items:center}
.atma-cab .pmods{margin-top:10px;display:grid;gap:8px}
.atma-cab .md{border:1px solid var(--bd);border-radius:14px;background:#ffffff}.atma-cab .mh{display:flex;align-items:center}
.atma-cab .mh .all{padding:12px 4px 12px 14px}.atma-cab .mh input,.atma-cab .ls input{width:22px;height:22px;accent-color:var(--ind)}
.atma-cab .mt{flex:1;text-align:left;border:none;background:none;padding:12px;font:600 15px Montserrat,system-ui,sans-serif;color:var(--tx);cursor:pointer;display:flex;gap:6px;align-items:center}.atma-cab .mt small{color:var(--mu)}.atma-cab .chev{margin-left:auto;transition:transform .2s}.atma-cab .md.op .chev{transform:rotate(180deg)}
.atma-cab .ls{display:none;padding:0 12px 12px}.atma-cab .md.op .ls{display:grid;gap:6px}.atma-cab .ls label{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid var(--bd);font-size:14px;cursor:pointer}
.atma-cab .tot{margin-top:12px;font-size:15px}
.rvs{display:grid;gap:14px}@media(min-width:760px){.rvs{grid-template-columns:repeat(2,1fr)}}
.rv{background:#ffffff;border:1px solid var(--bd);border-radius:18px;padding:16px}.rv .rh{display:flex;justify-content:space-between;gap:8px}.rv small{color:var(--mu)}.rv p{margin:8px 0 0;font-size:15px;line-height:1.55}
.stars{color:var(--gold);letter-spacing:1px}.stars i{color:#ddd6c4;font-style:normal}
.av{width:100%;border-radius:14px;background:#000;margin-bottom:10px;display:block;aspect-ratio:16/9;border:0}.avw{position:relative}
.atma-home-rv{max-width:960px;margin:30px auto;padding:0 14px;font-family:Montserrat,system-ui,sans-serif}.atma-home-rv h2{text-align:center;color:var(--ind)}
/* ---- внутренние страницы: урок, кабинет, плеер ---- */
html[data-atma] .container,html[data-atma] .main-content,html[data-atma] .content{background:transparent!important}
html[data-atma] .lesson-title,html[data-atma] .video-title,html[data-atma] .dashboard-title,html[data-atma] .page-title{color:var(--ind)!important;font-family:Montserrat,system-ui,sans-serif!important;font-weight:700!important}
html[data-atma] .lesson-desc,html[data-atma] .trial-description{color:var(--mu)!important}
html[data-atma] .material-link,html[data-atma] .yt-material-buttons a,html[data-atma] .btn-spoiler-toggle,html[data-atma] .next-lesson-hint a{background:var(--bg2)!important;border:1px solid rgba(0,196,134,.55)!important;color:var(--ind)!important;border-radius:999px!important;font-weight:600!important}
html[data-atma] .material-link:hover,html[data-atma] .btn-spoiler-toggle:hover{background:rgba(0,196,134,.12)!important}
html[data-atma] .lock-icon,html[data-atma] .buy-label{color:var(--gold2)!important}
html[data-atma] .course-top-banner{background:linear-gradient(135deg,var(--ind),var(--ind2))!important;color:#f7f3e8!important;border-radius:20px!important;border:1px solid rgba(0,196,134,.4)!important}
html[data-atma] .course-top-banner *{color:inherit}
html[data-atma] .modal{background:rgba(15,30,54,.66)!important}
html[data-atma] .modal-content h2{color:var(--ind)!important}
html[data-atma] input:not([type=checkbox]):not([type=radio]),html[data-atma] textarea,html[data-atma] select{border-radius:12px;border-color:var(--bd)}
html[data-atma] .global-loading-overlay,html[data-atma] .site-load-progress{background:var(--bg)!important}
html[data-atma] .site-load-progress__bar{background:var(--gold)!important}
html[data-atma] .dashboard-card,html[data-atma] .cabinet-card,html[data-atma] .user-card,html[data-atma] [class*="jc-cab"] .card{background:var(--bg2)!important;border:1px solid var(--bd)!important;border-radius:18px!important;box-shadow:var(--sh)!important}
/* ---- светлое меню модулей (2026-10-11, по просьбе Андрея) ---- */
html[data-atma] .sidebar{background:#f3f7fc!important;color:var(--ind)!important;border-right:1px solid rgba(31,58,104,.1)!important}
html[data-atma] .sidebar-header{background:#fff!important;border-bottom:1px solid rgba(0,196,134,.35)!important}
html[data-atma] .sidebar-header__title,html[data-atma] .sidebar-header *{color:var(--ind)!important}
html[data-atma] .course-item-header{background:var(--ind)!important;color:#fff!important;border-left:3px solid var(--gold)!important}
html[data-atma] .course-item-header *{color:#fff!important}
html[data-atma] .sidebar .course-item,html[data-atma] .sidebar .lesson-item-clickable{background:#e7f0fb!important;border-left:3px solid transparent!important;border-bottom:1px solid #d3e2f5!important}
html[data-atma] .course-item-text,html[data-atma] .sidebar a,html[data-atma] .sidebar li{color:#0f1e36!important;background:transparent!important}
html[data-atma] .sidebar .course-item:hover,html[data-atma] .sidebar .course-item.active,html[data-atma] .sidebar .course-item.selected,html[data-atma] .sidebar .course-item[aria-current]{background:#d9e8fa!important;border-left-color:var(--gold)!important}
html[data-atma] .course-item-note{color:var(--gold2)!important}

/* automation: заголовки курсов в цвете направления, модули светлые */
html[data-atma] .sidebar .course-level-header,html[data-atma] .sidebar .course-level-header[class*=sb-block]{background:linear-gradient(90deg,#1f3a68,#4a90e2)!important;color:#fff!important;border-left:3px solid #4a90e2!important}
html[data-atma] .sidebar .course-level-header *{color:#fff!important}
html[data-atma] .sidebar .course-item .course-item-header{background:transparent!important;color:#0f1e36!important;border-left:0!important;letter-spacing:0!important}
html[data-atma] .sidebar .course-item .course-item-header *{color:#0f1e36!important}

/* кнопка меню не наезжает на «Преподавателю» (2026-10-11) */
html[data-atma] #navToggle.nav-toggle{top:9px!important;width:38px!important;height:38px!important;display:grid;place-items:center}
@media(min-width:769px){html[data-atma] body.sidebar-persist-hidden .header .header-actions,html[data-atma] .sidebar.hidden~* .header .header-actions{margin-left:50px!important}}
@media(max-width:768px){html[data-atma] .header .header-actions{margin-left:max(0px,calc(58px - 20px))!important}}
/* телефон/планшет: меню модулей выезжает слева на ~84%, страница видна за затемнением (2026-10-11) */
@media(max-width:1024px) and (pointer:coarse),(max-width:768px){
 html[data-atma] .sidebar{width:min(84vw,360px)!important;max-width:360px!important;transition:transform .32s cubic-bezier(.22,.82,.24,1),left .32s cubic-bezier(.22,.82,.24,1)!important;box-shadow:12px 0 40px rgba(20,18,45,.35)!important;z-index:10050!important}
}
#atmaSbBg{position:fixed;inset:0;background:rgba(20,18,45,.5);backdrop-filter:blur(2px);z-index:10040;opacity:0;pointer-events:none;transition:opacity .3s}
#atmaSbBg.on{opacity:1;pointer-events:auto}
#atmaSbX{position:fixed;top:10px;z-index:10060;width:38px;height:38px;border-radius:50%;border:1px solid rgba(201,162,74,.6);background:var(--ind);color:var(--gold);font-size:22px;line-height:1;display:none;cursor:pointer}
#atmaSbX.on{display:block}
@media(max-width:1024px) and (pointer:coarse){html[data-atma] .sidebar.hidden{left:calc(-1 * min(84vw,360px) - 30px)!important}}

/* мобильная подпись направления */
@media(max-width:700px){html[data-atma] .atma-brand b{display:inline!important;font-size:12px!important;white-space:nowrap}html[data-atma] .atma-brand i{width:96px!important;height:18px!important}}
html[data-atma] .tbm-brand .atma-brand{position:static!important;transform:none!important;display:inline-flex;align-items:center;gap:6px}
html[data-atma] .tbm-brand .atma-brand i{display:block;width:110px;height:20px;background:url(/automation/courses/atma-brand/atma-logo-horizontal-light.png) left center/contain no-repeat}
html[data-atma] .atma-brand b{color:var(--gold2)!important}

/* слои поверх окна оплаты */
#sheet{z-index:100010!important}#ok{z-index:100012!important}#toast{z-index:100015!important}

/* ---- список уроков в стиле Atma (2026-10-11) ---- */
html[data-atma] h3[style*="74, 144, 226"],html[data-atma] h3[style*="4a90e2"]{color:var(--ind)!important;font-family:Montserrat,system-ui,sans-serif!important;font-weight:700!important;font-size:20px!important;letter-spacing:.01em}
html[data-atma] .lesson-item-express,html[data-atma] .lessons-list .lesson-item,html[data-atma] .lesson-item-clickable{position:relative!important;background:#fff!important;border:1px solid rgba(31,58,104,.1)!important;border-left:4px solid #d3e2f5!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(31,58,104,.06)!important;margin:0 0 12px!important;padding:16px 170px 16px 18px!important;transition:transform .18s,box-shadow .18s,border-color .18s!important;font-family:Montserrat,system-ui,sans-serif!important}
html[data-atma] .lesson-item-express:hover,html[data-atma] .lessons-list .lesson-item:hover,html[data-atma] .lesson-item-clickable:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,58,104,.12)!important;border-left-color:var(--gold)!important;background:#fff!important}
html[data-atma] .lesson-item-express *,html[data-atma] .lessons-list .lesson-item *{background-color:transparent}
html[data-atma] .lesson-item-express .lesson-title,html[data-atma] .lessons-list .lesson-title{margin:0!important;font:600 16px/1.4 Montserrat,system-ui,sans-serif!important;color:var(--ind)!important}
html[data-atma] .lesson-item-express .lesson-desc,html[data-atma] .lessons-list .lesson-desc{margin:4px 0 0!important;font:500 13.5px/1.5 Montserrat,system-ui,sans-serif!important;color:var(--mu)!important}
html[data-atma] .lesson-title-row{display:flex;align-items:center;gap:10px}
html[data-atma] .lock-icon{font-size:0!important;display:inline-block;width:16px;height:16px;flex:0 0 auto;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6fc0' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='3'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
html[data-atma] .lesson-item-express .lesson-title-row-actions,html[data-atma] .lessons-list .lesson-title-row-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}
/* кнопка «Оплатить урок» — всегда видна у закрытых уроков, справа */
html[data-atma] .locked .buy-label,html[data-atma] .lesson-item-express .buy-label{display:inline-flex!important;align-items:center;gap:6px;position:absolute!important;left:auto!important;right:44px!important;top:50%!important;transform:translateY(-50%)!important;background:linear-gradient(135deg,#5aa0f0,var(--gold2))!important;color:#ffffff!important;box-shadow:0 6px 16px rgba(74,144,226,.35)!important;border-radius:999px!important;padding:9px 16px!important;font-size:0!important;z-index:2}
html[data-atma] .buy-label::after{content:"Оплатить урок";font:700 14px/1 Montserrat,system-ui,sans-serif;color:#ffffff}
html[data-atma] .lesson-item-express:not(.locked) .buy-label{display:none!important}
html[data-atma] .lesson-item-express:hover .buy-label{box-shadow:0 10px 22px rgba(74,144,226,.5)!important}
/* открытые уроки — бейдж «Доступно» */
html[data-atma] .lesson-item-express:not(.locked){border-left-color:var(--ind2)!important}
html[data-atma] .lesson-item-express:not(.locked) .lesson-title-row-actions::before{content:"Доступно";font:700 12px/1 Montserrat,system-ui,sans-serif;color:var(--ind2);background:#e7f0fb;border:1px solid #d3e2f5;border-radius:999px;padding:7px 12px}
html[data-atma] .lesson-status.free,html[data-atma] .lesson-status{background:#e7f0fb!important;color:var(--ind2)!important;border-radius:999px!important;font:700 12px Montserrat,system-ui,sans-serif!important;padding:5px 11px!important}
/* все кнопки действий без зелёного */
html[data-atma] .btn-watch-lesson,html[data-atma] .trial-link-btn,html[data-atma] [class*="pay-btn"],html[data-atma] [class*="btn-pay"],html[data-atma] #confirmLessonPaymentBtn,html[data-atma] .btn-success{background:linear-gradient(135deg,#5aa0f0,var(--gold2))!important;color:#ffffff!important;border:none!important;border-radius:999px!important;font:700 15px Montserrat,system-ui,sans-serif!important;padding:12px 24px!important;box-shadow:0 8px 20px rgba(74,144,226,.3)!important;transition:transform .15s,box-shadow .15s!important}
html[data-atma] .btn-watch-lesson:hover,html[data-atma] .trial-link-btn:hover{transform:translateY(-2px)}
html[data-atma] .trial-video-preview,html[data-atma] .module-video-preview{border-color:rgba(74,144,226,.5)!important}
html[data-atma] [style*="#4caf50"],html[data-atma] [style*="76, 175, 80"],html[data-atma] [style*="#2e7d32"],html[data-atma] [style*="#1b5e20"]{background-color:var(--ind2)!important;border-color:var(--gold)!important}
@media(max-width:600px){
 html[data-atma] .lesson-item-express,html[data-atma] .lessons-list .lesson-item{padding:14px 14px 58px!important}
 html[data-atma] .lesson-item-express .lesson-title-row-actions{top:auto;bottom:14px;transform:none;right:14px}
 html[data-atma] .locked .buy-label,html[data-atma] .lesson-item-express .buy-label{top:auto!important;bottom:10px!important;transform:none!important;right:auto!important;left:14px!important}
}
@media(max-width:600px){
 html[data-atma] .lesson-item-express .lesson-item-content,html[data-atma] .lesson-item-express .lesson-title-row,html[data-atma] .lesson-item-express .lesson-title{padding-right:0!important;margin-right:0!important;max-width:none!important;width:auto!important;flex:1 1 auto!important}
 html[data-atma] .lesson-item-express{padding:14px 40px 60px 16px!important}
 html[data-atma] .lesson-item-express .lesson-title-row-actions{top:16px!important;bottom:auto!important;right:14px!important}
 html[data-atma] .lesson-item-express .lesson-title{font-size:15px!important}
}

html[data-atma] [id^="lesson-"].locked,html[data-atma] .lesson-item-express{padding-right:205px!important}
@media(max-width:600px){
 html[data-atma] [id^="lesson-"] .lesson-item-content,html[data-atma] [id^="lesson-"] .lesson-title-row,html[data-atma] [id^="lesson-"] .lesson-title{padding-right:0!important;margin-right:0!important;max-width:none!important;width:auto!important;flex:1 1 auto!important}
 html[data-atma] [id^="lesson-"].locked,html[data-atma] [id^="lesson-"],html[data-atma] .lesson-item-express{padding:14px 40px 60px 16px!important}
 html[data-atma] [id^="lesson-"] .lesson-title-row-actions{position:absolute!important;top:16px!important;bottom:auto!important;right:14px!important;transform:none!important}
}

/* automation: закрытие меню на телефоне не перекрывается шапкой */
body:has(#atmaSbBg.on) #jcHdr{display:none!important}
#atmaSbX{top:12px!important}
/* кнопки оплаты в цвете направления */
.pbtn,.atma-pay .btn.gold,.atma-cab .pbtn{background:linear-gradient(135deg,#5aa0f0,#2f6fc0)!important;color:#ffffff!important}
.tf.on .btn,.pbtn.ind,.atma-cab .pbtn.ind{background:#1f3a68!important;color:#fff!important}
html[data-atma] .btn-primary,html[data-atma] .btn-auth,html[data-atma] [style*="#00d98a"],html[data-atma] [style*="0, 217, 138"]{background:linear-gradient(135deg,#5aa0f0,#2f6fc0)!important;color:#ffffff!important;border-color:transparent!important}
#ok .i,.atma-cab .done .i{color:#ffffff!important}
/* остатки зелёного -> цвет направления */
html[data-atma] .course-level-header{border-left-color:var(--gold)!important}
html[data-atma] .scroll-down-indicator,html[data-atma] .scroll-down-arrows,html[data-atma] .scroll-down-text{color:var(--ind2)!important;border-color:var(--ind2)!important}
html[data-atma] .scroll-down-arrows *{border-color:var(--ind2)!important;color:var(--ind2)!important}
html[data-atma] .lesson-paid-hint-icon,html[data-atma] .btn-hint-ok{background:linear-gradient(135deg,var(--ind2),var(--ind))!important;color:#fff!important;border-color:transparent!important}
html[data-atma] .jc-crypto-label{color:var(--ind)!important}
.atma-pay button.on,.atma-cab button.on{background-color:var(--ind)!important}
/* мобильная шапка: лотос + текст, без наезда на кнопки */
@media(max-width:700px){html[data-atma] header.header>.atma-brand i,html[data-atma] .tbm-brand .atma-brand i{width:22px!important;height:22px!important;background-size:auto 22px!important;background-position:left center!important}
html[data-atma] .atma-brand b::before{content:"Atma School ";color:var(--ind);font-weight:700}
html[data-atma] .atma-brand b{font-size:12.5px!important}}
html[data-atma] .play-button-overlay{background:var(--ind2)!important}
@media(max-width:700px){html[data-atma] .atma-brand{max-width:none!important;overflow:visible!important}html[data-atma] .atma-brand b{overflow:visible!important;text-overflow:clip!important;max-width:none!important}html[data-atma] .atma-brand b::before{content:"Atma "!important}html[data-atma] .atma-brand b *{overflow:visible!important;text-overflow:clip!important}}
@media(max-width:700px){html[data-atma] header.header>.atma-brand i{display:none!important}html[data-atma] header.header>.atma-brand{gap:0!important}}
@media(max-width:700px){html[data-atma] header.header>.atma-brand b::before{content:""!important}html[data-atma] header.header>.atma-brand b{font-size:13px!important}}

/* 2026-10-16 loginread (Grok Bot): читаемый пункт «Вход» в меню ☰ */
.jch-sec #registerBtn,.jch-sec #loginBtn{color:#2b2a4a!important;background:#f3ead9!important;font-weight:600!important;border-radius:10px!important}
.jch-sec #registerBtn:hover,.jch-sec #loginBtn:hover{background:#ead9bd!important}

/* uifix-auto-20261022 (Grok Bot): light toggle / title / teacher. Rollback: /root/backups/uifix-auto-20261022/rollback.sh */
html[data-atma] body #navToggle.nav-toggle{position:fixed!important;top:13px!important;left:12px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #d9dce6!important;box-shadow:0 1px 3px rgba(36,33,74,.08)!important;z-index:10100!important;cursor:pointer;transition:background .15s ease,border-color .15s ease!important}
html[data-atma] body #navToggle.nav-toggle:hover{background:#f3f4f8!important;border-color:#c5c9d6!important}
html[data-atma] body #navToggle .nav-toggle-icon{width:16px!important;height:2px!important;border-radius:2px!important;background:#24214a!important;box-shadow:0 -5px 0 #24214a,0 5px 0 #24214a!important;margin:0!important;display:block!important;transform:none!important}
html[data-atma] body .sidebar .sidebar-header{display:flex!important;align-items:center!important;min-height:60px!important;padding:0 14px 0 58px!important;box-sizing:border-box!important}
html[data-atma] body .sidebar .sidebar-header h2{margin:0!important;font:700 17px/1.2 Montserrat,"Segoe UI",system-ui,sans-serif!important;color:#24214a!important}
html[data-atma] body main h1,html[data-atma] body .main-content h1,body.courses-dark-theme h1{color:#24214a!important;-webkit-text-fill-color:#24214a!important;font-family:Montserrat,"Segoe UI",system-ui,sans-serif!important;font-weight:700!important;opacity:1!important}
html[data-atma] body .header #teacherTgBtn.teacher-tg{height:36px!important;padding:0 14px!important;border-radius:10px!important;background:transparent!important;border:1px solid rgba(36,33,74,.18)!important;box-shadow:none!important;color:#24214a!important;font:600 13px/1 Montserrat,"Segoe UI",system-ui,sans-serif!important;display:inline-flex!important;align-items:center!important;gap:7px!important;align-self:center!important;margin:0!important}
html[data-atma] body .header #teacherTgBtn.teacher-tg *{font:inherit!important;color:inherit!important}
html[data-atma] body .header #teacherTgBtn.teacher-tg:hover{background:rgba(36,33,74,.06)!important}
html.atma-dk body .header #teacherTgBtn.teacher-tg,body.courses-dark-theme .header #teacherTgBtn.teacher-tg{color:#f7f3e8!important;border-color:rgba(255,255,255,.25)!important}
@media (max-width:600px){html[data-atma] body .header #teacherTgBtn.teacher-tg{width:38px!important;padding:0!important;justify-content:center!important}}

/* uifix-auto-20261022 p2 (Grok Bot): окно оплаты — тёмный читаемый текст */
html body #atmaPay,html body #atmaPay h1,html body #atmaPay h2,html body #atmaPay h3,html body #atmaPay h4,html body #atmaPay p,html body #atmaPay li,html body #atmaPay b,html body #atmaPay strong,html body #atmaPay label,html body #atmaPay td,html body #atmaPay th,html body #atmaPay .pr,html body #atmaPay .pr *,html body #atmaPay .sub,html body #atmaPay small,html body #atmaPay .uahx,html body #atmaPay a.info,html body #atmaPay div:not(.btn):not(.n),html body #atmaPay span:not(.n){color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;opacity:1!important;text-shadow:none!important}
html body #atmaPay .sub,html body #atmaPay small,html body #atmaPay .uahx,html body #atmaPay a.info{color:#3d3a5c!important;-webkit-text-fill-color:#3d3a5c!important}
html body #atmaPay li::before,html body #atmaPay li::marker{color:#b48a2f!important;opacity:1!important}
html body #atmaPay button,html body #atmaPay button *,html body #atmaPay .btn,html body #atmaPay .btn *{color:#1b1838!important;-webkit-text-fill-color:#1b1838!important;opacity:1}
html body #atmaPay button.x{color:#1a1a2e!important}
html body #atmaPay .n{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #atmaPay{font-family:Montserrat,"Segoe UI",system-ui,sans-serif!important}

/* uifix-auto-20261022 p3: окно оплаты как у Джйотиш (кнопки золотые, галочки золотые, ☰ не перекрывает ×) */
html body #atmaPay button.btn.gold,html body #atmaPay .btn.gold{background:linear-gradient(180deg,#d6b25e,#c49a3f)!important;border:0!important;box-shadow:0 4px 12px rgba(180,138,47,.28)!important}
html body #atmaPay button.btn.gold *,html body #atmaPay .btn.gold{color:#1b1838!important;-webkit-text-fill-color:#1b1838!important}
html body #atmaPay li::before{color:#b48a2f!important;-webkit-text-fill-color:#b48a2f!important}
html body:has(#atmaPay) #jcHdr{display:none!important}

/* uifix-auto-20261022 p4: мобильная шапка как у Джйотиш (логотип+раздел по центру, без «⋯», «Преподавателю» справа) */
@media (max-width:600px){
 html[data-atma] body header.header{height:52px!important;min-height:52px!important}
 html[data-atma] body header.header>.atma-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;z-index:5}
 html[data-atma] body header.header>.atma-brand i{display:block!important;width:138px!important;height:22px!important;background:url(/automation/courses/atma-brand/atma-logo-horizontal-dark.png) center/contain no-repeat!important}
 html[data-atma] body header.header>.atma-brand b{font:700 11.5px/1.1 Montserrat,"Segoe UI",system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#b48a2f!important}
 html[data-atma] body header.header>.atma-brand b::before{content:""!important}
 html[data-atma] body header.header>.atma-brand b{font-size:0!important}
 html[data-atma] body header.header>.atma-brand b .atma-sec{font-size:11.5px!important;color:#b48a2f!important}
 html[data-atma] body #atmaNavDd{display:none!important}
 html[data-atma] body header.header .header-actions{position:fixed!important;right:52px!important;top:9px!important;left:auto!important;margin:0!important;z-index:1000}
 html[data-atma] body .header #teacherTgBtn.teacher-tg{width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important}
 html[data-atma] body #navToggle.nav-toggle{top:9px!important;left:10px!important}
}

/* modswitch 2026-10-29 Grok Bot: при клике по модулю заголовок не уходит под фикс-шапку + мягкое появление нового контента. Откат: /root/backups/modswitch-20261029-140845/rollback.sh */
#courseDetails{scroll-margin-top:84px}
@keyframes msFadeIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
#courseDetails>*{animation:msFadeIn .45s ease-out}
@media (prefers-reduced-motion:reduce){#courseDetails>*{animation:none}}