/* UVA Mentor — Tasarım v2 (açık + koyu). Token-tabanlı: yapı kuralları [data-design^="v2"] ile iki temaya da uygular; sadece token değerleri değişir. v1 dokunulmaz. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Hanken+Grotesk:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

/* paylaşılan (tema-bağımsız) */
html[data-design^="v2"] {
  --radius-sm:8px; --radius:12px; --radius-lg:20px;
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:140ms; --t:200ms; --t-slow:340ms;
}
/* AÇIK tema */
html[data-design="v2"] {
  --bg-0:#FBF8F2; --bg-1:#F4EFE6; --surface:#FFFFFF; --text:#1A1714; --muted:#7A736B; --border:#D8CCB6;
  --icon-box:#EDE9E2; --scroll:#D8D3CA;
  --brand:#DC5318; --brand-soft:#FCEEE3; --brand-deep:#B53F0C; --brand-ring:rgba(242,106,27,.28);
  --success:#2E9E5B; --success-soft:#E7F5EC; --success-bd:#BFE3CC;
  --danger:#D64531; --danger-soft:#FCEBE8; --warn:#B45309; --warn-soft:#FFF6E6; --warn-bd:#F0D9A8;
  --shadow-sm:0 1px 2px rgba(26,23,20,.06); --shadow-md:0 6px 20px -6px rgba(26,23,20,.14);
}
/* KOYU tema */
html[data-design="v2dark"] {
  --bg-0:#141110; --bg-1:#1B1714; --surface:#221D18; --text:#F1ECE4; --muted:#A79E92; --border:#41392F;
  --icon-box:#2A241D; --scroll:#3A332A;
  --brand:#FB7A2A; --brand-soft:#3A2616; --brand-deep:#FF9A5A; --brand-ring:rgba(251,122,42,.35);
  --success:#46C07C; --success-soft:#15281D; --success-bd:#244D35;
  --danger:#F0654F; --danger-soft:#2E1815; --warn:#E0A33A; --warn-soft:#2A2113; --warn-bd:#4A3A1C;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 8px 24px -6px rgba(0,0,0,.55);
}
/* --- TEMEL + TİPOGRAFİ --- */
html[data-design^="v2"], html[data-design^="v2"] body { background:var(--bg-0) !important; color:var(--text); font-family:'Hanken Grotesk','Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
html[data-design^="v2"] .font-display, html[data-design^="v2"] h1, html[data-design^="v2"] h2, html[data-design^="v2"] h3, html[data-design^="v2"] h4 { font-family:'Hanken Grotesk',system-ui,sans-serif !important; letter-spacing:-0.02em; color:var(--text); }
html[data-design^="v2"] h1, html[data-design^="v2"] .font-display { font-weight:700; }
html[data-design^="v2"] p, html[data-design^="v2"] li { line-height:1.6; }
/* --- DEKORASYON SÖK --- */
html[data-design^="v2"] .mesh-bg, html[data-design^="v2"] .orb, html[data-design^="v2"] .grain::before { display:none !important; }
/* --- TOPBAR --- */
html[data-design^="v2"] header[class*="sticky"] { background:color-mix(in srgb, var(--bg-0) 88%, transparent) !important; -webkit-backdrop-filter:blur(12px) !important; backdrop-filter:blur(12px) !important; border-bottom:1px solid var(--border) !important; }
/* --- YÜZEYLER --- */
html[data-design^="v2"] .glass { background:var(--surface) !important; border:1px solid var(--border) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:var(--shadow-sm); border-radius:var(--radius); transition:transform var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease); }
html[data-design^="v2"] .glass-hover:hover { transform:translateY(-2px); border-color:var(--brand) !important; box-shadow:var(--shadow-md) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="bg-white"] { background:var(--surface) !important; }
/* --- METİN RENKLERİ (içerik) --- */
html[data-design^="v2"] :not(.sidebar) .text-white { color:var(--text) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="text-white/"] { color:var(--muted) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="text-emerald-"], html[data-design^="v2"] :not(.sidebar) [class*="text-green-"], html[data-design^="v2"] :not(.sidebar) [class*="text-teal-"] { color:var(--success) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="text-red-"] { color:var(--danger) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="text-amber-"], html[data-design^="v2"] :not(.sidebar) [class*="text-yellow-"] { color:var(--warn) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="text-rose-"], html[data-design^="v2"] :not(.sidebar) [class*="text-pink-"], html[data-design^="v2"] :not(.sidebar) [class*="text-fuchsia-"], html[data-design^="v2"] :not(.sidebar) [class*="text-violet-"], html[data-design^="v2"] :not(.sidebar) [class*="text-purple-"], html[data-design^="v2"] :not(.sidebar) [class*="text-indigo-"], html[data-design^="v2"] :not(.sidebar) [class*="text-cyan-"], html[data-design^="v2"] :not(.sidebar) [class*="text-sky-"] { color:var(--brand-deep) !important; }
html[data-design^="v2"] .grad-text { background:none !important; -webkit-text-fill-color:var(--text) !important; color:var(--text) !important; }
html[data-design^="v2"] :not(.sidebar) [style*="color:#fff"], html[data-design^="v2"] :not(.sidebar) [style*="color: #fff"], html[data-design^="v2"] :not(.sidebar) [style*="#fda4af"], html[data-design^="v2"] :not(.sidebar) [style*="#fcd34d"], html[data-design^="v2"] :not(.sidebar) [style*="#fde68a"], html[data-design^="v2"] :not(.sidebar) [style*="#fbbf24"], html[data-design^="v2"] :not(.sidebar) [style*="#e2e8f0"] { color:var(--text) !important; }
/* --- BADGE/PILL ZEMİNLERİ --- */
html[data-design^="v2"] :not(.sidebar) [class*="bg-emerald"], html[data-design^="v2"] :not(.sidebar) [class*="bg-green"], html[data-design^="v2"] :not(.sidebar) [class*="bg-teal"] { background:var(--success-soft) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="bg-red"] { background:var(--danger-soft) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="bg-amber"], html[data-design^="v2"] :not(.sidebar) [class*="bg-yellow"] { background:var(--warn-soft) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="bg-rose"], html[data-design^="v2"] :not(.sidebar) [class*="bg-pink"], html[data-design^="v2"] :not(.sidebar) [class*="bg-violet"], html[data-design^="v2"] :not(.sidebar) [class*="bg-purple"], html[data-design^="v2"] :not(.sidebar) [class*="bg-cyan"], html[data-design^="v2"] :not(.sidebar) [class*="bg-sky"] { background:var(--brand-soft) !important; }
/* --- BORDER --- */
html[data-design^="v2"] :not(.sidebar) [class*="border-white"], html[data-design^="v2"] :not(.sidebar) [class*="border-rose"], html[data-design^="v2"] :not(.sidebar) [class*="border-violet"], html[data-design^="v2"] :not(.sidebar) [class*="border-cyan"] { border-color:var(--border) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="border-emerald"], html[data-design^="v2"] :not(.sidebar) [class*="border-green"] { border-color:var(--success-bd) !important; }
html[data-design^="v2"] :not(.sidebar) [class*="border-amber"] { border-color:var(--warn-bd) !important; }
/* --- BUTONLAR --- */
html[data-design^="v2"] .btn-glow { background:var(--brand) !important; box-shadow:none !important; border-radius:var(--radius-sm); transition:transform var(--t-fast) var(--ease), background var(--t-fast), box-shadow var(--t-fast); }
html[data-design^="v2"] .btn-glow::before { display:none !important; }
html[data-design^="v2"] .btn-glow, html[data-design^="v2"] .btn-glow * { color:#fff !important; }
html[data-design^="v2"] .btn-glow:hover { background:var(--brand-deep) !important; transform:translateY(-1px); box-shadow:0 8px 20px -8px var(--brand-ring) !important; }
html[data-design^="v2"] .btn-glow:active { transform:scale(.97); }
html[data-design^="v2"] a:not(.btn-glow) { color:var(--brand-deep); transition:color var(--t-fast); }
/* --- FORM --- */
html[data-design^="v2"] input, html[data-design^="v2"] select, html[data-design^="v2"] textarea { background:var(--surface) !important; color:var(--text) !important; border:1px solid var(--border) !important; border-radius:var(--radius-sm) !important; transition:border-color var(--t-fast), box-shadow var(--t-fast); }
html[data-design^="v2"] input:focus, html[data-design^="v2"] select:focus, html[data-design^="v2"] textarea:focus { border-color:var(--brand) !important; box-shadow:0 0 0 3px var(--brand-ring) !important; outline:none !important; }
html[data-design^="v2"] input::placeholder, html[data-design^="v2"] textarea::placeholder { color:var(--muted) !important; }
/* --- SIDEBAR --- */
html[data-design^="v2"] .sidebar { background:var(--bg-1) !important; border-right:1px solid var(--border) !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html[data-design^="v2"] .sidebar .text-white, html[data-design^="v2"] .sidebar [class*="text-white"] { color:var(--text) !important; }
html[data-design^="v2"] .sidebar [class*="text-white/3"], html[data-design^="v2"] .sidebar [class*="text-white/4"], html[data-design^="v2"] .sidebar [class*="text-white/5"] { color:var(--muted) !important; }
html[data-design^="v2"] .nav-item { color:var(--muted) !important; transition:color var(--t-fast), background var(--t-fast), transform var(--t-fast) var(--ease); }
html[data-design^="v2"] .nav-item:hover { color:var(--text) !important; background:var(--brand-soft) !important; transform:translateX(2px); }
html[data-design^="v2"] .nav-item .nav-icon { background:var(--icon-box) !important; color:var(--muted) !important; transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
html[data-design^="v2"] .nav-item:hover .nav-icon { background:var(--brand-soft) !important; color:var(--brand) !important; transform:rotate(-4deg) scale(1.05); }
html[data-design^="v2"] .nav-item.active { color:var(--brand-deep) !important; background:var(--brand-soft) !important; }
html[data-design^="v2"] .nav-item.active .nav-icon { background:var(--brand) !important; color:#fff !important; box-shadow:0 6px 16px -8px var(--brand-ring) !important; }
html[data-design^="v2"] .nav-item.active::before { background:var(--brand) !important; }
html[data-design^="v2"] .nav-badge { background:var(--brand-soft) !important; color:var(--brand-deep) !important; }
html[data-design^="v2"] .sidebar [style*="#6ee7b7"] { color:var(--success) !important; background:var(--success-soft) !important; }
html[data-design^="v2"] .sidebar [style*="#fde68a"] { color:var(--warn) !important; background:var(--warn-soft) !important; }
html[data-design^="v2"] .sidebar [style*="#fda4af"] { color:var(--danger) !important; background:var(--danger-soft) !important; }
html[data-design^="v2"] .admin-badge { background:var(--brand-soft) !important; color:var(--brand-deep) !important; border:1px solid var(--brand-ring) !important; }
/* --- İMZA ANİMASYON "Eksik Parlar" --- */
html[data-design^="v2"] .v2-topic { transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease), background var(--t) var(--ease); border-radius:var(--radius-sm); }
html[data-design^="v2"] .v2-done { opacity:.42; transform:scale(.985); filter:grayscale(.5); }
html[data-design^="v2"] .v2-done:hover { opacity:.72; }
html[data-design^="v2"] .v2-gap { background:var(--brand-soft); box-shadow:inset 3px 0 0 var(--brand); animation:v2GapPulse 2.4s var(--ease) infinite; }
@keyframes v2GapPulse { 0%,100%{box-shadow:inset 3px 0 0 var(--brand),0 0 0 0 var(--brand-ring);} 50%{box-shadow:inset 3px 0 0 var(--brand),0 0 0 6px transparent;} }
/* --- MİKRO-ETKİLEŞİM / GİRİŞ --- */
html[data-design^="v2"] .v2-rise { animation:v2Rise var(--t-slow) var(--ease) both; }
@keyframes v2Rise { from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
html[data-design^="v2"] button:not(.btn-glow):not(.nav-item) { transition:transform var(--t-fast) var(--ease), background var(--t-fast), border-color var(--t-fast); }
html[data-design^="v2"] button:not(.btn-glow):active { transform:scale(.97); }
/* --- MİSC --- */
html[data-design^="v2"] :focus-visible { outline:2px solid var(--brand); outline-offset:2px; border-radius:4px; }
html[data-design^="v2"] ::-webkit-scrollbar { width:10px; height:10px; }
html[data-design^="v2"] ::-webkit-scrollbar-thumb { background:var(--scroll) !important; border-radius:999px; }
html[data-design^="v2"] ::-webkit-scrollbar-track { background:transparent !important; }
html[data-design^="v2"] #design-select option { background:var(--surface); color:var(--text); }
@media (prefers-reduced-motion: reduce) { html[data-design^="v2"] * { animation:none !important; transition:none !important; } }
/* v1 custom kart class'ları (override sızdırıyordu — koyu kalıyordu) → açık yüzey */
html[data-design^="v2"] .grad-border { background:var(--surface) !important; border:1px solid var(--line) !important; }
html[data-design^="v2"] .grad-border::before { display:none !important; }
html[data-design^="v2"] .kpi-card, html[data-design^="v2"] .exam-card, html[data-design^="v2"] .insight-card { background:var(--surface) !important; border:1px solid var(--line) !important; }
html[data-design^="v2"] .ring-bg { stroke:var(--line) !important; }
/* sızan koyu form/select/blok yüzeyleri → açık (modal/sidebar backdrop hariç) */
html[data-design^="v2"] .field, html[data-design^="v2"] .fc-select { background:var(--surface) !important; border-color:var(--line) !important; color:var(--text) !important; }
html[data-design^="v2"] .fc-select:hover { border-color:var(--brand) !important; }
html[data-design^="v2"] .sched-block { background:var(--bg-1) !important; color:var(--text) !important; }
/* STS şık + yeterlilik butonları (beyaz metin sızıntısı) → okunur */
html[data-design^="v2"] .sts-option { background:var(--surface) !important; border-color:var(--line) !important; color:var(--text) !important; }
html[data-design^="v2"] .sts-option:hover, html[data-design^="v2"] .sts-option.active { border-color:var(--brand) !important; background:var(--orange-wash) !important; color:var(--ink) !important; }
html[data-design^="v2"] .sts-prof-btn { background:var(--surface) !important; border-color:var(--line) !important; color:var(--soft) !important; }
html[data-design^="v2"] .sts-prof-btn:hover, html[data-design^="v2"] .sts-prof-btn.active { border-color:var(--brand) !important; color:var(--brand-deep) !important; background:var(--orange-wash) !important; }
/* Profil üni/bölüm picker (uvp-*) + avatar ring — koyu sızıntı → açık */
html[data-design^="v2"] .uvp-trigger{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-design^="v2"] .uvp-trigger:hover{border-color:var(--brand)!important}
html[data-design^="v2"] .uvp-trigger .uvp-chev{color:var(--soft)!important}
html[data-design^="v2"] .uvp-modal{background:rgba(26,23,20,.45)!important;backdrop-filter:blur(8px)}
html[data-design^="v2"] .uvp-content{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 24px 60px rgba(0,0,0,.16)!important;color:var(--text)!important}
html[data-design^="v2"] .uvp-header{border-bottom-color:var(--line)!important}
html[data-design^="v2"] .uvp-empty{color:var(--soft)!important}
html[data-design^="v2"] .uvp-search{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-design^="v2"] .uvp-search:focus{border-color:var(--brand)!important}
html[data-design^="v2"] .uvp-item{color:var(--text)!important}
html[data-design^="v2"] .uvp-item:hover,html[data-design^="v2"] .uvp-item.selected{background:var(--orange-wash)!important;color:var(--ink)!important}
html[data-design^="v2"] .ring-grad{background:conic-gradient(from 0deg,var(--brand),#F2A07B,var(--brand-deep),var(--brand))!important;animation:spin 8s linear infinite!important}
/* kalan view'lardaki custom light-text class'ları → içerikte okunur (v2) */
html[data-design^="v2"] .news-title, html[data-design^="v2"] .rc-title, html[data-design^="v2"] .sched-m-card-title, html[data-design^="v2"] .exam-sec-name, html[data-design^="v2"] .bd-topic, html[data-design^="v2"] .comm-chat-msg-author, html[data-design^="v2"] .solve-gap-text, html[data-design^="v2"] .lbl, html[data-design^="v2"] .routine { color:var(--text) !important; }
html[data-design^="v2"] .news-body, html[data-design^="v2"] .news-meta, html[data-design^="v2"] .news-empty, html[data-design^="v2"] .rc-desc, html[data-design^="v2"] .sched-m-card-meta, html[data-design^="v2"] .sched-empty-day, html[data-design^="v2"] .sched-stat, html[data-design^="v2"] .bd-meta, html[data-design^="v2"] .bd-acc, html[data-design^="v2"] .comm-podium-time, html[data-design^="v2"] .duration, html[data-design^="v2"] .msg-meta, html[data-design^="v2"] .break { color:var(--soft) !important; }
html[data-design^="v2"] .news-link, html[data-design^="v2"] .ext-link, html[data-design^="v2"] .primary { color:var(--brand-deep) !important; }
html[data-design^="v2"] .send-btn { background:var(--orange) !important; color:#fff !important; }
html[data-design^="v2"] .diff-kolay { color:var(--success) !important; }
html[data-design^="v2"] .diff-orta { color:var(--warn) !important; }
html[data-design^="v2"] .diff-zor, html[data-design^="v2"] .chip-critical { color:var(--danger) !important; }

/* ===== ALIAS TOKENLAR — app.css adlandırması (agent CSS uyumu) ===== */
html[data-design^="v2"]{--paper:var(--bg-0);--ink:var(--text);--soft:var(--muted);--line:var(--border);--orange:var(--brand);--orange-ink:var(--brand-deep);--orange-wash:var(--brand-soft);--orange-ring:var(--brand-ring);}

/* ============================================================
   WORKFLOW ÜRETIMI — view bazlı editöryel v2 CSS (12 agent)
   ============================================================ */
/* ===== v2 view: prescription ===== */
/* ===========================================================
   UVA Mentor v2 — PRESCRIPTION view (editoryel)
   Tokenlar: --bg-0 kağıt, --surface kart, --text mürekkep,
   --muted ikincil, --border ince çizgi, --brand yanık-turuncu,
   --brand-deep koyu turuncu, --brand-soft turuncu-wash.
   Not: --paper/--ink/--soft/--line/--orange* bu temada tanımlı
   DEĞİL; gerçek token adları kullanıldı.
   =========================================================== */

/* ---- Bölüm zemini: kağıt, hava ---- */
html[data-design^="v2"] .view[data-view="prescription"]{
  color:var(--text) !important;
}

/* ---- Üst başlık bloğu ---- */
/* ℞ rozeti: gradient yerine sakin turuncu pul */
html[data-design^="v2"] [data-view="prescription"] .bg-gradient-to-br{
  background:var(--brand) !important;
  color:#fff !important;
  border-radius:var(--radius-sm) !important;
  box-shadow:0 4px 12px -6px var(--brand-ring) !important;
}
html[data-design^="v2"] [data-view="prescription"] .bg-gradient-to-br *{
  color:#fff !important;
}
/* "AI REÇETE · bugün" eyebrow */
html[data-design^="v2"] [data-view="prescription"] .text-violet-300{
  color:var(--brand-deep) !important;
}
/* "canlı" göstergesi success kalsın ama yumuşat */
html[data-design^="v2"] [data-view="prescription"] .text-emerald-400{
  color:var(--success) !important;
}
html[data-design^="v2"] [data-view="prescription"] .bg-emerald-400{
  background:var(--success) !important;
}
html[data-design^="v2"] [data-view="prescription"] .glow-dot{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent) !important;
}

/* H1 / H2 — Fraunces zaten map'li, sadece mürekkep + nefes */
html[data-design^="v2"] [data-view="prescription"] h1.font-display{
  color:var(--text) !important;
  letter-spacing:-.01em;
  line-height:1.08;
}
html[data-design^="v2"] [data-view="prescription"] h2.font-display{
  color:var(--text) !important;
  letter-spacing:-.005em;
}
/* açıklama/p sızıntıları → ikincil mürekkep */
html[data-design^="v2"] [data-view="prescription"] .text-white\/55,
html[data-design^="v2"] [data-view="prescription"] .text-white\/50,
html[data-design^="v2"] [data-view="prescription"] .text-white\/60,
html[data-design^="v2"] [data-view="prescription"] .text-white\/45,
html[data-design^="v2"] [data-view="prescription"] .text-white\/40{
  color:var(--muted) !important;
}
html[data-design^="v2"] [data-view="prescription"] .text-white\/85{
  color:var(--text) !important;
}

/* ===========================================================
   REÇETE PANELİ (grad-border) — beyaz kart, ince çizgi
   .grad-border zaten v2'de surface+line; içini sahipleniyoruz
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] .grad-border{
  padding:1.75rem !important;
  box-shadow:var(--shadow-sm) !important;
}

/* Panel üst şeridi: "Reçete optimize ediliyor / N tamamlandı" */
html[data-design^="v2"] [data-view="prescription"] .grad-border > .flex.items-center.justify-between{
  padding-bottom:1.1rem;
  border-bottom:1px solid var(--border);
  margin-bottom:1.25rem !important;
}
/* ai-typing noktaları → turuncu, sakin */
html[data-design^="v2"] [data-view="prescription"] .ai-typing span{
  background:var(--brand) !important;
}

/* ===========================================================
   REÇETE SATIRLARI (.rx-item)
   =========================================================== */
html[data-design^="v2"] .rx-item{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  box-shadow:none !important;
  padding:1rem 1.1rem !important;
  transition:border-color var(--t) var(--ease),
             box-shadow var(--t) var(--ease),
             transform var(--t) var(--ease),
             opacity .3s var(--ease) !important;
}
html[data-design^="v2"] .rx-item:hover{
  border-color:var(--brand) !important;
  box-shadow:var(--shadow-sm) !important;
  transform:translateY(-1px);
}
/* sol turuncu kılavuz şerit — öncelik hissi, sessiz */
html[data-design^="v2"] .rx-item{
  position:relative;
  overflow:hidden;
}
html[data-design^="v2"] .rx-item::before{
  content:"";
  position:absolute; left:0; top:10px; bottom:10px;
  width:3px; border-radius:999px;
  background:var(--border);
  transition:background var(--t) var(--ease);
}
html[data-design^="v2"] .rx-item:hover::before{
  background:var(--brand);
}
/* tamamlanmış satır */
html[data-design^="v2"] .rx-item.done{
  opacity:.45 !important;
  background:var(--bg-1) !important;
  border-color:var(--border) !important;
}
html[data-design^="v2"] .rx-item.done::before{
  background:var(--success) !important;
}
html[data-design^="v2"] .rx-item.done .rx-action{
  text-decoration:line-through;
  text-decoration-color:var(--muted);
}

/* ℞ işareti satır içinde turuncu */
html[data-design^="v2"] .rx-item .rx-action .text-violet-300,
html[data-design^="v2"] .rx-item .font-semibold.text-violet-300{
  color:var(--brand-deep) !important;
}
/* saat etiketi (taskItem) */
html[data-design^="v2"] .rx-item .text-violet-300{
  color:var(--brand-deep) !important;
}

/* aksiyon metni mürekkep */
html[data-design^="v2"] .rx-action{
  color:var(--text) !important;
}

/* onay kutusu (.rx-check) — tactile, taşmasız */
html[data-design^="v2"] .rx-check{
  background:var(--surface) !important;
  border:1.5px solid var(--border) !important;
  border-radius:7px !important;
  transition:border-color var(--t-fast) var(--ease),
             background var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] .rx-check:hover{
  border-color:var(--brand) !important;
  background:var(--brand-soft) !important;
}
html[data-design^="v2"] .rx-item.done .rx-check{
  background:var(--success) !important;
  border-color:var(--success) !important;
}
html[data-design^="v2"] .rx-item.done .rx-check svg{
  opacity:1 !important;
  stroke:#fff !important;
}

/* ===========================================================
   CHIP'ler (öncelik / tür rozetleri) — yumuşak wash
   .chip-critical text zaten v2'de --danger; arka planları biz veriyoruz
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] .chip{
  font-weight:600;
  border:1px solid transparent;
  letter-spacing:.01em;
}
html[data-design^="v2"] [data-view="prescription"] .chip-critical{
  background:var(--danger-soft) !important;
  color:var(--danger) !important;
  border-color:color-mix(in srgb, var(--danger) 22%, transparent) !important;
}
html[data-design^="v2"] [data-view="prescription"] .chip-medium{
  background:var(--warn-soft) !important;
  color:var(--warn) !important;
  border-color:var(--warn-bd) !important;
}
html[data-design^="v2"] [data-view="prescription"] .chip-low{
  background:var(--success-soft) !important;
  color:var(--success) !important;
  border-color:var(--success-bd) !important;
}

/* ===========================================================
   BOŞ DURUMLAR (rx-empty / breakdown-empty)
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] #rx-empty .font-display,
html[data-design^="v2"] [data-view="prescription"] #breakdown-empty .font-display{
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="prescription"] #breakdown-empty{
  background:var(--surface) !important;
  border:1px dashed var(--border) !important;
  box-shadow:none !important;
}
html[data-design^="v2"] [data-view="prescription"] #breakdown-empty b{
  color:var(--brand-deep) !important;
  font-weight:700;
}

/* ===========================================================
   KONU PERFORMANSI başlığı + legend
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] .uppercase.tracking-widest{
  color:var(--brand-deep) !important;
  font-weight:600;
}
/* legend renk kutuları — anlamı koru, tonu sakinleştir */
html[data-design^="v2"] [data-view="prescription"] .bg-rose-500\/70{ background:var(--danger) !important; opacity:.85; }
html[data-design^="v2"] [data-view="prescription"] .bg-amber-500\/70{ background:var(--warn) !important; opacity:.85; }
html[data-design^="v2"] [data-view="prescription"] .bg-cyan-500\/70{ background:var(--brand) !important; opacity:.7; }
html[data-design^="v2"] [data-view="prescription"] .bg-emerald-500\/70{ background:var(--success) !important; opacity:.85; }
html[data-design^="v2"] [data-view="prescription"] .text-\[11px\].text-white\/50,
html[data-design^="v2"] [data-view="prescription"] .text-\[11px\] .text-white\/50{
  color:var(--muted) !important;
}

/* ===========================================================
   BREAKDOWN KARTLARI (.bd-group)
   =========================================================== */
html[data-design^="v2"] .bd-group{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-sm) !important;
  padding:1.25rem 1.35rem !important;
  transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease) !important;
}
html[data-design^="v2"] .bd-group:hover{
  border-color:color-mix(in srgb, var(--brand) 40%, var(--border)) !important;
}

/* grup başı */
html[data-design^="v2"] .bd-head{
  display:flex; align-items:center; justify-content:space-between;
  padding-bottom:.9rem; margin-bottom:1rem;
  border-bottom:1px solid var(--border);
  gap:1rem;
}
/* ders harf rozeti: gradient yerine sessiz turuncu-wash kare */
html[data-design^="v2"] .bd-head .bg-gradient-to-br{
  background:var(--brand-soft) !important;
  color:var(--brand-deep) !important;
  border:1px solid color-mix(in srgb, var(--brand) 22%, transparent) !important;
  border-radius:var(--radius-sm) !important;
  box-shadow:none !important;
}
html[data-design^="v2"] .bd-head .bg-gradient-to-br *{
  color:var(--brand-deep) !important;
}
html[data-design^="v2"] .bd-head .font-display{
  color:var(--text) !important;
}
/* grup geneli doğruluk yüzdesi (.bd-sub-acc.grad-text) */
html[data-design^="v2"] .bd-sub-acc{
  color:var(--brand-deep) !important;
  font-weight:700;
  font-size:1.05rem;
}

/* hücre ızgarası */
html[data-design^="v2"] .bd-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
@media (min-width:768px){
  html[data-design^="v2"] .bd-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* tek konu hücresi (.bd-cell) — ince çizgili, fill arkada */
html[data-design^="v2"] .bd-cell{
  position:relative;
  overflow:hidden;
  background:var(--bg-1) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  min-height:64px;
  transition:border-color var(--t) var(--ease), transform var(--t) var(--ease) !important;
}
html[data-design^="v2"] .bd-cell:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--brand) 35%, var(--border)) !important;
}
html[data-design^="v2"] .bd-cell-inner{
  position:relative; z-index:1;
  padding:.6rem .7rem;
  display:flex; flex-direction:column; gap:.35rem; height:100%;
  justify-content:space-between;
}
html[data-design^="v2"] .bd-topic{
  color:var(--text) !important;
  font-weight:600;
  font-size:.8rem;
  line-height:1.25;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html[data-design^="v2"] .bd-row{
  display:flex; align-items:baseline; justify-content:space-between; gap:.4rem;
}
html[data-design^="v2"] .bd-acc{ color:var(--text) !important; font-weight:700; font-size:.85rem; }
html[data-design^="v2"] .bd-meta{ color:var(--muted) !important; font-size:.68rem; }

/* doğruluk dolgu çubuğu (.bd-fill) — alttan zemin yıkaması, sakin */
html[data-design^="v2"] .bd-fill{
  position:absolute; left:0; bottom:0; top:0;
  width:0;
  z-index:0;
  opacity:.5;
  transition:width var(--t-slow) var(--ease);
}
/* renk eşikleri — accClass çıktıları: acc class'larını tonla.
   Hücre arkaplanını anlamlı washlere boya. */
html[data-design^="v2"] .bd-cell.acc-low .bd-fill,
html[data-design^="v2"] .bd-cell[data-acc]:not(.acc-mid):not(.acc-ok):not(.acc-good) .bd-fill{
  background:var(--danger-soft) !important;
}
html[data-design^="v2"] .bd-cell.acc-low{ border-color:color-mix(in srgb, var(--danger) 30%, var(--border)) !important; }

html[data-design^="v2"] .bd-cell.acc-mid .bd-fill{ background:var(--warn-soft) !important; }
html[data-design^="v2"] .bd-cell.acc-mid{ border-color:var(--warn-bd) !important; }

html[data-design^="v2"] .bd-cell.acc-ok .bd-fill{ background:var(--brand-soft) !important; }
html[data-design^="v2"] .bd-cell.acc-ok{ border-color:color-mix(in srgb, var(--brand) 26%, var(--border)) !important; }

html[data-design^="v2"] .bd-cell.acc-good .bd-fill{ background:var(--success-soft) !important; }
html[data-design^="v2"] .bd-cell.acc-good{ border-color:var(--success-bd) !important; }

/* ===========================================================
   SKELETON (.skel) — kağıda uygun açık ton, parıltısız
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] .skel{
  background:var(--bg-1) !important;
  border-radius:var(--radius-sm) !important;
}

/* ===========================================================
   STS gating / boş CTA kartları (rx-list içine basılır)
   =========================================================== */
html[data-design^="v2"] [data-view="prescription"] #rx-list .glass h3.font-display{
  color:var(--text) !important;
}

/* "tamamlandı" sayacı küçük metin */
html[data-design^="v2"] [data-view="prescription"] #rx-progress{
  color:var(--brand-deep) !important;
  font-weight:700;
}

/* ===== v2 view: schedule ===== */
/* ============================================================
   v2 EDITORYEL — VIEW: schedule (Haftalık Program)
   Kağıt zemin · mürekkep metin · tek yanık-turuncu vurgu
   Tüm selektörler html[data-design^="v2"] ile prefiks'li
   ============================================================ */

/* ---------- Başlık bloğu: eyebrow + h1 + alt metin ---------- */
html[data-design^="v2"] [data-view="schedule"] .text-violet-300 {
  color: var(--brand-deep) !important;
  font-weight: 600;
}
html[data-design^="v2"] [data-view="schedule"] h1 {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="schedule"] > .view-fade-in > p,
html[data-design^="v2"] [data-view="schedule"] .text-white\/55 {
  color: var(--muted) !important;
}
html[data-design^="v2"] [data-view="schedule"] .text-white\/50,
html[data-design^="v2"] [data-view="schedule"] .text-white\/45 {
  color: var(--muted) !important;
}

/* ============================================================
   TOOLBAR — hafta navigasyonu + istatistikler
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] .sched-toolbar {
  margin-bottom: 20px;
}

/* prev / next ok butonları — tactile, kağıt yüzey */
html[data-design^="v2"] [data-view="schedule"] .sched-week-nav button {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--t) var(--ease),
              background var(--t) var(--ease),
              color var(--t) var(--ease),
              transform var(--t-fast) var(--ease);
}
html[data-design^="v2"] [data-view="schedule"] .sched-week-nav button:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-week-nav button:active {
  transform: translateY(1px);
}

