/* ==========================================================================
   Shokher Tech — Pixxen-style deep-green theme (applies to every page)
   Loaded last; re-maps the light tokens to green surfaces and fixes the
   components that used the dark ink as an emphasis colour.
   ========================================================================== */
:root{
	--bg:#002417;
	--surface:#03301f;
	--surface-2:#073b27;
	--surface-3:#0c4a32;
	--line:rgba(190,240,210,.1);
	--line-strong:rgba(190,240,210,.2);
	--text:#eef6f1;
	--text-2:#c9dcd1;
	--muted:#9db8aa;
	--subtle:#76988a;
	--on-dark:#eef6f1;
	--on-dark-muted:#9db8aa;

	--lime-50:rgba(189,245,22,.08);
	--lime-100:rgba(189,245,22,.14);
	--lime-200:rgba(189,245,22,.3);
	--lime-700:#bdf516;

	--success:#22c55e; --success-ink:#86efac; --success-bg:rgba(34,197,94,.14);
	--warning:#f59e0b; --warning-ink:#fcd34d; --warning-bg:rgba(245,158,11,.15);
	--error:#ef4444;   --error-ink:#fca5a5;   --error-bg:rgba(239,68,68,.15);
	--blue-50:rgba(96,130,255,.15); --blue-100:rgba(96,130,255,.25); --blue-500:#7c9cff; --blue-700:#a9bcff;

	--score-excellent:#a3e635;
	--score-good:#7c9cff;
	--score-average:#fbbf24;
	--score-low:#f87171;

	--sh-1:0 1px 2px rgba(0,0,0,.25);
	--sh-2:0 1px 2px rgba(0,0,0,.2),0 10px 24px -10px rgba(0,0,0,.5);
	--sh-3:0 2px 4px rgba(0,0,0,.25),0 24px 48px -12px rgba(0,0,0,.6);
	--focus:0 0 0 2px var(--bg),0 0 0 4px var(--lime-400);
	color-scheme:dark;
}
html{background:var(--bg)}
body{background:radial-gradient(70% 40% at 100% 0%,rgba(6,81,54,.55) 0%,rgba(6,81,54,0) 70%) no-repeat,var(--bg);background-attachment:fixed}
:focus-visible{outline-color:var(--lime-400)}
::selection{background:var(--lime-400);color:#002417}
h1,h2,h3,h4,h5,h6{color:var(--text)}
.ste-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239db8aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.ste-select option,.ste-select optgroup{background:#03301f;color:#eef6f1}

/* Buttons: primary becomes the light action on green */
.ste-btn--primary{background:#eef6f1;color:#002417}
.ste-btn--primary:hover{background:#fff}
.ste-btn--primary.is-loading{--spin:#002417}
.ste-btn--secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}
.ste-btn--secondary:hover{border-color:var(--lime-400);color:#fff}
.ste-btn--ghost:hover{background:rgba(255,255,255,.06)}
.ste-icon-btn:hover{background:rgba(255,255,255,.07)}
.ste-link{color:var(--text)}
a{text-decoration-color:rgba(189,245,22,.5)}

/* Inputs */
.ste-input,.ste-select,.ste-textarea{background:#022a1b;border-color:var(--line-strong);color:var(--text)}
.ste-input:hover,.ste-select:hover,.ste-textarea:hover{border-color:rgba(190,240,210,.35)}
.ste-input:focus,.ste-select:focus,.ste-textarea:focus{border-color:var(--lime-400);box-shadow:0 0 0 3px rgba(189,245,22,.2)}
.ste-input[disabled],.ste-select[disabled]{background:rgba(255,255,255,.04)}
.ste-check input{accent-color:var(--lime-400)}
.ste-switch input:checked+.ste-switch__track{background:var(--lime-400)}
.ste-switch input:checked+.ste-switch__track::after{background:#002417}

/* Emphasis that used the dark ink */
.ste-badge--ink{background:var(--lime-400);color:#002417}
.ste-chip{background:transparent;color:var(--text-2)}
.ste-chip:hover{border-color:var(--lime-400);color:var(--text)}
.ste-chip.is-active,.ste-chip[aria-pressed="true"],.ste-chip[aria-current]{background:var(--lime-400);border-color:var(--lime-400);color:#002417}
.ste-tab.is-active::after,.ste-tab[aria-selected="true"]::after,.ste-tab[aria-current]::after{background:var(--lime-400)}
.ste-segmented{background:rgba(255,255,255,.05)}
.ste-segmented .is-active,.ste-segmented [aria-current],.ste-segmented [aria-pressed="true"]{background:var(--lime-400);color:#002417;box-shadow:none}
.ste-pagination .current{background:var(--lime-400);border-color:var(--lime-400);color:#002417}
.ste-pagination a.page-numbers:hover{border-color:var(--lime-400)}
.ste-progress>span{background:var(--lime-400)}
.ste-table th{background:rgba(255,255,255,.03)}
.ste-table tbody tr:hover{background:rgba(255,255,255,.03)}
.ste-toast{background:#eef6f1;color:#002417}
.ste-toast .ste-icon{color:#16a34a}
.ste-avatar{border-color:var(--bg)}
.ste-avatar--initial{background:hsl(var(--hue,90) 40% 22%);color:hsl(var(--hue,90) 70% 82%)}
.ste-empty__icon{background:rgba(189,245,22,.08);border-color:rgba(189,245,22,.25);color:var(--lime-400)}
.ste-alert--lime{color:var(--text)}
.ste-exam-card.is-premium{border-color:rgba(189,245,22,.45)}
.ste-exam-card.is-premium .ste-exam-card__subject i{background:var(--lime-400)}
.ste-exam-card:hover,.stt-lcard:hover,.stt-post-card:hover{border-color:rgba(189,245,22,.35)}
.ste-tone-text[data-tone=excellent]{color:var(--score-excellent)}
.ste-tone-text[data-tone=good]{color:var(--score-good)}
.ste-tone-text[data-tone=average]{color:var(--score-average)}
.ste-tone-text[data-tone=low]{color:var(--score-low)}
.ste-ring__track{stroke:rgba(255,255,255,.1)}
.ste-search,.ste-dropdown__menu,.ste-modal,.ste-sheet{background:#03301f;border:1px solid var(--line)}
.ste-search__item:hover,.ste-search__item.is-active,.ste-dropdown__item:hover{background:rgba(255,255,255,.05)}
.ste-kbd{background:transparent;color:var(--muted)}
.ste-skel{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 37%,rgba(255,255,255,.04) 63%);background-size:400% 100%}
.ste-overlay{background:rgba(0,12,8,.7)}

/* Tab bar */
.stt-tabbar{background:rgba(1,32,21,.96);border-top-color:rgba(190,240,210,.1);box-shadow:0 -10px 30px -16px rgba(0,0,0,.6)}
.stt-tabbar>a.is-active,.stt-tabbar__live.is-active{color:var(--lime-400)}
.stt-tabbar>a.is-active:not(.stt-tabbar__live)::before{background:var(--lime-400)}
.stt-tabbar__fab{background:var(--lime-400);color:#002417;box-shadow:0 0 0 4px #012015,0 10px 24px -8px rgba(189,245,22,.45)}
.stt-tabbar__live.is-active .stt-tabbar__fab{background:#eef6f1}
.stt-tabbar__ping{border-color:#012015}

/* Live */
.stt-lcard{background:var(--surface)}
.stt-lcard.is-running .stt-cd__seg b{color:#ff8b8e}
.stt-cd__seg{background:rgba(255,255,255,.06)}
.stt-live-badge.is-ended{background:rgba(255,255,255,.08);color:var(--muted)}
.stt-spot{background:linear-gradient(160deg,#06402a 0%,#022a1b 100%);border-color:rgba(189,245,22,.16)}

/* ---------- Website ---------- */
.stt-section--paper{background:rgba(255,255,255,.02);border-color:var(--line)}
.stt-pagehead{background:transparent;border-bottom-color:var(--line)}
.stt-quick{background:transparent!important;border-bottom:0!important}
.stt-quick__ico{background:var(--surface)!important;color:var(--lime-400)!important;border-color:var(--line)!important}
.stt-quick__item{color:var(--text-2)!important}
.stt-quick__item.is-live .stt-quick__ico{background:var(--lime-400)!important;color:#002417!important;border-color:var(--lime-400)!important}
.stt-quick__item.is-live .stt-quick__ico::after{border-color:var(--bg)!important}
.stt-step,.stt-steps{background:var(--surface)}
.stt-steps--simple{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.stt-step__n{color:var(--lime-400);font-size:1.5rem}
.stt-subject{background:var(--surface)}
.stt-subject:hover{border-color:var(--lime-400);box-shadow:none}
.stt-subject__mono{background:var(--lime-400);color:#002417}
.stt-opt span{background:transparent}
.stt-opt span:hover{border-color:var(--lime-400)}
.stt-opt input:checked+span{background:var(--lime-400);border-color:var(--lime-400);color:#002417}
.stt-filters{background:var(--surface)!important}
@media (max-width:1023px){.stt-filters{background:#03301f!important}}
.stt-active-filters .ste-chip{color:var(--text)}
.stt-lb-mini li.is-top-2 .stt-lb-mini__rank,.stt-lb-mini li.is-top-3 .stt-lb-mini__rank,tr.is-top-2 .stt-rank,tr.is-top-3 .stt-rank{background:#eef6f1;color:#002417}
.stt-podium__item{background:var(--surface)}
.stt-podium__item.is-top-1{background:linear-gradient(160deg,#0a5236,#03301f);border-color:rgba(189,245,22,.4)}
.stt-lb__me{background:var(--surface-2);border:1px solid rgba(189,245,22,.3)}
.stt-lb__table tr.is-me{background:rgba(189,245,22,.08)}
.stt-plan{background:var(--surface)}
.stt-plan.is-featured{background:linear-gradient(160deg,#0a5236,#03301f);border-color:rgba(189,245,22,.45)}
.stt-post-card{background:var(--surface)}
.stt-post-card__media,.stt-post-card__ph{background-color:#012015}
.stt-article__cta{background:var(--surface-2);border:1px solid rgba(189,245,22,.25)}
.stt-toc{background:var(--surface)}
.stt-prose{color:var(--text-2)}
.stt-prose a{color:var(--lime-400)}
.stt-prose code{background:rgba(255,255,255,.07)}
.stt-facts,.stt-about__stat{background:var(--surface)}
.stt-start{background:linear-gradient(160deg,#06402a 0%,#022a1b 100%);border:1px solid rgba(189,245,22,.16)}
.stt-strip{background:transparent;border-color:var(--line)}
.stt-level{background:var(--surface)}
.stt-qa__card{background:var(--surface)}
.stt-mock:not(.stt-mock--trend){background:#eef6f1}
.stt-footer.is-dark{background:#001b11;border-top:1px solid var(--line)}
.stt-404__code{color:var(--text)}
.stt-404__code{background:linear-gradient(transparent 62%,rgba(189,245,22,.5) 62%,rgba(189,245,22,.5) 86%,transparent 86%)}
.stt-searchform .ste-input{background:#022a1b}

/* ---------- Student app ---------- */
.app-body{background:var(--bg)}
@media (min-width:1024px){.app-top{background:rgba(0,36,23,.85);color:var(--text);border-bottom-color:var(--line)}.app-top__search{background:transparent;border-color:var(--line-strong);color:var(--muted)}.app-top__search:hover{border-color:var(--lime-400)}}
.app-top__me:hover{border-color:var(--line-strong)}
.app-side.is-dark{background:#001b11;border-right:1px solid var(--line)}
.app-side__nav a.is-active{background:rgba(189,245,22,.1)}
.app-card,.app-kpi,.app-result-card,.res-metric,.res-hero,.res-q,.app-history__row{background:var(--surface)}
@media (min-width:1024px){.app-history{background:var(--surface)}.app-history__head{background:rgba(255,255,255,.03)}.app-history__row:hover{background:rgba(255,255,255,.03)}}
.app-kpi--dark,.app-continue{background:linear-gradient(160deg,#0a5236,#03301f);border-color:rgba(189,245,22,.35)}
.app-continue .ste-progress{background:rgba(255,255,255,.1)}
.app-announce{background:var(--surface-2);border:1px solid rgba(189,245,22,.25)}
.app-live-strip{background:var(--surface-2)}
.app-exam-row__mono{background:var(--lime-400);color:#002417}
.app-notifs__icon{background:rgba(255,255,255,.06)}
.app-notifs__icon--result{background:var(--lime-400);color:#002417}
.app-notifs__icon--exam{background:rgba(189,245,22,.14);color:var(--lime-400)}
.app-bell__count{box-shadow:0 0 0 2px var(--bg)}
.app-bell__item.is-new,.app-notifs li.is-new a{background:rgba(189,245,22,.06)}
.app-chart__grid{stroke:rgba(255,255,255,.07)}
.app-chart__line.is-ink{stroke:var(--lime-400)}
.app-chart__line.is-lime{stroke:#7c9cff}
.app-chart__area.is-ink{fill:rgba(189,245,22,.12)}
.app-chart__dot.is-ink{fill:var(--bg);stroke:var(--lime-400)}
.app-chart__dot.is-lime{fill:#7c9cff}
.app-chart__bar{fill:rgba(255,255,255,.1)}
.app-chart__bar.is-current{fill:var(--lime-400)}
.app-legend i[style*="ink-900"]{background:var(--lime-400)!important}
.app-legend i[style*="lime-500"]{background:#7c9cff!important}
.app-uploader__preview{background:var(--surface-2);box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--line)}
.app-formbar{background:linear-gradient(transparent,var(--bg) 30%)}
.app-insight{color:var(--text)}
.res-opt{border-color:var(--line)}
.res-opt__key{background:rgba(255,255,255,.07)}
.res-q__exp{background:rgba(255,255,255,.04)}
.res-opt.is-correct{border-color:rgba(34,197,94,.45)}
.res-opt.is-wrong{border-color:rgba(239,68,68,.45)}
.auth-body{background:var(--bg)}
.auth__card{background:#eef6f1}
.auth__steps li.is-active,.auth__steps li.is-done{border-top-color:var(--lime-400)}
.auth__steps li.is-active span{background:var(--lime-400);color:#002417}
.auth__switch a{color:var(--lime-400)}

/* ---------- Exam room ---------- */
.exam-body{background:var(--bg)}
.exam-top{background:#001b11;border-bottom:1px solid var(--line)}
.exam-q,.exam-nav{background:var(--surface)}
.exam-opt{background:transparent;border-color:var(--line-strong);color:var(--text)}
.exam-opt:hover{background:rgba(255,255,255,.03);border-color:rgba(190,240,210,.35)}
.exam-opt__key{background:rgba(255,255,255,.07)}
.exam-opt.is-selected{border-color:var(--lime-400);background:rgba(189,245,22,.08);box-shadow:0 0 0 1px var(--lime-400)}
.exam-opt.is-selected .exam-opt__key{background:var(--lime-400);color:#002417}
.exam-opt.is-selected .exam-opt__check{background:var(--lime-400);border-color:var(--lime-400)}
.exam-opt.is-selected .exam-opt__check::after{border-color:#002417}
.exam-opt:focus-visible{border-color:var(--lime-400)}
.exam-mark,.exam-clear{background:transparent;color:var(--text-2)}
.exam-mark:hover,.exam-clear:hover{border-color:var(--lime-400)}
.exam-nav__q{background:transparent;color:var(--text-2)}
.exam-nav__q:hover{border-color:var(--lime-400)}
.exam-nav__q.is-current{background:#eef6f1;border-color:#eef6f1;color:#002417;box-shadow:0 0 0 2px var(--surface),0 0 0 4px #eef6f1}
.exam-nav__legend i.is-current{background:#eef6f1;border-color:#eef6f1}
.exam-nav__legend i{background:transparent}
.exam-nav__q.is-answered.is-marked::after{border-color:var(--surface)}
.exam-confirm div{background:rgba(255,255,255,.05)}
.exam-final{background:rgba(0,12,8,.85)}
.exam-final__box{background:#03301f}
.exam-final__spin{border-color:rgba(255,255,255,.12);border-top-color:var(--lime-400)}
.exam-offline{border-bottom-color:rgba(245,158,11,.3)}
@media (max-width:1023px){.exam-pager{background:rgba(1,32,21,.97);border-top-color:var(--line)}}
.exam-q__img img,.res-q__img img{background:#fff}