:root{--onwan-ui-bg:#07080a;--onwan-ui-panel:#111215;--onwan-ui-panel-2:#17181c;--onwan-ui-text:#f7f7f7;--onwan-ui-muted:#9b9ca2;--onwan-ui-line:rgba(255,255,255,.11)}
html[data-onwan-theme="light"]{--onwan-ui-bg:#f3f1ef;--onwan-ui-panel:#fff;--onwan-ui-panel-2:#f8f6f4;--onwan-ui-text:#171717;--onwan-ui-muted:#686868;--onwan-ui-line:rgba(20,20,20,.14);color-scheme:light}
.official-wordmark-img,.admin-official-wordmark,.signup-brand-logo img,.authcard .logo{filter:grayscale(1) brightness(0) invert(1);transition:filter .2s ease}
html[data-onwan-theme="light"] :where(.official-wordmark-img,.admin-official-wordmark,.signup-brand-logo img,.authcard .logo){filter:grayscale(1) brightness(0)}
.onwan-global-theme-toggle{position:fixed;z-index:10000;left:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--onwan-ui-line);background:var(--onwan-ui-panel);color:var(--onwan-ui-text);font:700 25px/1 system-ui;cursor:pointer;box-shadow:0 10px 35px rgba(0,0,0,.2);transition:.2s ease}
.onwan-global-theme-toggle:hover{transform:translateY(-2px);border-color:#e95743}
html[data-onwan-theme="light"] body:not(.public-profile-body){background:#f3f1ef!important;color:#171717!important}
html[data-onwan-theme="light"] :where(.authpanel,.authcard,.dashboard,.main,.sidebar,.panel,.top,.onwan-notifications,.notification-item,.row,.support-ticket,.account-card,.site-header,.nav-menu,.hero,.hero-content,.examples-section,.example-card,.feature-card,.about-card,.faq-item,.footer,.admin-shell,.admin-main,.admin-sidebar,.admin-card,.admin-panel,.admin-table-wrap,.stat-card,.chart-card,.quick-card,.modal-card){color:#171717!important;border-color:rgba(20,20,20,.14)!important}
html[data-onwan-theme="light"] :where(.authpanel,.dashboard,.main,.admin-main,.admin-shell){background:#f3f1ef!important}
html[data-onwan-theme="light"] :where(.authcard,.sidebar,.panel,.top,.onwan-notifications,.notification-item,.row,.support-ticket,.account-card,.site-header,.nav-menu,.example-card,.feature-card,.about-card,.faq-item,.admin-sidebar,.admin-card,.admin-panel,.admin-table-wrap,.stat-card,.chart-card,.quick-card,.modal-card){background:#fff!important}
html[data-onwan-theme="light"] :where(.muted,.sub,.mini,label,.field label,.eyebrow,.section-kicker,.card-label,.admin-kicker,.admin-muted,.stat-label,.sidebar small,footer){color:#686868!important}
html[data-onwan-theme="light"] :where(h1,h2,h3,h4,strong,.title,.slink,.nav-link,.admin-nav-link){color:#171717!important}
html[data-onwan-theme="light"] :where(.input,input,textarea,select){background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.18)!important}
html[data-onwan-theme="light"] :where(.btn:not(.primary),.mode-pill,.theme-card,.support-type-option){background:#f8f6f4!important;color:#171717!important;border-color:rgba(20,20,20,.16)!important}
html[data-onwan-theme="light"] .hero,html[data-onwan-theme="light"] .authart{background:radial-gradient(circle at 75% 30%,rgba(233,87,67,.15),transparent 42%),#f3f1ef!important;color:#171717!important}
html[data-onwan-theme="light"] .hero::before,html[data-onwan-theme="light"] body::before{opacity:.25}
html[data-onwan-theme="light"] :where(.feature-row,.feature-grid,.about,.about-inner,.contact,.contact-box,.footer,.footer-inner){background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.14)!important}
html[data-onwan-theme="light"] .feature-grid>div{background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.12)!important}
html[data-onwan-theme="light"] :where(.feature-grid b,.feature-grid small,.about-inner h2,.about-inner p,.contact-box h2,.contact-box p,.footer-inner,.main-nav a,.quote-main,.quote-box){color:#171717!important}
html[data-onwan-theme="light"] :where(.feature-grid small,.about-inner p,.contact-box p,.footer-inner){color:#686868!important}
html[data-onwan-theme="light"] :where(.feature-row,.about,.contact){box-shadow:none!important}
html[data-onwan-theme="light"] body.public-profile-body{background:#f5f3f3!important;color:#171717!important;--page-bg:#f5f3f3!important;--page-card:#fff!important;--page-text:#171717!important}
html[data-onwan-theme="light"] .public-profile-body .public-profile-card{color:#171717!important}
html[data-onwan-theme="light"] .public-profile-body :where(.public-block,.demo-label){background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.14)!important}
html[data-onwan-theme="light"] .public-profile-body :where(.public-bio,.public-block p,footer){color:#686868!important}
html[data-onwan-theme="light"] .public-profile-body .visitor-mode-toggle{background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.14)!important}
@media(max-width:700px){.onwan-global-theme-toggle{left:14px;bottom:14px;width:46px;height:46px;font-size:22px}}

/* =========================================================
   V18 — final, high-contrast light mode across every ONWAN UI
   ========================================================= */
html[data-onwan-theme="light"]{
  --onwan-ui-bg:#fff;
  --onwan-ui-panel:#fff;
  --onwan-ui-panel-2:#fff;
  --onwan-ui-text:#111;
  --onwan-ui-muted:#626262;
  --onwan-ui-line:rgba(17,17,17,.16);
}
html[data-onwan-theme="light"] body:not(.public-profile-body),
html[data-onwan-theme="light"] :where(.dashboard,.main,.admin-shell,.admin-main,.section,.examples-section,.feature-row,.about,.contact,.footer){
  background:#fff!important;
  color:#111!important;
}
html[data-onwan-theme="light"] :where(
  .sidebar,.top,.panel,.onwan-notifications,.notification-item,.editrow,.block-edit-row,
  .appearance-section,.mode-pill,.theme-card,.custom-colors label,.password-change-card,
  .support-type-option>span,.support-type-option i,.my-ticket,.account-card,.danger-zone,
  .site-header,.nav,.nav-menu,.hero-content,.example-card,.feature-card,.about-card,.faq-item,
  .admin-sidebar,.admin-card,.admin-panel,.admin-table-wrap,.table-wrap,.stat-card,.chart-card,
  .quick-card,.quick-action,.mini-user,.campaign-mini,.searchbox,.notification-preview,.ticket,
  .activity-item,.user-drawer,.drawer-info-row,.drawer-action,.modal-card
){
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  border-color:rgba(17,17,17,.16)!important;
}
html[data-onwan-theme="light"] :where(
  h1,h2,h3,h4,h5,h6,p,b,strong,span,label,small,time,th,td,
  .title,.head,.card-head,.card-kicker,.stat-head,.stat-foot,.notification-copy,
  .notification-copy h4,.notification-copy p,.notification-meta,.my-ticket p,.my-ticket time,
  .support-type-option b,.support-type-option small,.quick-action b,.quick-action small,
  .ticket b,.ticket p,.ticket small,.ticket-message,.ticket-person span,.activity-item b,
  .activity-item p,.activity-item time,.mini-user b,.mini-user small,.mini-user time,
  .campaign-mini b,.campaign-mini small,.drawer-profile p,.drawer-info-row span
){color:#111!important}
html[data-onwan-theme="light"] :where(.muted,.sub,.mini,.pbio,.card-kicker,.stat-head,.stat-foot,.field-label,.muted-text,.admin-muted){color:#626262!important}

/* Form fields and editors are white, never black in light mode. */
html[data-onwan-theme="light"] :where(input:not([type="color"]),textarea,select,.input,.admin-input,.searchbox input){
  background:#fff!important;
  color:#111!important;
  caret-color:#111!important;
  border-color:rgba(17,17,17,.2)!important;
}
html[data-onwan-theme="light"] :where(input,textarea)::placeholder{color:#777!important;opacity:1}

/* Sidebar links: active and hover remain readable. */
html[data-onwan-theme="light"] :where(.slink,.admin-nav-link){background:transparent!important;color:#111!important}
html[data-onwan-theme="light"] :where(.slink,.admin-nav-link):hover{background:#f5f5f5!important;color:#111!important}
html[data-onwan-theme="light"] :where(.slink,.admin-nav-link).active{
  background:#fff1ef!important;
  color:#8f201c!important;
  box-shadow:inset -3px 0 #df5c4a;
}
html[data-onwan-theme="light"] :where(.slink,.admin-nav-link,.slink:hover,.admin-nav-link:hover,.slink.active,.admin-nav-link.active) *{color:inherit!important}

/* Suggestions/problems: selected card stays white and its copy stays visible. */
html[data-onwan-theme="light"] .support-type-option{background:transparent!important;color:#111!important}
html[data-onwan-theme="light"] .support-type-option>span,
html[data-onwan-theme="light"] .support-type-option input:checked+span{
  background:#fff!important;
  color:#111!important;
  border-color:rgba(17,17,17,.18)!important;
}
html[data-onwan-theme="light"] .support-type-option>span:hover{background:#f7f7f7!important;color:#111!important}
html[data-onwan-theme="light"] .support-type-option input:checked+span{
  border-color:#df5c4a!important;
  box-shadow:inset -3px 0 #df5c4a!important;
}
html[data-onwan-theme="light"] .support-type-option :where(b,small){color:#111!important;opacity:1!important}
html[data-onwan-theme="light"] .support-type-option i{background:#fff1ef!important;color:#c74334!important}

/* Neutral controls: no black hover/background and no disappearing text. */
html[data-onwan-theme="light"] :where(
  .btn:not(.primary):not(.danger-btn),.iconbtn,.icon-btn,.topbar-site-link,.admin-logout,
  .notification-read-btn,.password-eye,.row-btn,.small-btn,.drawer-close,.text-btn,
  .block-image-picker,.account-policy-links a
){background:#fff!important;color:#111!important;border-color:rgba(17,17,17,.2)!important}
html[data-onwan-theme="light"] :where(
  .btn:not(.primary):not(.danger-btn),.iconbtn,.icon-btn,.topbar-site-link,.admin-logout,
  .notification-read-btn,.password-eye,.row-btn,.small-btn,.drawer-close,.text-btn,
  .block-image-picker,.account-policy-links a
):hover{background:#f3f3f3!important;color:#111!important;border-color:rgba(17,17,17,.3)!important}
html[data-onwan-theme="light"] :where(.primary,.primary-admin-btn,.danger-btn){color:#fff!important}
html[data-onwan-theme="light"] :where(.primary,.primary-admin-btn,.danger-btn) *{color:#fff!important}

/* Content and theme editor cards. */
html[data-onwan-theme="light"] :where(.mode-pill,.theme-card,.custom-colors label,.block-edit-row,.editrow){background:#fff!important;color:#111!important}
html[data-onwan-theme="light"] :where(.mode-pill,.theme-card,.custom-colors label,.block-edit-row,.editrow) *{color:#111!important}
html[data-onwan-theme="light"] :where(.mode-pill,.theme-card):hover{background:#f7f7f7!important;color:#111!important}
html[data-onwan-theme="light"] .mode-pill.active{background:#fff1ef!important;color:#8f201c!important;border-color:#df5c4a!important}

/* Admin tables, tickets, graphs and drawers. */
html[data-onwan-theme="light"] :where(.admin-table th,.admin-table td,.rank-row,.activity-item){border-color:rgba(17,17,17,.13)!important}
html[data-onwan-theme="light"] :where(.admin-table td,.user-cell b,.rank-row b,.progress-item-top){color:#111!important}
html[data-onwan-theme="light"] :where(.bar.secondary,.progress-track){background:#d9d9d9!important}
html[data-onwan-theme="light"] :where(.mini-user-avatar,.table-avatar,.drawer-avatar,.ticket-icon,.activity-icon){background:#f3f3f3!important;color:#111!important}
html[data-onwan-theme="light"] .drawer-backdrop{background:rgba(0,0,0,.28)!important}

/* Landing page: all sections truly white with readable copy. */
html[data-onwan-theme="light"] :where(.site-header,.hero,.examples-section,.feature-row,.about,.contact,.footer,.footer-inner,.about-inner,.contact-box){
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
}
html[data-onwan-theme="light"] :where(.main-nav a,.navlinks a,.hero p,.quote-main,.quote-box,.feature-grid b,.feature-grid small,.about-inner p,.contact-box p,.footer,.footer a){color:#111!important}
html[data-onwan-theme="light"] :where(.main-nav a,.navlinks a):hover{color:#c74334!important}

/* Preserve a user's chosen profile-preview palette inside the phone only. */
html[data-onwan-theme="light"] .phone,
html[data-onwan-theme="light"] .phone :where(.pblock,.pblock *,.ptitle,.pbio){color:var(--page-text,#fff)!important}

/* Remaining legacy surfaces and public contact actions. */
html[data-onwan-theme="light"] :where(
  .card,.oman,.toolbar,.filter-row,.authcard,.authpanel,.authart,
  .support-form,.my-tickets-section,.faq details,.cta
){background:#fff!important;background-image:none!important;color:#111!important;border-color:rgba(17,17,17,.16)!important}
html[data-onwan-theme="light"] :where(.big-btn,.contact-actions a){
  background:#fff!important;color:#111!important;border-color:rgba(17,17,17,.22)!important;
}
html[data-onwan-theme="light"] :where(.big-btn,.contact-actions a):hover{
  background:#f3f3f3!important;color:#111!important;border-color:#df5c4a!important;
}
html[data-onwan-theme="light"] :where(.big-btn,.contact-actions a) *{color:inherit!important}

/* Never let a legacy dark hover/active rule hide copy in light mode. */
html[data-onwan-theme="light"] .dashboard :where(button,a,label,[role="button"]):not(.primary):not(.danger-btn):hover,
html[data-onwan-theme="light"] .admin-shell :where(button,a,label,[role="button"]):not(.primary):not(.primary-admin-btn):not(.danger-btn):hover{
  color:#111!important;
}
html[data-onwan-theme="light"] .dashboard :where(button,a,label,[role="button"]):not(.primary):not(.danger-btn):hover *,
html[data-onwan-theme="light"] .admin-shell :where(button,a,label,[role="button"]):not(.primary):not(.primary-admin-btn):not(.danger-btn):hover *{
  color:inherit!important;
}

/* V19: destructive campaign action remains clear in both themes. */
html[data-onwan-theme="light"] .campaign-delete-btn{background:#fff5f4!important;color:#b42318!important;border-color:#efaaa4!important}
html[data-onwan-theme="light"] .campaign-delete-btn:hover{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
html[data-onwan-theme="light"] .campaign-delete-btn:hover *{color:#fff!important}

/* V22 creator studio: every new dashboard surface follows light mode. */
html[data-onwan-theme="light"] :where(.subscription-strip,.studio-card,.dashboard-plans article,.plan-hero,.payment-coming,.template-filters button,.usage-pills span){background:#fff!important;background-image:none!important;color:#171717!important;border-color:rgba(20,20,20,.16)!important}
html[data-onwan-theme="light"] :where(.subscription-strip,.studio-card,.dashboard-plans article,.plan-hero,.payment-coming) :where(b,strong,h3,label,p,span:not(.tier-chip):not(#planBadge)){color:#171717!important}
html[data-onwan-theme="light"] :where(.subscription-strip,.studio-card,.dashboard-plans article,.plan-hero,.payment-coming) small{color:#686868!important}
html[data-onwan-theme="light"] .usage-pills span{background:#f4f4f4!important}
html[data-onwan-theme="light"] .upload-drop{background:#fafafa!important;color:#333!important;border-color:rgba(20,20,20,.22)!important}
html[data-onwan-theme="light"] .template-filters button.active{background:#171717!important;color:#fff!important}
html[data-onwan-theme="light"] .template-preview-card footer{background:rgba(255,255,255,.88)!important}
html[data-onwan-theme="light"] .template-preview-card footer b{color:#171717!important}
html[data-onwan-theme="light"] :where(.subscription-current,.subscription-admin-form,.subscription-admin-form select){background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.16)!important}
html[data-onwan-theme="light"] .subscription-reset{background:#fff!important;color:#171717!important;border-color:rgba(20,20,20,.2)!important}