html[data-design^="v2"] [data-view="schedule"] .sched-week-label {
  font-family: 'Fraunces', Georgia, serif !important;
  letter-spacing: -0.01em;
  color: var(--text) !important;
  font-weight: 600;
}

/* istatistik şeridi */
html[data-design^="v2"] [data-view="schedule"] .sched-stats {
  gap: 22px;
}
html[data-design^="v2"] [data-view="schedule"] .sched-stat {
  color: var(--muted) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-stat b {
  color: var(--text) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600;
  font-size: 16px;
}
/* tamamlanma yüzdesi: turuncu vurguyla öne çıkar */
html[data-design^="v2"] [data-view="schedule"] #sched-stat-pct {
  color: var(--brand-deep) !important;
}

/* ============================================================
   AKSİYON BUTONLARI — Rutin / Görev / Reçeteden / Temizle
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] .sched-action-btn {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  font-weight: 500;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--t) var(--ease),
              background var(--t) var(--ease),
              color var(--t) var(--ease),
              transform var(--t-fast) var(--ease);
}
html[data-design^="v2"] [data-view="schedule"] .sched-action-btn:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-action-btn:active {
  transform: translateY(1px);
}

/* birincil aksiyon — dolu turuncu (Reçeteden Ekle) */
html[data-design^="v2"] [data-view="schedule"] .sched-action-btn.primary {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm), 0 0 0 1px var(--brand) inset;
}
html[data-design^="v2"] [data-view="schedule"] .sched-action-btn.primary:hover {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
}

/* Temizle (tehlike) — inline #fda4af + kırmızı border sızıntısını kapat */
html[data-design^="v2"] [data-view="schedule"] #sched-reset {
  color: var(--danger) !important;
  border-color: var(--border) !important;
  background: var(--surface) !important;
}
html[data-design^="v2"] [data-view="schedule"] #sched-reset:hover {
  color: #fff !important;
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}

/* ============================================================
   ENTRY GATE — "Önce bunları tamamla" kartı
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] #sched-gate-card {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  text-align: center;
  padding: 40px 28px;
}
html[data-design^="v2"] [data-view="schedule"] #sched-gate-card h3 {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="schedule"] #sched-gate-card .gate-icon {
  /* nötr emoji; turuncu wash daire ile zeminle */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--brand-soft);
  border: 1px solid var(--brand-ring);
  font-size: 32px;
}

/* gate adımları — ince çizgili sakin satırlar */
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step {
  background: var(--bg-1) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm);
  transition: border-color var(--t) var(--ease),
              background var(--t) var(--ease);
}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .text-sm.font-semibold,
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .font-semibold {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .text-white\/45,
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .text-xs {
  color: var(--muted) !important;
}
/* sağdaki → / + işareti */
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .text-violet-300 {
  color: var(--brand) !important;
}

/* tamamlandı durumu — yeşil */
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.done {
  background: var(--success-soft) !important;
  border-color: var(--success-bd) !important;
}
/* bekliyor durumu — hover'da turuncu ipucu */
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.pending:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
}

