/* ════════════════════════════════════════════
   OptiPDF — Light theme (opt-in via html[data-theme="light"])
   Dark stays the default; nothing here applies unless the user picks light.
   ════════════════════════════════════════════ */

/* ── theme toggle button (both themes) ── */
.theme-toggle{
  width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;border:1px solid var(--border,rgba(255,255,255,.08));background:rgba(255,255,255,.05);
  color:var(--text-muted,#94a3b8);cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.theme-toggle:hover{color:var(--orange,#f97316);border-color:rgba(249,115,22,.45);background:rgba(249,115,22,.08)}
.theme-toggle:focus-visible{outline:2px solid rgba(239,68,68,.6);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;display:block}
.theme-toggle .tt-sun{display:none}
html[data-theme="light"] .theme-toggle .tt-sun{display:block}
html[data-theme="light"] .theme-toggle .tt-moon{display:none}
.nav-inner .theme-toggle{margin-left:4px}
.nm-theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border,rgba(255,255,255,.08));background:rgba(255,255,255,.03);color:var(--text,#f1f5f9);font-size:14px;font-weight:600}
@media (max-width:768px){ .nav-inner > .theme-toggle{margin-left:auto;width:40px;height:40px} .nav-inner > .theme-toggle + .nav-burger{margin-left:8px} }
@media (min-width:769px){ .nm-theme-row{display:none} }

/* smooth switch (only while toggling, so normal hovers are untouched) */
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after{
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease!important;
}

/* ═════════ LIGHT TOKENS ═════════ */
html[data-theme="light"]{
  color-scheme:light;
  --dark:#f7f8fb; --dark2:#ffffff; --dark3:#eef1f6; --panel:#ffffff;
  --card-bg:#ffffff; --card-border:rgba(15,23,42,.09);
  --text:#0f172a; --text-muted:#475569; --text-dim:#64748b;
  --border:rgba(15,23,42,.09); --border2:rgba(15,23,42,.07);
  --white:#0f172a;
  --lt-surface:#ffffff; --lt-sunken:#f1f4f9; --lt-hover:rgba(15,23,42,.05); --lt-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);
}
html[data-theme="light"] body{background:var(--dark);color:var(--text)}
html[data-theme="light"] ::-webkit-scrollbar-track{background:#eef1f6}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#cbd5e1}
html[data-theme="light"] ::selection{background:rgba(249,115,22,.22)}

/* ═════════ SITE CHROME ═════════ */
html[data-theme="light"] .navbar,
html[data-theme="light"] header.navbar,
html[data-theme="light"] .up-navbar{background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 1px 0 rgba(15,23,42,.03)}
html[data-theme="light"] .navbar.scrolled,
html[data-theme="light"] header.navbar.scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 6px 24px rgba(15,23,42,.06)!important}
html[data-theme="light"] .nav-links a,html[data-theme="light"] .nav-dd-btn{color:#334155}
html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-dd:hover .nav-dd-btn,html[data-theme="light"] .nav-dd.open .nav-dd-btn{color:#0f172a}
html[data-theme="light"] .btn-ghost{color:#0f172a;border-color:rgba(15,23,42,.14);background:#fff}
html[data-theme="light"] .btn-ghost:hover{background:#f1f4f9;border-color:rgba(15,23,42,.22)}
html[data-theme="light"] .theme-toggle{background:#fff;border-color:rgba(15,23,42,.12);color:#475569;box-shadow:0 1px 2px rgba(15,23,42,.05)}
html[data-theme="light"] .theme-toggle:hover{color:#ea580c;border-color:rgba(249,115,22,.45);background:#fff7ed}
html[data-theme="light"] .nav-burger span{background:#0f172a}
html[data-theme="light"] .nav-burger{background:#fff;border-color:rgba(15,23,42,.12)}
/* mega menu */
html[data-theme="light"] .nav-dd-grid{background:#fff!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 18px 44px rgba(15,23,42,.14)!important}
html[data-theme="light"] .nav-dd-item,html[data-theme="light"] .nav-links .nav-dd-item{color:#1e293b}
html[data-theme="light"] .nav-dd-name{color:#1e293b}
html[data-theme="light"] .nav-links .nav-dd-item:hover,html[data-theme="light"] .nav-links .nav-dd-item:focus-visible{background:#f4f6fa!important;color:#0f172a}
/* mobile drawer */
html[data-theme="light"] .nav-mobile{background:#f7f8fb!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .nav-mobile .nm-head{background:#ffffff!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .nm-overlay{background:rgba(15,23,42,.35)!important}
html[data-theme="light"] .nav-mobile a,html[data-theme="light"] .nm-group > summary,html[data-theme="light"] .nm-title{color:#1e293b}
html[data-theme="light"] .nm-group,html[data-theme="light"] .nm-section a,html[data-theme="light"] .nm-theme-row{background:#fff!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .nav-mobile .nm-group-links a:active,html[data-theme="light"] .nm-section a.active{background:#f1f4f9!important;color:#0f172a}
html[data-theme="light"] .nm-close{color:#334155;background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .nm-ico{background:#f1f4f9;color:#475569}
/* footer */
html[data-theme="light"] .site-footer{background:#eef1f6!important;border-top:1px solid rgba(15,23,42,.08)}
html[data-theme="light"] .site-footer a,html[data-theme="light"] .footer-col ul li a{color:#475569}
html[data-theme="light"] .site-footer a:hover{color:#0f172a}
/* home */
html[data-theme="light"] .hero-badge{color:#b91c1c;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.25)}
html[data-theme="light"] .filter-tabs{background:rgba(247,248,251,.94)!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .tool-card,html[data-theme="light"] .step-card,html[data-theme="light"] .feature-item,html[data-theme="light"] .faq-item{box-shadow:var(--lt-shadow)}
html[data-theme="light"] .btn-outline,html[data-theme="light"] .btn-secondary{color:#0f172a;background:#fff;border-color:rgba(15,23,42,.14)}
/* tool modal */
html[data-theme="light"] .ws-overlay{background:rgba(15,23,42,.45)!important}
html[data-theme="light"] .ws-card{background:#fff!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 30px 80px rgba(15,23,42,.25)!important}
html[data-theme="light"] .ws-upload-prompt,html[data-theme="light"] .file-item,html[data-theme="light"] .xw-opts,html[data-theme="light"] .xw-field input,html[data-theme="light"] .xw-field select,html[data-theme="light"] .xw-field textarea{background:#f7f8fb!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a}
html[data-theme="light"] .ws-upload-prompt:hover{border-color:rgba(239,68,68,.45)!important;background:#fff7f5!important}
html[data-theme="light"] .ws-close{color:#475569;background:#f1f4f9}
html[data-theme="light"] .xw-field select option,html[data-theme="light"] select option{background:#fff;color:#0f172a}
html[data-theme="light"] .xw-thumb-tools button{background:rgba(255,255,255,.92)!important;color:#0f172a}
html[data-theme="light"] .xw-box{background:rgba(15,23,42,.6)!important}

/* ═════════ AUTH + DASHBOARD ═════════ */
html[data-theme="light"] .auth-screen{background:radial-gradient(900px 420px at 10% -10%,rgba(239,68,68,.10),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(249,115,22,.08),transparent 50%),#f7f8fb!important}
html[data-theme="light"] .auth-card{background:#fff!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 24px 60px rgba(15,23,42,.10)!important}
html[data-theme="light"] .auth-card input,html[data-theme="light"] .link-box,html[data-theme="light"] .tools-bar input,html[data-theme="light"] .stack input,
html[data-theme="light"] .adm-tools input,html[data-theme="light"] .adm-form input,html[data-theme="light"] .adm-form textarea,html[data-theme="light"] .adm-form select{background:#fff!important;border-color:rgba(15,23,42,.16)!important;color:#0f172a!important}
html[data-theme="light"] .field-error{color:#b91c1c}
html[data-theme="light"] .form-banner.err{color:#991b1b;background:#fef2f2}
html[data-theme="light"] .form-banner.ok{color:#065f46;background:#ecfdf5}
html[data-theme="light"] .dash-side,html[data-theme="light"] .has-site-nav .dash-side,html[data-theme="light"] .adm-side,html[data-theme="light"] .has-site-nav .adm-side,html[data-theme="light"] .mdrawer-head,html[data-theme="light"] .sheet{background:#fff!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .doc-row,html[data-theme="light"] .act-row{background:#fff!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .mdrawer-ov,html[data-theme="light"] .sheet-back{background:rgba(15,23,42,.35)!important}
html[data-theme="light"] .adm{background:#f7f8fb!important}
html[data-theme="light"] .login-admin{background:#f7f8fb!important}

/* ═════════ EDIT PDF ═════════ */
html[data-theme="light"] .toolbar-row1{background:#fff}
html[data-theme="light"] .toolbar-row2{background:#f9fafc}
html[data-theme="light"] .canvas-scroll{background-color:#e9edf3!important}
html[data-theme="light"] .page-wrapper{box-shadow:0 6px 24px rgba(15,23,42,.14),0 0 0 1px rgba(15,23,42,.06)!important}
html[data-theme="light"] .thumb-panel,html[data-theme="light"] .right-panel{background:#fff!important}
html[data-theme="light"] .thumb-item{background:#f1f4f9}
html[data-theme="light"] .main-tool:hover,html[data-theme="light"] .fmt-btn:hover{background:rgba(15,23,42,.06)}
html[data-theme="light"] .fmt-btn,html[data-theme="light"] .fmt-select,html[data-theme="light"] .stroke-select,html[data-theme="light"] .page-info-badge{background:#fff!important;border-color:rgba(15,23,42,.14)!important;color:#1e293b!important}
html[data-theme="light"] .fmt-btn.on{background:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.45)!important;color:#dc2626!important}
html[data-theme="light"] .mode-tabs{background:#f1f4f9}
html[data-theme="light"] .fmt-select option,html[data-theme="light"] .stroke-select option{background:#fff;color:#0f172a}
html[data-theme="light"] .zoom-bar{background:rgba(255,255,255,.95)!important;border-color:rgba(15,23,42,.12)!important;color:#334155!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important}
html[data-theme="light"] .zoom-bar button{background:#f1f4f9!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a!important}
html[data-theme="light"] .zoom-bar button:hover{background:rgba(239,68,68,.1)!important;color:#dc2626!important;border-color:rgba(239,68,68,.45)!important}
html[data-theme="light"] .rp-info{background:#f5f7ff!important;border-color:rgba(99,102,241,.2)!important;color:#475569!important}
html[data-theme="light"] .rp-element{background:#fff;border-color:rgba(15,23,42,.1)}
html[data-theme="light"] .rp-element:hover{background:#f7f8fb}
html[data-theme="light"] .rp-element.sel{background:#fff1f1;border-color:rgba(239,68,68,.4)}
html[data-theme="light"] .rp-quick button{background:#fff!important;border-color:rgba(15,23,42,.14)!important;color:#1e293b!important}
html[data-theme="light"] .rp-quick button:hover{background:#f1f4f9!important}
html[data-theme="light"] .rp-quick button.q-del{color:#dc2626!important;border-color:rgba(239,68,68,.4)!important}
html[data-theme="light"] .rp-remove-all{color:#64748b}
html[data-theme="light"] .spin-overlay{background:rgba(247,248,251,.78)!important}
html[data-theme="light"] .spin-ring{border-color:rgba(15,23,42,.1);border-top-color:var(--red)}
html[data-theme="light"] .spin-cancel{background:#fff;border-color:rgba(15,23,42,.16);color:#0f172a}
html[data-theme="light"] .sig-modal{background:rgba(15,23,42,.45)!important}
html[data-theme="light"] .sig-card{background:#fff!important;color:#0f172a;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .m-toggle{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.12)!important;box-shadow:-4px 0 14px rgba(15,23,42,.12)!important}
html[data-theme="light"] .m-toggle.m-collapsed{background:linear-gradient(180deg,#ef4444,#f97316)!important;color:#fff!important}
html[data-theme="light"] .m-bar{background:rgba(255,255,255,.97)!important;border-color:rgba(15,23,42,.08)!important}
html[data-theme="light"] .m-bar button{background:#fff;border-color:rgba(15,23,42,.14);color:#0f172a}
html[data-theme="light"] .m-bar button.m-save{color:#fff;border:none}
html[data-theme="light"] .thumb-panel.m-open{box-shadow:0 -10px 30px rgba(15,23,42,.15)}
@media (max-width:820px){ html[data-theme="light"] .right-panel{background:rgba(255,255,255,.97)!important;box-shadow:-6px 0 20px rgba(15,23,42,.12)!important} }
html[data-theme="light"].embedded-editor #uploadScreen{background:#fff!important}
html[data-theme="light"] .upload-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 24px 60px rgba(15,23,42,.10)}
html[data-theme="light"] .upload-dz{background:#f7f8fb;border-color:rgba(15,23,42,.16)}
html[data-theme="light"] #editorToast{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.12)!important;box-shadow:0 10px 30px rgba(15,23,42,.15)!important}
html[data-theme="light"] #restoreCard{background:#fff5f5}
html[data-theme="light"] .page-label,html[data-theme="light"] .thumb-label{color:#64748b}
/* font picker */
html[data-theme="light"] .fp-btn{background-color:#fff!important;color:#1e293b!important}
html[data-theme="light"] .fp-menu{background:#fff!important;border-color:rgba(15,23,42,.1)!important;box-shadow:0 18px 44px rgba(15,23,42,.16)!important}
html[data-theme="light"] .fp-search{background:#f7f8fb!important;border-color:rgba(15,23,42,.14)!important;color:#0f172a!important}
html[data-theme="light"] .fp-item{color:#1e293b}
html[data-theme="light"] .fp-item:hover{background:#f1f4f9}
html[data-theme="light"] .fp-item.on{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(249,115,22,.10))!important;color:#b91c1c!important;outline-color:rgba(239,68,68,.4)}
html[data-theme="light"] .fp-group{color:#94a3b8}
.theme-toggle-ph{visibility:hidden;pointer-events:none}
html[data-theme="light"] .m-bar button.m-save{background:linear-gradient(90deg,#ef4444,#f97316)!important;color:#fff!important}
html[data-theme="light"] .fp-group{color:#64748b}
html[data-theme="light"] .auth-links a{color:#0f172a}
html[data-theme="light"] .dash-link:hover,html[data-theme="light"] .adm-link:hover{background:#f1f4f9;color:#0f172a}
html[data-theme="light"] .dash-link.active{background:rgba(239,68,68,.09);color:#b91c1c}
html[data-theme="light"] .adm-link.active{background:linear-gradient(90deg,rgba(239,68,68,.12),rgba(249,115,22,.05));color:#b91c1c}
html[data-theme="light"] .chip.on{background:rgba(239,68,68,.1);color:#b91c1c}
@media (max-width:768px){
 html[data-theme="light"] .dash-side .dash-link[data-mactive],html[data-theme="light"] .adm-side .adm-link[data-mactive]{color:#b91c1c;background:linear-gradient(90deg,rgba(239,68,68,.12),rgba(249,115,22,.04))}
 html[data-theme="light"] .adm-mprofile strong{color:#0f172a}
}
html[data-theme="light"] .adm-actions button,html[data-theme="light"] .mini-btn,html[data-theme="light"] .adm-mtoggle{color:#0f172a;background:#fff;border-color:rgba(15,23,42,.14)}
html[data-theme="light"] .dash-link.danger,html[data-theme="light"] .adm-link.danger{color:#dc2626}
html[data-theme="light"] .dash-side .dash-link.danger,html[data-theme="light"] .adm-side .adm-link.danger{border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .empty a{color:#c2410c}
html[data-theme="light"] .panel,html[data-theme="light"] .stat-card,html[data-theme="light"] .profile-pill{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:var(--lt-shadow)}

.nav-mobile .nm-theme-row{margin:8px 14px 10px}
/* ---- Admin light ---- */
html[data-theme="light"] .adm{background:radial-gradient(900px 420px at 100% -20%,rgba(239,68,68,.07),transparent 55%),radial-gradient(700px 360px at -10% 20%,rgba(249,115,22,.05),transparent 50%),#f7f8fb!important;color:#0f172a}
html[data-theme="light"] .adm h1,html[data-theme="light"] .adm h2,html[data-theme="light"] .adm h3,html[data-theme="light"] .adm strong,html[data-theme="light"] .sheet h2,html[data-theme="light"] .sheet strong{color:#0f172a}
html[data-theme="light"] .adm-top p,html[data-theme="light"] .adm-stat span,html[data-theme="light"] .adm-table th,html[data-theme="light"] .adm-user small,html[data-theme="light"] .adm-form label,html[data-theme="light"] .sheet .sub{color:#64748b}
html[data-theme="light"] .adm-kicker{color:#ea580c}
html[data-theme="light"] .adm-link{color:#475569}
html[data-theme="light"] .adm-stat,html[data-theme="light"] .adm-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.05)}
html[data-theme="light"] .adm-table td{border-top-color:rgba(15,23,42,.07);color:#0f172a}
html[data-theme="light"] .adm-table tr.clickable:hover td{background:#f8fafc}
html[data-theme="light"] .adm-menu{color:#0f172a;border-color:rgba(15,23,42,.14);background:#fff}
html[data-theme="light"] .badge.ok{background:rgba(16,185,129,.12);color:#047857}
html[data-theme="light"] .badge.warn{background:rgba(245,158,11,.14);color:#b45309}
html[data-theme="light"] .badge.bad{background:rgba(239,68,68,.1);color:#b91c1c}
html[data-theme="light"] .badge.mute{background:#f1f5f9;color:#475569}
html[data-theme="light"] .chip{color:#334155;border-color:rgba(15,23,42,.14)}
html[data-theme="light"] .chip.on{background:rgba(239,68,68,.1);color:#b91c1c}
html[data-theme="light"] .check{color:#0f172a}
html[data-theme="light"] .mini-btn.primary,html[data-theme="light"] .adm-actions .primary{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}
html[data-theme="light"] .mini-btn.danger{color:#dc2626}
html[data-theme="light"] .snippet{border:1px solid rgba(15,23,42,.08)}
html[data-theme="light"] .ad-preview{border-color:rgba(15,23,42,.18)}
html[data-theme="light"] .login-visual{background:radial-gradient(600px 320px at 20% 20%,rgba(239,68,68,.12),transparent 60%),radial-gradient(500px 280px at 80% 80%,rgba(249,115,22,.08),transparent 60%),#fff;border-right-color:rgba(15,23,42,.06)}
html[data-theme="light"] .login-visual h1{color:#0f172a}
html[data-theme="light"] .login-visual p{color:#475569}
html[data-theme="light"] .login-points div{background:#f8fafc;border-color:rgba(15,23,42,.08);color:#0f172a}
/* ---- Unified header buttons (React header is the reference) ---- */
.nav-auth .btn-ghost,.nav-auth .btn-primary{border-radius:4px;display:inline-flex;align-items:center;height:40px;box-sizing:border-box;line-height:1;white-space:nowrap}
.nav-auth .btn-primary{border:1px solid transparent}
.nav-mobile-auth .btn-ghost,.nav-mobile-auth .btn-primary{border-radius:4px}
html[data-theme="light"] .adm-form label.check,html[data-theme="light"] label.check{color:#0f172a}
html[data-theme="light"] .adm input[type="checkbox"],html[data-theme="light"] .adm input[type="radio"],html[data-theme="light"] .sheet input[type="checkbox"],html[data-theme="light"] .sheet input[type="radio"]{accent-color:#ea580c;background:initial!important}
/* ---- Admin v2 light ---- */
html[data-theme="light"] .adm-group-title{color:#94a3b8}
html[data-theme="light"] .adm-muted,html[data-theme="light"] .adm-hint,html[data-theme="light"] .adm-legend,html[data-theme="light"] .adm-share-top em,html[data-theme="light"] .adm-empty p,html[data-theme="light"] .adm-msg-sub,html[data-theme="light"] .adm-dl dt,html[data-theme="light"] .adm-ua,html[data-theme="light"] .adm-chart-empty,html[data-theme="light"] .adm-linkbtn{color:#64748b}
html[data-theme="light"] .adm-axis{color:#94a3b8}
html[data-theme="light"] .adm-stat.tone-ok strong{color:#047857}
html[data-theme="light"] .adm-stat.tone-bad strong{color:#be123c}
html[data-theme="light"] .adm-stat.tone-warn strong{color:#b45309}
html[data-theme="light"] .adm-bars{border-bottom-color:rgba(15,23,42,.1)}
html[data-theme="light"] .adm-bar:hover{background:rgba(15,23,42,.04)}
html[data-theme="light"] .adm-share-bar{background:#eef1f6}
html[data-theme="light"] .adm-err{color:#be123c}
html[data-theme="light"] .adm-select,html[data-theme="light"] .adm-faq-item input,html[data-theme="light"] .adm-faq-item textarea{background:#fff;border-color:rgba(15,23,42,.16);color:#0f172a}
html[data-theme="light"] .adm-faq-item{border-color:rgba(15,23,42,.09);background:#fbfcfe}
html[data-theme="light"] .adm-faq-item label{color:#475569}
html[data-theme="light"] .adm code{background:#f1f4f9;color:#0f172a}
html[data-theme="light"] .adm-steps{color:#334155}
html[data-theme="light"] .adm-steps a,html[data-theme="light"] .adm-dl a,html[data-theme="light"] .adm-empty a{color:#c2410c}
html[data-theme="light"] .adm-actions button.danger,html[data-theme="light"] .adm-actions .danger,html[data-theme="light"] .mini-btn.danger{color:#dc2626}
html[data-theme="light"] .adm-msg{border-color:rgba(15,23,42,.08);background:#fff}
html[data-theme="light"] .adm-msg:hover{background:#f8fafc}
html[data-theme="light"] .adm-msg.unread{border-color:rgba(234,88,12,.4)}
html[data-theme="light"] .adm-msg-body{background:#f8fafc;border-color:rgba(15,23,42,.08);color:#0f172a}
html[data-theme="light"] .opti-announce.preview.tone-info{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .opti-announce.preview.tone-warn{background:#fffbeb;color:#92400e;border-color:#fcd34d}
html[data-theme="light"] .adm-mfa{background:#fff}
/* ---- My Documents light ---- */
html[data-theme="light"] .doc-usage{background:#fff;border-color:rgba(15,23,42,.08)}
html[data-theme="light"] .doc-usage-bar{background:#eef1f6}
html[data-theme="light"] .doc-row .doc-note{color:#b45309}
html[data-theme="light"] .doc-row a.doc-tool{color:#ea580c}
html[data-theme="light"] .row-actions .danger{color:#dc2626}
html[data-theme="light"] .mini.on{border-color:rgba(234,88,12,.5);color:#c2410c}