/* gate adım numara rozetleri */
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step .gate-mark {
  background: var(--icon-box) !important;
  color: var(--muted) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.done .gate-mark {
  background: var(--success) !important;
  color: #fff !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.pending .gate-mark {
  background: var(--brand) !important;
  color: #fff !important;
}

/* ============================================================
   HAFTALIK GRID — gövde
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] .sched-grid {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm);
}

/* gün başlıkları */
html[data-design^="v2"] [data-view="schedule"] .sched-day-header {
  background: var(--bg-1) !important;
  color: var(--muted) !important;
  border-bottom: 1px solid var(--border) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
html[data-design^="v2"] [data-view="schedule"] .sched-day-header b {
  color: var(--text) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600;
}
/* bugün başlığı — turuncu vurgu */
html[data-design^="v2"] [data-view="schedule"] .sched-day-header.today {
  color: var(--brand-deep) !important;
  background: var(--brand-soft) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-day-header.today b {
  color: var(--brand-deep) !important;
}

/* saat sütunu + saat etiketleri */
html[data-design^="v2"] [data-view="schedule"] .sched-time-col {
  border-right: 1px solid var(--border) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-hour-label {
  color: var(--muted) !important;
  border-top: 1px dashed var(--border) !important;
}

/* gün sütunları — ince saat çizgileri açık tonda */
html[data-design^="v2"] [data-view="schedule"] .sched-day-col {
  border-right: 1px solid var(--border) !important;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0 79px,
    var(--border) 79px 80px
  ) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-day-col.today {
  background-color: var(--brand-soft) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-day-col.drag-over {
  background-color: var(--brand-soft) !important;
  box-shadow: inset 0 0 0 2px var(--brand);
}

/* ============================================================
   ZAMAN BLOKLARI — kategori/görev renkleri
   Her tür kendi tonunu korur ama yumuşak tint + mürekkep metin
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] .sched-block {
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--text) !important;
  border-left-width: 3px;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block:hover {
  box-shadow: var(--shadow-md) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block .b-title {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block .b-time,
html[data-design^="v2"] [data-view="schedule"] .sched-block .b-meta {
  color: var(--muted) !important;
  opacity: 1 !important;
}

/* rutin blokları — nötr gri/kağıt */
html[data-design^="v2"] [data-view="schedule"] .sched-block.routine {
  background: var(--bg-1) !important;
  border-color: var(--border) !important;
  border-left-color: var(--scroll) !important;
  color: var(--muted) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.routine .b-title {
  color: var(--text) !important;
}

/* --- rutin kategorileri: yumuşak tint, ayırt edici sol şerit --- */
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-school {
  background: #EEF0FB !important; border-color: #C9CFF0 !important; border-left-color: #5B63C4 !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-sleep {
  background: #EEF1F5 !important; border-color: #CDD6E0 !important; border-left-color: #64748B !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-meal {
  background: var(--warn-soft) !important; border-color: var(--warn-bd) !important; border-left-color: var(--warn) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-sport {
  background: var(--success-soft) !important; border-color: var(--success-bd) !important; border-left-color: var(--success) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-free {
  background: #F3EEFA !important; border-color: #DCCDF0 !important; border-left-color: #8B5CC4 !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.cat-transport {
  background: #EFF2F4 !important; border-color: #D2DAE0 !important; border-left-color: #748594 !important;
}

/* --- görev türleri: çalışma görevleri biraz daha doygun şerit --- */
html[data-design^="v2"] [data-view="schedule"] .sched-block.task-study {
  background: var(--brand-soft) !important; border-color: var(--brand-ring) !important; border-left-color: var(--brand) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.task-questions {
  background: #E6F4F7 !important; border-color: #BFDEE6 !important; border-left-color: #1593AC !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.task-video {
  background: #FBEAF1 !important; border-color: #F0CEDE !important; border-left-color: #C44E86 !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.task-deneme {
  background: var(--warn-soft) !important; border-color: var(--warn-bd) !important; border-left-color: #C68A14 !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-block.task-review {
  background: var(--success-soft) !important; border-color: var(--success-bd) !important; border-left-color: var(--success) !important;
}

/* tamamlanan görev */
html[data-design^="v2"] [data-view="schedule"] .sched-block.completed {
  opacity: 0.55 !important;
}

/* ============================================================
   MOBİL GÖRÜNÜM
   ============================================================ */
html[data-design^="v2"] [data-view="schedule"] .sched-mobile-nav {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm);
}
html[data-design^="v2"] [data-view="schedule"] .sched-mobile-nav button {
  background: var(--bg-1) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  transition: border-color var(--t) var(--ease), background var(--t) var(--ease);
}
html[data-design^="v2"] [data-view="schedule"] .sched-mobile-nav button:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-mobile-nav .sched-m-day-label {
  color: var(--text) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600;
}
html[data-design^="v2"] [data-view="schedule"] .sched-mobile-nav .sched-m-day-label .day-sub {
  color: var(--muted) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 400;
}

/* mobil scroll thumb — turuncu yerine nötr/marka uyumlu */
html[data-design^="v2"] [data-view="schedule"] .sched-grid::-webkit-scrollbar-thumb {
  background: var(--scroll) !important;
}
html[data-design^="v2"] [data-view="schedule"] .sched-grid::-webkit-scrollbar-track {
  background: var(--bg-1) !important;
}

/* ===== v2 view: activities ===== */
/* ============================================================
   UVA Mentor v2 — VIEW: activities (editoryel)
   Sadece bu view'e ozel. Paylasilan .glass/.btn-glow tekrar stillemez.
   Tum koyu/beyaz-metin ve kapanmamis renk sizintilari kapatilir.
   ============================================================ */

/* --- Eyebrow (Aktivite Gecmisi) : violet sizintisi -> turuncu vurgu --- */
html[data-design^="v2"] [data-view="activities"] .text-violet-300 {
  color: var(--orange-ink) !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
}

/* --- Baslik : Fraunces serif, murekkep --- */
html[data-design^="v2"] [data-view="activities"] h1.font-display {
  color: var(--ink) !important;
  letter-spacing: -.015em !important;
  line-height: 1.06 !important;
}

/* --- Govde / aciklama metni : beyaz sizinti -> ikincil murekkep --- */
html[data-design^="v2"] [data-view="activities"] .text-white\/55,
html[data-design^="v2"] [data-view="activities"] .text-white\/50,
html[data-design^="v2"] [data-view="activities"] p {
  color: var(--soft) !important;
}

/* --- Baslik ile liste arasini editoryel nefesle ayir --- */
html[data-design^="v2"] [data-view="activities"] .mb-6 {
  margin-bottom: 1.75rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--line) !important;
}

/* --- Liste : satirlar arasi ince ritim --- */
html[data-design^="v2"] [data-view="activities"] #activities-list.space-y-2 > * + * {
  margin-top: .5rem !important;
}

/* --- Aktivite satiri (.glass) : sakin kart, sol turuncu aksan --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass {
  position: relative !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass::before,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass::before {
  content: "" !important;
  position: absolute !important;
  left: 0; top: 0; bottom: 0;
  width: 3px !important;
  background: var(--orange) !important;
  opacity: 0 !important;
  transition: opacity var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass:hover,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass:hover {
  border-color: var(--line) !important;
  background: var(--paper) !important;
  transform: none !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass:hover::before,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass:hover::before {
  opacity: 1 !important;
}

/* --- Satir basligi (konu / ders) : net murekkep --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass .text-sm.font-medium,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass .text-sm.font-medium {
  color: var(--ink) !important;
  font-weight: 600 !important;
}

/* --- Satir alt-metni (zaman / not) : beyaz sizinti -> ikincil --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass .text-white\/50,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass .text-white\/50 {
  color: var(--soft) !important;
}

/* --- Tur ikonu kutusu : bg-white/5 koyu sizinti -> kagit hucre --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass .bg-white\/5,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass .bg-white\/5 {
  background: var(--orange-wash) !important;
  border: 1px solid var(--line) !important;
  color: var(--orange-ink) !important;
}

/* --- Sag metrik cipi : sure (cyan sizintisi, global map kapsamiyor) --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass .text-cyan-300,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass .text-cyan-300 {
  color: var(--soft) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
/* --- Sag metrik cipi : dogru/toplam (basari) --- */
html[data-design^="v2"] [data-view="activities"] #activities-list > .glass .text-emerald-300,
html[data-design^="v2"] [data-view="activities"] #act-preview > .glass .text-emerald-300 {
  color: var(--success) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* --- Bos durum karti : sakin, merkezli, murekkep --- */
html[data-design^="v2"] [data-view="activities"] #activities-empty {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-empty .font-display {
  color: var(--ink) !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-empty .text-white\/50,
html[data-design^="v2"] [data-view="activities"] #activities-empty .text-sm {
  color: var(--soft) !important;
}
html[data-design^="v2"] [data-view="activities"] #activities-empty b {
  color: var(--orange-ink) !important;
  font-weight: 600 !important;
}

/* --- Iskelet (skel) : kagit zemine uygun yumusak nabiz --- */
html[data-design^="v2"] [data-view="activities"] .skel {
  background: var(--bg-1) !important;
}

/* --- Yeni Aktivite butonu : tactile, dar harf araligi (paylasilan .btn-glow zaten turuncu) --- */
html[data-design^="v2"] [data-view="activities"] #log-btn-act {
  border-radius: var(--radius-sm) !important;
  font-weight: 600 !important;
  letter-spacing: -.005em !important;
}

/* ===== v2 view: news ===== */
/* ============================================================
   UVA Mentor v2 — EDITORIAL  ·  view: news
   Kağıt zemin · mürekkep metin · tek yanık-turuncu vurgu
   Tüm selektörler html[data-design^="v2"] ile prefixli.
   ============================================================ */

/* ---- view zemini ---- */
html[data-design^="v2"] [data-view="news"]{
  color:var(--text);
}

/* ===== ÜST BAŞLIK BLOĞU ===== */
/* "Platform" eyebrow — cyan sızıntısını kapat */
html[data-design^="v2"] [data-view="news"] .text-cyan-300\/80{
  color:var(--orange-ink) !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}
html[data-design^="v2"] [data-view="news"] h1.font-display{
  font-family:'Hanken Grotesk',system-ui,sans-serif !important;
  color:var(--ink,var(--text)) !important;
  letter-spacing:-.015em;
  line-height:1.05;
}
/* alt açıklama — beyaz/şeffaf metni mürekkep-soft yap */
html[data-design^="v2"] [data-view="news"] .text-white\/55{
  color:var(--soft,#5B5447) !important;
}

/* ===== ÜST AKSİYON BUTONU (Tümünü Okundu) ===== */
/* sadece news view'inde — schedule view'i bozma */
html[data-design^="v2"] [data-view="news"] .sched-action-btn{
  padding:9px 16px !important;
  border-radius:var(--radius-sm) !important;
  font-size:13px !important;
  font-weight:600 !important;
  background:var(--surface) !important;
  border:1px solid var(--line,#E5DECF) !important;
  color:var(--text) !important;
  box-shadow:0 1px 0 rgba(23,20,15,.04) !important;
  transition:transform var(--t-fast,140ms) var(--ease),
             background var(--t-fast,140ms) var(--ease),
             border-color var(--t-fast,140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="news"] .sched-action-btn:hover{
  background:var(--orange-wash,#FBEFE6) !important;
  border-color:var(--orange) !important;
  color:var(--orange-ink,#B23E0E) !important;
  transform:translateY(-1px);
}
html[data-design^="v2"] [data-view="news"] .sched-action-btn:active{
  transform:translateY(0);
  box-shadow:inset 0 1px 2px rgba(23,20,15,.06) !important;
}

/* ===== YÜKLENİYOR / İSKELET DURUMU ===== */
html[data-design^="v2"] [data-view="news"] #news-list > .glass{
  background:var(--surface) !important;
  border:1px solid var(--line,#E5DECF) !important;
  border-radius:var(--radius,12px) !important;
  box-shadow:none !important;
  color:var(--soft,#5B5447) !important;
}
html[data-design^="v2"] [data-view="news"] #news-list > .glass.text-white\/40,
html[data-design^="v2"] [data-view="news"] .text-white\/40{
  color:var(--soft,#5B5447) !important;
}

/* ===== HABER KARTI ===== */
html[data-design^="v2"] [data-view="news"] .news-card{
  background:var(--surface) !important;
  border:1px solid var(--line,#E5DECF) !important;
  border-radius:var(--radius,12px) !important;
  padding:22px 24px !important;
  box-shadow:0 1px 0 rgba(23,20,15,.03) !important;
  transition:border-color var(--t,200ms) var(--ease),
             box-shadow var(--t,200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="news"] .news-card:hover{
  border-color:#D8CFBC !important;
  box-shadow:0 6px 18px rgba(23,20,15,.06) !important;
}

/* okunmamış — sol kenarda yanık-turuncu çubuk + ince ışıltısız vurgu */
html[data-design^="v2"] [data-view="news"] .news-card.unread{
  background:var(--surface) !important;
  border-left:3px solid var(--orange) !important;
  padding-left:21px !important;
}

/* sabitlenmiş ikon */
html[data-design^="v2"] [data-view="news"] .news-card.pinned::before{
  filter:grayscale(.1);
  opacity:.85;
}

/* kritik öncelik — gradient/glow yerine ince halka */
html[data-design^="v2"] [data-view="news"] .news-card.news-priority-critical{
  box-shadow:0 0 0 1px var(--danger,#D64531) !important;
  border-color:var(--danger,#D64531) !important;
}

/* okunmamış nokta */
html[data-design^="v2"] [data-view="news"] .news-unread-dot{
  background:var(--orange) !important;
  box-shadow:none !important;
  width:8px !important; height:8px !important;
}

/* ===== TÜR ROZETLERİ ===== */
/* tüm rozetler kağıt-üstü ince, sakin; renk kodu korunur ama dingin */
html[data-design^="v2"] [data-view="news"] .news-type-badge{
  padding:3px 10px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  border:1px solid transparent !important;
}
html[data-design^="v2"] [data-view="news"] .news-type-news{
  background:var(--orange-wash,#FBEFE6) !important;
  color:var(--orange-ink,#B23E0E) !important;
  border-color:rgba(218,81,23,.18) !important;
}
html[data-design^="v2"] [data-view="news"] .news-type-update{
  background:var(--bg-1,#F4F1EC) !important;
  color:var(--soft,#5B5447) !important;
  border-color:var(--line,#E5DECF) !important;
}
html[data-design^="v2"] [data-view="news"] .news-type-announcement{
  background:var(--bg-1,#F4F1EC) !important;
  color:var(--text) !important;
  border-color:var(--line,#E5DECF) !important;
}
html[data-design^="v2"] [data-view="news"] .news-type-warning{
  background:rgba(214,69,49,.10) !important;
  color:var(--danger,#D64531) !important;
  border-color:rgba(214,69,49,.22) !important;
}
html[data-design^="v2"] [data-view="news"] .news-type-event{
  background:rgba(180,83,9,.10) !important;
  color:var(--warn,#B45309) !important;
  border-color:rgba(180,83,9,.20) !important;
}

/* ===== BAŞLIK / GÖVDE ===== */
html[data-design^="v2"] [data-view="news"] .news-title{
  font-family:'Hanken Grotesk',system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:20px !important;
  color:var(--ink,var(--text)) !important;
  letter-spacing:-.01em !important;
  line-height:1.25 !important;
  margin:10px 0 6px !important;
}
html[data-design^="v2"] [data-view="news"] .news-body{
  font-size:14.5px !important;
  line-height:1.65 !important;
  color:var(--soft,#5B5447) !important;
}

/* görsel */
html[data-design^="v2"] [data-view="news"] .news-image{
  border-radius:var(--radius-sm,8px) !important;
  border:1px solid var(--line,#E5DECF) !important;
  margin:14px 0 !important;
}

/* ===== DETAY BAĞLANTISI (tactile buton) ===== */
html[data-design^="v2"] [data-view="news"] .news-link{
  margin-top:14px !important;
  padding:9px 15px !important;
  border-radius:var(--radius-sm,8px) !important;
  background:var(--surface) !important;
  border:1px solid var(--orange) !important;
  color:var(--orange-ink,#B23E0E) !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  box-shadow:0 1px 0 rgba(23,20,15,.04) !important;
  transition:transform var(--t-fast,140ms) var(--ease),
             background var(--t-fast,140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="news"] .news-link:hover{
  background:var(--orange) !important;
  color:#FFFFFF !important;
  transform:translateY(-1px);
}
html[data-design^="v2"] [data-view="news"] .news-link:active{
  transform:translateY(0);
}

/* ===== META SATIRI ===== */
html[data-design^="v2"] [data-view="news"] .news-meta{
  font-size:11.5px !important;
  color:#8C8475 !important;
  margin-top:12px !important;
  padding-top:12px !important;
  border-top:1px solid var(--line,#E5DECF) !important;
}

/* ===== BOŞ DURUM ===== */
html[data-design^="v2"] [data-view="news"] .news-empty{
  color:var(--soft,#5B5447) !important;
  padding:64px 20px !important;
}
html[data-design^="v2"] [data-view="news"] .news-empty .icon{
  opacity:.6 !important;
}

/* ===== HATA DURUMU ===== */
html[data-design^="v2"] [data-view="news"] #news-list .text-rose-300{
  color:var(--danger,#D64531) !important;
}

/* ===== GİRİŞ ANİMASYONU — sakin ===== */
html[data-design^="v2"] [data-view="news"] .view-fade-in{
  animation:v2NewsFade var(--t-slow,340ms) var(--ease) both;
}
@keyframes v2NewsFade{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:none;}
}

/* ===== v2 view: analytics ===== */
/* ============================================================
   UVA Mentor v2 — VIEW: analytics (Analitik panel)
   Editoryel: kağıt zemin, mürekkep metin, tek turuncu vurgu,
   Fraunces başlık, ince çizgiler, sakin kartlar.
   Tüm selektörler html[data-design^="v2"] ile prefix'li.
   ============================================================ */

/* --- View kabı: nefes alanı --- */
html[data-design^="v2"] [data-view="analytics"]{
  color:var(--text) !important;
}

/* --- Başlık bloğu --- */
/* Eyebrow: violet-300 sızıntısını kapat, turuncu sakin etiket */
html[data-design^="v2"] [data-view="analytics"] .text-violet-300{
  color:var(--orange-ink) !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
}
html[data-design^="v2"] [data-view="analytics"] h1.font-display{
  color:var(--text) !important;
  letter-spacing:-.015em !important;
  line-height:1.08 !important;
}
/* Alt açıklama: white/55 → ikincil mürekkep */
html[data-design^="v2"] [data-view="analytics"] p.text-white\/55,
html[data-design^="v2"] [data-view="analytics"] .text-white\/55{
  color:var(--soft) !important;
}

/* --- Tüm beyaz-metin sızıntılarını kapat --- */
html[data-design^="v2"] [data-view="analytics"] .text-white\/50,
html[data-design^="v2"] [data-view="analytics"] .text-white\/40{
  color:var(--soft) !important;
}

/* ============================================================
   KPI stat kartları (.glass) — sakin, tactile
   .glass paylaşılan; burada sadece bu view'e özel ince ayar
   ============================================================ */
html[data-design^="v2"] [data-view="analytics"] .glass{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 1px 0 rgba(23,20,15,.02), 0 1px 2px rgba(23,20,15,.04) !important;
  transition:border-color var(--t) var(--ease),
             box-shadow var(--t) var(--ease),
             transform var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="analytics"] .glass:hover{
  border-color:#D9D0BC !important;
  box-shadow:0 1px 0 rgba(23,20,15,.03), 0 6px 18px rgba(23,20,15,.06) !important;
  transform:translateY(-1px) !important;
}

/* KPI üst etiket (Toplam doğru / Toplam soru / Doğruluk) */
html[data-design^="v2"] [data-view="analytics"] .glass .text-xs{
  color:var(--soft) !important;
  letter-spacing:.12em !important;
  font-weight:600 !important;
}

/* KPI büyük sayı (.grad-text) — mürekkep, ince serif */
html[data-design^="v2"] [data-view="analytics"] .glass .grad-text,
html[data-design^="v2"] [data-view="analytics"] .glass .grad-text *{
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  background:none !important;
  letter-spacing:-.02em !important;
}
/* "Doğruluk" yüzdesi: turuncu vurgu sayı için sıcak aksan */
html[data-design^="v2"] [data-view="analytics"] .glass:last-child .grad-text,
html[data-design^="v2"] [data-view="analytics"] .glass:last-child .grad-text *{
  color:var(--orange-ink) !important;
  -webkit-text-fill-color:var(--orange-ink) !important;
}

/* ============================================================
   14 Günlük Çalışma — grafik kartı (.grad-border)
   .grad-border paylaşılan; bu view'e özel iç tipografi + svg
   ============================================================ */
html[data-design^="v2"] [data-view="analytics"] .grad-border{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:0 1px 0 rgba(23,20,15,.02), 0 8px 24px rgba(23,20,15,.05) !important;
}
html[data-design^="v2"] [data-view="analytics"] .grad-border::before{
  display:none !important;
}

/* Grafik başlığı */
html[data-design^="v2"] [data-view="analytics"] .grad-border h3.font-display{
  color:var(--text) !important;
  letter-spacing:-.01em !important;
}
/* "dakika" küçük etiket */
html[data-design^="v2"] [data-view="analytics"] .grad-border .text-white\/40{
  color:var(--soft) !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:.7rem !important;
}
/* Grafik özet satırı (#chart-summary-big) */
html[data-design^="v2"] [data-view="analytics"] #chart-summary-big{
  color:var(--soft) !important;
}

/* İnce ayraç: başlık ile grafik arası soluk çizgi (markup eklemeden) */
html[data-design^="v2"] [data-view="analytics"] .grad-border #chart-summary-big{
  padding-bottom:1rem !important;
  border-bottom:1px solid var(--line) !important;
}

/* --- SVG grafik: kağıt zemine uygun renkler --- */
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big{
  overflow:visible !important;
}
/* Çizgi/dolgu currentColor kullanan path'leri turuncuya çek */
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big path[stroke="currentColor"],
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big polyline[stroke="currentColor"],
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big line[stroke="currentColor"]{
  stroke:var(--orange) !important;
}
/* Eksen / grid çizgileri varsa soluk mürekkep */
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big .axis,
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big .grid,
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big [stroke="rgba(255,255,255,0.06)"],
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big [stroke^="rgba(255,255,255"]{
  stroke:var(--line) !important;
}
/* Beyaz metin/etiketleri svg içinde mürekkebe çek */
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big text,
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big [fill="#fff"],
html[data-design^="v2"] [data-view="analytics"] #chart-svg-big [fill^="rgba(255,255,255"]{
  fill:var(--soft) !important;
}

/* --- Giriş animasyonu: sakin --- */
html[data-design^="v2"] [data-view="analytics"] .view-fade-in{
  animation-duration:var(--t-slow) !important;
}

/* ===== v2 view: solve ===== */
/* ===================================================================
   UVA MENTOR v2 — EDITORIAL — VIEW: SOLVE (AI Soru Çözücü)
   Kağıt zemin · mürekkep metin · tek yanık-turuncu vurgu · Fraunces
   Tüm koyu/violet-cyan/beyaz-metin sızıntıları kapatılır.
=================================================================== */

/* --- PANEL KABUĞU (cam/gradient/violet gölge sök) --- */
html[data-design^="v2"] .solve-panel {
  background: var(--bg-0) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: var(--text) !important;
}
/* tam ekran aktifken panel: kenarlıksız ama kağıt zeminli */
html[data-design^="v2"] body.view-solve-active .solve-panel,
html[data-design^="v2"] html.view-solve-active .solve-panel,
html[data-design^="v2"] body:has(.view[data-view="solve"].active) .solve-panel,
html[data-design^="v2"] html:has(.view[data-view="solve"].active) .solve-panel {
  background: var(--bg-0) !important;
  border: none !important;
  border-top: 1px solid var(--border) !important;
  box-shadow: none !important;
}

/* drag-over durumu */
html[data-design^="v2"] .solve-panel.dragover {
  border-color: var(--brand) !important;
}
html[data-design^="v2"] .solve-panel.dragover::after {
  background: color-mix(in srgb, var(--bg-0) 90%, transparent) !important;
  color: var(--brand-deep) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* === BAŞLIK ŞERİDİ === */
html[data-design^="v2"] .solve-head {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 16px 28px !important;
}
/* başlık ikonu: violet-cyan gradient yerine turuncu wash kutu */
html[data-design^="v2"] .solve-head > div:first-child {
  background: var(--brand-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] .solve-head > div:first-child svg {
  stroke: var(--brand) !important;
}
/* başlık metni */
html[data-design^="v2"] .solve-head .font-display {
  color: var(--text) !important;
  font-size: 15px !important;
  letter-spacing: -0.02em !important;
}
html[data-design^="v2"] .solve-head .text-\[11px\] {
  color: var(--muted) !important;
}
/* "AKTİF" rozeti: yeşil sızıntısını başarı tokenına çek */
html[data-design^="v2"] .solve-head .font-display > span[style] {
  background: var(--success-soft) !important;
  color: var(--success) !important;
  border: 1px solid var(--success-bd) !important;
  font-weight: 700 !important;
}
html[data-design^="v2"] .solve-head .font-display > span[style] > span[style] {
  background: var(--success) !important;
}

/* === MESAJ ALANI === */
html[data-design^="v2"] .solve-messages {
  padding: 28px 0 !important;
  gap: 22px !important;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll) transparent;
}
html[data-design^="v2"] .solve-messages::-webkit-scrollbar { width: 9px; }
html[data-design^="v2"] .solve-messages::-webkit-scrollbar-thumb {
  background: var(--scroll); border-radius: 999px;
  border: 3px solid var(--bg-0); background-clip: padding-box;
}
html[data-design^="v2"] .solve-messages::-webkit-scrollbar-track { background: transparent; }

/* --- MESAJ BALONLARI (JS render) --- */
html[data-design^="v2"] .msg-avatar {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-design^="v2"] .msg-ai .msg-avatar {
  background: var(--brand-soft) !important;
  border: 1px solid var(--border) !important;
  color: var(--brand) !important;
}
html[data-design^="v2"] .msg-ai .msg-avatar svg { stroke: var(--brand) !important; }
html[data-design^="v2"] .msg-user .msg-avatar {
  background: var(--icon-box) !important;
  border: 1px solid var(--border) !important;
  color: var(--soft, var(--muted)) !important;
}

html[data-design^="v2"] .msg-bubble {
  font-size: 14.5px !important;
  box-shadow: var(--shadow-sm) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* AI balonu: yüzey kartı + ince çizgi */
html[data-design^="v2"] .msg-ai .msg-bubble {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-top-left-radius: 5px !important;
  box-shadow: var(--shadow-sm) !important;
}
/* kullanıcı balonu: yanık-turuncu, beyaz metin (kasıtlı, vurgu) */
html[data-design^="v2"] .msg-user .msg-bubble {
  background: var(--brand) !important;
  border: 1px solid var(--brand-deep) !important;
  color: #fff !important;
  border-top-right-radius: 5px !important;
  box-shadow: 0 6px 18px -8px var(--brand-ring) !important;
}
/* balon içi tipografi sızıntıları */
html[data-design^="v2"] .msg-ai .msg-bubble a { color: var(--brand-deep) !important; text-decoration: underline; text-underline-offset: 2px; }
html[data-design^="v2"] .msg-ai .msg-bubble code,
html[data-design^="v2"] .msg-ai .msg-bubble pre {
  background: var(--bg-1) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] .msg-ai .msg-bubble strong { color: var(--text) !important; }
html[data-design^="v2"] .msg-user .msg-bubble code,
html[data-design^="v2"] .msg-user .msg-bubble pre {
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.22) !important;
  color: #fff !important;
}
html[data-design^="v2"] .msg-photo {
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius) !important;
}

/* === BOŞ DURUM (empty state) === */
html[data-design^="v2"] .solve-empty {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 44px 28px !important;
}
html[data-design^="v2"] .solve-empty,
html[data-design^="v2"] .solve-empty * { color: var(--text) !important; }
html[data-design^="v2"] .solve-empty .text-white\/45,
html[data-design^="v2"] .solve-empty [class*="text-white\/"] { color: var(--muted) !important; }
html[data-design^="v2"] .solve-empty-icon {
  background: var(--brand-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  color: var(--brand) !important;
  animation: none !important;
}
/* boş durum hızlı başlangıç çipleri */
html[data-design^="v2"] .solve-chip {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease) !important;
}
html[data-design^="v2"] .solve-chip:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-md) !important;
}

/* === GİRİŞ ALANI === */
html[data-design^="v2"] .solve-input-wrap {
  background: var(--surface) !important;
  border-top: 1px solid var(--border) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 16px 28px 26px !important;
}
html[data-design^="v2"] .solve-input-wrap .text-\[11px\] {
  color: var(--muted) !important;
}

/* giriş kutusu: kağıt yüzey + odakta turuncu halka */
html[data-design^="v2"] .solve-input {
  background: var(--bg-0) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: border-color var(--t) var(--ease), box-shadow var(--t) var(--ease) !important;
}
html[data-design^="v2"] .solve-input:focus-within {
  border-color: var(--brand) !important;
  background: var(--surface) !important;
  box-shadow: 0 0 0 3px var(--brand-ring) !important;
}
html[data-design^="v2"] .solve-textarea {
  color: var(--text) !important;
  font-size: 14.5px !important;
}
html[data-design^="v2"] .solve-textarea::placeholder { color: var(--muted) !important; }

/* === İKON BUTONLAR (bu view içinde) === */
html[data-design^="v2"] .solve-panel .icon-btn {
  background: var(--icon-box) !important;
  color: var(--soft, var(--muted)) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] .solve-panel .icon-btn:hover {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
  border-color: var(--brand) !important;
}
html[data-design^="v2"] .solve-panel .icon-btn svg { stroke: currentColor !important; }
/* gönder butonu: dolu yanık-turuncu, tactile */
html[data-design^="v2"] .solve-panel .icon-btn.send-btn {
  background: var(--brand) !important;
  border: 1px solid var(--brand-deep) !important;
  color: #fff !important;
  box-shadow: 0 2px 0 var(--brand-deep) !important;
}
html[data-design^="v2"] .solve-panel .icon-btn.send-btn svg { stroke: #fff !important; }
html[data-design^="v2"] .solve-panel .icon-btn.send-btn:not(:disabled):hover {
  background: var(--brand-deep) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 0 var(--brand-deep) !important;
}
html[data-design^="v2"] .solve-panel .icon-btn.send-btn:not(:disabled):active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 0 var(--brand-deep) !important;
}
html[data-design^="v2"] .solve-panel .icon-btn:disabled { opacity: .4 !important; }

/* === FOTOĞRAF ÖNİZLEME === */
html[data-design^="v2"] .solve-photo-preview {
  background: var(--brand-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
}
html[data-design^="v2"] .solve-photo-preview img {
  border: 1px solid var(--border) !important;
}
html[data-design^="v2"] .solve-photo-preview .text-white\/85,
html[data-design^="v2"] .solve-photo-preview #solve-photo-name { color: var(--text) !important; }
html[data-design^="v2"] .solve-photo-preview .text-white\/45 { color: var(--muted) !important; }

/* === GENEL BEYAZ-METİN SIZINTI KAPATICI (yalnız bu view) === */
html[data-design^="v2"] .solve-panel [class*="text-white\/"] { color: var(--muted) !important; }
html[data-design^="v2"] .solve-panel .text-white\/85 { color: var(--text) !important; }

/* giriş alanı fade-in transform'unu sakinleştir (zaten global ama view'e özgü güvence) */
html[data-design^="v2"] .solve-panel .view-fade-in { transform: none !important; }

/* ===== v2 view: sts ===== */
/* ============================================================
   UVA Mentor v2 — editoryel · VIEW: sts (Seviye Tespiti)
   kağıt zemin · mürekkep metin · tek turuncu vurgu · Fraunces
   Tüm seçiciler html[data-design^="v2"] ile prefixli.
   ============================================================ */

/* ---- Kapsayıcı: kağıt zemin, mürekkep metin ---- */
html[data-design^="v2"] [data-view="sts"]{
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="sts"] *{
  border-color:var(--line);
}

/* ---- Başlık bloğu ---- */
html[data-design^="v2"] [data-view="sts"] .text-violet-300{
  color:var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="sts"] .uppercase.tracking-widest{
  font-weight:600 !important;
  letter-spacing:.18em !important;
}
html[data-design^="v2"] [data-view="sts"] h1{
  font-family:'Hanken Grotesk',system-ui,sans-serif !important;
  color:var(--text) !important;
  letter-spacing:-.015em !important;
  line-height:1.08 !important;
}
html[data-design^="v2"] [data-view="sts"] .text-white\/55,
html[data-design^="v2"] [data-view="sts"] .text-white\/50,
html[data-design^="v2"] [data-view="sts"] .text-white\/40{
  color:var(--soft) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-loading{
  color:var(--soft) !important;
}

/* ---- Mode tab'ları (Soru Çözerek / Hızlı Değerlendirme) ---- */
html[data-design^="v2"] [data-view="sts"] .sts-tab{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  color:var(--text) !important;
  box-shadow:0 1px 2px rgba(23,20,15,.03) !important;
  transition:border-color var(--t) var(--ease),
             box-shadow var(--t) var(--ease),
             transform var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-tab:hover{
  border-color:var(--orange) !important;
  box-shadow:0 4px 14px rgba(23,20,15,.06) !important;
  transform:translateY(-1px) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-tab.active{
  background:var(--orange-wash) !important;
  border-color:var(--orange) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-tab .font-display{
  font-family:'Hanken Grotesk',system-ui,sans-serif !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-tab .text-white\/50{
  color:var(--soft) !important;
}

/* ---- grad-border kart kabuğu (manuel + sonuç) ---- */
html[data-design^="v2"] [data-view="sts"] .grad-border{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:0 1px 2px rgba(23,20,15,.03) !important;
}
html[data-design^="v2"] [data-view="sts"] .grad-border::before{
  display:none !important;
}

/* ---- Kart içi "UVA AI" satırı + ✦ rozeti ---- */
html[data-design^="v2"] [data-view="sts"] .grad-border .text-violet-300{
  color:var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="sts"] .bg-gradient-to-br.from-violet-500{
  background:var(--orange) !important;
  color:#fff !important;
}

/* ---- Sonuç metinleri ---- */
html[data-design^="v2"] [data-view="sts"] #sts-result-analysis,
html[data-design^="v2"] [data-view="sts"] .text-white\/80,
html[data-design^="v2"] [data-view="sts"] .text-white\/85,
html[data-design^="v2"] [data-view="sts"] .text-white\/90{
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="sts"] .text-white\/75,
html[data-design^="v2"] [data-view="sts"] #sts-result-motivation{
  color:var(--soft) !important;
}

/* ---- "Koçundan" notu (iç glass kutu) ---- */
html[data-design^="v2"] [data-view="sts"] .glass{
  background:var(--bg-1) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-section-result .glass[style]{
  border-color:var(--line) !important;
}

/* ---- Quiz soru kartları ---- */
html[data-design^="v2"] [data-view="sts"] [data-sts-qid]{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:0 1px 2px rgba(23,20,15,.03) !important;
  transition:border-color var(--t) var(--ease),
             box-shadow var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] [data-sts-qid]:hover{
  border-color:var(--line) !important;
  box-shadow:0 4px 14px rgba(23,20,15,.05) !important;
}
/* soru üstü konu rozeti */
html[data-design^="v2"] [data-view="sts"] [data-sts-qid] .bg-violet-500\/15{
  background:var(--orange-wash) !important;
  color:var(--orange-ink) !important;
}

/* ---- Quiz seçenek butonları ---- */
html[data-design^="v2"] [data-view="sts"] .sts-option{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
  border-radius:var(--radius) !important;
  transition:border-color var(--t-fast) var(--ease),
             background var(--t-fast) var(--ease),
             transform var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-option:hover{
  border-color:var(--orange) !important;
  background:var(--orange-wash) !important;
  color:var(--text) !important;
  transform:translateY(-1px) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-option.active{
  border-color:var(--orange) !important;
  background:var(--orange-wash) !important;
  color:var(--orange-ink) !important;
  font-weight:600 !important;
  box-shadow:inset 0 0 0 1px var(--orange) !important;
}

/* ---- Manuel: konu satırları ---- */
html[data-design^="v2"] [data-view="sts"] [data-sts-pkey]{
  border-bottom:1px solid var(--line) !important;
}
html[data-design^="v2"] [data-view="sts"] [data-sts-pkey] .text-white\/90{
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="sts"] [data-sts-pkey] .text-white\/40{
  color:var(--soft) !important;
}

/* ---- Manuel: seviye (proficiency) butonları ---- */
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--soft) !important;
  border-radius:var(--radius-sm) !important;
  transition:border-color var(--t-fast) var(--ease),
             background var(--t-fast) var(--ease),
             color var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn:hover{
  border-color:var(--orange) !important;
  color:var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn.active{
  background:var(--orange-wash) !important;
  border-color:var(--orange) !important;
  color:var(--orange-ink) !important;
  font-weight:600 !important;
}

/* ---- Sonuç: öncelikli alan kartları ---- */
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .glass{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-left-width:3px !important;
}
/* Tailwind priority renkleri -> sakin token sınırları */
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .border-rose-500\/60{
  border-left-color:var(--danger) !important;
  background:var(--surface) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .border-amber-500\/60{
  border-left-color:var(--warn) !important;
  background:var(--surface) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .border-emerald-500\/60{
  border-left-color:var(--success) !important;
  background:var(--surface) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .bg-rose-500\/5,
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .bg-amber-500\/5,
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .bg-emerald-500\/5{
  background:var(--surface) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas .text-violet-300{
  color:var(--orange-ink) !important;
}

/* ---- Öncelik chip'leri ---- */
html[data-design^="v2"] [data-view="sts"] .chip-critical{
  background:#FBEAE7 !important;
  color:var(--danger) !important;
  font-weight:600 !important;
}
html[data-design^="v2"] [data-view="sts"] .chip-medium{
  background:#FBF1E2 !important;
  color:var(--warn) !important;
  font-weight:600 !important;
}
html[data-design^="v2"] [data-view="sts"] .chip-low{
  background:#E8F4EC !important;
  color:var(--success) !important;
  font-weight:600 !important;
}

/* ---- Birincil aksiyon butonları (btn-glow) ---- */
html[data-design^="v2"] [data-view="sts"] .btn-glow{
  background:var(--orange) !important;
  color:#fff !important;
  border:1px solid var(--orange) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 1px 2px rgba(178,62,14,.18) !important;
  transition:background var(--t) var(--ease),
             transform var(--t-fast) var(--ease),
             box-shadow var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] .btn-glow:hover:not(:disabled){
  background:var(--orange-ink) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 18px rgba(178,62,14,.22) !important;
}
html[data-design^="v2"] [data-view="sts"] .btn-glow:active:not(:disabled){
  transform:translateY(0) !important;
}
html[data-design^="v2"] [data-view="sts"] .btn-glow:disabled{
  background:var(--bg-1) !important;
  color:var(--soft) !important;
  border-color:var(--line) !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}
html[data-design^="v2"] [data-view="sts"] .btn-glow .font-display{
  font-family:'Hanken Grotesk',system-ui,sans-serif !important;
}

/* ---- İkincil aksiyon (Yeniden Başla = glass buton) ---- */
html[data-design^="v2"] [data-view="sts"] #sts-section-result .flex.flex-col .glass{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
  border-radius:var(--radius) !important;
  transition:border-color var(--t) var(--ease),
             background var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="sts"] #sts-section-result .flex.flex-col .glass:hover{
  background:var(--bg-1) !important;
  border-color:var(--orange) !important;
}

/* ---- ℞ reçete sembolü turuncu ---- */
html[data-design^="v2"] [data-view="sts"] .btn-glow .font-display.font-bold{
  color:#fff !important;
}

/* ---- Sakin giriş animasyonu ---- */
html[data-design^="v2"] [data-view="sts"] .view-fade-in{
  animation:stsFade var(--t-slow) var(--ease) both;
}
@keyframes stsFade{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

/* ===== v2 view: mentor ===== */
/* ============================================================
   UVA MENTOR — v2 editoryel (kağıt zemin / mürekkep / tek turuncu vurgu)
   Tüm selektörler html[data-design^="v2"] ile prefixli.
   Sadece data-view="mentor" ve mentor-* custom class'lar.
   ============================================================ */

/* ---- View tipografi & hero ---- */
html[data-design^="v2"] [data-view="mentor"] {
  color: var(--text);
}
html[data-design^="v2"] [data-view="mentor"] h1 {
  letter-spacing: -0.02em;
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="mentor"] p {
  color: var(--soft) !important;
}

/* Hero üst etiket (UVA MENTOR AI) — mor + gradient rozet temizliği */
html[data-design^="v2"] [data-view="mentor"] .text-violet-300 {
  color: var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="mentor"] .text-violet-300 {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600;
}
html[data-design^="v2"] [data-view="mentor"] .text-violet-300 > span.bg-gradient-to-br {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--line);
  box-shadow: none !important;
  border-radius: var(--radius-sm) !important;
}

/* Tüm beyaz-metin sızıntıları */
html[data-design^="v2"] [data-view="mentor"] .text-white\/55,
html[data-design^="v2"] [data-view="mentor"] .text-white\/50,
html[data-design^="v2"] [data-view="mentor"] .text-white\/45,
html[data-design^="v2"] [data-view="mentor"] .text-white\/70 {
  color: var(--soft) !important;
}
html[data-design^="v2"] [data-view="mentor"] .text-white\/90,
html[data-design^="v2"] [data-view="mentor"] .text-white {
  color: var(--text) !important;
}

/* ============================================================
   CHAT SHELL — koyu glass yerine kağıt kart
   ============================================================ */
html[data-design^="v2"] [data-view="mentor"] .mentor-shell {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 0 var(--line), 0 18px 44px -34px rgba(23,20,15,0.30) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Sohbet başlığı */
html[data-design^="v2"] [data-view="mentor"] .mentor-head {
  background: var(--paper, #FAF7F1) !important;
  border-bottom: 1px solid var(--line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 16px 22px !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-head-icon {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: var(--radius-sm) !important;
  font-family: 'Fraunces', Georgia, serif !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-head-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-head-sub {
  color: var(--soft) !important;
}

/* Canlı durum çipi — yumuşak yeşil, glow yok */
html[data-design^="v2"] [data-view="mentor"] .mentor-status-chip {
  background: rgba(46,158,91,0.10) !important;
  color: var(--success) !important;
  border: 1px solid rgba(46,158,91,0.25);
  font-weight: 700 !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-status-chip .dot {
  background: var(--success) !important;
  animation: none !important;
}

/* İkon butonları (geçmiş / temizle) — tactile, sakin */
html[data-design^="v2"] [data-view="mentor"] .mentor-head .icon-btn {
  background: var(--surface) !important;
  color: var(--soft) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  transition: background var(--t,200ms) var(--ease), color var(--t,200ms) var(--ease),
              border-color var(--t,200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-head .icon-btn:hover {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border-color: var(--orange) !important;
}

/* ---- Mesaj alanı ---- */
html[data-design^="v2"] [data-view="mentor"] #mentor-messages {
  background: var(--bg-1, #F4F1EC) !important;
  padding: 24px !important;
}

/* Welcome / boş durum kartı */
html[data-design^="v2"] [data-view="mentor"] .mentor-welcome {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 14px 36px -28px rgba(23,20,15,0.30) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-welcome h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  letter-spacing: -0.01em;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-welcome-icon {
  background: var(--orange-wash) !important;
  border: 1px solid var(--line) !important;
  color: var(--orange-ink) !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: var(--radius) !important;
}

/* ---- Mesaj baloncukları ---- */
/* AI baloncuğu — kağıt kart */
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 0 var(--line) !important;
}
/* Kullanıcı baloncuğu — turuncu vurgu, glow yok */
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-user {
  background: var(--orange-wash) !important;
  border: 1px solid rgba(218,81,23,0.28) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-user .text-white\/90,
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-user [style*="pre-wrap"] {
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md h3,
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md h4,
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md h5,
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md h6 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md strong,
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md a {
  color: var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-bubble-ai .solve-md code {
  background: var(--bg-1, #F4F1EC) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
}

/* Mesaj avatarları (JS üretimi gradient/mor) */
html[data-design^="v2"] [data-view="mentor"] #mentor-messages .bg-gradient-to-br,
html[data-design^="v2"] [data-view="mentor"] #mentor-messages .bg-violet-500\/25 {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm) !important;
  font-family: 'Fraunces', Georgia, serif !important;
}

/* Yazıyor… noktaları — turuncu, sakin */
html[data-design^="v2"] [data-view="mentor"] .ai-typing span {
  background: var(--orange) !important;
}

/* ============================================================
   INPUT — kağıt zeminli, ince çizgili, tactile gönder butonu
   ============================================================ */
html[data-design^="v2"] [data-view="mentor"] .mentor-input-wrap {
  background: var(--paper, #FAF7F1) !important;
  border-top: 1px solid var(--line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  transition: border-color var(--t,200ms) var(--ease), box-shadow var(--t,200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input:focus-within {
  background: var(--surface) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px var(--orange-wash) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input input {
  color: var(--text) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input input::placeholder {
  color: var(--soft) !important;
  opacity: 0.7;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input .mentor-send-btn {
  background: var(--orange) !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 1px 0 var(--orange-ink) !important;
  transition: background var(--t-fast,140ms) var(--ease), transform var(--t-fast,140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input .mentor-send-btn:not(:disabled):hover {
  background: var(--orange-ink) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px -4px rgba(178,62,14,0.45) !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input .mentor-send-btn:disabled {
  opacity: 0.4 !important;
}
html[data-design^="v2"] [data-view="mentor"] .mentor-input-hint {
  color: var(--soft) !important;
  opacity: 0.8;
}

/* ============================================================
   SIDEBAR — Hızlı Sorular / Reçete Yenile / Model Bilgisi
   ============================================================ */
/* .glass paylaşılan; sadece bu view içinde kağıtlaştır */
html[data-design^="v2"] [data-view="mentor"] .glass {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 0 var(--line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Sidebar başlık etiketleri (uppercase tracking) */
html[data-design^="v2"] [data-view="mentor"] .uppercase.tracking-widest {
  color: var(--soft) !important;
  letter-spacing: 0.14em !important;
}

/* Hızlı soru butonları (JS üretimi: .glass.glass-hover) */
html[data-design^="v2"] [data-view="mentor"] #mentor-quick-btns button {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background var(--t,200ms) var(--ease), border-color var(--t,200ms) var(--ease),
              color var(--t,200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="mentor"] #mentor-quick-btns button:hover {
  background: var(--orange-wash) !important;
  border-color: var(--orange) !important;
  color: var(--orange-ink) !important;
}

/* Reçete Yenile butonu — birincil tactile turuncu (btn-glow ezimi) */
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate.btn-glow,
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate {
  background: var(--orange) !important;
  color: #fff !important;
  border: 1px solid var(--orange-ink) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 1px 0 var(--orange-ink) !important;
  font-weight: 600 !important;
  transition: background var(--t-fast,140ms) var(--ease), transform var(--t-fast,140ms) var(--ease),
              box-shadow var(--t-fast,140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate.btn-glow::before,
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate::before {
  display: none !important;
}
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate:hover {
  background: var(--orange-ink) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px -5px rgba(178,62,14,0.45) !important;
}
html[data-design^="v2"] [data-view="mentor"] #mentor-regenerate .font-display {
  font-family: 'Fraunces', Georgia, serif !important;
}

/* Model bilgisi — yeşil canlı nokta sakinleştir */
html[data-design^="v2"] [data-view="mentor"] .glow-dot,
html[data-design^="v2"] [data-view="mentor"] .bg-emerald-400 {
  background: var(--success) !important;
  box-shadow: none !important;
  animation: none !important;
}
html[data-design^="v2"] [data-view="mentor"] .text-sm.font-medium {
  color: var(--text) !important;
}

/* font-display her yerde Fraunces (emin olmak için) */
html[data-design^="v2"] [data-view="mentor"] .font-display {
  font-family: 'Fraunces', Georgia, serif !important;
}

/* ===== v2 view: community ===== */
/* =========================================================
   COMMUNITY VIEW — editorial v2 (kağıt zemin, mürekkep metin)
   Tüm selektörler html[data-design^="v2"] ile prefiks'li.
   ========================================================= */

/* ---- View başlık bloğu: koyu-tema metin sızıntılarını kapat ---- */
html[data-design^="v2"] [data-view="community"] h1,
html[data-design^="v2"] [data-view="community"] h2,
html[data-design^="v2"] [data-view="community"] h3 {
  color: var(--ink, var(--text)) !important;
  letter-spacing: -0.02em;
}
html[data-design^="v2"] [data-view="community"] .text-white\/55,
html[data-design^="v2"] [data-view="community"] .text-white\/50,
html[data-design^="v2"] [data-view="community"] .text-white\/45 {
  color: var(--soft, var(--muted)) !important;
}

/* Eyebrow rozetleri (TOPLULUK / şampiyonlar / odalar) — tek vurgu rengine indir */
html[data-design^="v2"] [data-view="community"] .text-violet-300,
html[data-design^="v2"] [data-view="community"] .text-amber-300,
html[data-design^="v2"] [data-view="community"] .text-emerald-300 {
  color: var(--orange-ink) !important;
  font-weight: 600;
}
/* Eyebrow küçük kare ikonu (gradient) → düz turuncu kağıt rozeti */
html[data-design^="v2"] [data-view="community"] .bg-gradient-to-br {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--line);
  box-shadow: none !important;
}

/* =========================================================
   AKTİF OTURUM ŞERİDİ
   ========================================================= */
html[data-design^="v2"] [data-view="community"] .comm-active-card {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-left: 3px solid var(--orange) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 0 var(--line), 0 8px 24px -18px rgba(23,20,15,0.22) !important;
  padding: 16px 20px !important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-card .font-display {
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-pulse {
  background: var(--success) !important;
  box-shadow: 0 0 0 3px rgba(46,158,91,0.14) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-pulse::after {
  border-color: rgba(46,158,91,0.45) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-card .btn-glow {
  background: var(--orange) !important;
  color: #fff !important;
  border: 1px solid var(--orange-ink) !important;
  box-shadow: 0 1px 0 var(--orange-ink) !important;
  transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}
html[data-design^="v2"] [data-view="community"] .comm-active-card .btn-glow:hover {
  background: var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-card .btn-glow:active {
  transform: translateY(1px);
  box-shadow: none !important;
}

/* =========================================================
   LİDER TABLOSU — scope filtre çipleri (tactile)
   ========================================================= */
html[data-design^="v2"] [data-view="community"] .comm-scope-btn {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--soft, var(--muted)) !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-weight: 600 !important;
  transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}
html[data-design^="v2"] [data-view="community"] .comm-scope-btn:hover {
  color: var(--ink, var(--text)) !important;
  border-color: #D7CFBE !important;
  background: var(--bg-1) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-scope-btn.active {
  background: var(--orange-wash) !important;
  border-color: var(--orange) !important;
  color: var(--orange-ink) !important;
}

/* =========================================================
   PODIUM (top 3)
   ========================================================= */
html[data-design^="v2"] [data-view="community"] .comm-podium-slot {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 0 var(--line), 0 10px 28px -22px rgba(23,20,15,0.25) !important;
  transition: transform var(--t) var(--ease) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot:hover {
  transform: translateY(-3px) !important;
}
/* 1. lik — tek vurgu, sıcak kağıt */
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1 {
  background: var(--orange-wash) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 2px 0 var(--line), 0 16px 36px -24px rgba(178,62,14,0.40) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-2,
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-3 {
  background: var(--bg-1) !important;
  border-color: var(--line) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-medal {
  filter: saturate(0.85);
}
html[data-design^="v2"] [data-view="community"] .comm-podium-avatar {
  background: var(--bg-1) !important;
  color: var(--soft, var(--muted)) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1 .comm-podium-avatar {
  background: #fff !important;
  border-color: var(--orange) !important;
  color: var(--orange-ink) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-2 .comm-podium-avatar,
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-3 .comm-podium-avatar {
  border-color: var(--line) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-name {
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-meta {
  color: var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-time {
  color: var(--ink, var(--text)) !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1 .comm-podium-time {
  color: var(--orange-ink) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-time small {
  color: var(--soft, var(--muted)) !important;
}

/* =========================================================
   LİDER TABLOSU — 4+ sıralar
   ========================================================= */
html[data-design^="v2"] [data-view="community"] .comm-lb-row {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  transition: border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-row:hover {
  background: var(--bg-1) !important;
  border-color: #D7CFBE !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-row.is-me {
  background: var(--orange-wash) !important;
  border-color: var(--orange) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-rank {
  background: var(--bg-1) !important;
  color: var(--soft, var(--muted)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-row.is-me .comm-lb-rank {
  background: #fff !important;
  color: var(--orange-ink) !important;
  border-color: var(--orange) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-avatar {
  background: var(--bg-1) !important;
  color: var(--soft, var(--muted)) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-name {
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-meta {
  color: var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-time {
  color: var(--ink, var(--text)) !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-time small {
  color: var(--soft, var(--muted)) !important;
}

/* Kendi sıran kartı */
html[data-design^="v2"] [data-view="community"] .comm-me-card {
  background: var(--orange-wash) !important;
  border: 1px solid var(--orange) !important;
  border-radius: var(--radius) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-me-card,
html[data-design^="v2"] [data-view="community"] .comm-me-card * {
  color: var(--ink, var(--text)) !important;
}

/* Boş durum kutusu (glass paylaşılan ama metin sızıntısını burada düzelt) */
html[data-design^="v2"] [data-view="community"] #comm-lb-empty .font-display {
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="community"] #comm-lb-empty .text-white\/50 {
  color: var(--soft, var(--muted)) !important;
}

/* =========================================================
   ODA KATALOĞU
   ========================================================= */
html[data-design^="v2"] [data-view="community"] .comm-room-card {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 0 var(--line), 0 10px 26px -22px rgba(23,20,15,0.22) !important;
  transition: transform var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease) !important;
}
/* iç gradient parıltı katmanını sustur */
html[data-design^="v2"] [data-view="community"] .comm-room-card::before {
  display: none !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 2px 0 var(--line), 0 16px 34px -22px rgba(178,62,14,0.30) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card.highlight {
  border-color: var(--orange) !important;
  box-shadow: 0 2px 0 var(--line), 0 12px 30px -22px rgba(178,62,14,0.30) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card.highlight::after {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--orange) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-icon {
  background: var(--orange-wash) !important;
  color: var(--orange-ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-name {
  color: var(--ink, var(--text)) !important;
  font-family: inherit !important;
  letter-spacing: -0.01em !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-desc {
  color: var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-stats {
  border-top: 1px solid var(--line) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live {
  color: var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live .dot {
  background: #C9C1B2 !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live.live {
  color: var(--success) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live.live .dot {
  background: var(--success) !important;
  box-shadow: 0 0 0 3px rgba(46,158,91,0.14) !important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-join {
  color: var(--orange-ink) !important;
}

/* "şu an çalışıyor" canlı nokta */
html[data-design^="v2"] [data-view="community"] .glow-dot {
  background: var(--success) !important;
  box-shadow: 0 0 0 3px rgba(46,158,91,0.14) !important;
}

/* İskelet yükleyiciler — kağıt tonunda nazik shimmer */
html[data-design^="v2"] [data-view="community"] .comm-room-skel {
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(90deg, var(--bg-1), #EFEBE2, var(--bg-1)) !important;
  background-size: 200% 100% !important;
  border: 1px solid var(--line) !important;
}

/* ===== v2 view: flashcards ===== */
/* ============================================================
   UVA MENTOR v2 — FLASHCARDS VIEW (editoryel / kağıt-mürekkep)
   Tüm selektörler html[data-design^="v2"] ile prefixli.
   ============================================================ */

/* ---- View kabuğu ---- */
html[data-design^="v2"] [data-view="flashcards"]{
  color: var(--ink, var(--text)) !important;
}
html[data-design^="v2"] [data-view="flashcards"] *{
  border-color: var(--line);
}

/* ---- Üst başlık bloğu ---- */
html[data-design^="v2"] [data-view="flashcards"] > .view-fade-in.mb-6 .text-amber-300{
  color: var(--orange-ink, #B23E0E) !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
/* gradient ⚡ rozet -> sakin turuncu yıkama */
html[data-design^="v2"] [data-view="flashcards"] .text-amber-300 > span{
  background: var(--orange-wash, #FBEFE6) !important;
  color: var(--orange, #DA5117) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] [data-view="flashcards"] h1.font-display{
  color: var(--ink, var(--text)) !important;
  letter-spacing: -.02em !important;
  line-height: 1.06 !important;
}
html[data-design^="v2"] [data-view="flashcards"] > .view-fade-in.mb-6 p{
  color: var(--soft, var(--muted)) !important;
  line-height: 1.6 !important;
}

/* ============================================================
   STAT KARTLARI
   ============================================================ */
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-card{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 16px 18px !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.02) !important;
  transition: border-color var(--t, 200ms) var(--ease), transform var(--t, 200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-card:hover{
  border-color: var(--orange) !important;
  transform: translateY(-1px) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-label{
  color: var(--orange-ink, #B23E0E) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-value{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  letter-spacing: -.02em !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-sub{
  color: var(--soft, var(--muted)) !important;
  font-weight: 500 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-stat-mini{
  color: var(--soft, var(--muted)) !important;
  font-size: 10.5px !important;
}

/* ============================================================
   LEITNER KUTU KARTI
   ============================================================ */
html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-card{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg, 20px) !important;
  padding: 20px 22px !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.02) !important;
}
/* başlık satırı içi sızan renkler */
html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-card .text-violet-300{
  color: var(--orange-ink, #B23E0E) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-card .text-white\/55{
  color: var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-card .text-white\/40{
  color: var(--soft, var(--muted)) !important;
}

html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-grid{
  gap: 10px !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box{
  background: var(--bg-1, #F4F1EC) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm, 8px) !important;
  padding: 14px 6px 12px !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box .lbl{
  color: var(--soft, var(--muted)) !important;
  font-weight: 600 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box .cnt{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
}
/* gradient bar -> tek mürekkep ray + sakin turuncu dolum */
html[data-design^="v2"] [data-view="flashcards"] .fc-box .bar{
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--orange) !important;
  transition: transform var(--t-slow, 340ms) var(--ease) !important;
}
/* kutu seviyeleri: aynı turuncu, koyulaşan ton (sakin, gradient yok) */
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="1"] .bar{ background: #E9A07A !important; }
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="2"] .bar{ background: #E2854F !important; }
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="3"] .bar{ background: var(--orange, #DA5117) !important; }
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="4"] .bar{ background: var(--orange-ink, #B23E0E) !important; }
/* K5 = ustalık -> başarı yeşili (semantik istisna) */
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="5"] .bar{ background: var(--success, #2E9E5B) !important; }
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="5"]{
  border-color: color-mix(in srgb, var(--success) 35%, var(--line)) !important;
}

/* ============================================================
   BAŞLANGIÇ KARTI
   ============================================================ */
html[data-design^="v2"] [data-view="flashcards"] .fc-start-card{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg, 20px) !important;
  padding: 26px 28px !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.02) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-start-card h2.font-display{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  letter-spacing: -.015em !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-start-card p,
html[data-design^="v2"] [data-view="flashcards"] .fc-start-card .text-white\/55{
  color: var(--soft, var(--muted)) !important;
  line-height: 1.55 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-start-card .text-white\/35{
  color: var(--soft, var(--muted)) !important;
}

/* ---- Filtre satırları ---- */
html[data-design^="v2"] [data-view="flashcards"] .fc-filter-lbl{
  color: var(--soft, var(--muted)) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-select{
  background: var(--bg-1, #F4F1EC) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--ink, var(--text)) !important;
  font-size: 13.5px !important;
  transition: border-color var(--t, 200ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-select:focus{
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px var(--orange-wash, #FBEFE6) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-select option{
  background: var(--surface) !important;
  color: var(--ink, var(--text)) !important;
}

/* ---- Zorluk sekmeleri (tactile butonlar) ---- */
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--soft, var(--muted)) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.03) !important;
  transition: all var(--t-fast, 140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn:hover{
  color: var(--ink, var(--text)) !important;
  border-color: var(--orange) !important;
  transform: translateY(-1px) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn.active{
  background: var(--orange-wash, #FBEFE6) !important;
  border-color: var(--orange) !important;
  color: var(--orange-ink, #B23E0E) !important;
}

/* ---- Başlat butonu (btn-glow override -> tactile turuncu) ---- */
html[data-design^="v2"] [data-view="flashcards"] #fc-start-btn{
  background: var(--orange) !important;
  border: 1px solid var(--orange-ink, #B23E0E) !important;
  border-radius: var(--radius) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.06) !important;
  transition: transform var(--t-fast, 140ms) var(--ease), background var(--t-fast,140ms) var(--ease) !important;
}
html[data-design^="v2"] [data-view="flashcards"] #fc-start-btn:hover{
  background: var(--orange-ink, #B23E0E) !important;
  transform: translateY(-1px) !important;
}
html[data-design^="v2"] [data-view="flashcards"] #fc-start-btn:active{
  transform: translateY(0) !important;
}
html[data-design^="v2"] [data-view="flashcards"] #fc-start-btn span,
html[data-design^="v2"] [data-view="flashcards"] #fc-start-btn svg{
  color: #FFFFFF !important;
}

/* ============================================================
   KART YIĞINI İLLÜSTRASYONU
   ============================================================ */
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(23,20,15,.03) !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s3{
  opacity: .45 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s2{
  opacity: .7 !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s1{
  background: var(--surface) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 18px 40px -22px rgba(218,81,23,.35) !important;
}
/* yığın içi metin sızıntıları */
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item .text-white\/45,
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item .text-white\/50{
  color: var(--soft, var(--muted)) !important;
  letter-spacing: .14em !important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item .font-display{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink, var(--text)) !important;
  font-weight: 600 !important;
}

/* ---- Genel beyaz-metin sızıntı kapatıcı (view kapsamlı güvenlik ağı) ---- */
html[data-design^="v2"] [data-view="flashcards"] [class*="text-white"]{
  color: var(--soft, var(--muted)) !important;
}

/* ===== v2 view: exams ===== */
/* ============================================================
   UVA Mentor v2 — EXAMS view (Deneme Sınavı Takibi)
   Editöryel kağıt/mürekkep/yanık-turuncu sistem.
   Tüm selektörler html[data-design^="v2"] ile prefixli.
   ============================================================ */

/* ---- view zemin & temel metin ---- */
html[data-design^="v2"] [data-view="exams"]{
  color:var(--text)!important;
}
html[data-design^="v2"] [data-view="exams"] h1,
html[data-design^="v2"] [data-view="exams"] h3{
  color:var(--ink,var(--text))!important;
  letter-spacing:-.01em;
}
html[data-design^="v2"] [data-view="exams"] h1{
  font-weight:600!important;
}

/* başlık üstü eyebrow (DENEMELERİM) — koyu tema violet sızıntısını kapat */
html[data-design^="v2"] [data-view="exams"] .text-violet-300{
  color:var(--soft,var(--muted))!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:600;
}
/* eyebrow rozet kutusu: gradient + koyu zemin yerine sakin turuncu wash */
html[data-design^="v2"] [data-view="exams"] .bg-gradient-to-br.from-violet-500{
  background:var(--orange-wash,var(--brand-soft))!important;
  color:var(--brand-deep)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

/* paragraf / yardımcı metin beyaz-sızıntıları → mürekkep ikincil */
html[data-design^="v2"] [data-view="exams"] .text-white\/55,
html[data-design^="v2"] [data-view="exams"] .text-white\/50,
html[data-design^="v2"] [data-view="exams"] .text-white\/45,
html[data-design^="v2"] [data-view="exams"] .text-white\/40,
html[data-design^="v2"] [data-view="exams"] .text-white\/35,
html[data-design^="v2"] [data-view="exams"] .text-white\/60,
html[data-design^="v2"] [data-view="exams"] .text-white\/80,
html[data-design^="v2"] [data-view="exams"] .text-white\/85{
  color:var(--soft,var(--muted))!important;
}
html[data-design^="v2"] [data-view="exams"] .text-white\/80,
html[data-design^="v2"] [data-view="exams"] .text-white\/85{
  color:var(--text)!important;
}

/* ---- "Deneme Ekle" ana buton: tactile, yanık turuncu ---- */
html[data-design^="v2"] [data-view="exams"] #exam-add-btn{
  background:var(--brand)!important;
  color:#fff!important;
  border:1px solid var(--brand-deep)!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
  transition:transform var(--t-fast,140ms) var(--ease), background var(--t-fast,140ms), box-shadow var(--t-fast,140ms);
}
html[data-design^="v2"] [data-view="exams"] #exam-add-btn:hover{
  background:var(--brand-deep)!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px -10px var(--brand-ring)!important;
}
html[data-design^="v2"] [data-view="exams"] #exam-add-btn:active{
  transform:translateY(0);
}

/* ============================================================
   OVERVIEW — KPI kartları + net grafiği
   ============================================================ */

/* KPI / grafik kartları: yumuşak kağıt yüzey, ince çizgi, glow yok */
html[data-design^="v2"] [data-view="exams"] #exam-overview .glass,
html[data-design^="v2"] [data-view="exams"] #exam-list .glass{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* KPI sayıları: serif, mürekkep; "Son Net" vurgusu turuncu */
html[data-design^="v2"] [data-view="exams"] #exam-overview .font-display{
  color:var(--ink,var(--text))!important;
}
html[data-design^="v2"] [data-view="exams"] #exam-overview .grad-text{
  -webkit-text-fill-color:var(--brand-deep)!important;
  color:var(--brand-deep)!important;
  background:none!important;
}

/* boş durum kartı (henüz deneme yok) */
html[data-design^="v2"] [data-view="exams"] #exam-overview .text-5xl.font-display{
  color:var(--brand)!important;
}

/* ---- net gelişim grafiği (inline SVG) ---- */
html[data-design^="v2"] [data-view="exams"] #exam-overview svg polyline{
  stroke:var(--brand)!important;
}
html[data-design^="v2"] [data-view="exams"] #exam-overview svg circle{
  fill:var(--brand-deep)!important;
}
html[data-design^="v2"] [data-view="exams"] #exam-overview svg polygon{
  fill:var(--orange-wash,var(--brand-soft))!important;
  opacity:.7;
}

/* ---- TYT/AYT toggle butonları ---- */
html[data-design^="v2"] [data-view="exams"] .exam-toggle{
  background:var(--surface)!important;
  color:var(--soft,var(--muted))!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  padding:.35rem .85rem!important;
  font-size:.78rem!important;
  font-weight:600!important;
  letter-spacing:.02em;
  transition:background var(--t-fast,140ms) var(--ease),color var(--t-fast,140ms),border-color var(--t-fast,140ms),transform var(--t-fast,140ms);
}
html[data-design^="v2"] [data-view="exams"] .exam-toggle:hover{
  border-color:var(--brand)!important;
  color:var(--brand-deep)!important;
  transform:translateY(-1px);
}
html[data-design^="v2"] [data-view="exams"] .exam-toggle.active{
  background:var(--orange-wash,var(--brand-soft))!important;
  border-color:var(--brand)!important;
  color:var(--brand-deep)!important;
}

/* ============================================================
   EXAM LIST — geçmiş deneme kartları
   ============================================================ */

html[data-design^="v2"] [data-view="exams"] .exam-card{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  box-shadow:none!important;
  transition:border-color var(--t-fast,140ms) var(--ease),box-shadow var(--t-fast,140ms),transform var(--t-fast,140ms);
}
html[data-design^="v2"] [data-view="exams"] .exam-card:hover{
  border-color:var(--brand)!important;
  box-shadow:0 6px 18px -14px var(--brand-ring,rgba(0,0,0,.2))!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-head{
  transition:background var(--t-fast,140ms);
}
html[data-design^="v2"] [data-view="exams"] .exam-card-head:hover{
  background:var(--bg-1)!important;
}

/* kart başlığındaki net değeri turuncu vurgu */
html[data-design^="v2"] [data-view="exams"] .exam-card-head .grad-text{
  -webkit-text-fill-color:var(--brand-deep)!important;
  color:var(--brand-deep)!important;
  background:none!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-head .text-white\/40,
html[data-design^="v2"] [data-view="exams"] .exam-card-head .text-white\/45{
  color:var(--soft,var(--muted))!important;
}

/* tür rozeti (TYT/AYT/Branş): JS inline violet/cyan/amber rengini ez, sakin turuncu wash */
html[data-design^="v2"] [data-view="exams"] .exam-kind-badge{
  background:var(--orange-wash,var(--brand-soft))!important;
  color:var(--brand-deep)!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  padding:.2rem .6rem!important;
  font-size:.7rem!important;
  font-weight:600!important;
  letter-spacing:.04em;
  flex-shrink:0;
}

/* chevron — sakin gri */
html[data-design^="v2"] [data-view="exams"] .exam-chevron{
  color:var(--soft,var(--muted))!important;
}

/* ---- açılan kart gövdesi: ders kırılım satırları ---- */
html[data-design^="v2"] [data-view="exams"] .exam-card-body{
  background:var(--surface)!important;
}
/* JS satırlarındaki border-white/5 ince çizgi → kağıt çizgisi */
html[data-design^="v2"] [data-view="exams"] .exam-card-body .border-white\/5,
html[data-design^="v2"] [data-view="exams"] .exam-card-body [class*="border-white"]{
  border-color:var(--line)!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .border-t{
  border-top-color:var(--line)!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-white\/80,
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-white\/85{
  color:var(--text)!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-white\/45,
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-white\/40,
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-white\/35{
  color:var(--soft,var(--muted))!important;
}
/* ders net değeri (violet-200) → mürekkep, kalın */
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-violet-200{
  color:var(--ink,var(--text))!important;
}

/* UVA AI analiz kutusu: inline violet zemin/çerçeve → turuncu wash */
html[data-design^="v2"] [data-view="exams"] .exam-card-body [style*="rgba(124,58,237"]{
  background:var(--orange-wash,var(--brand-soft))!important;
  border:1px solid var(--line)!important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-violet-300{
  color:var(--brand-deep)!important;
  letter-spacing:.14em;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .solve-md,
html[data-design^="v2"] [data-view="exams"] .exam-card-body .solve-md *{
  color:var(--text)!important;
}

/* "Denemeyi sil" — sessiz, hover'da uyarı */
html[data-design^="v2"] [data-view="exams"] .exam-del{
  color:var(--soft,var(--muted))!important;
  transition:color var(--t-fast,140ms);
}
html[data-design^="v2"] [data-view="exams"] .exam-del:hover{
  color:var(--danger)!important;
}
/* yükleniyor / hata satırları */
html[data-design^="v2"] [data-view="exams"] .text-rose-300{
  color:var(--danger)!important;
}

/* ============================================================
   MODAL — Deneme Ekle  (#exam-modal)
   ============================================================ */

html[data-design^="v2"] #exam-modal .modal{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.28)!important;
}
html[data-design^="v2"] #exam-modal h3{
  color:var(--ink,var(--text))!important;
  font-weight:600!important;
}
html[data-design^="v2"] #exam-modal .text-violet-300{
  color:var(--brand-deep)!important;
  letter-spacing:.16em;
}
html[data-design^="v2"] #exam-modal .text-white\/50,
html[data-design^="v2"] #exam-modal .text-white\/45,
html[data-design^="v2"] #exam-modal .text-white\/35,
html[data-design^="v2"] #exam-modal .text-white\/30,
html[data-design^="v2"] #exam-modal .text-white\/60{
  color:var(--soft,var(--muted))!important;
}

/* kapatma butonu */
html[data-design^="v2"] #exam-modal #exam-modal-close{
  color:var(--soft,var(--muted))!important;
}
html[data-design^="v2"] #exam-modal #exam-modal-close:hover{
  background:var(--bg-1)!important;
  color:var(--text)!important;
}

/* ---- tür sekmeleri (TYT / AYT / Branş) ---- */
html[data-design^="v2"] #exam-modal .exam-kind-tab{
  background:var(--surface)!important;
  color:var(--soft,var(--muted))!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-sm)!important;
  padding:.55rem .25rem!important;
  font-size:.82rem!important;
  font-weight:600!important;
  transition:background var(--t-fast,140ms) var(--ease),color var(--t-fast,140ms),border-color var(--t-fast,140ms),transform var(--t-fast,140ms);
}
html[data-design^="v2"] #exam-modal .exam-kind-tab:hover{
  border-color:var(--brand)!important;
  color:var(--brand-deep)!important;
}
html[data-design^="v2"] #exam-modal .exam-kind-tab.active{
  background:var(--orange-wash,var(--brand-soft))!important;
  border-color:var(--brand)!important;
  color:var(--brand-deep)!important;
}

/* ---- fotoğraftan doldur butonu ---- */
html[data-design^="v2"] #exam-modal #exam-photo-btn{
  background:var(--bg-1)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transition:border-color var(--t-fast,140ms) var(--ease),background var(--t-fast,140ms),transform var(--t-fast,140ms);
}
html[data-design^="v2"] #exam-modal #exam-photo-btn:hover{
  border-color:var(--brand)!important;
  background:var(--orange-wash,var(--brand-soft))!important;
  transform:translateY(-1px);
}
/* kamera ikon kutusu (bg-violet-500/20) → turuncu wash */
html[data-design^="v2"] #exam-modal #exam-photo-btn .bg-violet-500\/20,
html[data-design^="v2"] #exam-modal #exam-photo-btn [class*="bg-violet"]{
  background:var(--orange-wash,var(--brand-soft))!important;
}

/* ---- ders kırılım başlık + satırları ---- */
html[data-design^="v2"] #exam-modal #exam-sec-head{
  color:var(--soft,var(--muted))!important;
  letter-spacing:.12em;
}
html[data-design^="v2"] #exam-modal .exam-sec-row{
  border-bottom:1px solid var(--line)!important;
}
html[data-design^="v2"] #exam-modal .exam-sec-name{
  color:var(--text)!important;
}
html[data-design^="v2"] #exam-modal .exam-sec-name .text-white\/35{
  color:var(--soft,var(--muted))!important;
}
/* satır net değeri */
html[data-design^="v2"] #exam-modal .exam-sec-net{
  color:var(--ink,var(--text))!important;
  font-weight:600!important;
}
/* satır içi inputlar (.field zaten temel; turuncu odak teması) */
html[data-design^="v2"] #exam-modal .exam-d,
html[data-design^="v2"] #exam-modal .exam-y,
html[data-design^="v2"] #exam-modal .exam-q,
html[data-design^="v2"] #exam-modal .exam-subject{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
}

/* ---- toplam net şeridi (bg-white/5) ---- */
html[data-design^="v2"] #exam-modal .bg-white\/5{
  background:var(--bg-1)!important;
  border:1px solid var(--line)!important;
}
html[data-design^="v2"] #exam-modal #exam-total-net{
  -webkit-text-fill-color:var(--brand-deep)!important;
  color:var(--brand-deep)!important;
  background:none!important;
}

/* ---- tarih / süre / ad alanları ---- */
html[data-design^="v2"] #exam-modal .field{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
}
html[data-design^="v2"] #exam-modal .field::placeholder{
  color:var(--soft,var(--muted))!important;
  opacity:.7;
}

/* hata kutusu */
html[data-design^="v2"] #exam-modal #exam-modal-err{
  color:var(--danger)!important;
  background:var(--danger-soft)!important;
  border:1px solid var(--danger)!important;
}

/* ---- kaydet butonu ---- */
html[data-design^="v2"] #exam-modal #exam-save-btn{
  background:var(--brand)!important;
  color:#fff!important;
  border:1px solid var(--brand-deep)!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
  transition:transform var(--t-fast,140ms) var(--ease),background var(--t-fast,140ms),box-shadow var(--t-fast,140ms);
}
html[data-design^="v2"] #exam-modal #exam-save-btn:hover{
  background:var(--brand-deep)!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px -10px var(--brand-ring)!important;
}
html[data-design^="v2"] #exam-modal #exam-save-btn:disabled{
  opacity:.6;
  transform:none;
  cursor:default;
}

/* net-pill (varsa, listede/diğer yerde kullanılıyor) */
html[data-design^="v2"] [data-view="exams"] .net-pill,
html[data-design^="v2"] #exam-modal .net-pill{
  background:var(--orange-wash,var(--brand-soft))!important;
  color:var(--brand-deep)!important;
  border:1px solid var(--line)!important;
}

/* ===== v2 view: support ===== */
/* =========================================================
   UVA Mentor v2 — SUPPORT view (editoryel)
   Kağıt zemin · mürekkep metin · tek turuncu vurgu · Fraunces
   Tüm selektörler html[data-design^="v2"] ile prefixli.
   ========================================================= */

/* ---- Başlık bloğu: koyu-tema metin sızıntılarını kapat ---- */
html[data-design^="v2"] .view[data-view="support"] h1,
html[data-design^="v2"] .view[data-view="support"] h2,
html[data-design^="v2"] .view[data-view="support"] h3 {
  color: var(--ink, #17140F) !important;
  letter-spacing: -0.01em;
}

/* eyebrow: "DESTEK" — violet-300 sızıntısı → turuncu */
html[data-design^="v2"] .view[data-view="support"] .text-violet-300 {
  color: var(--orange-ink, #B23E0E) !important;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 600;
}
html[data-design^="v2"] .view[data-view="support"] .text-violet-300 svg {
  color: var(--orange, #DA5117) !important;
  opacity: 0.9;
}

/* alt açıklama / yardımcı metin: white/55, white/45, white/40 → soft */
html[data-design^="v2"] .view[data-view="support"] .text-white\/55,
html[data-design^="v2"] .view[data-view="support"] .text-white\/50,
html[data-design^="v2"] .view[data-view="support"] .text-white\/45,
html[data-design^="v2"] .view[data-view="support"] .text-white\/40 {
  color: var(--soft, #5B5447) !important;
}

/* ---- Liste sarmalı: nefes alanı ---- */
html[data-design^="v2"] .view[data-view="support"] #sup-list {
  margin-top: 2px;
}

/* =========================================================
   TICKET ROW — sakin kart, ince çizgi, hover'da turuncu kenar
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] .ticket-row {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--surface, #FFFFFF) !important;
  border: 1px solid var(--line, #E5DECF) !important;
  border-radius: var(--radius, 12px) !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
  cursor: pointer;
  position: relative;
  transition: border-color var(--t-fast, 140ms) var(--ease),
              transform var(--t-fast, 140ms) var(--ease),
              box-shadow var(--t-fast, 140ms) var(--ease);
}
html[data-design^="v2"] .view[data-view="support"] .ticket-row:hover {
  border-color: var(--orange, #DA5117) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px -12px rgba(23, 20, 15, 0.25) !important;
}
html[data-design^="v2"] .view[data-view="support"] .ticket-row:active {
  transform: translateY(0);
}

/* satır içi başlık + meta metin renkleri */
html[data-design^="v2"] .view[data-view="support"] .ticket-row .text-sm.font-medium {
  color: var(--ink, #17140F) !important;
  font-weight: 600;
}
html[data-design^="v2"] .view[data-view="support"] .ticket-row .text-white\/45 {
  color: var(--soft, #5B5447) !important;
}

/* okunmamış: turuncu nokta (eski amber glow → düz turuncu) */
html[data-design^="v2"] .view[data-view="support"] .ticket-row.unread {
  border-color: var(--orange-wash, #FBEFE6) !important;
}
html[data-design^="v2"] .view[data-view="support"] .ticket-row.unread::before {
  background: var(--orange, #DA5117) !important;
  box-shadow: none !important;
  width: 7px;
  height: 7px;
}
html[data-design^="v2"] .view[data-view="support"] .ticket-row.unread .text-sm.font-medium {
  color: var(--ink, #17140F) !important;
  font-weight: 700;
}

/* =========================================================
   TICKET STATUS — sessiz, düz rozetler (glow yok)
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] .ticket-status {
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 999px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid transparent;
  box-shadow: none !important;
}
/* açık talep — turuncu wash */
html[data-design^="v2"] .view[data-view="support"] .ticket-status.ts-open {
  background: var(--orange-wash, #FBEFE6) !important;
  color: var(--orange-ink, #B23E0E) !important;
  border-color: rgba(218, 81, 23, 0.18) !important;
}
/* yanıtlandı — başarı yeşili, sessiz */
html[data-design^="v2"] .view[data-view="support"] .ticket-status.ts-replied {
  background: rgba(46, 158, 91, 0.10) !important;
  color: var(--success, #2E9E5B) !important;
  border-color: rgba(46, 158, 91, 0.20) !important;
}
/* kapatıldı — nötr çizgi/zemin */
html[data-design^="v2"] .view[data-view="support"] .ticket-status.ts-closed {
  background: var(--bg-1, #F4F1EC) !important;
  color: var(--soft, #5B5447) !important;
  border-color: var(--line, #E5DECF) !important;
}

/* =========================================================
   EMPTY STATE — kağıt kart, ince çizgi, turuncu ikon
   (.glass içi koyu zemin sızıntısı kapanır)
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] #sup-empty {
  background: var(--surface, #FFFFFF) !important;
  border: 1px solid var(--line, #E5DECF) !important;
  border-radius: var(--radius-lg, 20px) !important;
  box-shadow: none !important;
}
/* gradient ikon kutusu → düz turuncu wash */
html[data-design^="v2"] .view[data-view="support"] #sup-empty > div[style] {
  background: var(--orange-wash, #FBEFE6) !important;
  color: var(--orange, #DA5117) !important;
  border: 1px solid rgba(218, 81, 23, 0.14);
}
html[data-design^="v2"] .view[data-view="support"] #sup-empty h3 {
  color: var(--ink, #17140F) !important;
}
html[data-design^="v2"] .view[data-view="support"] #sup-empty p {
  color: var(--soft, #5B5447) !important;
}

/* =========================================================
   FORM (yeni talep + yanıt) — etiketler, alanlar
   ========================================================= */
/* uppercase etiketler */
html[data-design^="v2"] .view[data-view="support"] form label {
  color: var(--soft, #5B5447) !important;
  font-weight: 600;
  letter-spacing: 0.14em;
}
/* karakter limiti yardımcısı */
html[data-design^="v2"] .view[data-view="support"] .text-white\/40 {
  color: var(--soft, #5B5447) !important;
  opacity: 0.75;
}

/* alanlar: kağıt üstü beyaz, ince çizgi, turuncu focus halkası */
html[data-design^="v2"] .view[data-view="support"] .field {
  background: var(--surface, #FFFFFF) !important;
  border: 1px solid var(--line, #E5DECF) !important;
  color: var(--ink, #17140F) !important;
  border-radius: var(--radius, 12px) !important;
  transition: border-color var(--t-fast, 140ms) var(--ease),
              box-shadow var(--t-fast, 140ms) var(--ease);
}
html[data-design^="v2"] .view[data-view="support"] .field::placeholder {
  color: var(--soft, #5B5447) !important;
  opacity: 0.55;
}
html[data-design^="v2"] .view[data-view="support"] .field:focus {
  outline: none !important;
  border-color: var(--orange, #DA5117) !important;
  box-shadow: 0 0 0 3px var(--orange-wash, #FBEFE6) !important;
}
html[data-design^="v2"] .view[data-view="support"] select.field {
  appearance: none;
}

/* form hata kutuları: rose → danger, kağıt-uyumlu */
html[data-design^="v2"] .view[data-view="support"] #sup-new-err,
html[data-design^="v2"] .view[data-view="support"] #sup-reply-err {
  color: var(--danger, #D64531) !important;
  background: rgba(214, 69, 49, 0.07) !important;
  border-color: rgba(214, 69, 49, 0.22) !important;
}
html[data-design^="v2"] .view[data-view="support"] .text-rose-300 {
  color: var(--danger, #D64531) !important;
}

/* "Geri dön" / "Tüm talepler" sessiz bağlantı butonları */
html[data-design^="v2"] .view[data-view="support"] #sup-new-cancel,
html[data-design^="v2"] .view[data-view="support"] #sup-back {
  color: var(--soft, #5B5447) !important;
  transition: color var(--t-fast, 140ms);
}
html[data-design^="v2"] .view[data-view="support"] #sup-new-cancel:hover,
html[data-design^="v2"] .view[data-view="support"] #sup-back:hover {
  color: var(--orange-ink, #B23E0E) !important;
}

/* =========================================================
   DETAY / THREAD — başlık & meta
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] #sup-detail-subject {
  color: var(--ink, #17140F) !important;
}
html[data-design^="v2"] .view[data-view="support"] #sup-detail-meta,
html[data-design^="v2"] .view[data-view="support"] .text-white\/40 {
  color: var(--soft, #5B5447) !important;
}

/* thread scroll alanı: ince ayraç */
html[data-design^="v2"] .view[data-view="support"] #sup-thread {
  padding-right: 6px;
}
html[data-design^="v2"] .view[data-view="support"] #sup-thread::-webkit-scrollbar {
  width: 8px;
}
html[data-design^="v2"] .view[data-view="support"] #sup-thread::-webkit-scrollbar-thumb {
  background: var(--line, #E5DECF);
  border-radius: 999px;
}

/* form üstü ayraç çizgileri: white/5 → line */
html[data-design^="v2"] .view[data-view="support"] .border-white\/5 {
  border-color: var(--line, #E5DECF) !important;
}
html[data-design^="v2"] .view[data-view="support"] #sup-closed-notice {
  color: var(--soft, #5B5447) !important;
  border-top-color: var(--line, #E5DECF) !important;
}

/* =========================================================
   MESAJ BALONLARI — kullanıcı: turuncu mürekkep · admin: kağıt
   (gradient/glow → düz, sakin)
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] .msg-bubble {
  font-size: 14px;
  line-height: 1.6;
}
/* kullanıcı (sen): dolu turuncu, beyaz metin */
html[data-design^="v2"] .view[data-view="support"] .msg-bubble.from-user {
  background: var(--orange, #DA5117) !important;
  border: 1px solid var(--orange-ink, #B23E0E) !important;
  color: #fff !important;
  box-shadow: none !important;
  border-bottom-right-radius: 6px;
}
/* destek ekibi: kağıt yüzeyi, ince çizgi, mürekkep metin */
html[data-design^="v2"] .view[data-view="support"] .msg-bubble.from-admin {
  background: var(--bg-1, #F4F1EC) !important;
  border: 1px solid var(--line, #E5DECF) !important;
  color: var(--ink, #17140F) !important;
  box-shadow: none !important;
  border-bottom-left-radius: 6px;
}
/* mesaj meta (gönderen · zaman) */
html[data-design^="v2"] .view[data-view="support"] .msg-meta {
  color: var(--soft, #5B5447) !important;
  font-size: 10.5px;
}

/* =========================================================
   Sakin giriş animasyonu (zaten var; yumuşatma)
   ========================================================= */
html[data-design^="v2"] .view[data-view="support"] .view-fade-in {
  animation-duration: var(--t-slow, 340ms);
  animation-timing-function: var(--ease);
}/* ===== SCHEDULE — sıfırdan editöryel üst (yeni layout) ===== */
html[data-design^="v2"] .sch-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
html[data-design^="v2"] .sch-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-bottom:8px}
html[data-design^="v2"] .sch-title{font-size:clamp(26px,3.5vw,38px);color:var(--text);line-height:1.05}
html[data-design^="v2"] .sch-week{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 6px}
html[data-design^="v2"] .sch-nav{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--soft);font-size:18px;cursor:pointer;transition:all .14s;line-height:1}
html[data-design^="v2"] .sch-nav:hover{background:var(--orange-wash);color:var(--brand-deep)}
html[data-design^="v2"] .sch-week-label{font-family:'Fraunces',serif;font-weight:600;font-size:14px;min-width:150px;text-align:center;color:var(--text)}
html[data-design^="v2"] .sch-today{border:none;background:var(--ink);color:var(--paper);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;margin-left:4px}
html[data-design^="v2"] .sch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
html[data-design^="v2"] .sch-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
html[data-design^="v2"] .sch-stat-n{font-family:'Fraunces',serif;font-size:26px;font-weight:600;color:var(--text);line-height:1}
html[data-design^="v2"] .sch-stat-l{font-size:12px;color:var(--soft);margin-top:4px}
html[data-design^="v2"] .sch-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
html[data-design^="v2"] .sch-fill{background:var(--brand);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:all .14s}
html[data-design^="v2"] .sch-fill:hover{background:var(--brand-deep);transform:translateY(-1px)}
html[data-design^="v2"] .sch-ghost{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px 16px;font-weight:500;font-size:14px;cursor:pointer;transition:all .14s}
html[data-design^="v2"] .sch-ghost:hover{border-color:var(--ink)}
html[data-design^="v2"] .sch-danger{color:var(--danger)}
html[data-design^="v2"] .sch-danger:hover{border-color:var(--danger)}
@media(max-width:680px){html[data-design^="v2"] .sch-stats{grid-template-columns:repeat(2,1fr)}html[data-design^="v2"] .sch-head{align-items:flex-start}}
/* schedule grid pin'liyken sığsın — kolonlar daralabilsin */
html[data-design^="v2"] .sched-grid{grid-template-columns:40px repeat(7,minmax(0,1fr)) !important;overflow-x:auto !important;max-width:100% !important;min-width:0 !important}
html[data-design^="v2"] .sched-day-col{min-width:0 !important}

/* ============================================================= */
/* OVERVIEW v3 — concept iskeleti: kutusuz, hairline, ferah      */
/* (Japon-minimal; markup .ov-* ile sifirdan; eski override yok) */
/* ============================================================= */
html[data-design^="v2"] #view-overview.active{display:block}
html[data-design^="v2"] .ov-soft{color:var(--soft)}
html[data-design^="v2"] .ov-xs{font-size:12px}
html[data-design^="v2"] .ov-accent{color:var(--brand)}
html[data-design^="v2"] .ov-livedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0}
/* BAR */
html[data-design^="v2"] .ov-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,52px)}
html[data-design^="v2"] .ov-greet{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--soft)}
html[data-design^="v2"] .ov-greet b{color:var(--text);font-weight:700}
html[data-design^="v2"] .ov-goal{display:flex;align-items:center;gap:14px}
html[data-design^="v2"] .ov-ring{position:relative;width:60px;height:60px;flex-shrink:0}
html[data-design^="v2"] .ov-ring svg{width:60px;height:60px;transform:rotate(-90deg)}
html[data-design^="v2"] .ov-ring .ring-bg{stroke:var(--line)}
html[data-design^="v2"] .ov-ring .ring-fg{stroke:var(--brand)}
html[data-design^="v2"] .ov-ring-c{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--text)}
html[data-design^="v2"] .ov-goal-l{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}
html[data-design^="v2"] .ov-goal-n{font-weight:700;font-size:16px;color:var(--text)}
/* HERO */
html[data-design^="v2"] .ov-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,4vw,54px);align-items:center;margin-bottom:clamp(36px,5vw,64px)}
html[data-design^="v2"] .ov-eb{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-deep);font-weight:700;margin-bottom:14px}
html[data-design^="v2"] .ov-h1{font-size:clamp(32px,5vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--text)}
html[data-design^="v2"] .ov-lead{font-size:clamp(15px,1.4vw,18px);color:var(--soft);max-width:42ch;margin:20px 0 26px;line-height:1.55}
html[data-design^="v2"] .ov-cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:none;font-family:inherit;font-size:15px;font-weight:700;padding:13px 26px;border-radius:13px;cursor:pointer;transition:all .15s}
html[data-design^="v2"] .ov-cta:hover{background:var(--brand-deep);transform:translateY(-2px)}
html[data-design^="v2"] .ov-ghost{background:transparent;color:var(--text);border:1px solid var(--line);font-family:inherit;font-size:15px;font-weight:600;padding:13px 22px;border-radius:13px;cursor:pointer;transition:all .15s}
html[data-design^="v2"] .ov-ghost:hover{border-color:var(--brand);color:var(--brand-deep)}
html[data-design^="v2"] .ov-hero-r{border-left:2px solid var(--line);padding-left:26px}
html[data-design^="v2"] .ov-mt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-weight:600;margin-bottom:14px}
html[data-design^="v2"] .ov-rx-sym{color:var(--brand);font-weight:700}
html[data-design^="v2"] .ov-rx{display:flex;flex-direction:column;gap:8px}
/* STATS */
html[data-design^="v2"] .ov-stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(36px,5vw,60px);flex-wrap:wrap}
html[data-design^="v2"] .ov-stat{flex:1;min-width:150px;padding:22px 28px;border-right:1px solid var(--line)}
html[data-design^="v2"] .ov-stat:last-child{border-right:none}
html[data-design^="v2"] .ov-stat-n{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--text)}
html[data-design^="v2"] .ov-stat-n em{font-style:normal;color:var(--brand)}
html[data-design^="v2"] .ov-stat-l{font-size:12px;color:var(--soft);margin-top:6px}
/* BLOCK — kutusuz section */
html[data-design^="v2"] .ov-block{padding-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--line);margin-bottom:clamp(28px,3.5vw,44px)}
html[data-design^="v2"] .ov-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
html[data-design^="v2"] .ov-eb-sm{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-deep);font-weight:700;margin-bottom:8px}
html[data-design^="v2"] .ov-block-title{font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.15}
html[data-design^="v2"] .ov-block-fig{text-align:right;flex-shrink:0}
html[data-design^="v2"] .ov-block-pct{font-size:clamp(32px,3.6vw,42px);font-weight:800;color:var(--brand);line-height:1}
html[data-design^="v2"] .ov-empty{text-align:center;padding:30px 0}
/* track */
html[data-design^="v2"] .ov-track{height:8px;background:var(--brand-soft);border-radius:99px;overflow:hidden}
html[data-design^="v2"] .ov-track-i{height:100%;background:var(--brand);border-radius:99px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
/* target body */
html[data-design^="v2"] .ov-tp-body{display:flex;flex-direction:column;gap:26px}
html[data-design^="v2"] .ov-tp-totals{display:grid;grid-template-columns:1fr 1fr;gap:30px}
html[data-design^="v2"] .ov-tp-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
html[data-design^="v2"] .ov-tp-k{font-size:14px;font-weight:600;color:var(--text)}
html[data-design^="v2"] .ov-tp-tot .ov-tp-row{margin-bottom:8px}
html[data-design^="v2"] .ov-tp-subjects{display:flex;flex-direction:column;gap:12px}
html[data-design^="v2"] .ov-tp-sub{border-top:1px solid var(--line);padding-top:20px}
html[data-design^="v2"] .ov-tp-est{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
html[data-design^="v2"] .ov-tp-estn{font-weight:700;font-size:16px;margin-top:2px;color:var(--text)}
html[data-design^="v2"] .ov-tp-velnum{font-size:24px;font-weight:800;color:var(--text)}
html[data-design^="v2"] .ov-tp-msg{font-size:14px;color:var(--text)}
html[data-design^="v2"] .ov-badge{font-size:12px;padding:4px 12px;border-radius:99px;background:var(--brand-soft);color:var(--brand-deep);font-weight:600}
/* exam */
html[data-design^="v2"] .ov-exam-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
html[data-design^="v2"] .ov-exam-big{font-size:clamp(34px,4.5vw,52px);font-weight:800;color:var(--brand);letter-spacing:-.02em;line-height:1;margin-top:4px}
html[data-design^="v2"] .ov-exam-big small{font-size:16px;font-weight:500;color:var(--soft);letter-spacing:0}
html[data-design^="v2"] .ov-exam-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--soft);margin-bottom:8px}
html[data-design^="v2"] .ov-exam-foot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--soft);margin-top:18px}
html[data-design^="v2"] .ov-exam-foot b{color:var(--brand)}
html[data-design^="v2"] .ov-link{background:none;border:none;font-family:inherit;color:var(--brand-deep);font-weight:600;font-size:13px;cursor:pointer;padding:0}
html[data-design^="v2"] .ov-link:hover{text-decoration:underline}
html[data-design^="v2"] .ov-link-amber{color:#B45309}
/* insight */
html[data-design^="v2"] .ov-insight-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(20px,2.5vw,36px);align-items:start}
html[data-design^="v2"] .ov-insight-grid .ov-block{margin-bottom:0}
html[data-design^="v2"] .ov-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
html[data-design^="v2"] .ov-insight-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
/* news + acts */
html[data-design^="v2"] .ov-news{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
html[data-design^="v2"] .ov-acts{display:flex;flex-direction:column;gap:8px}
/* feats */
html[data-design^="v2"] .ov-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(28px,3.5vw,44px);padding-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--line)}
html[data-design^="v2"] .ov-feat{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:all .15s}
html[data-design^="v2"] .ov-feat:hover{border-color:var(--brand);transform:translateY(-2px)}
html[data-design^="v2"] .ov-feat-ic{font-size:26px;width:52px;height:52px;display:grid;place-items:center;background:var(--brand-soft);border-radius:14px;flex-shrink:0}
html[data-design^="v2"] .ov-feat-t{font-size:17px;font-weight:700;margin:2px 0;color:var(--text)}
html[data-design^="v2"] .ov-feat-arr{color:var(--brand);font-weight:700;margin-left:auto}
/* responsive */
@media(max-width:820px){
  html[data-design^="v2"] .ov-hero{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-hero-r{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:22px}
  html[data-design^="v2"] .ov-insight-grid{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-feats{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-tp-totals{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-news{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-tp-est{grid-template-columns:1fr}
  html[data-design^="v2"] .ov-stat{min-width:45%}
}

/* ============================================================= */
/* ORTAK ov-* BILEŞENLER (tüm view'lar paylaşır) — Adım 0       */
/* ============================================================= */
/* glyph chip — gradient/glow icon chip'lerin yerine */
html[data-design^="v2"] .ov-glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700;flex-shrink:0}
html[data-design^="v2"] .ov-glyph-lg{width:44px;height:44px;border-radius:12px;font-size:20px}
/* segmented tab — glass tab kartlarının yerine, hairline */
html[data-design^="v2"] .ov-tab{background:transparent;border:1px solid var(--line);border-radius:12px;padding:14px 18px;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s,background .15s}
html[data-design^="v2"] .ov-tab:hover{border-color:var(--brand)}
html[data-design^="v2"] .ov-tab.active{border-color:var(--brand);background:var(--brand-soft)}
/* chat/thread bubble — solve/mentor/support ortak */
html[data-design^="v2"] .ov-msg{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--surface);max-width:80%;line-height:1.5}
html[data-design^="v2"] .ov-msg-user{background:var(--brand-soft);border-color:transparent;margin-left:auto}
html[data-design^="v2"] .ov-msg-admin{background:var(--bg-1);border-color:var(--line)}
/* status pill */
html[data-design^="v2"] .ov-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:99px;background:var(--brand-soft);color:var(--brand-deep);font-weight:600}
html[data-design^="v2"] .ov-pill-soft{background:var(--bg-1);color:var(--soft)}
/* empty-state kart varyanti (ortali, boxsuz) */
html[data-design^="v2"] .ov-empty .ov-empty-ic{font-size:32px;margin-bottom:10px}
html[data-design^="v2"] .ov-empty-t{font-weight:700;font-size:16px;margin-bottom:6px;color:var(--text)}

/* ============================================================= */
/* SUBTLE ANIMASYON SISTEMI (onaylandi: cekirdek) — Adım 0       */
/* ============================================================= */
@keyframes ovRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ovBreathe{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes ovFillIn{from{width:0 !important}}
/* entrance — GSAP yoksa CSS fallback; GSAP varsa onu ezmesin diye sadece no-js degil, hafif */
html[data-design^="v2"] .ov-livedot{animation:ovBreathe 2.6s ease-in-out infinite}
/* hover lift — kart/cta/satir icin opt-in */
html[data-design^="v2"] .ov-lift{transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s,box-shadow .15s}
html[data-design^="v2"] .ov-lift:hover{transform:translateY(-2px);border-color:var(--brand)}
/* progress fill — ov-track-i zaten transition'li; ilk gorunumde dolma icin opt-in */
html[data-design^="v2"] .ov-track-i.ov-anim{animation:ovFillIn .8s cubic-bezier(.2,.8,.2,1)}
/* reduced-motion saygisi */
@media (prefers-reduced-motion: reduce){
  html[data-design^="v2"] .ov-livedot{animation:none}
  html[data-design^="v2"] .ov-lift{transition:none}
  html[data-design^="v2"] .ov-lift:hover{transform:none}
  html[data-design^="v2"] .ov-track-i,html[data-design^="v2"] .ov-track-i.ov-anim{animation:none;transition:none}
}


/* ===== BATCH-1 VIEW PORT cssAdditions (profile/activities/analytics/schedule/mentor) ===== */

/* ===== PROFILE view (data-view="profile") — boxless ov-* shell ===== */
html[data-design^="v2"] [data-view="profile"] .ov-prof-id{display:flex;align-items:center;gap:18px;margin-top:6px}
html[data-design^="v2"] [data-view="profile"] .ov-prof-av{width:80px;height:80px;flex-shrink:0}
html[data-design^="v2"] [data-view="profile"] .ring-grad{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;padding:3px}
html[data-design^="v2"] [data-view="profile"] .ov-prof-av-in{width:100%;height:100%;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:800;font-size:26px;color:var(--brand-deep)}
html[data-design^="v2"] [data-view="profile"] .ov-prof-stats{margin-bottom:0;border:none}
html[data-design^="v2"] [data-view="profile"] .ov-prof-stats .ov-stat{padding:0 18px 0 0;min-width:0;text-align:left}
html[data-design^="v2"] [data-view="profile"] .ov-prof-stats .ov-stat-n{font-size:24px}
html[data-design^="v2"] [data-view="profile"] .flame{font-size:16px;margin-left:2px}
html[data-design^="v2"] [data-view="profile"] .ov-form label.ov-eb-sm{display:block}
html[data-design^="v2"] [data-view="profile"] .ov-cta-wide{width:100%;justify-content:center;margin-top:4px}
html[data-design^="v2"] [data-view="profile"] .ov-note{font-size:13px;border-radius:12px;padding:11px 16px;border:1px solid var(--line)}
html[data-design^="v2"] [data-view="profile"] .ov-note-err{background:var(--brand-soft);border-color:var(--brand-ring);color:var(--brand-deep)}
html[data-design^="v2"] [data-view="profile"] .ov-note-ok{background:var(--brand-soft);border-color:var(--brand-ring);color:var(--brand-deep)}
html[data-design^="v2"] [data-view="profile"] .ov-note.hidden{display:none}

/* ============================================================= */
/* SCHEDULE v3 — concept iskeleti: kutusuz, hairline, ferah      */
/* (Japon-minimal; outer shell .ov-* dilinde; sadece bu view)    */
/* ============================================================= */
/* BAR: baslik + hafta navigasyonu, alt hairline ayrac */
html[data-design^="v2"] [data-view="schedule"] .ov-sch-bar{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;
  padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:clamp(24px,3.5vw,40px);
}
html[data-design^="v2"] [data-view="schedule"] .ov-sch-head-l{min-width:0}
html[data-design^="v2"] [data-view="schedule"] .ov-sch-bar .ov-h1{margin-top:8px}

/* STATS: kutusuz figur satiri, ince dikey ayrac */
html[data-design^="v2"] [data-view="schedule"] .ov-stats{
  display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,56px);
  padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px;
}
html[data-design^="v2"] [data-view="schedule"] .ov-stat{min-width:0}
html[data-design^="v2"] [data-view="schedule"] .ov-stat-n{
  font-family:'Fraunces',serif;font-size:clamp(24px,3vw,30px);font-weight:600;color:var(--text);line-height:1;
}
html[data-design^="v2"] [data-view="schedule"] .ov-stat-l{font-size:12px;color:var(--soft);margin-top:6px}

/* ACTIONS: boxless aksiyon satiri */
html[data-design^="v2"] [data-view="schedule"] .ov-sch-actions{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:26px;
}
html[data-design^="v2"] [data-view="schedule"] .ov-sch-danger{color:var(--danger)}
html[data-design^="v2"] [data-view="schedule"] .ov-sch-danger:hover{color:var(--danger);opacity:.8}

@media(max-width:680px){
  html[data-design^="v2"] [data-view="schedule"] .ov-sch-bar{align-items:flex-start}
  html[data-design^="v2"] [data-view="schedule"] .ov-stats{gap:20px 28px}
}

/* ===== v2 view: mentor — concept/ov-* OUTER restructure ek kuralları ===== */
/* Sidebar artık ov-block (kutusuz hairline). Eski .glass sidebar kuralları
   bu view'da .glass kalmadığı için tetiklenmez; quick-btn / regenerate
   kuralları id seçicili olduğundan aynen geçerli. */

/* Quick-soru butonları: JS hâlâ .glass.glass-hover üretiyor — kutusuz hizala.
   (#mentor-quick-btns button kuralları zaten var; burada sadece ızgara nefesi) */
html[data-design^="v2"] [data-view="mentor"] #mentor-quick-btns { gap: 8px; }

/* Sidebar ov-block başlıkları ile mevcut .ov-eb-sm foundation'ı uyumlu;
   ek kural gerekmez. Model bilgisi canlı noktası artık .ov-livedot
   (foundation: marka rengi + nefes animasyonu, reduced-motion'da durur). */

/* ===== SCHEDULE de-box — grid + gate kutusuz/hairline (concept "yine aynı" fix) ===== */
html[data-design^="v2"] [data-view="schedule"] #sched-gate-card{background:transparent!important;border:none!important;box-shadow:none!important}
html[data-design^="v2"] [data-view="schedule"] .sched-grid{background:transparent!important;border:none!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step{background:transparent!important;border:none!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.done{background:transparent!important;border-color:var(--line)!important}
html[data-design^="v2"] [data-view="schedule"] .sched-gate-step.pending:hover{background:var(--brand-soft)!important;border-color:var(--line)!important}
html[data-design^="v2"] [data-view="schedule"] .sched-day-header{background:transparent!important;border-bottom:1px solid var(--line)!important}
html[data-design^="v2"] [data-view="schedule"] .sched-day-header.today{background:var(--brand-soft)!important}

/* ===== pin (Sabitle) butonu — pinned'de aktif belli olsun ===== */
html[data-design^="v2"] body.sidebar-pinned #sidebar-pin{background:var(--brand-soft)!important;color:var(--brand-deep)!important}
/* schedule view shrink guard — grid blowout (pinned'de sigmama) onle */
html[data-design^="v2"] [data-view="schedule"]{min-width:0}

/* ===== native <select> dropdown — v1 koyu option leak fix (TÜM view'lar) ===== */
html[data-design^="v2"]{color-scheme:light}
html[data-design^="v2"] select.field{color-scheme:light!important}
html[data-design^="v2"] select.field option{background:var(--surface)!important;color:var(--text)!important}
html[data-design^="v2"] select.field option:checked,html[data-design^="v2"] select.field option:hover{background:var(--brand-soft)!important;color:var(--brand-deep)!important}

/* uvp modal — body seviyesinde; liste alt nefes (son item kırpılmasın) */
html[data-design^="v2"] .uvp-list{padding-bottom:16px}
html[data-design^="v2"] .uvp-content{max-height:82vh}

/* ===== schedule full-bleed pinned fix — 100vw hack sidebar pinned'de taşırıyordu ===== */
/* section[data-view=schedule] margin:-1*(100vw-100%)/2 → pinned'de main 280px sağa kayınca 100vw taşar. */
@media (min-width:1280px){
  html[data-design^="v2"] body.sidebar-pinned section[data-view="schedule"]{margin-left:calc(-1 * (100vw - var(--sidebar-w) - 100%) / 2 + 24px) !important;margin-right:calc(-1 * (100vw - var(--sidebar-w) - 100%) / 2 + 24px) !important}
}

/* ============================================================
   SHARED MODALS — v2 (CSS-only, gated). Tüm modal'lar:
   #modal-backdrop (Aktivite), #exam-modal, #sched-routine-modal,
   #sched-task-modal, #sched-reset-modal. v1 koyu/mor cam + inline
   sabit renkler → açık yüzey + mono-brand (minimal). Markup/JS
   dokunulmadı. Inline renkleri sadece !important + bespoke class yener.
   ============================================================ */

/* Backdrop: koyu-mor cam → ılık dim translucent (NOT beyaz) */
html[data-design^="v2"] .modal-backdrop {
  background: rgba(26,23,20,.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* Modal kartı: yüzey + 1px hairline + yumuşak gölge.
   .grad-border satır 104 zaten yüzey veriyor; burada gölge/şekil. */
html[data-design^="v2"] .modal-backdrop .modal {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 24px 60px rgba(26,23,20,.18) !important;
  border-radius: var(--radius-lg) !important;
}
/* Aktivite modal'ının animasyonlu mor gradyanı (#modal-backdrop .modal,
   v1 !important) → düz açık yüzey. En yüksek özgüllüğü eşledik. */
html[data-design^="v2"] #modal-backdrop .modal {
  background: var(--surface) !important;
  background-size: auto !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 24px 60px rgba(26,23,20,.18) !important;
  animation: none !important;
}
/* Modal başlık alt çizgileri + bölüm ayraçları: beyaz hairline → --line */
html[data-design^="v2"] .modal-backdrop .modal [style*="border-bottom:1px solid rgba(255,255,255"],
html[data-design^="v2"] .modal-backdrop .modal [style*="border:1px solid rgba(255,255,255"] {
  border-color: var(--line) !important;
}

/* Modal form etiketleri/başlıkları → okunur mürekkep/ikincil.
   Tailwind text-white/xx zaten satır 41-42 yakalıyor; bespoke .act-lbl ek. */
html[data-design^="v2"] .act-lbl { color: var(--soft) !important; }

/* ─── Tab grupları (Aktivite tip / Deneme türü / Görev tip / gün) ───
   v1 koyu cam + mor-cyan gradyan aktif → açık yüzey, mono-brand aktif. */
html[data-design^="v2"] .act-tab,
html[data-design^="v2"] .exam-kind-tab,
html[data-design^="v2"] .st-tab,
html[data-design^="v2"] .sr-day-btn {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--soft) !important;
  transition: border-color var(--t-fast), background var(--t-fast), color var(--t-fast);
}
html[data-design^="v2"] .act-tab:hover:not(.active),
html[data-design^="v2"] .exam-kind-tab:hover:not(.active),
html[data-design^="v2"] .st-tab:hover:not(.active),
html[data-design^="v2"] .sr-day-btn:hover:not(.active) {
  border-color: var(--brand) !important;
  color: var(--text) !important;
  background: var(--brand-soft) !important;
}
html[data-design^="v2"] .act-tab.active,
html[data-design^="v2"] .exam-kind-tab.active,
html[data-design^="v2"] .st-tab.active,
html[data-design^="v2"] .sr-day-btn.active {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
}

/* Net pill (Aktivite) + inline Net kutusu (Görev modal) → mono-brand wash.
   Görev Net kutusu inline: background:rgba(124,58,237,.12);border rgba(168,85,247,.25). */
html[data-design^="v2"] .act-net-pill {
  background: var(--brand-soft) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] #st-score-row [style*="background:rgba(124,58,237"] {
  background: var(--brand-soft) !important;
  border: 1px solid var(--line) !important;
}

/* ─── Reset (Programı Temizle) seçenekleri ─── */
html[data-design^="v2"] .reset-choice {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
}
html[data-design^="v2"] .reset-choice:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
}
html[data-design^="v2"] .reset-choice.danger:hover {
  background: var(--danger-soft) !important;
  border-color: var(--danger-bd, var(--danger)) !important;
}
/* rc-icon çipleri: 3 farklı inline renk (mor #a78bfa / cyan #67e8f9 /
   rose #fda4af, inline bg rgba) → tek mono-brand çip. Inline'ı yalnız
   !important + bespoke class yener. */
html[data-design^="v2"] .reset-choice .rc-icon {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}
/* rc-title/rc-desc rengi satır 131-132'de zaten themed; burada dokunmadık. */


/* ===== BATCH-2 VIEW PORT + leak overrides ===== */

/* --- prescription --- */
/* ===== prescription view — ov-* shell + v1 leak overrides ===== */
html[data-design^="v2"] [data-view="prescription"] .ov-bar{margin-bottom:18px;padding-bottom:0;border-bottom:none}

/* Heatmap legend (was inline rose/amber/cyan/emerald swatches) */
html[data-design^="v2"] [data-view="prescription"] .ov-bd-legend{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--soft);flex-wrap:wrap}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-leg{display:flex;align-items:center;gap:6px}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw{width:12px;height:12px;border-radius:4px;background:var(--line)}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-bad{background:var(--brand-soft)}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-mid{background:#F3D9C2}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-ok{background:#ECC9AE}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-good{background:var(--brand)}

/* ai-typing dots: v1 violet -> brand */
html[data-design^="v2"] [data-view="prescription"] .ai-typing span{background:var(--brand)}

/* glass / skel leftovers in skeletons + JS-injected cards -> light surface */
html[data-design^="v2"] [data-view="prescription"] .glass{background:var(--surface)!important;border:1px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:14px}
html[data-design^="v2"] [data-view="prescription"] .skel{background:var(--bg-1)!important;background-image:none!important;animation:none!important;border-radius:6px}

/* JS-injected btn-glow (STS gate / empty CTA) -> solid brand button */
html[data-design^="v2"] [data-view="prescription"] .btn-glow{background:var(--brand)!important;color:#fff!important;box-shadow:none!important}
html[data-design^="v2"] [data-view="prescription"] .btn-glow::before{display:none!important}
html[data-design^="v2"] [data-view="prescription"] .btn-glow:hover{background:var(--brand-deep)!important;box-shadow:none!important}

/* JS-injected rx-item rows (paintRx) -> hairline lift rows */
html[data-design^="v2"] [data-view="prescription"] .rx-item{background:var(--surface)!important;border:1px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:14px;transition:border-color .15s,transform .15s}
html[data-design^="v2"] [data-view="prescription"] .rx-item:hover{border-color:var(--brand);transform:translateY(-2px)}
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-violet-300{color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-white\/85,
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-white\/50,
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-white\/40{color:var(--text)!important}
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-white\/50,
html[data-design^="v2"] [data-view="prescription"] .rx-item .text-white\/40{color:var(--soft)!important}
html[data-design^="v2"] [data-view="prescription"] .rx-action .text-violet-300{color:var(--brand)!important}

/* rx-check (old paintRx checkbox) -> brand outline */
html[data-design^="v2"] [data-view="prescription"] .rx-check{border-color:var(--line)!important;background:var(--surface)!important}
html[data-design^="v2"] [data-view="prescription"] .rx-check:hover{border-color:var(--brand)!important;background:var(--brand-soft)!important}
html[data-design^="v2"] [data-view="prescription"] .rx-item.done .rx-check{background:var(--brand)!important;border-color:transparent!important}

/* chips: v1 rose/amber/green tints -> brand-soft, single language */
html[data-design^="v2"] [data-view="prescription"] .chip{border:1px solid var(--line);background:var(--bg-1);color:var(--soft)}
html[data-design^="v2"] [data-view="prescription"] .chip-critical{background:var(--brand-soft)!important;color:var(--brand-deep)!important;border-color:transparent}
html[data-design^="v2"] [data-view="prescription"] .chip-medium{background:var(--brand-soft)!important;color:var(--brand-deep)!important;border-color:transparent}
html[data-design^="v2"] [data-view="prescription"] .chip-low{background:var(--bg-1)!important;color:var(--soft)!important;border-color:var(--line)}

/* generic injected white/violet text inside this view */
html[data-design^="v2"] [data-view="prescription"] .text-white\/55,
html[data-design^="v2"] [data-view="prescription"] .text-white\/65{color:var(--soft)!important}
html[data-design^="v2"] [data-view="prescription"] .font-display{color:var(--text)!important}

/* ===== Breakdown heatmap (JS innerHTML in paintBreakdown) ===== */
html[data-design^="v2"] [data-view="prescription"] .bd-group{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px;padding:20px}
html[data-design^="v2"] [data-view="prescription"] .bd-group .from-violet-500\/30,
html[data-design^="v2"] [data-view="prescription"] .bd-group .bg-gradient-to-br{background:var(--brand-soft)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="prescription"] .bd-group .text-white\/45{color:var(--soft)!important}
/* grad-text rainbow accuracy -> solid text */
html[data-design^="v2"] [data-view="prescription"] .bd-sub-acc.grad-text,
html[data-design^="v2"] [data-view="prescription"] .grad-text{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important}
/* cells: dark rainbow bg -> light surface; brand fill */
html[data-design^="v2"] [data-view="prescription"] .bd-cell{background:var(--bg-1)!important;border:1px solid var(--line)!important;border-radius:12px}
html[data-design^="v2"] [data-view="prescription"] .bd-cell:hover{border-color:var(--brand)!important}
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-bad,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-mid,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-ok,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-good{background:var(--bg-1)!important}
html[data-design^="v2"] [data-view="prescription"] .bd-cell .bd-fill,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-bad .bd-fill,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-mid .bd-fill,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-ok .bd-fill,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-good .bd-fill{background:var(--brand)!important;opacity:.14!important}
html[data-design^="v2"] [data-view="prescription"] .bd-topic{color:var(--text)!important}
html[data-design^="v2"] [data-view="prescription"] .bd-acc,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-bad .bd-acc,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-mid .bd-acc,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-ok .bd-acc,
html[data-design^="v2"] [data-view="prescription"] .bd-cell.acc-good .bd-acc{color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="prescription"] .bd-meta{color:var(--soft)!important}

/* --- news --- */
<![CDATA[/* ===== NEWS view — ov-* shell + v1 leak kill (Japon-minimal, boxless) ===== */
html[data-design^="v2"] [data-view="news"] .ov-news-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,52px)}
html[data-design^="v2"] [data-view="news"] .ov-news-head-l{min-width:0;flex:1}
html[data-design^="v2"] [data-view="news"] .ov-news-bar .ov-h1{margin-top:8px}
html[data-design^="v2"] [data-view="news"] .ov-news-bar .ov-lead{margin:14px 0 0;max-width:60ch}
html[data-design^="v2"] [data-view="news"] .ov-news-list{display:flex;flex-direction:column;gap:0}

/* --- LEAK KILL: .sched-action-btn (dark glass, violet hover) --- */
html[data-design^="v2"] [data-view="news"] .sched-action-btn{background:transparent!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:13px;font-weight:600;white-space:nowrap}
html[data-design^="v2"] [data-view="news"] .sched-action-btn:hover{background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--brand-deep)!important}

/* --- LEAK KILL: .news-card (dark gradient box, violet hover, cyan unread) --- */
html[data-design^="v2"] [data-view="news"] .news-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-left:1px solid var(--line)!important;border-radius:16px!important;padding:20px 22px;position:relative;transition:border-color .15s,transform .15s}
html[data-design^="v2"] [data-view="news"] .news-card:hover{border-color:var(--brand)!important;transform:translateY(-2px)}
html[data-design^="v2"] [data-view="news"] .news-card.unread{border-left:3px solid var(--brand)!important;background:var(--brand-soft)!important}
html[data-design^="v2"] [data-view="news"] .news-card.news-priority-critical{box-shadow:0 0 0 1px var(--brand)!important}

/* --- LEAK KILL: unread dot (cyan glow) --- */
html[data-design^="v2"] [data-view="news"] .news-unread-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--brand)!important;box-shadow:none!important}

/* --- LEAK KILL: type badges (cyan/violet/purple/rose/amber chips) --- */
html[data-design^="v2"] [data-view="news"] .news-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--brand-soft)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="news"] .news-type-news,
html[data-design^="v2"] [data-view="news"] .news-type-update,
html[data-design^="v2"] [data-view="news"] .news-type-announcement,
html[data-design^="v2"] [data-view="news"] .news-type-event{background:var(--brand-soft)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="news"] .news-type-warning{background:var(--bg-1)!important;color:var(--text)!important}

/* --- LEAK KILL: title / meta / body (Space Grotesk white, white/.4 meta, white/.78 body) --- */
html[data-design^="v2"] [data-view="news"] .news-title{font-family:inherit!important;font-weight:700;font-size:18px;color:var(--text)!important;margin:8px 0;line-height:1.3}
html[data-design^="v2"] [data-view="news"] .news-meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--soft)!important;margin-top:4px}
html[data-design^="v2"] [data-view="news"] .news-body{font-size:14px;line-height:1.6;color:var(--text)!important;white-space:pre-wrap}
html[data-design^="v2"] [data-view="news"] .news-image{margin:12px 0;max-width:100%;border-radius:10px;max-height:320px;object-fit:cover;border:1px solid var(--line)}

/* --- LEAK KILL: news-link (violet glass pill) --- */
html[data-design^="v2"] [data-view="news"] .news-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;border-radius:11px;background:var(--brand)!important;color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s}
html[data-design^="v2"] [data-view="news"] .news-link:hover{background:var(--brand-deep)!important;color:#fff!important}

/* --- LEAK KILL: empty state (white/.4) --- */
html[data-design^="v2"] [data-view="news"] .news-empty{padding:60px 20px;text-align:center;color:var(--soft)!important}
html[data-design^="v2"] [data-view="news"] .news-empty .icon{font-size:48px;margin-bottom:12px;opacity:.6}

/* --- LEAK KILL: error fallback (text-rose-300) --- */
html[data-design^="v2"] [data-view="news"] .text-rose-300{color:var(--brand-deep)!important}

@media (max-width:640px){
  html[data-design^="v2"] [data-view="news"] .ov-news-bar{align-items:flex-start}
}]]>

/* --- solve --- */
/* ============================================================= */
/* VIEW: solve — Japon-minimal ov-* shell + EXHAUSTIVE v1 leak kill */
/* gated html[data-design^="v2"], scoped to [data-view="solve"]    */
/* ============================================================= */

/* ---- SHELL: boxless chat panel ---- */
html[data-design^="v2"] [data-view="solve"] .ov-solve-panel{
  background:var(--bg-0) !important;
  border:1px solid var(--line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-panel.dragover{
  border-color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-panel.dragover::after{
  background:rgba(251,248,242,0.92) !important;color:var(--brand-deep) !important;
}

/* full-screen-active override (v1 forces dark bg) */
html[data-design^="v2"] body.view-solve-active [data-view="solve"] .ov-solve-panel,
html[data-design^="v2"] body:has(.view[data-view="solve"].active) [data-view="solve"] .ov-solve-panel{
  background:var(--bg-0) !important;
  border:none !important;border-top:1px solid var(--line) !important;
  box-shadow:none !important;
}

/* ---- HEAD ---- */
html[data-design^="v2"] [data-view="solve"] .ov-solve-head{
  border-bottom:1px solid var(--line) !important;
  background:var(--surface) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-title{
  font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:700;font-size:15px;
  line-height:1.15;color:var(--text);display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}

/* ---- icon buttons (v1: violet/cyan gradient + dark glass) ---- */
html[data-design^="v2"] [data-view="solve"] .icon-btn{
  background:transparent !important;color:var(--soft) !important;
  border:1px solid var(--line) !important;border-radius:11px !important;
}
html[data-design^="v2"] [data-view="solve"] .icon-btn:hover{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;border-color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="solve"] .icon-btn.send-btn{
  background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="solve"] .icon-btn.send-btn:not(:disabled):hover{
  background:var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="solve"] .icon-btn:disabled{opacity:.4 !important;}

/* ---- messages column ---- */
html[data-design^="v2"] [data-view="solve"] .solve-messages{background:transparent !important;}

/* ---- INPUT WRAP / INPUT ---- */
html[data-design^="v2"] [data-view="solve"] .ov-solve-input-wrap{
  border-top:1px solid var(--line) !important;
  background:var(--surface) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-input{
  background:var(--bg-1) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-input:focus-within{
  border-color:var(--brand) !important;
  background:var(--surface) !important;
  box-shadow:0 0 0 3px var(--brand-soft) !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-textarea{
  background:transparent !important;color:var(--text) !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-textarea::placeholder{color:var(--soft) !important;}
html[data-design^="v2"] [data-view="solve"] .ov-solve-hint{
  max-width:860px;margin:8px auto 0;text-align:center;color:var(--soft) !important;font-size:11px;
}

/* ---- photo preview (v1: violet tint) ---- */
html[data-design^="v2"] [data-view="solve"] .ov-solve-photo-preview{
  background:var(--brand-soft) !important;border:1px solid var(--line) !important;border-radius:14px !important;
}
html[data-design^="v2"] [data-view="solve"] .ov-solve-photo-preview img{
  border:1px solid var(--line) !important;
}

/* ============================================================= */
/* LEAK KILL — JS-injected markup (cannot edit JS; theme classes) */
/* ============================================================= */

/* empty state (renderEmpty) — v1: dark glass + violet/cyan glow icon */
html[data-design^="v2"] [data-view="solve"] .solve-empty{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  border-radius:18px !important;box-shadow:none !important;backdrop-filter:none !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-empty h3{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-empty p{color:var(--soft) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-empty-icon{
  background:var(--brand-soft) !important;border:1px solid var(--line) !important;
  box-shadow:none !important;animation:none !important;border-radius:16px !important;
}

/* suggestion chips — v1: dark glass + violet hover */
html[data-design^="v2"] [data-view="solve"] .solve-chip{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-chip:hover{
  background:var(--brand-soft) !important;border-color:var(--brand) !important;
  color:var(--brand-deep) !important;box-shadow:none !important;
}

/* message rows / avatars / bubbles (addUserMsg/addTyping/fillAnswer) */
html[data-design^="v2"] [data-view="solve"] .msg-avatar{box-shadow:none !important;}
html[data-design^="v2"] [data-view="solve"] .msg-ai .msg-avatar{
  background:var(--brand) !important;color:#fff !important;
}
html[data-design^="v2"] [data-view="solve"] .msg-user .msg-avatar{
  background:var(--bg-1) !important;border:1px solid var(--line) !important;color:var(--text) !important;
}
html[data-design^="v2"] [data-view="solve"] .msg-ai .msg-bubble{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="solve"] .msg-user .msg-bubble{
  background:var(--brand-soft) !important;border:1px solid transparent !important;
  color:var(--text) !important;box-shadow:none !important;
}
html[data-design^="v2"] [data-view="solve"] .msg-photo{
  border:1px solid var(--line) !important;box-shadow:none !important;
}

/* typing dots — v1: #a78bfa */
html[data-design^="v2"] [data-view="solve"] .ai-typing span{background:var(--brand) !important;}

/* answer tag pill — v1: violet */
html[data-design^="v2"] [data-view="solve"] .solve-tag{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;
  border:1px solid var(--line) !important;
}

/* markdown body — v1: white/violet text, dark code blocks */
html[data-design^="v2"] [data-view="solve"] .solve-md{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-md h3,
html[data-design^="v2"] [data-view="solve"] .solve-md h4,
html[data-design^="v2"] [data-view="solve"] .solve-md h5,
html[data-design^="v2"] [data-view="solve"] .solve-md h6{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-md strong{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-md em{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-md code{
  background:var(--bg-1) !important;border:1px solid var(--line) !important;color:var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-md pre{
  background:var(--bg-1) !important;border:1px solid var(--line) !important;box-shadow:none !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-md pre code{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-md blockquote{
  border-left:4px solid var(--brand) !important;color:var(--soft) !important;
  background:var(--bg-1) !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-md hr{border-top:1px solid var(--line) !important;}

/* gap card — v1: amber gradient glow */
html[data-design^="v2"] [data-view="solve"] .solve-gap{
  background:var(--brand-soft) !important;border:1px solid var(--line) !important;
  border-radius:16px !important;box-shadow:none !important;backdrop-filter:none !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-gap:hover{
  border-color:var(--brand) !important;box-shadow:none !important;transform:none !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-gap-title{
  color:var(--brand-deep) !important;text-shadow:none !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-gap-text{color:var(--text) !important;}
html[data-design^="v2"] [data-view="solve"] .solve-gap-tip{
  color:var(--soft) !important;border-top:1px solid var(--line) !important;
}
html[data-design^="v2"] [data-view="solve"] .solve-gap-saved{
  color:var(--brand-deep) !important;border-top:1px solid var(--line) !important;text-shadow:none !important;
}

/* --- community --- */
/* ============================================================
   community view — v2 boxless port + EXHAUSTIVE v1 leak kill
   All gated html[data-design^="v2"] + scoped [data-view="community"].
   JS injects bespoke .comm-* markup (podium/leaderboard/rooms) we
   cannot edit — overridden here to render light/brand (boxless).
   ============================================================ */

/* ---- Aktif oturum şeridi (static markup) ---- */
html[data-design^="v2"] [data-view="community"] .comm-active-card{
  background:var(--brand-soft)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-pulse{
  background:var(--brand)!important;
  box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-active-pulse::after{
  border-color:var(--brand)!important;opacity:.35;
}

/* ---- Scope filtre butonları (pill, brand) ---- */
html[data-design^="v2"] [data-view="community"] .comm-scope-btn{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  color:var(--soft)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-scope-btn:hover{
  color:var(--text)!important;border-color:var(--brand)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-scope-btn.active{
  background:var(--brand-soft)!important;
  border-color:var(--brand)!important;
  color:var(--brand-deep)!important;
}

/* ---- Podium (JS-injected) ---- */
html[data-design^="v2"] [data-view="community"] .comm-podium-slot{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1{
  background:var(--brand-soft)!important;
  border-color:var(--brand)!important;
  box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-2,
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-3{
  background:var(--bg-1)!important;
  border-color:var(--line)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-avatar{
  background:var(--brand-soft)!important;
  color:var(--brand-deep)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1 .comm-podium-avatar,
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-2 .comm-podium-avatar,
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-3 .comm-podium-avatar{
  border-color:var(--brand)!important;box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-podium-name{color:var(--text)!important}
html[data-design^="v2"] [data-view="community"] .comm-podium-meta{color:var(--soft)!important}
html[data-design^="v2"] [data-view="community"] .comm-podium-time{color:var(--text)!important}
html[data-design^="v2"] [data-view="community"] .comm-podium-slot.rank-1 .comm-podium-time{color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="community"] .comm-podium-time small{color:var(--soft)!important}
/* inline color:#c4b5fd "(sen)" rozetleri */
html[data-design^="v2"] [data-view="community"] .comm-podium-name span[style],
html[data-design^="v2"] [data-view="community"] .comm-lb-name span[style]{color:var(--brand-deep)!important}

/* ---- Leaderboard 4+ satırlar (JS-injected) ---- */
html[data-design^="v2"] [data-view="community"] .comm-lb-row{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-row:hover{
  background:var(--bg-1)!important;border-color:var(--brand)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-row.is-me{
  background:var(--brand-soft)!important;
  border-color:var(--brand)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-rank{
  background:var(--bg-1)!important;color:var(--soft)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-avatar{
  background:var(--brand-soft)!important;color:var(--brand-deep)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-lb-name{color:var(--text)!important}
html[data-design^="v2"] [data-view="community"] .comm-lb-meta{color:var(--soft)!important}
html[data-design^="v2"] [data-view="community"] .comm-lb-time{color:var(--text)!important}
html[data-design^="v2"] [data-view="community"] .comm-lb-time small{color:var(--soft)!important}

/* ---- Kendi sıran kartı (static + JS-filled) ---- */
html[data-design^="v2"] [data-view="community"] .comm-me-card{
  background:var(--brand-soft)!important;
  border:1px solid var(--brand)!important;
  border-radius:14px!important;
}

/* ---- Oda kartları (JS-injected) ---- */
html[data-design^="v2"] [data-view="community"] .comm-room-card{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  color:var(--text)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card::before{display:none!important}
html[data-design^="v2"] [data-view="community"] .comm-room-card:hover{
  border-color:var(--brand)!important;box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card.highlight{
  border-color:var(--brand)!important;box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-card.highlight::after{
  background:var(--brand-soft)!important;color:var(--brand-deep)!important;
}
/* room icon — neutralize JS bg-gradient-* tailwind helper too */
html[data-design^="v2"] [data-view="community"] .comm-room-icon{
  background:var(--brand-soft)!important;
  color:var(--brand-deep)!important;
  box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-name{color:var(--text)!important}
html[data-design^="v2"] [data-view="community"] .comm-room-desc{color:var(--soft)!important}
html[data-design^="v2"] [data-view="community"] .comm-room-stats{
  border-top:1px solid var(--line)!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live{color:var(--soft)!important}
html[data-design^="v2"] [data-view="community"] .comm-room-live .dot{
  background:var(--line)!important;box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-live.live{color:var(--brand-deep)!important}
html[data-design^="v2"] [data-view="community"] .comm-room-live.live .dot{
  background:var(--brand)!important;box-shadow:none!important;
}
html[data-design^="v2"] [data-view="community"] .comm-room-join{color:var(--brand-deep)!important}

/* ---- Skeletonlar (shimmer'ı açık tona çek) ---- */
html[data-design^="v2"] [data-view="community"] .comm-room-skel{
  background:linear-gradient(90deg,var(--bg-1),var(--line),var(--bg-1))!important;
  background-size:200% 100%!important;
  border-radius:16px!important;
}

/* ---- glow-dot (yeşil pulse → brand, gölgesiz) ---- */
html[data-design^="v2"] [data-view="community"] .glow-dot{
  box-shadow:none!important;animation:none!important;background:var(--brand)!important;
}

/* ---- ov-glyph rozeti yuvarlağı: özel ◉ rozet hizası ---- */
html[data-design^="v2"] [data-view="community"] .ov-empty-t{color:var(--text)}

/* --- flashcards --- */
/* ===== view: flashcards — outer shell + v1 leak kill (Japon-minimal, boxless) ===== */
/* layout-only: filter rows / illustration grid reused from v1 but re-themed below */
html[data-design^="v2"] [data-view="flashcards"] .fc-start-grid{
  display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:center;
}
@media (max-width:720px){
  html[data-design^="v2"] [data-view="flashcards"] .fc-start-grid{grid-template-columns:1fr}
  html[data-design^="v2"] [data-view="flashcards"] .fc-illustration{display:none}
}

/* --- Leitner box grid: kill dark glass cards + rainbow bars --- */
html[data-design^="v2"] [data-view="flashcards"] .fc-boxes-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box{
  text-align:center;padding:16px 6px 14px;border-radius:14px;
  background:var(--surface)!important;border:1px solid var(--line)!important;position:relative;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box .lbl{
  font-size:11px;color:var(--soft)!important;font-weight:600;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-box .cnt{
  font-family:inherit;font-weight:800;font-size:22px;margin:6px 0 8px;
  color:var(--text)!important;font-variant-numeric:tabular-nums;
}
/* rainbow Leitner bars (K1-K5 each had its own gradient) → solid brand */
html[data-design^="v2"] [data-view="flashcards"] .fc-box .bar,
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="1"] .bar,
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="2"] .bar,
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="3"] .bar,
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="4"] .bar,
html[data-design^="v2"] [data-view="flashcards"] .fc-box[data-b="5"] .bar{
  height:4px;border-radius:999px;background:var(--brand)!important;
  transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1);
}

/* --- Filters: dark selects/labels/diff-tabs → light brand --- */
html[data-design^="v2"] [data-view="flashcards"] .fc-filter-row{
  display:flex;align-items:center;gap:10px;margin-bottom:10px;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-filter-lbl{
  width:64px;flex-shrink:0;font-size:11px;font-weight:700;
  color:var(--soft)!important;text-transform:uppercase;letter-spacing:.05em;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-select{
  flex:1;padding:10px 12px;background:var(--surface)!important;
  border:1px solid var(--line)!important;border-radius:11px;color:var(--text)!important;
  font-family:inherit;font-size:13.5px;outline:none;transition:border-color .15s;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-select:focus{border-color:var(--brand)!important}
html[data-design^="v2"] [data-view="flashcards"] .fc-select option{background:var(--surface)!important;color:var(--text)!important}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-tabs{flex:1;display:flex;gap:6px}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn{
  flex:1;padding:9px 10px;border-radius:10px;cursor:pointer;
  font-family:inherit;font-size:12px;font-weight:600;
  background:transparent!important;border:1px solid var(--line)!important;
  color:var(--soft)!important;transition:all .15s;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn:hover{
  color:var(--text)!important;border-color:var(--brand)!important;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-diff-btn.active{
  background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--brand-deep)!important;
}

/* --- Card-stack illustration: kill purple/cyan glass + glow shadow --- */
html[data-design^="v2"] [data-view="flashcards"] .fc-illustration{
  display:flex;align-items:center;justify-content:center;position:relative;height:240px;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack{position:relative;width:220px;height:200px}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item{
  position:absolute;inset:0;border-radius:16px;
  background:var(--bg-1)!important;border:1px solid var(--line)!important;
  backdrop-filter:none!important;padding:22px 20px;
}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s3{transform:translate(14px,16px) rotate(6deg);opacity:.4}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s2{transform:translate(8px,8px) rotate(3deg);opacity:.65}
html[data-design^="v2"] [data-view="flashcards"] .fc-card-stack-item.s1{
  background:var(--surface)!important;border-color:var(--brand)!important;
  box-shadow:0 20px 50px -16px rgba(220,83,24,.25)!important;
}

/* full-width CTA helper (reuse profile pattern, scoped) */
html[data-design^="v2"] [data-view="flashcards"] .ov-cta-wide{width:100%;justify-content:center}

/* --- shared modals + misc leak fix --- */
/* ============================================================
   SHARED MODALS — v2 (CSS-only, gated). Appended to /css/theme-v2.css.
   Modals: #modal-backdrop (Aktivite), #exam-modal, #sched-routine-modal,
   #sched-task-modal, #sched-reset-modal. No markup/JS touched.
   ============================================================ */

/* Backdrop: koyu-mor cam rgba(5,3,20,.7) → ılık dim translucent (NOT beyaz) */
html[data-design^="v2"] .modal-backdrop {
  background: rgba(26,23,20,.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* Modal kartı: yüzey + 1px hairline + yumuşak gölge */
html[data-design^="v2"] .modal-backdrop .modal {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 24px 60px rgba(26,23,20,.18) !important;
  border-radius: var(--radius-lg) !important;
}
/* Aktivite modal'ı: v1 #modal-backdrop .modal animasyonlu mor gradyan
   (!important) → düz açık yüzey. Aynı özgüllük + !important eşlendi. */
html[data-design^="v2"] #modal-backdrop .modal {
  background: var(--surface) !important;
  background-size: auto !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 24px 60px rgba(26,23,20,.18) !important;
  animation: none !important;
}
/* Başlık alt çizgisi + bölüm ayraçları: beyaz hairline rgba(255,255,255,.06) → --line */
html[data-design^="v2"] .modal-backdrop .modal [style*="border-bottom:1px solid rgba(255,255,255"],
html[data-design^="v2"] .modal-backdrop .modal [style*="border:1px solid rgba(255,255,255"] {
  border-color: var(--line) !important;
}

/* Modal form etiketi (bespoke) → okunur ikincil */
html[data-design^="v2"] .act-lbl { color: var(--soft) !important; }

/* Tab grupları (act-tab / exam-kind-tab / st-tab / sr-day-btn):
   v1 koyu cam + mor→cyan gradyan aktif → açık yüzey, mono-brand aktif */
html[data-design^="v2"] .act-tab,
html[data-design^="v2"] .exam-kind-tab,
html[data-design^="v2"] .st-tab,
html[data-design^="v2"] .sr-day-btn {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--soft) !important;
  transition: border-color var(--t-fast), background var(--t-fast), color var(--t-fast);
}
html[data-design^="v2"] .act-tab:hover:not(.active),
html[data-design^="v2"] .exam-kind-tab:hover:not(.active),
html[data-design^="v2"] .st-tab:hover:not(.active),
html[data-design^="v2"] .sr-day-btn:hover:not(.active) {
  border-color: var(--brand) !important;
  color: var(--text) !important;
  background: var(--brand-soft) !important;
}
html[data-design^="v2"] .act-tab.active,
html[data-design^="v2"] .exam-kind-tab.active,
html[data-design^="v2"] .st-tab.active,
html[data-design^="v2"] .sr-day-btn.active {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--brand-deep) !important;
}

/* Net pill (Aktivite) + inline Net kutusu (Görev modal) → mono-brand wash */
html[data-design^="v2"] .act-net-pill {
  background: var(--brand-soft) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] #st-score-row [style*="background:rgba(124,58,237"] {
  background: var(--brand-soft) !important;
  border: 1px solid var(--line) !important;
}

/* Reset (Programı Temizle) seçenekleri */
html[data-design^="v2"] .reset-choice {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
}
html[data-design^="v2"] .reset-choice:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
}
html[data-design^="v2"] .reset-choice.danger:hover {
  background: var(--danger-soft) !important;
  border-color: var(--danger-bd, var(--danger)) !important;
}
/* rc-icon çipleri: inline 3 farklı renk (mor #a78bfa / cyan #67e8f9 /
   rose #fda4af + inline rgba bg) → tek mono-brand çip. Inline'ı sadece
   !important + bespoke class yener. */
html[data-design^="v2"] .reset-choice .rc-icon {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}
/* rc-title / rc-desc: theme-v2.css satır 131-132'de zaten themed (text/soft) */


/* ===== RISKY-3 VIEW PORT (exams/sts/support) + JS-injected leak overrides ===== */

/* --- sts --- */
/* ===== VIEW: STS (Seviye Tespiti) — Japon-minimal, KUTUSUZ, hairline ===== */
/* Outer shell */
html[data-design^="v2"] [data-view="sts"] .ov-sts-loading{text-align:center;padding:32px 0;font-size:14px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-tabs{display:flex;gap:14px;margin:clamp(24px,3vw,40px) 0}
html[data-design^="v2"] [data-view="sts"] .ov-sts-tab{flex:1;padding:20px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-tab-ic{font-size:26px;margin-bottom:8px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-tab-t{font-weight:700;font-size:16px;color:var(--text)}
html[data-design^="v2"] [data-view="sts"] .ov-sts-tab-d{margin-top:4px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-list{display:flex;flex-direction:column;gap:16px}
html[data-design^="v2"] [data-view="sts"] .ov-cta-wide{width:100%;justify-content:center}
html[data-design^="v2"] [data-view="sts"] .ov-sts-submit{margin-top:24px;padding:16px;font-size:15px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}
html[data-design^="v2"] [data-view="sts"] .ov-sts-panel{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
html[data-design^="v2"] [data-view="sts"] .ov-sts-note{display:flex;align-items:center;gap:10px;margin-bottom:18px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-glyph{font-size:13px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-topics{display:flex;flex-direction:column}
html[data-design^="v2"] [data-view="sts"] .ov-sts-analysis{color:var(--text);line-height:1.65;margin-bottom:24px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-areas{display:flex;flex-direction:column;gap:10px;margin:14px 0 24px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-coach{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-motiv{color:var(--text);font-size:14px;line-height:1.65;margin-top:8px}
html[data-design^="v2"] [data-view="sts"] .ov-sts-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
html[data-design^="v2"] [data-view="sts"] .ov-sts-act{flex:1;justify-content:center;min-width:160px;padding:15px}

/* ===== JS-INJECTED LEAK OVERRIDES (stsShowResult / quiz / manual templates) ===== */
/* Quiz question cards: .glass is global-surface; kill violet pill + white text */
html[data-design^="v2"] [data-view="sts"] [data-sts-qid]{padding:22px !important}
html[data-design^="v2"] [data-view="sts"] [data-sts-qid] .bg-violet-500\/15{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] [data-view="sts"] [data-sts-qid] [class*="text-violet"]{color:var(--brand-deep) !important}
html[data-design^="v2"] [data-view="sts"] [data-sts-qid] [class*="text-white"]{color:var(--text) !important}
/* Quiz answer options (.sts-option / .active) — dark rgba -> surface/brand */
html[data-design^="v2"] [data-view="sts"] .sts-option{border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--text) !important}
html[data-design^="v2"] [data-view="sts"] .sts-option:hover{border-color:var(--brand) !important;background:var(--brand-soft) !important;color:var(--text) !important}
html[data-design^="v2"] [data-view="sts"] .sts-option.active{border-color:var(--brand) !important;background:var(--brand-soft) !important;color:var(--brand-deep) !important;font-weight:600}
/* Manual proficiency rows: inline white border -> hairline; white text -> ink */
html[data-design^="v2"] [data-view="sts"] [data-sts-pkey]{border-bottom:1px solid var(--line) !important}
html[data-design^="v2"] [data-view="sts"] [data-sts-pkey] [class*="text-white"]{color:var(--text) !important}
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn{border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--soft) !important}
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn:hover{border-color:var(--brand) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] [data-view="sts"] .sts-prof-btn.active{background:var(--brand-soft) !important;border-color:var(--brand) !important;color:var(--brand-deep) !important;font-weight:600}
/* Result priority-area cards: rose/amber/emerald border+bg -> brand neutral */
html[data-design^="v2"] [data-view="sts"] #sts-result-areas > div{border:1px solid var(--line) !important;border-left:3px solid var(--line) !important;background:var(--surface) !important;padding:14px 16px}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="border-rose"]{border-left-color:var(--brand) !important;background:var(--brand-soft) !important}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="bg-rose"],
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="bg-amber"],
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="bg-emerald"]{background:var(--brand-soft) !important}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="border-amber"]{border-left-color:#E0A33A !important}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="border-emerald"]{border-left-color:var(--brand-deep) !important}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="text-white"]{color:var(--text) !important}
html[data-design^="v2"] [data-view="sts"] #sts-result-areas [class*="text-violet"]{color:var(--brand) !important}
/* Injected chips (.chip-critical/.chip-medium/.chip-low): dark wash -> brand tokens */
html[data-design^="v2"] [data-view="sts"] .chip-critical{background:var(--danger-soft) !important;color:var(--danger) !important}
html[data-design^="v2"] [data-view="sts"] .chip-medium{background:var(--warn-soft) !important;color:var(--warn) !important}
html[data-design^="v2"] [data-view="sts"] .chip-low{background:var(--brand-soft) !important;color:var(--brand-deep) !important}

/* --- exams --- */
/* ============================================================
   VIEW: exams — v2 port (gated, scoped). Shell + JS-injected leak overrides.
   Real token is --border; brief calls it --line → use var(--line, var(--border)).
   ============================================================ */

/* ---- Shell header (ported to ov-* concept) ---- */
html[data-design^="v2"] [data-view="exams"] .ov-exam-top{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; flex-wrap:wrap; margin-bottom:24px;
}
html[data-design^="v2"] [data-view="exams"] .ov-eb{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:600; letter-spacing:.08em;
  color:var(--brand-deep) !important; margin-bottom:10px;
}
html[data-design^="v2"] [data-view="exams"] .ov-glyph{
  width:24px; height:24px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; background:var(--brand-soft) !important;
  color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="exams"] .ov-h1{
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  font-size:clamp(26px,3.4vw,36px); font-weight:700;
  letter-spacing:-0.02em; color:var(--text) !important;
}
html[data-design^="v2"] [data-view="exams"] .ov-lead{
  color:var(--soft, var(--muted)) !important; margin-top:6px; font-size:14px;
}

/* ============================================================
   JS-INJECTED LEAK OVERRIDES — renderExamOverview / renderExamList /
   toggleExamCard / examNetChart inject these via innerHTML (uneditable JS).
   ============================================================ */

/* ---- Overview empty state (℞ card) ---- */
html[data-design^="v2"] [data-view="exams"] #exam-overview .glass,
html[data-design^="v2"] [data-view="exams"] #exam-list .glass{
  background:var(--surface) !important;
  border:1px solid var(--line, var(--border)) !important;
  box-shadow:var(--shadow-sm) !important;
}

/* ---- Overview KPI cards: grad-text last-net → solid brand ---- */
html[data-design^="v2"] [data-view="exams"] #exam-overview .grad-text,
html[data-design^="v2"] [data-view="exams"] #exam-list .grad-text{
  background:none !important;
  -webkit-text-fill-color:var(--brand) !important;
  color:var(--brand) !important;
}

/* ---- exam-toggle (TYT/AYT chips injected in overview) ---- */
html[data-design^="v2"] [data-view="exams"] .exam-toggle{
  padding:5px 14px; border-radius:999px; font-size:12px; font-weight:600;
  border:1px solid var(--line, var(--border)) !important;
  background:var(--surface) !important;
  color:var(--soft, var(--muted)) !important;
  cursor:pointer; transition:all .15s;
}
html[data-design^="v2"] [data-view="exams"] .exam-toggle:hover{
  color:var(--text) !important; border-color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="exams"] .exam-toggle.active{
  border-color:var(--brand) !important;
  background:var(--brand-soft) !important;
  color:var(--brand-deep) !important;
}

/* ---- Modal kind tabs (TYT/AYT/Branş) — .exam-kind-tab ---- */
html[data-design^="v2"] .exam-kind-tab{
  border:1px solid var(--line, var(--border)) !important;
  background:var(--surface) !important;
  color:var(--soft, var(--muted)) !important;
}
html[data-design^="v2"] .exam-kind-tab:hover{ color:var(--text) !important; }
html[data-design^="v2"] .exam-kind-tab.active{
  border-color:var(--brand) !important;
  background:var(--brand-soft) !important;
  color:var(--brand-deep) !important;
}

/* ---- exam-kind-badge: JS sets inline rgba(violet/cyan/amber) bg+color → brand ---- */
html[data-design^="v2"] [data-view="exams"] .exam-kind-badge{
  background:var(--brand-soft) !important;
  color:var(--brand-deep) !important;
}

/* ---- exam-card (history rows) ---- */
html[data-design^="v2"] [data-view="exams"] .exam-card{
  background:var(--surface) !important;
  border:1px solid var(--line, var(--border)) !important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card:hover{
  border-color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="exams"] .exam-chevron{ color:var(--soft, var(--muted)) !important; }

/* ---- Card body: section rows + AI-analysis panel injected by toggleExamCard ---- */
html[data-design^="v2"] [data-view="exams"] .exam-card-body [class*="border-white"],
html[data-design^="v2"] [data-view="exams"] .exam-card-body [class*="border-b"],
html[data-design^="v2"] [data-view="exams"] .exam-card-body [class*="border-t"]{
  border-color:var(--line, var(--border)) !important;
}
/* section net figure: text-violet-200 → brand */
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-violet-200{
  color:var(--brand) !important;
}
/* AI analizi panel: inline rgba(124,58,237,.08) bg + rgba(124,58,237,.18) border + violet head */
html[data-design^="v2"] [data-view="exams"] .exam-card-body [style*="rgba(124,58,237"]{
  background:var(--brand-soft) !important;
  border-color:var(--line, var(--border)) !important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-violet-300{
  color:var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="exams"] .exam-card-body .solve-md{ color:var(--text) !important; }
/* delete link: text-rose-300 → danger */
html[data-design^="v2"] [data-view="exams"] .exam-del,
html[data-design^="v2"] [data-view="exams"] .exam-card-body .text-rose-300{
  color:var(--danger) !important;
}

/* ---- examNetChart SVG: violet→cyan gradient line/fill + violet dots → solid brand ---- */
html[data-design^="v2"] [data-view="exams"] #exam-overview svg polyline{
  stroke:var(--brand) !important;
}
html[data-design^="v2"] [data-view="exams"] #exam-overview svg polygon{
  fill:var(--brand-soft) !important;
}
html[data-design^="v2"] [data-view="exams"] #exam-overview svg circle{
  fill:var(--brand) !important;
}
/* neutralize the gradient <stop>s so url(#examLine)/url(#examFill) resolve to brand */
html[data-design^="v2"] [data-view="exams"] #exam-overview svg stop{
  stop-color:var(--brand) !important;
}

/* --- support --- */
/* ============================================================
   VIEW: support — Japon-minimal outer shell (.ov-*)
   ============================================================ */
html[data-design^="v2"] [data-view="support"] .ov-bar{align-items:flex-end}
html[data-design^="v2"] [data-view="support"] .ov-sup-head-l{min-width:0;flex:1}
html[data-design^="v2"] [data-view="support"] .ov-bar .ov-h1{margin-top:8px}
html[data-design^="v2"] [data-view="support"] .ov-bar .ov-lead{margin:12px 0 0;max-width:56ch}
html[data-design^="v2"] [data-view="support"] .ov-eb svg{vertical-align:-2px;margin-right:4px}
html[data-design^="v2"] [data-view="support"] .ov-sup-panel{margin-bottom:0}
html[data-design^="v2"] [data-view="support"] .ov-sup-form{display:flex;flex-direction:column;gap:18px}
html[data-design^="v2"] [data-view="support"] .ov-sup-form label.ov-eb-sm{display:block}
html[data-design^="v2"] [data-view="support"] .ov-cta-wide{width:100%;justify-content:center}
html[data-design^="v2"] [data-view="support"] .ov-sup-back{display:inline-flex;align-items:center;gap:6px}
html[data-design^="v2"] [data-view="support"] .ov-sup-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--soft)}
html[data-design^="v2"] [data-view="support"] .ov-sup-closed{text-align:center;font-size:13px;color:var(--soft);padding:16px 0;border-top:1px solid var(--line)}
html[data-design^="v2"] [data-view="support"] .ov-sup-reply{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
html[data-design^="v2"] [data-view="support"] .ov-sup-list{display:flex;flex-direction:column;gap:10px}
html[data-design^="v2"] [data-view="support"] .ov-sup-err{font-size:13px;border-radius:12px;padding:11px 16px;background:var(--brand-soft);border:1px solid var(--brand-deep);color:var(--brand-deep)}
html[data-design^="v2"] [data-view="support"] .ov-sup-err.hidden{display:none}
html[data-design^="v2"] [data-view="support"] .ov-sup-err-inline{font-size:12px;color:var(--brand-deep)}
html[data-design^="v2"] [data-view="support"] .ov-sup-err-inline.hidden{display:none}

/* ============================================================
   JS-INJECTED LEAK OVERRIDES (cannot edit JS — gate + scope)
   supportRefreshList(): .ticket-row(.unread), .ticket-status.ts-*
   supportOpenTicket():  .msg-bubble.from-user/.from-admin, .msg-meta(.right)
   ============================================================ */
/* --- ticket list rows --- */
html[data-design^="v2"] [data-view="support"] .ticket-row{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:14px;transition:border-color .15s,transform .15s;
}
html[data-design^="v2"] [data-view="support"] .ticket-row:hover{
  border-color:var(--brand) !important;
  background:var(--surface) !important;
  transform:translateY(-2px);
}
html[data-design^="v2"] [data-view="support"] .ticket-row .text-white\/45,
html[data-design^="v2"] [data-view="support"] .ticket-row .text-white\/55{color:var(--soft) !important}
html[data-design^="v2"] [data-view="support"] .ticket-row.unread::before{
  background:var(--brand) !important;box-shadow:none !important;
}
/* --- status pills --- */
html[data-design^="v2"] [data-view="support"] .ticket-status{
  background:var(--bg-1);color:var(--soft);font-weight:600;
}
html[data-design^="v2"] [data-view="support"] .ts-open{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;
}
html[data-design^="v2"] [data-view="support"] .ts-replied{
  background:var(--brand-soft) !important;color:var(--brand) !important;
}
html[data-design^="v2"] [data-view="support"] .ts-closed{
  background:var(--bg-1) !important;color:var(--soft) !important;
}
/* --- thread message bubbles --- */
html[data-design^="v2"] [data-view="support"] .msg-bubble{
  border-radius:14px;
}
html[data-design^="v2"] [data-view="support"] .msg-bubble.from-user{
  background:var(--brand-soft) !important;
  border:1px solid transparent !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="support"] .msg-bubble.from-admin{
  background:var(--bg-1) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
html[data-design^="v2"] [data-view="support"] .msg-meta{color:var(--soft) !important}
/* --- list load-error fallback (renders .text-rose-300) --- */
html[data-design^="v2"] [data-view="support"] .text-rose-300{color:var(--brand-deep) !important}


/* ===== ADMIN PANEL PORT (admin-app scoped) ===== */

/* --- admin:overview --- */
/* ============================================================
   ADMIN · overview view → Japon-minimal (.ov-*)  [v2 only]
   Every rule scoped: html[data-design^="v2"] .admin-app [data-view="overview"]
   Kills v1 dark/glass/gradient/colored leaks (incl. JS-injected markup).
   ============================================================ */

/* --- header bar layout --- */
html[data-design^="v2"] .admin-app [data-view="overview"].ov-bar,
html[data-design^="v2"] .admin-app [data-view="overview"] .ov-bar{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;
}
html[data-design^="v2"] .admin-app [data-view="overview"] .ov-news-head-l{min-width:0;flex:1}
html[data-design^="v2"] .admin-app [data-view="overview"] .ov-bar .ov-h1{margin-top:8px}
html[data-design^="v2"] .admin-app [data-view="overview"] .ov-bar .ov-lead{margin:12px 0 0;max-width:56ch}

/* --- STAT GRID: JS injects .glass.glass-hover.stat-card.rounded-2xl + .grad-text --- */
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-statgrid{
  display:grid !important;grid-template-columns:repeat(5,1fr);
  border:none !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;
}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .stat-card{
  background:transparent !important;backdrop-filter:none !important;
  border:none !important;border-right:1px solid var(--line) !important;border-radius:0 !important;
  box-shadow:none !important;transform:none !important;padding:22px 24px !important;overflow:visible !important;
}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .stat-card:last-child{border-right:none !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .stat-card::after{display:none !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .text-white\/50{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .text-white\/40{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .grad-text{
  background:none !important;-webkit-text-fill-color:var(--text) !important;color:var(--text) !important;
  font-size:30px !important;letter-spacing:-.02em;
}

/* --- 30-DAY SIGNUP CHART: JS injects <rect.sg-bar fill=url(#sgrad)> (rose→violet) --- */
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-signup-chart .sg-bar{
  fill:var(--brand) !important;
}

/* --- FIELD DIST: JS injects white/x text + bg-white/5 track + gradient bars --- */
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-field-dist .text-white\/70{color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-field-dist .text-white\/50{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-field-dist .bg-white\/5{
  background:var(--brand-soft) !important;height:8px !important;
}
html[data-design^="v2"] .admin-app [data-view="overview"] #ov-field-dist [data-w]{
  background:var(--brand) !important;
}

/* --- HAIRLINE TABLE (boxless) — overrides v1 .tbl dark theme + JS-injected colors --- */
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table{
  width:100%;border-collapse:separate;border-spacing:0;
}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table thead th{
  text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--soft) !important;background:transparent !important;
  padding:0 14px 12px;border-bottom:1px solid var(--line) !important;
}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table tbody td{
  padding:14px;font-size:13px;vertical-align:middle;
  color:var(--text) !important;border-bottom:1px solid var(--line) !important;
}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table tbody tr{transition:background .15s}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table tbody tr:hover{
  background:var(--brand-soft) !important;cursor:pointer;
}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table tbody tr.no-hover:hover{
  background:transparent !important;cursor:default;
}
/* JS-injected cell colors inside rows */
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table .text-white\/60{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table .text-cyan-300{color:var(--brand-deep) !important}
/* JS-injected avatar: gradient violet→cyan → brand-soft chip */
html[data-design^="v2"] .admin-app [data-view="overview"] .adm-table .bg-gradient-to-br{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;
}
/* skeleton shimmer on light surface */
html[data-design^="v2"] .admin-app [data-view="overview"] .skel{
  background:linear-gradient(90deg,var(--bg-1) 0%,var(--line) 50%,var(--bg-1) 100%) !important;
  background-size:200% 100% !important;
}

/* --- responsive --- */
@media (max-width:980px){
  html[data-design^="v2"] .admin-app [data-view="overview"] .adm-statgrid{grid-template-columns:repeat(2,1fr)}
  html[data-design^="v2"] .admin-app [data-view="overview"] #ov-stats .stat-card:nth-child(2n){border-right:none !important}
}
@media (max-width:640px){
  html[data-design^="v2"] .admin-app [data-view="overview"] .ov-bar{align-items:flex-start}
}

/* --- admin:users --- */
/* ===== ADMIN · users view → ov/Japon-minimal (admin-app + view scoped) ===== */
/* toolbar */
html[data-design^="v2"] .admin-app [data-view="users"] .adm-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px}
@media (max-width:640px){html[data-design^="v2"] .admin-app [data-view="users"] .adm-toolbar{grid-template-columns:1fr}}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-search{position:relative;display:flex;align-items:center}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-search-ic{position:absolute;left:14px;color:var(--soft);pointer-events:none}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-input{width:100%;background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;font-family:inherit;font-size:14px;border-radius:12px;padding:11px 16px;transition:border-color .15s}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-search .adm-input{padding-left:40px}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-input:focus{outline:none;border-color:var(--brand)!important;background:var(--surface)!important}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-input::placeholder{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="users"] select.adm-input{color-scheme:light}
html[data-design^="v2"] .admin-app [data-view="users"] select.adm-input option{background:var(--surface);color:var(--text)}

/* hairline table — kill dark .tbl/.glass leaks */
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table-wrap{background:transparent!important;border:none!important;border-radius:0;overflow:visible}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table{width:100%;border-collapse:separate;border-spacing:0}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table thead th.adm-th{background:transparent!important;border:none!important;border-bottom:1px solid var(--line)!important;color:var(--soft)!important;font-family:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:0 14px 12px}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table thead th.sortable{cursor:pointer;user-select:none;transition:color .15s}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table thead th.sortable:hover{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table tbody td{background:transparent!important;border:none!important;border-bottom:1px solid var(--line)!important;color:var(--text)!important;font-size:13px;padding:14px;vertical-align:middle}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table tbody tr{transition:background .15s}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table tbody tr:hover{background:var(--brand-soft)!important;cursor:pointer}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table tbody tr.no-hover:hover{background:transparent!important;cursor:default}

/* JS-injected inline-color leaks → tokens */
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .text-white\/70,
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .text-white\/50,
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .text-white\/35{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .text-cyan-300{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table .font-medium{color:var(--text)!important}
/* avatar circle: violet→cyan gradient → brand-soft */
html[data-design^="v2"] .admin-app [data-view="users"] .adm-table td .rounded-full{background:var(--brand-soft)!important;color:var(--brand-deep)!important;font-weight:700}

/* chips → ov-pill style brand variants (beat inline gradients/colors) */
html[data-design^="v2"] .admin-app [data-view="users"] .chip{font-size:11px;padding:3px 10px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:4px;background:var(--brand-soft)!important;color:var(--brand-deep)!important;border:1px solid transparent!important;background-image:none!important}
html[data-design^="v2"] .admin-app [data-view="users"] .chip-free{background:var(--bg-1)!important;color:var(--soft)!important;background-image:none!important}
html[data-design^="v2"] .admin-app [data-view="users"] .chip-admin,
html[data-design^="v2"] .admin-app [data-view="users"] .chip-premium{background:var(--brand)!important;color:#fff!important;background-image:none!important;border-color:transparent!important}

/* pager */
html[data-design^="v2"] .admin-app [data-view="users"] .adm-pager-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 0;border-top:1px solid var(--line)}
html[data-design^="v2"] .admin-app [data-view="users"] .adm-pager{display:flex;gap:6px}
html[data-design^="v2"] .admin-app [data-view="users"] .pager-btn{background:transparent!important;border:1px solid var(--line)!important;color:var(--text)!important;background-image:none!important;font-family:inherit;font-size:13px;min-width:32px;height:32px;border-radius:9px;cursor:pointer;transition:all .15s}
html[data-design^="v2"] .admin-app [data-view="users"] .pager-btn:hover:not(:disabled):not(.active){background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="users"] .pager-btn.active{background:var(--brand)!important;border-color:transparent!important;color:#fff!important;font-weight:700;background-image:none!important}
html[data-design^="v2"] .admin-app [data-view="users"] .pager-btn:disabled{opacity:.4;cursor:not-allowed}

/* skeleton shimmer on light */
html[data-design^="v2"] .admin-app [data-view="users"] .skel{background:linear-gradient(90deg,var(--bg-1) 0%,var(--line) 50%,var(--bg-1) 100%)!important;background-size:200% 100%}

/* --- admin:activities --- */
/* ===== ADMIN · activities view — concept/ov port. ALL rules .admin-app + [data-view] scoped to avoid leaking into dashboard.html ===== */

/* hero title */
html[data-design^="v2"] .admin-app [data-view="activities"] .ov-h{font-size:clamp(26px,3.4vw,38px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--text)}

/* filter row — boxless, hairline fields */
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}
@media (max-width:760px){html[data-design^="v2"] .admin-app [data-view="activities"] .adm-filters{grid-template-columns:1fr}}

/* kill v1 dark .field -> hairline */
html[data-design^="v2"] .admin-app [data-view="activities"] .field{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:12px!important;padding:11px 16px!important;font-size:14px!important;transition:border-color .2s}
html[data-design^="v2"] .admin-app [data-view="activities"] .field:focus{outline:none;border-color:var(--brand)!important;background:var(--surface)!important;box-shadow:0 0 0 3px var(--brand-soft)}
html[data-design^="v2"] .admin-app [data-view="activities"] .field::placeholder{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] select.field{color-scheme:light}
html[data-design^="v2"] .admin-app [data-view="activities"] select.field option{background:var(--surface);color:var(--text)}

/* kill v1 .btn-glow gradient on filter button (now ov-cta) */
html[data-design^="v2"] .admin-app [data-view="activities"] .ov-cta{background:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .ov-cta::before{display:none!important}

/* ===== TABLE: clean hairline, boxless, no dark bg ===== */
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table thead th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--soft)!important;padding:13px 16px;background:var(--bg-1)!important;border-bottom:1px solid var(--line)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table tbody td{padding:14px 16px;border-bottom:1px solid var(--line)!important;font-size:13px;vertical-align:middle;color:var(--text)}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table tbody tr{transition:background .18s}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table tbody tr:hover{background:var(--brand-soft)!important;cursor:pointer}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table tbody tr.no-hover:hover{background:transparent!important;cursor:default}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table tbody tr:last-child td{border-bottom:0!important}

/* JS-injected tailwind color classes inside rows -> brand/token palette */
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-white\/70,
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-white\/50,
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-white\/30{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .font-medium{color:var(--text)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-cyan-300{color:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .text-emerald-300{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .act-del{color:var(--soft)!important;transition:color .18s,background .18s}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-table .act-del:hover{color:var(--brand)!important;background:var(--brand-soft)!important}

/* skeleton -> light shimmer */
html[data-design^="v2"] .admin-app [data-view="activities"] .skel{background:linear-gradient(90deg,var(--bg-1) 0%,var(--line) 50%,var(--bg-1) 100%);background-size:200% 100%}

/* ===== PAGER bar + buttons -> hairline, brand active ===== */
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-pager-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--line)}
html[data-design^="v2"] .admin-app [data-view="activities"] .pager-btn{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--soft)!important;cursor:pointer;transition:all .18s;font-size:13px}
html[data-design^="v2"] .admin-app [data-view="activities"] .pager-btn:hover:not(:disabled):not(.active){background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="activities"] .pager-btn.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;font-weight:600}
html[data-design^="v2"] .admin-app [data-view="activities"] .pager-btn:disabled{opacity:.4;cursor:not-allowed}
html[data-design^="v2"] .admin-app [data-view="activities"] .adm-pager-bar .text-white\/30{color:var(--soft)!important}

/* --- admin:prescriptions --- */
/* ===== ADMIN · prescriptions view · v2 boxless port (admin-app scoped) ===== */
html[data-design^="v2"] .admin-app [data-view="prescriptions"]{color:var(--text)}

/* kill v1 dark/colored hero text leaks */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-rose-300\/80,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-white\/50,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-white\/60,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .text-white\/80{color:var(--soft) !important}

/* filter block: boxless, drop v1 glass */
html[data-design^="v2"] .admin-app [data-view="prescriptions"].view .adm-filters,
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-filters{background:transparent !important;border:none !important;backdrop-filter:none !important;box-shadow:none !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-field{background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--text) !important;border-radius:12px;padding:11px 16px;font-size:14px;font-family:inherit;transition:border-color .15s}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-field:focus{outline:none;border-color:var(--brand) !important;background:var(--surface) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-field::placeholder{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] select.adm-field{color-scheme:light}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] select.adm-field option{background:var(--surface);color:var(--text)}

/* filter button: neutralize v1 btn-glow gradient */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .btn-glow{background:var(--brand) !important;box-shadow:none !important;color:#fff !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .btn-glow::before{display:none !important;opacity:0 !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .btn-glow:hover{background:var(--brand-deep) !important;box-shadow:none !important}

/* table: boxless hairline */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft) !important;font-weight:700;padding:0 14px 12px;border-bottom:1px solid var(--line) !important;background:transparent !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table tbody td{padding:14px;border-bottom:1px solid var(--line) !important;font-size:13px;vertical-align:middle;color:var(--text) !important;background:transparent !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table tbody tr{transition:background .15s,transform .15s}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table tbody tr:hover{background:var(--brand-soft) !important;cursor:pointer}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table tbody tr.no-hover:hover{background:transparent !important;cursor:default}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-table .font-medium{color:var(--text) !important;font-weight:600}

/* chips → ov-pill brand variants (beat inline v1 dark chip defs) */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:99px;font-weight:600;border:none !important;background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-critical{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-medium{background:var(--bg-1) !important;color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-low{background:var(--bg-1) !important;color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-pending{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-done{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .chip-skipped{background:var(--bg-1) !important;color:var(--soft) !important}

/* delete button: rose → brand */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .rx-del{color:var(--soft) !important;background:transparent !important;transition:color .15s,background .15s}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .rx-del:hover{color:var(--brand-deep) !important;background:var(--brand-soft) !important}

/* skeleton shimmer on light */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .skel{background:linear-gradient(90deg,var(--bg-1) 0%,var(--line) 50%,var(--bg-1) 100%) !important;background-size:200% 100%}

/* pager bar: hairline, boxless */
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-pager-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 0;border-top:1px solid var(--line)}
html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-pager-btns{display:flex;gap:6px}

@media(max-width:760px){
  html[data-design^="v2"] .admin-app [data-view="prescriptions"] .adm-filter-grid{grid-template-columns:1fr}
}

/* --- admin:system --- */
/* ===== ADMIN · system view → ov-*/concept (Japon-minimal, boxless) ===== */
/* Grid: ferah iki sütun, kutusuz */
html[data-design^="v2"] .admin-app [data-view="system"] .adm-sys-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px);
}
@media (max-width:880px){
  html[data-design^="v2"] .admin-app [data-view="system"] .adm-sys-grid{grid-template-columns:1fr;gap:8px}
}

/* ov-block kartları: kutusuz, üst hairline (zaten ov-block'tan); margin sıfırla */
html[data-design^="v2"] .admin-app [data-view="system"] .adm-sys-card{
  margin-bottom:0;
}
html[data-design^="v2"] .admin-app [data-view="system"] .ov-block-head{
  margin-bottom:18px;
}

/* ===== v1 LEAK-KILL: JS-injected satırlar (#sys-server / #sys-tables) ===== */
/* injected wrapper: glass/dark yok → boxless hairline satır */
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server > div,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-tables > div{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 0 !important;
  border-bottom:1px solid var(--line) !important;
  background:transparent !important;
  font-size:13px;
}
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server > div:last-child,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-tables > div:last-child{
  border-bottom:none !important;
}

/* sol etiket: text-white/55, text-white/70 → soft */
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-tables .text-white\/70,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server > div > span:first-child,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-tables > div > span:first-child{
  color:var(--soft) !important;
}

/* sağ değer (font-mono / font-medium) → text */
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server .font-medium,
html[data-design^="v2"] .admin-app [data-view="system"] #sys-server > div > span:last-child{
  color:var(--text) !important;font-weight:600 !important;
}

/* veritabanı sayısı: grad-text (mor/cyan gradient) → brand düz */
html[data-design^="v2"] .admin-app [data-view="system"] #sys-tables .grad-text{
  background:none !important;-webkit-background-clip:initial !important;
  background-clip:initial !important;-webkit-text-fill-color:currentColor !important;
  color:var(--brand) !important;font-weight:800 !important;
}

/* white/5 border leak'leri kapat (override) */
html[data-design^="v2"] .admin-app [data-view="system"] .border-white\/5{
  border-color:var(--line) !important;
}

/* başlık/paragraf v1 renk leak güvenliği */
html[data-design^="v2"] .admin-app [data-view="system"] .text-rose-300\/80,
html[data-design^="v2"] .admin-app [data-view="system"] .text-white\/55{
  color:var(--soft) !important;
}
html[data-design^="v2"] .admin-app [data-view="system"] .ov-eb-sm{color:var(--brand-deep) !important}

/* --- admin:programs --- */
/* ===== ADMIN · programs view → concept/ov-* (Japon-minimal, boxless) ===== */
/* layout */
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-grid{grid-template-columns:1fr}}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-fld label{display:block;margin-bottom:8px}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-sec{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-sec .ov-eb-sm{margin-bottom:14px}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-name{margin:2px 0}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-variants{display:flex;flex-direction:column;gap:8px}

/* selects: kill v1 dark .field, force boxless hairline light */
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-select,
html[data-design^="v2"] .admin-app [data-view="programs"] select.field{
  width:100%;font-family:inherit;font-size:14px;padding:12px 14px;border-radius:12px;
  background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;
  color-scheme:light!important;transition:border-color .15s}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-select:focus{outline:none;border-color:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-pg-select:disabled{opacity:.55;cursor:not-allowed}
html[data-design^="v2"] .admin-app [data-view="programs"] select.field option{background:var(--surface)!important;color:var(--text)!important}

/* clean hairline table (boxless, 1px row separators) */
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-table{width:100%;border-collapse:collapse;font-size:14px}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-weight:700;text-align:left;padding:0 0 10px;border-bottom:1px solid var(--line)}
html[data-design^="v2"] .admin-app [data-view="programs"] .adm-th-r{text-align:right}
/* JS injects <tr class="border-b border-white/5"> + colored <td> → override */
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body tr{border-bottom:1px solid var(--line)!important}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td{padding:11px 0!important;color:var(--text)!important}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td.text-right{text-align:right}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td.text-white\/70{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td.text-violet-300{color:var(--brand)!important;font-weight:700}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td.text-emerald-300{color:var(--brand-deep)!important;font-weight:600}
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-nets-body td.text-white\/40{color:var(--soft)!important}

/* JS injects variant placeholders with .text-white/40 → soft */
html[data-design^="v2"] .admin-app [data-view="programs"] #pg-d-variants .text-white\/40{color:var(--soft)!important}

/* leak-kill: any residual v1 dark utility text inside this view */
html[data-design^="v2"] .admin-app [data-view="programs"] .text-violet-300\/80{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="programs"] .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="programs"] .text-white\/50,
html[data-design^="v2"] .admin-app [data-view="programs"] .text-white\/45{color:var(--soft)!important}

/* --- admin:videos --- */
/* ====== ADMIN VIEW: videos — concept/ov-* port (admin-app + view scoped) ====== */
/* form inputs/selects: kill .field dark glass */
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-input,
html[data-design^="v2"] .admin-app [data-view="videos"] input.field,
html[data-design^="v2"] .admin-app [data-view="videos"] select.field{
  background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;
  border-radius:12px;font-family:inherit;transition:border-color .15s}
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-input:focus{
  outline:none;border-color:var(--brand)!important;background:var(--surface)!important}
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-input::placeholder{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="videos"] select.field option{background:var(--surface);color:var(--text)}

/* form layout */
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-form-row{align-items:center;gap:12px}
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-form-row label{color:var(--soft)}

/* detected-preview block: kill glass dark */
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-preview{
  background:var(--bg-1)!important;border:1px solid var(--line)!important;color:var(--text);border-radius:12px}
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-preview span{color:var(--text)}
html[data-design^="v2"] .admin-app [data-view="videos"] .adm-preview .ov-soft{color:var(--soft)}

/* save button: override btn-glow gradient -> brand */
html[data-design^="v2"] .admin-app [data-view="videos"] #vf-save.btn-glow{
  background:var(--brand)!important;color:#fff!important;border:none!important;box-shadow:none!important}
html[data-design^="v2"] .admin-app [data-view="videos"] #vf-save.btn-glow::before{display:none!important}
html[data-design^="v2"] .admin-app [data-view="videos"] #vf-save.btn-glow:hover{background:var(--brand-deep)!important;transform:translateY(-2px)}
html[data-design^="v2"] .admin-app [data-view="videos"] #vf-save.btn-glow:disabled{opacity:.55;cursor:not-allowed}

/* inline JS message note */
html[data-design^="v2"] .admin-app [data-view="videos"] #vf-msg{
  background:var(--brand-soft)!important;color:var(--brand-deep)!important;border:1px solid var(--line)!important;border-radius:12px}

/* ===== JS-filled video rows (#video-list) — override injected dark .glass + colored text ===== */
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .glass{
  background:var(--surface)!important;border:1px solid var(--line)!important;backdrop-filter:none!important;
  border-radius:14px;color:var(--text);transition:transform .15s,border-color .15s}
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .glass:hover{transform:translateY(-2px);border-color:var(--brand)}
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .glass > div .font-medium{color:var(--text)!important}
/* video url link: cyan -> brand */
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list a,
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list a.text-cyan-400{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list a:hover{text-decoration:underline}
/* white meta text -> soft */
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list [class*="text-white"]{color:var(--soft)!important}
/* delete button: rose -> brand */
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list button[onclick^="deleteVideo"],
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .text-rose-300\/70{color:var(--soft)!important;font-weight:600}
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list button[onclick^="deleteVideo"]:hover{color:var(--brand)!important}
/* empty / error states injected by JS */
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="videos"] #video-list .text-rose-400{color:var(--soft)!important}
/* skeleton shimmer on light surface */
html[data-design^="v2"] .admin-app [data-view="videos"] .skel{
  background:linear-gradient(90deg,var(--bg-1) 0%,var(--line) 50%,var(--bg-1) 100%)!important;background-size:200% 100%;border-radius:6px}

/* ===== pagination (#v-pagination) — JS injects btn-glow / glass buttons ===== */
html[data-design^="v2"] .admin-app [data-view="videos"] #v-pagination button{
  background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:10px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}
html[data-design^="v2"] .admin-app [data-view="videos"] #v-pagination button:hover{border-color:var(--brand)!important;background:var(--brand-soft)!important}
html[data-design^="v2"] .admin-app [data-view="videos"] #v-pagination button.btn-glow{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="videos"] #v-pagination button.btn-glow::before{display:none!important}

/* --- admin:livechat --- */
/* ===== livechat (admin) — Japon-minimal port + v1 leak-kill ===== */
/* filter bar */
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:clamp(20px,3vw,32px) 0 20px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-filter-btn{padding:8px 16px !important;border-radius:99px !important;font-size:13px !important;font-weight:600 !important;background:transparent !important;border:1px solid var(--line) !important;color:var(--soft) !important;cursor:pointer;transition:border-color .15s,background .15s,color .15s !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-filter-btn:hover{color:var(--brand-deep) !important;border-color:var(--brand) !important;background:transparent !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-filter-btn.active{background:var(--brand-soft) !important;border-color:var(--brand) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-search{margin-left:auto;max-width:240px;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:9px 14px !important;font-family:inherit;font-size:14px;color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-search::placeholder{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-search:focus{outline:none;border-color:var(--brand) !important}

/* workspace grid */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-workspace{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:600px}
@media (max-width:980px){html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-workspace{grid-template-columns:1fr}}

/* session list (left) */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-list-wrap{max-height:760px;overflow-y:auto;padding-right:4px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-list-wrap::-webkit-scrollbar{width:6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-list-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}

/* JS-injected rows — kill dark/violet, hairline boxes */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row{position:relative;display:block;width:100%;padding:14px 16px;border-radius:14px;background:var(--surface) !important;border:1px solid var(--line) !important;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;text-align:left;color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row:hover{background:var(--surface) !important;border-color:var(--brand) !important;transform:translateX(2px)}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row.active{background:var(--brand-soft) !important;border-color:var(--brand) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row.unread::before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--brand) !important;border-radius:0 4px 4px 0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-avatar{width:36px;height:36px;border-radius:11px;background:var(--brand-soft) !important;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:700;color:var(--brand-deep) !important;font-size:14px;flex-shrink:0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-name{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--text) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-status{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-waiting{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-active{background:var(--brand) !important;color:#fff !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-closed{background:var(--bg-1) !important;color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-preview{font-size:12px;color:var(--soft) !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-meta{font-size:10.5px;color:var(--soft) !important;display:flex;align-items:center;gap:8px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-row-unread-pill{margin-left:auto;min-width:18px;padding:1px 7px;border-radius:99px;background:var(--brand) !important;color:#fff !important;font-size:10px;font-weight:700;text-align:center}

/* chat pane (right) */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-chat-wrap{background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:18px;display:flex;flex-direction:column;min-height:600px;max-height:800px;overflow:hidden}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-chat-pane{flex:1;display:flex;flex-direction:column;min-height:0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-chat-pane.hidden{display:none}

/* user bar */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-user-bar{padding:16px 20px;background:var(--bg-1) !important;border-bottom:1px solid var(--line) !important;display:flex;align-items:center;gap:14px;flex-shrink:0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-user-avatar{width:50px;height:50px;border-radius:14px;background:var(--brand-soft) !important;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:800;color:var(--brand-deep) !important;font-size:18px;flex-shrink:0;border:1px solid var(--line) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-user-name{font-weight:700;font-size:16px;color:var(--text)}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-user-meta{font-size:11px;color:var(--soft)}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-user-meta b{color:var(--text)}

/* plan + status pills → brand variants */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-plan-pill{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-1) !important;color:var(--soft) !important;border:1px solid var(--line) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-plan-pill.premium{background:var(--brand-soft) !important;color:var(--brand-deep) !important;border:1px solid var(--brand) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-plan-pill.admin{background:var(--brand) !important;color:#fff !important;border-color:transparent !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-pill{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-1) !important;color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-pill.lc-status-waiting{background:var(--brand-soft) !important;color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-pill.lc-status-active{background:var(--brand) !important;color:#fff !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-status-pill.lc-status-closed{background:var(--bg-1) !important;color:var(--soft) !important}

/* claim/close buttons sizing */
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-claim{font-size:12px !important;padding:8px 14px !important;border-radius:11px !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-close{font-size:12px !important;padding:8px 14px !important;border-radius:11px !important}

/* rating display */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-rating-display{padding:14px 20px;background:var(--brand-soft) !important;border-bottom:1px solid var(--line) !important;flex-shrink:0}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-rating-display .star{color:var(--brand) !important;display:inline-flex}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-rating-display .star.empty{color:var(--line) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-rating-text{font-size:14px;color:var(--text)}

/* messages stream */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-messages{flex:1;min-height:200px;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:var(--bg-0) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-messages::-webkit-scrollbar{width:6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-messages::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg{display:flex;flex-direction:column;max-width:78%}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-user{align-self:flex-start}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-admin{align-self:flex-end;align-items:flex-end}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-bot,
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-system{align-self:center;max-width:92%;align-items:center}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg-author{font-size:10.5px;color:var(--soft) !important;font-weight:600;margin-bottom:3px;padding:0 6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-admin .lc-msg-author{color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg-bubble{padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-user .lc-msg-bubble{background:var(--bg-1) !important;border:1px solid var(--line) !important;border-top-left-radius:4px;color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-admin .lc-msg-bubble{background:var(--brand) !important;border:1px solid transparent !important;border-top-right-radius:4px;color:#fff !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-bot .lc-msg-bubble{background:var(--brand-soft) !important;border:1px solid var(--line) !important;color:var(--text) !important;font-size:12.5px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-system .lc-msg-bubble{background:var(--bg-1) !important;border:1px solid var(--line) !important;color:var(--soft) !important;font-size:11.5px;padding:5px 12px;border-radius:99px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg-time{font-size:9.5px;color:var(--soft) !important;margin-top:3px;padding:0 6px}
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-msg.from-admin .lc-msg-time{text-align:right}

/* reply form */
html[data-design^="v2"] .admin-app [data-view="livechat"] .lc-reply-form{padding:14px 18px;flex-shrink:0;background:var(--surface) !important;border-top:1px solid var(--line) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-textarea{width:100%;background:var(--bg-0) !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:12px 16px !important;resize:none;margin-bottom:8px;font-family:inherit;font-size:14px;color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-textarea::placeholder{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-textarea:focus{outline:none;border-color:var(--brand) !important}
html[data-design^="v2"] .admin-app [data-view="livechat"] .ov-lc-send{font-size:14px !important;padding:9px 22px !important;border-radius:12px !important}

/* --- admin:flashcards --- */
/* ===== Flashcards admin view → concept/ov-* (admin-app + view scoped) ===== */
/* Header heading reuse of ov-h sizing for h1 */
html[data-design^="v2"] .admin-app [data-view="flashcards"] .ov-h{ font-size:clamp(26px,3.4vw,38px); line-height:1.1; font-weight:800; letter-spacing:-.02em; color:var(--text); }

/* Action bar */
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-ai{ margin-left:0; color:var(--brand-deep) !important; border-color:var(--brand) !important; background:var(--brand-soft) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-input{ background:transparent !important; border:1px solid var(--line) !important; border-radius:10px; padding:9px 12px; font-size:13px; color:var(--text) !important; font-family:inherit; transition:border-color .15s; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-input::placeholder{ color:var(--soft); }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-input:focus{ outline:none; border-color:var(--brand) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] #fc-admin-search{ margin-left:auto; min-width:200px; max-width:280px; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .adm-fc-select{ cursor:pointer; }

/* JS-injected rows: kill dark glass → boxless hairline */
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row{ background:var(--surface) !important; border:1px solid var(--line) !important; border-radius:12px !important; transition:border-color .15s, transform .15s !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row:hover{ background:var(--surface) !important; border-color:var(--brand) !important; transform:translateX(2px) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .num{ background:var(--brand-soft) !important; color:var(--brand-deep) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .question{ color:var(--text) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .meta{ color:var(--soft) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .meta strong{ color:var(--brand-deep) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .text-white\/35{ color:var(--soft) !important; }

/* JS-injected badges → ov-pill brand variants (override every colored/dark variant) */
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge{ background:var(--bg-1) !important; color:var(--soft) !important; border:1px solid var(--line) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.ai{ background:var(--brand-soft) !important; color:var(--brand-deep) !important; border-color:var(--brand) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.manual{ background:var(--bg-1) !important; color:var(--text) !important; border-color:var(--line) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.imported{ background:var(--bg-1) !important; color:var(--soft) !important; border-color:var(--line) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.kolay{ background:var(--bg-1) !important; color:var(--text) !important; border-color:var(--line) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.orta{ background:var(--brand-soft) !important; color:var(--brand-deep) !important; border-color:var(--brand) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.zor{ background:var(--brand) !important; color:#fff !important; border-color:var(--brand) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-admin-row .badge.inactive{ background:var(--bg-1) !important; color:var(--soft) !important; border-color:var(--line) !important; }

/* JS-injected pager → hairline ghost buttons */
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-pg-btn{ background:transparent !important; border:1px solid var(--line) !important; color:var(--soft) !important; border-radius:10px !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-pg-btn:hover{ background:var(--bg-1) !important; color:var(--text) !important; border-color:var(--brand) !important; }
html[data-design^="v2"] .admin-app [data-view="flashcards"] .fc-pg-btn.active{ background:var(--brand-soft) !important; border-color:var(--brand) !important; color:var(--brand-deep) !important; }

/* --- admin:announcements --- */
/* ===== ANNOUNCEMENTS (admin) — v2 leak-kill + hairline rows ===== */
/* every rule .admin-app + [data-view="announcements"] scoped so dashboard is untouched */
html[data-design^="v2"] .admin-app [data-view="announcements"] .ov-bar{align-items:flex-start}

/* JS-injected rows use .glass — neutralize dark glass to hairline boxless row */
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .glass{
  background:var(--surface) !important;
  border:none !important;
  border-top:1px solid var(--line) !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  padding:18px 4px !important;
  transition:border-color .15s,background .15s;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .glass:first-child{border-top:none !important}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .glass:hover{background:var(--bg-1) !important}

/* row title / body text leaks (white text) → tokens */
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .font-medium{color:var(--text) !important;font-weight:700}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-white\/50{color:var(--soft) !important}

/* chips → ov-pill brand variants (kill dark rose/amber/green bg) */
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .chip{
  font-size:12px;padding:3px 10px;border-radius:99px;font-weight:600;
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .chip-critical{
  background:var(--brand) !important;color:#fff !important;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .chip-medium{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .chip-low{
  background:var(--bg-1) !important;color:var(--soft) !important;
}

/* action buttons: violet/rose links → brand / soft */
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list button{
  font-family:inherit;font-weight:600;font-size:13px;background:none;border:none;cursor:pointer;padding:0;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-violet-300{color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-violet-300:hover{color:var(--brand) !important}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-rose-300\/70{color:var(--soft) !important}
html[data-design^="v2"] .admin-app [data-view="announcements"] #ann-list .text-rose-300\/70:hover{color:var(--brand) !important}

/* btn-glow (header new-btn replaced by ov-cta in markup; guard if JS re-adds it) */
html[data-design^="v2"] .admin-app [data-view="announcements"] .btn-glow{
  background:var(--brand) !important;color:#fff !important;box-shadow:none !important;
}
html[data-design^="v2"] .admin-app [data-view="announcements"] .btn-glow::before{opacity:0 !important}
html[data-design^="v2"] .admin-app [data-view="announcements"] .btn-glow:hover{background:var(--brand-deep) !important}

/* --- admin:settings --- */
/* ============================================================
   ADMIN · VIEW: settings — Japon-minimal port (.ov-*/concept)
   Every rule scoped html[data-design^="v2"] .admin-app [data-view="settings"]
   ============================================================ */

/* --- layout grids --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.5vw,36px);align-items:start;
  margin-bottom:clamp(8px,1vw,16px);
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-grid .ov-block{margin-bottom:0}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-stack{
  display:flex;flex-direction:column;gap:16px;margin-top:18px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-fields{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:18px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-2col{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-2col-full{grid-column:1 / -1}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-switches{
  display:flex;flex-direction:column;gap:10px;flex-shrink:0;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-save-row{
  display:flex;align-items:center;justify-content:flex-end;gap:14px;
  margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
}
@media (max-width:880px){
  html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-grid{grid-template-columns:1fr}
  html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-fields{grid-template-columns:1fr}
  html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-2col{grid-template-columns:1fr}
}

/* --- current exam date readout (was nested .glass) --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-current{
  background:var(--bg-1)!important;border:1px solid var(--line)!important;
  border-radius:14px;padding:16px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-current-n{
  font-size:20px;font-weight:800;color:var(--text)!important;margin:2px 0;letter-spacing:-.01em;
}

/* --- inputs: kill v1 .field dark, concept hairline --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-input,
html[data-design^="v2"] .admin-app [data-view="qbank"] .ov-input,
html[data-design^="v2"] .admin-app [data-view="qbank"] .ov-sel,
html[data-design^="v2"] .admin-app [data-view="settings"] input.field,
html[data-design^="v2"] .admin-app [data-view="settings"] select.field{
  width:100%;background:var(--surface)!important;border:1px solid var(--line)!important;
  color:var(--text)!important;border-radius:12px;padding:11px 14px;font-size:14px;
  font-family:inherit;transition:border-color .15s;color-scheme:light;margin-top:6px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-input:focus,
html[data-design^="v2"] .admin-app [data-view="settings"] input.field:focus{
  outline:none;border-color:var(--brand)!important;background:var(--surface)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .field::placeholder{color:var(--soft)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] select.field option{
  background:var(--surface);color:var(--text);
}

/* --- notes (settings-err/ok, analytics-msg) --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-note{
  font-size:13px;border-radius:12px;padding:11px 16px;border:1px solid var(--line);
  background:var(--bg-1);color:var(--text);
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-note-err{
  background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep);
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-note-ok{
  background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep);
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-note.hidden{display:none}

/* --- seed result panel (JS-filled, was .glass) --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-result{
  margin-top:18px;background:var(--bg-1)!important;border:1px solid var(--line)!important;
  border-radius:14px;padding:16px;font-size:13px;color:var(--text)!important;
  display:flex;flex-direction:column;gap:8px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-result.hidden{display:none}

/* --- CTA full width helper --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-cta-wide{
  width:100%;justify-content:center;
}

/* --- kill v1 .btn-glow gradient → flat brand --- */
html[data-design^="v2"] .admin-app [data-view="settings"] .btn-glow{
  background:var(--brand)!important;color:#fff!important;box-shadow:none!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .btn-glow::before{display:none!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .btn-glow:hover{
  background:var(--brand-deep)!important;box-shadow:none!important;transform:translateY(-2px);
}

/* ===== ax-platform cards: dark rgba → boxless hairline ===== */
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform{
  background:var(--surface)!important;border:1px solid var(--line)!important;
  border-radius:16px;overflow:hidden;margin-top:16px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform[data-configured="true"]{
  border-color:var(--brand)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform-head{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:var(--bg-1)!important;border-bottom:1px solid var(--line)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform-title{
  font-weight:700;font-size:14px;color:var(--text)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform-body{padding:16px}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-status{
  font-size:13px;color:var(--soft)!important;flex-shrink:0;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-platform[data-configured="true"] .ax-status{
  color:var(--brand)!important;
}

/* ax-field-label / ax-field → light hairline */
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-field-label{
  display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--soft)!important;font-weight:600;margin-bottom:6px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-field{
  width:100%;background:var(--surface)!important;border:1px solid var(--line)!important;
  color:var(--text)!important;border-radius:11px;padding:10px 13px;font-size:13.5px;
  font-family:inherit;transition:border-color .15s;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-field:focus{
  outline:none;border-color:var(--brand)!important;background:var(--surface)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-field::placeholder{color:var(--soft)!important}

/* ax-switch toggle → brand */
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-switch-label{
  color:var(--text)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-switch-sm .ax-switch-label{
  color:var(--soft)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-slider{
  background:var(--line)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-switch input:checked + .ax-slider{
  background:var(--brand)!important;
}

/* ===== presets ===== */
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-presets{margin:22px 0}
html[data-design^="v2"] .admin-app [data-view="settings"] .ov-set-preset-row{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .preset-btn{
  display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:99px;
  background:var(--surface)!important;border:1px solid var(--line)!important;
  color:var(--text)!important;font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .preset-btn:hover{
  background:var(--brand-soft)!important;border-color:var(--brand)!important;
  color:var(--brand-deep)!important;transform:translateY(-1px);
}

/* ===== TABLE: boxless hairline (.adm-table) ===== */
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-table-wrap{
  border:none!important;border-radius:0;background:transparent!important;overflow-x:auto;
  border-top:1px solid var(--line)!important;margin-top:8px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table{
  width:100%;border-collapse:collapse;font-size:13px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-th{
  text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--soft)!important;font-weight:700;
  background:transparent!important;border-bottom:1px solid var(--line)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table tbody td{
  padding:13px 14px;border-bottom:1px solid var(--line)!important;
  color:var(--text)!important;vertical-align:middle;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table tbody tr:last-child td{border-bottom:none}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table tbody tr{transition:background .12s}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table tbody tr:hover:not(.ax-empty-row){
  background:var(--bg-1)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-empty-row:hover{background:transparent!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-empty-row td{border-bottom:none!important}

/* JS-injected row pills/dots: dark/cyan/amber/violet/rose → brand tokens */
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-trig{
  display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;
  letter-spacing:.05em;text-transform:uppercase;
  background:var(--bg-1)!important;color:var(--soft)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-trig-url,
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-trig-click{
  background:var(--brand-soft)!important;color:var(--brand-deep)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-plat-dot{
  display:inline-block;width:20px;height:20px;border-radius:50%;text-align:center;
  font-size:10px;font-weight:700;line-height:20px;margin-right:2px;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-plat-on-meta,
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-plat-on-ga4,
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-plat-on-tiktok{
  background:var(--brand-soft)!important;color:var(--brand-deep)!important;
}
html[data-design^="v2"] .admin-app [data-view="settings"] .ax-plat-off{
  background:var(--bg-1)!important;color:var(--soft)!important;
}
/* JS-injected utility colors in rows (emerald dot, violet/rose buttons, white text) */
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-emerald-300{color:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-violet-300,
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-violet-300:hover{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-rose-300\/70,
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-rose-300\/70:hover{color:var(--brand)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-white\/85,
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-white\/60,
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .hover\:text-white:hover{color:var(--text)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-white\/30,
html[data-design^="v2"] .admin-app [data-view="settings"] .adm-table .text-white\/25{color:var(--soft)!important}

/* kill v1 hero/heading colors leaking from utility classes inside this view */
html[data-design^="v2"] .admin-app [data-view="settings"] .text-rose-300\/80,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-amber-300\/80{color:var(--brand-deep)!important}
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/50,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/45,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/40,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/35,
html[data-design^="v2"] .admin-app [data-view="settings"] .text-white\/30{color:var(--soft)!important}

/* --- admin:support --- */
/* ===== ADMIN · SUPPORT view → ov-* concept (boxless / hairline / beyaz-turuncu) ===== */

/* Header band */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-head{align-items:flex-start}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-filters{display:flex;align-items:center;gap:8px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-input{min-width:240px;padding:10px 16px;font-size:14px;border-radius:12px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-select{padding:10px 12px;font-size:14px;border-radius:12px}

/* ===== LIST: kutusuz, ince çizgi satırlar ===== */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-list{display:flex;flex-direction:column}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row{
  display:flex;align-items:center;gap:14px;
  padding:16px 4px;
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--border) !important;
  border-radius:0 !important;
  cursor:pointer;
  transition:background .14s var(--ease),padding .14s var(--ease);
}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row:first-child{border-top:1px solid var(--border) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row:hover{
  background:var(--brand-soft) !important;
  border-color:var(--border) !important;
  padding-left:12px;padding-right:12px;
}
/* okunmamış: ince sol turuncu işaret, yıkanmış zemin (amber/rose gradyan öldü) */
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row.unread{
  background:var(--brand-soft) !important;
  box-shadow:inset 3px 0 0 0 var(--brand) !important;
}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row.unread::before{content:none !important;display:none !important}

/* satır içi tipografi: beyaz metin → koyu/soft tokenlar */
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .text-sm{color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .text-white\/80{color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .text-white\/40{color:var(--muted) !important}
/* PREMIUM rozeti: amber → marka-yumuşak */
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .bg-amber-400\/15{background:var(--brand-soft) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-row .text-amber-300{color:var(--brand-deep) !important}

/* ===== STATUS PILLS (ts-*) ===== */
html[data-design^="v2"] .admin-app [data-view="support"] .ticket-status{
  display:inline-flex;align-items:center;
  font-size:11px;font-weight:700;letter-spacing:.01em;
  padding:3px 10px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap;
}
/* açık: marka turuncu (amber öldü) */
html[data-design^="v2"] .admin-app [data-view="support"] .ts-open{
  background:var(--brand-soft) !important;color:var(--brand-deep) !important;border-color:var(--brand) !important;
}
/* yanıtlandı: yüzey + soft (cyan öldü) */
html[data-design^="v2"] .admin-app [data-view="support"] .ts-replied{
  background:var(--surface) !important;color:var(--brand-deep) !important;border-color:var(--brand) !important;
}
/* kapalı: nötr yüzey/soft (beyaz/şeffaf öldü) */
html[data-design^="v2"] .admin-app [data-view="support"] .ts-closed{
  background:var(--bg-1) !important;color:var(--muted) !important;border-color:var(--border) !important;
}

/* boş durum */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-empty-txt{font-size:14px;color:var(--muted) !important}

/* ===== DETAIL: ov-block (kutusuz/üst-çizgi) ===== */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-detail{padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--border)}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-back{
  display:inline-flex;align-items:center;gap:5px;
  font-size:13px;color:var(--muted) !important;
  background:none;border:none;padding:0;margin-bottom:8px;cursor:pointer;
  transition:color .14s var(--ease);
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-back:hover{color:var(--brand) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-sub-meta{
  display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;
  font-size:12px;color:var(--muted) !important;
}

/* user chip: cam/beyaz çerçeve → hairline yüzey */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  padding:6px 12px;border-radius:10px;
  background:var(--bg-1) !important;border:1px solid var(--border) !important;
  font-size:12px;color:var(--text) !important;
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-white,
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .font-semibold{color:var(--text) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-white\/65,
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-white\/60,
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-white\/55,
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-white\/40{color:var(--muted) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .bg-amber-400\/15{background:var(--brand-soft) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .text-amber-300{color:var(--brand-deep) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-userchip .bg-white\/8{background:var(--bg-1) !important}

/* aksiyon butonları: emerald/amber → marka */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-actions{display:flex;align-items:center;gap:8px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-act-btn{
  font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;cursor:pointer;
  background:var(--surface) !important;transition:all .14s var(--ease);
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-act-close{
  border:1px solid var(--brand) !important;color:var(--brand-deep) !important;
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-act-close:hover{background:var(--brand-soft) !important}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-act-reopen{
  border:1px solid var(--border) !important;color:var(--text) !important;
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-act-reopen:hover{background:var(--bg-1) !important;border-color:var(--brand) !important}

/* ===== THREAD ===== */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-thread{
  display:flex;flex-direction:column;gap:12px;margin-bottom:20px;
  max-height:55vh;overflow-y:auto;padding-right:4px;
}
/* hizalama sarmalları (JS items-end/items-start) */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-thread > .flex-col{display:flex;flex-direction:column}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-thread > .items-end{align-items:flex-end}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-thread > .items-start{align-items:flex-start}

/* baloncuklar */
html[data-design^="v2"] .admin-app [data-view="support"] .msg-bubble{
  max-width:78%;padding:11px 15px;border-radius:14px;
  font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;
  box-shadow:var(--shadow-sm) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}
/* kullanıcı → marka-yumuşak, sağ */
html[data-design^="v2"] .admin-app [data-view="support"] .msg-bubble.from-user{
  background:var(--brand-soft) !important;border:1px solid var(--brand) !important;
  color:var(--text) !important;border-bottom-right-radius:5px !important;
}
/* admin → bg-1, sol */
html[data-design^="v2"] .admin-app [data-view="support"] .msg-bubble.from-admin{
  background:var(--bg-1) !important;border:1px solid var(--border) !important;
  color:var(--text) !important;border-bottom-left-radius:5px !important;
}
/* meta */
html[data-design^="v2"] .admin-app [data-view="support"] .msg-meta{font-size:10.5px;color:var(--muted) !important;margin-top:4px}
html[data-design^="v2"] .admin-app [data-view="support"] .msg-meta.right{text-align:right}

/* kapalı bildirimi + yanıt formu: beyaz çizgiler → hairline */
html[data-design^="v2"] .admin-app [data-view="support"] .sup-closed-notice{
  text-align:center;font-size:14px;color:var(--muted) !important;
  padding:16px 0;border-top:1px solid var(--border) !important;
}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-reply-form{border-top:1px solid var(--border) !important;padding-top:16px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-reply-area{width:100%;padding:12px 16px;border-radius:12px;resize:vertical;margin-bottom:12px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-reply-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-reply-hint{font-size:11px;color:var(--muted) !important;margin-right:auto}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-reply-send{font-size:14px}
html[data-design^="v2"] .admin-app [data-view="support"] .sup-send-inner{display:inline-flex;align-items:center;gap:8px}

/* ===== exam geri sayım — gün/saat/dk/sn segment ===== */
html[data-design^="v2"] .ov-countdown{display:flex;gap:clamp(12px,2vw,22px);align-items:flex-start;flex-wrap:wrap}
html[data-design^="v2"] .ov-cd-seg{display:flex;flex-direction:column;align-items:center;line-height:1}
html[data-design^="v2"] .ov-cd-seg b{font-size:clamp(26px,3.4vw,40px);font-weight:800;color:var(--brand);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
html[data-design^="v2"] .ov-cd-seg i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);margin-top:7px;font-weight:600}

/* ===== Canlı Destek (UVA bubble+panel) — v1 koyu/gradient → v2 ===== */
html[data-design^="v2"] .uva-bubble{background:var(--brand)!important;border-color:var(--brand-soft)!important}
html[data-design^="v2"] .uva-bubble-text{color:#fff!important}
html[data-design^="v2"] .uva-bubble-badge{background:var(--brand-deep)!important;border-color:var(--surface)!important;color:#fff!important}
html[data-design^="v2"] .uva-panel{background:var(--surface)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-panel-head{background:var(--brand-soft)!important;border-bottom-color:var(--line)!important}
html[data-design^="v2"] .uva-panel-avatar{background:var(--brand)!important;border-color:var(--surface)!important;color:#fff!important}
html[data-design^="v2"] .uva-panel-title h3{color:var(--text)!important}
html[data-design^="v2"] .uva-panel-status{color:var(--soft)!important}
html[data-design^="v2"] .uva-panel-status .dot{background:var(--brand)!important;box-shadow:0 0 6px var(--brand-soft)!important}
html[data-design^="v2"] .uva-panel-close{background:var(--bg-1)!important;color:var(--soft)!important}
html[data-design^="v2"] .uva-panel-close:hover{background:var(--brand-soft)!important;color:var(--brand-deep)!important}
html[data-design^="v2"] .uva-panel-body{background:var(--surface)!important;background-image:none!important}
html[data-design^="v2"] .uva-panel-foot{background:var(--surface)!important;border-top:1px solid var(--line)!important}
html[data-design^="v2"] .uva-msg-bubble{background:var(--bg-1)!important;color:var(--text)!important;border:1px solid var(--line)!important}
html[data-design^="v2"] .uva-msg.me .uva-msg-bubble,html[data-design^="v2"] .uva-msg.user .uva-msg-bubble,html[data-design^="v2"] .uva-msg.from-user .uva-msg-bubble{background:var(--brand-soft)!important;color:var(--text)!important;border-color:transparent!important}
html[data-design^="v2"] .uva-msg-author,html[data-design^="v2"] .uva-msg-time{color:var(--soft)!important}
html[data-design^="v2"] .uva-input{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-input-hint{color:var(--soft)!important}
html[data-design^="v2"] .uva-topics .uva-topic-btn{background:var(--brand-soft)!important;color:var(--brand-deep)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-welcome{color:var(--text)!important}
html[data-design^="v2"] .uva-welcome-emoji{filter:none!important}
html[data-design^="v2"] .uva-sys{color:var(--soft)!important;background:var(--bg-1)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-link{color:var(--brand-deep)!important}
html[data-design^="v2"] .uva-star{color:var(--brand)!important}
html[data-design^="v2"] .uva-rating-card{background:var(--bg-1)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-rating-comment{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-design^="v2"] .uva-rating-submit{background:var(--brand)!important;color:#fff!important}
html[data-design^="v2"] .uva-rating-skip{color:var(--soft)!important}
html[data-design^="v2"] .uva-typing span{background:var(--brand)!important}

/* ===== Tema toggle butonu (topbar) — aydınlık/karanlık geçiş ===== */
.theme-toggle{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);transition:border-color .15s,color .15s,background .15s}
.theme-toggle .ic-sun{display:none}
.theme-toggle .ic-moon{display:block}
html[data-design="v2dark"] .theme-toggle .ic-sun{display:block}
html[data-design="v2dark"] .theme-toggle .ic-moon{display:none}
html[data-design^="v2"] .theme-toggle{border:1px solid var(--line);color:var(--soft)}
html[data-design^="v2"] .theme-toggle:hover{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}

/* ===== JS-injected violet→cyan gradient leak (subject barları + ikon çipleri) → solid brand ===== */
/* ~= exact class token: sadece tam-opak (from-violet-500/400) hedeflenir, /10 /20 translucent satırlar korunur */
html[data-design^="v2"] :not(.sidebar) [class~="from-violet-500"],
html[data-design^="v2"] :not(.sidebar) [class~="from-violet-400"],
html[data-design^="v2"] :not(.sidebar) [class~="from-violet-600"]{
  background-image:none !important; background-color:var(--brand) !important;
}
/* prescription heatmap legend swatch'ları (hardcoded açık renk → dark'ta token) */
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-mid{background:var(--warn-soft) !important}
html[data-design^="v2"] [data-view="prescription"] .ov-bd-sw-ok{background:var(--brand-soft) !important}

/* ─── v2: Sohbet Geçmişi Drawer (v1 koyu temadan açık-turuncuya) ─── */
html[data-design^="v2"] .chat-history-drawer {
  background: var(--bg-1) !important;
  border-left: 1px solid var(--border) !important;
  box-shadow: -28px 0 60px -20px rgba(0,0,0,0.22) !important;
}
html[data-design^="v2"] .chat-history-backdrop {
  background: rgba(26, 23, 20, 0.38) !important;
}
html[data-design^="v2"] .chat-history-head {
  border-bottom: 1px solid var(--border) !important;
  background: var(--surface) !important;
}
html[data-design^="v2"] .chat-history-head h3 {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  color: var(--text) !important;
}
html[data-design^="v2"] .chat-history-head .sub { color: var(--muted) !important; }
html[data-design^="v2"] .chat-history-search {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] .chat-history-search::placeholder { color: var(--muted) !important; }
html[data-design^="v2"] .chat-history-search:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px var(--brand-soft) !important;
  background: var(--surface) !important;
}
html[data-design^="v2"] .chat-history-day-label { color: var(--brand-deep) !important; }
html[data-design^="v2"] .chat-history-item {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] .chat-history-item:hover {
  background: var(--brand-soft) !important;
  border-color: var(--brand) !important;
  color: var(--text) !important;
}
html[data-design^="v2"] .chat-history-item .chi-photo { color: var(--brand) !important; }
html[data-design^="v2"] .chat-history-item .chi-time { color: var(--muted) !important; }
html[data-design^="v2"] .chat-history-empty { color: var(--muted) !important; }
html[data-design^="v2"] .chat-history-foot { border-top: 1px solid var(--border) !important; }
html[data-design^="v2"] .chat-history-clear {
  background: var(--danger-soft) !important;
  border: 1px solid var(--danger-bd, var(--border)) !important;
  color: var(--danger) !important;
}
html[data-design^="v2"] .chat-history-clear:hover {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
  color: #fff !important;
}
/* "Yükleniyor / Geçmiş yükleniyor" gibi text-white/40 leak'leri (drawer + panel) */
html[data-design^="v2"] .chat-history-list [class*="text-white"] { color: var(--muted) !important; }