/* Artmilap visual refresh v5.2.0
 * Visual-only layer. Original v5.1.0 application and route logic are unmodified.
 * Light tokens read from Artmilap-V3, Mobile screens, on 21 September 2026.
 * Dark tokens are a new coordinated extension, not a Figma-published mode.
 */
:root{
 --canvas:#f7f5ff;--surface:#ffffff;--surface-2:#f1ecff;--surface-3:#fff1dd;
 --surface-soft:#f7f2ff;--surface-glass:rgba(255,255,255,.96);
 --ink:#0e0426;--muted:#686174;--line:#e8e2f1;--border:#e8e2f1;
 --primary:#611adf;--primary-2:#9e5eec;--violet:#611adf;--aubergine:#23055b;
 --primary-soft:#f1ecff;--pink:#ff2c83;--pink-soft:#ffedf5;
 --blue:#1684f7;--blue-soft:#e8f2ff;--cyan:#138294;--cyan-soft:#e7f7fa;
 --green:#15b94a;--green-soft:#ddf8ea;--success:#0f7a35;
 --orange:#ff9418;--orange-soft:#fff1dd;--warning:#a84a00;--error:#b91c1c;--danger:#b91c1c;
 --gold:#e19c17;--yellow:#ffe76b;--teal:#0c7568;
 --radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:12px;
 --shadow:0 18px 48px rgba(35,5,91,.10);--shadow-soft:0 3px 10px rgba(35,5,91,.045);
 --shadow-card:0 3px 10px rgba(35,5,91,.045);--shadow-premium:0 3px 10px rgba(35,5,91,.045);
 --workspace:#eeebf5;--workspace-panel:#fbfaff;--header:#fff;--field:#fff;
 --hover:#f8f5ff;--focus:#945be9;--button-text:#fff;--control-line:#d8c9eb;
 --hero-start:#38206b;--hero-end:#9861dd;--hero-copy:#f4edff;
 --success-bg:#ddf8ea;--success-line:#b9e8cc;--warning-bg:#fff1dd;--warning-line:#efd1a6;
 --error-bg:#fff0f0;--error-line:#efc2c2;--info-bg:#e8f2ff;--info-line:#c3dcfa;
 --font-ui:"Nunito Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-family:var(--font-ui);font-size:14px;color:var(--ink);color-scheme:light;background:var(--workspace)
}
:root[data-theme="dark"]{
 --canvas:#100c19;--surface:#1b1527;--surface-2:#282037;--surface-3:#30251a;
 --surface-soft:#211a30;--surface-glass:rgba(27,21,39,.97);
 --ink:#f5f0fc;--muted:#b9afc8;--line:#382d48;--border:#382d48;
 --primary:#be9bff;--primary-2:#a883ed;--violet:#be9bff;--aubergine:#cab0ff;
 --primary-soft:#302244;--pink:#ff8bbe;--pink-soft:#382035;
 --blue:#96caff;--blue-soft:#172a41;--cyan:#86d7e3;--cyan-soft:#162d35;
 --green:#7ee3a7;--green-soft:#173527;--success:#91e5b4;
 --orange:#ffc382;--orange-soft:#36291b;--warning:#ffd18d;--error:#ffa6b2;--danger:#ffa6b2;
 --gold:#edc477;--yellow:#ffe299;--teal:#92e2d3;
 --shadow:0 18px 48px rgba(0,0,0,.20);--shadow-soft:0 3px 10px rgba(0,0,0,.10);
 --shadow-card:0 3px 10px rgba(0,0,0,.10);--shadow-premium:0 3px 10px rgba(0,0,0,.10);
 --workspace:#0b0811;--workspace-panel:#15101f;--header:#191321;--field:#20192c;
 --hover:#292036;--focus:#c1a2ff;--button-text:#fff;--control-line:#514263;
 --hero-start:#382067;--hero-end:#7342b0;--hero-copy:#eee4ff;
 --success-bg:#173527;--success-line:#28543e;--warning-bg:#36291b;--warning-line:#5a4328;
 --error-bg:#39212d;--error-line:#603244;--info-bg:#172a41;--info-line:#2d4c70;
 color-scheme:dark
}
html[data-theme],html[data-theme] body{font-family:var(--font-ui);background:var(--workspace);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-theme] button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{font-family:var(--font-ui)}
html[data-theme] button,html[data-theme] a,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{-webkit-tap-highlight-color:transparent}
html[data-theme] :where(button,a,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-theme] ::selection{background:var(--primary-soft);color:var(--ink)}
/* Desktop review workspace. Application navigation is not replaced. */
html[data-theme] .prototype-workspace{grid-template-columns:264px minmax(454px,1fr) 284px;background:var(--workspace)}
html[data-theme] .prototype-sidebar,html[data-theme] .prototype-inspector{background:var(--workspace-panel);border-color:var(--line);backdrop-filter:none;padding:24px 18px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}
html[data-theme] .prototype-brand{gap:11px;margin-bottom:25px;padding-bottom:23px;border-bottom:1px solid var(--line)}
html[data-theme] .brand-glyph{background:linear-gradient(145deg,#611adf,#9e5eec);box-shadow:0 4px 12px rgba(97,26,223,.13);border:1px solid rgba(255,255,255,.25);border-radius:14px}
html[data-theme] .prototype-brand strong{font-size:20px;font-weight:750;letter-spacing:-.025em;color:var(--ink)}
html[data-theme] .prototype-brand span{font-size:11px;line-height:1.5;color:var(--muted)}
html[data-theme] .directory-search{color:var(--muted);font-size:11px;font-weight:650;gap:9px}
html[data-theme] .directory-search input{background:var(--field);border:1px solid var(--line);color:var(--ink);height:44px;border-radius:12px;font-size:12px;font-weight:400}
html[data-theme] .directory-search input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--primary-soft)}
html[data-theme] .route-directory{gap:3px}
html[data-theme] .route-group{margin:22px 10px 7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.105em}
html[data-theme] .route-link{padding:10px 11px;border-radius:11px;color:var(--muted);grid-template-columns:26px minmax(0,1fr)}
html[data-theme] .route-link span:last-child{font-size:12px;line-height:1.4}
html[data-theme] .route-link:hover{background:var(--hover);color:var(--ink)}
html[data-theme] .route-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700;box-shadow:inset 2px 0 var(--primary)}
html[data-theme] .route-index{font-size:10px;color:var(--muted)}
html[data-theme] .route-link.active .route-index{color:var(--primary)}
html[data-theme] .prototype-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:24px 20px 32px;min-width:0}
html[data-theme] .preview-toolbar{width:min(100%,520px);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}
html[data-theme] .preview-heading{display:grid;gap:4px;min-width:0}
html[data-theme] .preview-heading strong{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.01em;color:var(--ink)}
html[data-theme] .preview-heading small{font-size:10px;color:var(--muted);letter-spacing:.025em}
html[data-theme] .preview-heading strong:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-right:7px;vertical-align:2px}
html[data-theme] .device-shell{width:414px;height:868px;flex:0 0 868px;padding:12px;border-radius:43px;background:#1b1427;box-shadow:0 22px 54px rgba(24,13,45,.20),0 0 0 1px rgba(24,13,45,.12)}
html[data-theme] .device-camera{display:none}
html[data-theme] .mobile-app{border-radius:32px;background:var(--canvas)}
html[data-theme] .prototype-inspector .inspector-card,html[data-theme] .inspector-card{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:18px;color:var(--ink)}
html[data-theme] .prototype-inspector h2,html[data-theme] .prototype-inspector h3{color:var(--ink);font-weight:650}
html[data-theme] .prototype-inspector h3{font-size:11px;letter-spacing:.07em}
html[data-theme] .prototype-inspector p,html[data-theme] .prototype-inspector li,html[data-theme] .prototype-inspector small{color:var(--muted);line-height:1.65}
html[data-theme] .prototype-inspector .btn{font-size:12px;min-height:44px;border-radius:12px}
/* Appearance controls use a separate preference; no application data is changed. */
html[data-theme] .appearance-switch{display:flex;gap:3px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:13px;flex-shrink:0}
html[data-theme] .appearance-switch button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;padding:7px 9px;border-radius:9px;color:var(--muted);background:transparent;font-size:11px;font-weight:600;min-height:32px;cursor:pointer}
html[data-theme] .appearance-switch button[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary)}
html[data-theme] .appearance-switch button:hover{background:var(--hover)}
html[data-theme] .appearance-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html[data-theme] .appearance-settings{display:grid;gap:14px}
html[data-theme] .appearance-settings .appearance-switch{width:100%;background:var(--surface-soft)}
html[data-theme] .appearance-settings .appearance-switch button{flex:1;min-height:42px;font-size:13px}
html[data-theme] .appearance-settings .appearance-switch button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--shadow-soft)}
html[data-theme] .appearance-settings h3{margin:0;font-size:16px}
html[data-theme] .appearance-settings p{margin:4px 0 0;color:var(--muted);font-size:13px}
/* Headers: Figma 76 px height, readable hierarchy and 44 px targets. */
html[data-theme] .screen{background:var(--canvas)}
html[data-theme] .appbar,html[data-theme] .appbar.root,html[data-theme] .appbar.dark,html[data-theme] .appbar.root.dark{height:auto;min-height:76px;padding:14px 16px;gap:12px;background:var(--header);color:var(--ink);border:0;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;flex-shrink:0}
html[data-theme] .appbar-title h1,html[data-theme] .appbar.root .appbar-title h1,html[data-theme] .appbar.dark .appbar-title h1,html[data-theme] .appbar.root.dark .appbar-title h1{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink);text-shadow:none;margin:0}
html[data-theme] .appbar-title p,html[data-theme] .appbar.dark .appbar-title p,html[data-theme] .appbar.root.dark .appbar-title p{font-size:12px;line-height:1.5;font-weight:400;color:var(--muted);margin:3px 0 0}
html[data-theme] .appbar.title-long:not(.root) .appbar-title h1{font-size:18px;line-height:1.25}
html[data-theme] .appbar.title-compact:not(.root) .appbar-title h1{font-size:16px;line-height:1.25;max-height:none;-webkit-line-clamp:unset;line-clamp:unset}
html[data-theme] .icon-btn,html[data-theme] .appbar-mark,html[data-theme] .appbar.dark .icon-btn,html[data-theme] .appbar.root.dark .icon-btn,html[data-theme] .appbar.root.dark .appbar-mark{width:44px;height:44px;min-width:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:none}
html[data-theme] .icon-btn:hover,html[data-theme] .appbar-mark:hover,html[data-theme] .appbar.root.dark .icon-btn:hover,html[data-theme] .appbar.root.dark .appbar-mark:hover{background:var(--hover);border-color:var(--control-line);box-shadow:none}
html[data-theme] .appbar-actions{gap:9px;align-items:center}
html[data-theme] .appbar-actions .profile-avatar-btn{width:42px;height:42px;border:0;outline:0;box-shadow:none;background:transparent;padding:0}
html[data-theme] .profile-avatar-btn img{border:2px solid var(--surface);width:100%;height:100%;border-radius:50%;object-fit:cover}
html[data-theme] .profile-avatar-btn>span{border:2px solid var(--surface);background:var(--success)}
html[data-theme] .notification-count,html[data-theme] .appbar.root.dark .notification-count{background:#ff2c83;color:#fff;border:2px solid var(--header);font-size:10px;min-width:20px;min-height:20px;right:-5px;top:-5px;box-shadow:none}
html[data-theme] .icon{width:22px;height:22px;stroke-width:1.8;fill:none;flex-shrink:0}
html[data-theme] .icon-btn .icon{width:22px;height:22px}
html[data-theme] .btn .icon{width:18px;height:18px}
/* Shared screen surfaces, typography and spacing. */
html[data-theme] .page{padding:20px 16px;gap:20px}
html[data-theme] .page.compact{gap:14px}
html[data-theme] .section{gap:12px}
html[data-theme] .section-head{gap:12px;align-items:flex-start}
html[data-theme] .section-head h2{font-size:16px;line-height:22px;font-weight:600;letter-spacing:0;color:var(--ink)}
html[data-theme] .section-head p{font-size:14px;line-height:20px;color:var(--muted);margin-top:6px}
html[data-theme] .text-action{font-size:13px;line-height:1.4;color:var(--primary);font-weight:600}
html[data-theme] .card,html[data-theme] .list-row,html[data-theme] .metric,html[data-theme] .plan-card,html[data-theme] .requirement-row,html[data-theme] .facility-card,html[data-theme] .template-chip,html[data-theme] .queue-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);color:var(--ink)}
html[data-theme] .card{padding:16px;border-radius:22px}
html[data-theme] .list-row{padding:14px;border-radius:18px;gap:12px;min-height:70px;width:100%;text-align:left}
html[data-theme] .card.interactive:hover,html[data-theme] .list-row:hover{background:var(--surface);border-color:var(--control-line);box-shadow:var(--shadow-soft)}
html[data-theme] .card h3,html[data-theme] .list-row h3{font-size:16px;line-height:22px;font-weight:600;color:var(--ink);letter-spacing:0}
html[data-theme] .card p,html[data-theme] .list-row p{font-size:14px;line-height:20px;font-weight:400;color:var(--muted)}
html[data-theme] .card small,html[data-theme] .list-row small{font-size:12px;line-height:18px;color:var(--muted)}
html[data-theme] .card-row{gap:12px}
html[data-theme] .card-body{min-width:0}
html[data-theme] .card-row>.badge{flex-shrink:0;max-width:42%}
html[data-theme] .card.soft{background:var(--surface-soft);border-color:var(--line)}
html[data-theme] .card.warn,html[data-theme] .status-strip.warning{background:var(--warning-bg);border-color:var(--warning-line)}
html[data-theme] .card.success,html[data-theme] .status-strip.success{background:var(--success-bg);border-color:var(--success-line)}
html[data-theme] .card.error,html[data-theme] .status-strip.error{background:var(--error-bg);border-color:var(--error-line)}
html[data-theme] .metric{border-radius:18px;padding:14px;box-shadow:none}
html[data-theme] .metric strong{font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.025em;color:var(--ink)}
html[data-theme] .metric span{font-size:12px;line-height:18px;color:var(--muted);margin-top:6px}
html[data-theme] .card-row .chevron{width:18px;height:18px;color:var(--muted)}
html[data-theme] .thumb,html[data-theme] .avatar{background:var(--surface-2);box-shadow:none;border:1px solid var(--line)}
html[data-theme] .thumb{border-radius:16px}
html[data-theme] .thumb.wide,html[data-theme] .card.media-card .thumb.wide{border-radius:16px;aspect-ratio:16/9;object-fit:cover}
html[data-theme] .media-card{padding:16px;border-radius:22px;border-color:var(--line);overflow:hidden}
html[data-theme] .media-card>img.thumb.wide{border-radius:16px;box-shadow:none}
html[data-theme] .media-card:hover>img.thumb.wide{transform:none}
html[data-theme] .media-image,html[data-theme] .media-image.image-error{background:var(--surface-2)}
/* Hero hierarchy follows the reference rather than oversized heavy type. */
html[data-theme] .hero{padding:22px;border-radius:28px;background:linear-gradient(120deg,var(--hero-start),var(--hero-end));box-shadow:none;border:0;color:#fff;min-height:0}
html[data-theme] .hero:before,html[data-theme] .hero:after{pointer-events:none;opacity:.15}
html[data-theme] .hero .eyebrow{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.015em;color:var(--hero-copy)}
html[data-theme] .hero h2{font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em;color:inherit;text-shadow:none;max-width:none;margin:12px 0 8px}
html[data-theme] .hero p{font-size:16px;line-height:24px;max-width:none;color:var(--hero-copy);text-shadow:none}
html[data-theme] .hero-stats{gap:8px;margin-top:18px}
html[data-theme] .hero-stat{padding:9px 7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:none;text-align:center}
html[data-theme] .hero-stat strong{font-size:16px;line-height:22px;font-weight:600;color:#fff}
html[data-theme] .hero-stat span{font-size:12px;line-height:18px;font-weight:400;color:var(--hero-copy);margin-top:4px}
html[data-theme] .hero.light{background:linear-gradient(130deg,#f2ebff,#ffedf7);color:var(--ink);border:1px solid var(--line)}
html[data-theme] .hero.light .eyebrow{color:var(--primary)}
html[data-theme] .hero.light p{color:var(--muted)}
html[data-theme] .hero.light .hero-stat{background:var(--surface);border-color:var(--line)}
html[data-theme] .hero.light .hero-stat strong{color:var(--ink)}
html[data-theme] .hero.light .hero-stat span{color:var(--muted)}
html[data-theme] .hero.green{background:linear-gradient(125deg,#054f33,#05bf4f)}
html[data-theme] .hero.gold{background:linear-gradient(125deg,#541a0a,#f58505)}
html[data-theme] .dashboard-page>.hero{padding:22px;min-height:272px;justify-content:flex-start;background-image:linear-gradient(90deg,rgba(73,41,126,.96),rgba(151,94,222,.88)),url("../media/photos/bharatanatyam-stage.webp");background-size:cover;background-position:center;box-shadow:none}
html[data-theme] .dashboard-page>.hero:before,html[data-theme] .dashboard-page>.hero:after{display:none}
html[data-theme] .dashboard-page>.hero h2{max-width:270px;font-size:28px;line-height:34px;text-shadow:none}
html[data-theme] .dashboard-page>.hero p{font-size:16px;line-height:24px;max-width:300px;text-shadow:none}
html[data-theme] .dashboard-page>.hero .hero-stats{margin-top:18px}
html[data-theme] .dashboard-search,html[data-theme] .nearby-btn{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:16px;color:var(--primary)}
html[data-theme] .dashboard-search{height:64px;min-width:0;padding:12px 15px;gap:10px}
html[data-theme] .dashboard-search span{font-size:14px;line-height:20px;font-weight:400;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
html[data-theme] .nearby-btn{width:54px;min-width:54px;height:54px}
html[data-theme] .dashboard-search-row{align-items:center;gap:9px}
/* Icon tiles remain real SVG controls, never text emoji substitutions. */
html[data-theme] .icon-box,html[data-theme] .quick-icon,html[data-theme] .state-icon{color:var(--primary);background:var(--primary-soft);border:1px solid var(--control-line);box-shadow:none;border-radius:14px}
html[data-theme] .icon-box{width:44px;height:44px;flex:0 0 44px}
html[data-theme] .icon-box .icon{width:24px;height:24px}
html[data-theme] .icon-box:after,html[data-theme] .quick-icon:after,html[data-theme] .state-icon:after{background:none}
html[data-theme] .quick-grid{gap:10px}
html[data-theme] .quick-action{min-height:86px;grid-template-rows:44px auto;gap:7px;padding:9px 5px;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card)}
html[data-theme] .quick-icon{width:44px;height:44px;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
html[data-theme] .quick-label{font-size:12px!important;font-weight:500!important;line-height:16px!important;letter-spacing:0;color:var(--ink)}
html[data-theme] .quick-action:hover .quick-icon{transform:none}
html[data-theme] .quick-action .quick-icon .icon{width:24px;height:24px}
html[data-theme] :is(.icon-box,.quick-icon,.state-icon):has([data-icon="shield"],[data-icon="check"],[data-icon="wallet"],[data-icon="briefcase"],[data-icon="handHeart"]){background:var(--green-soft);color:var(--success);border-color:var(--success-line)}
html[data-theme] :is(.icon-box,.quick-icon,.state-icon):has([data-icon="heart"],[data-icon="users"],[data-icon="gift"]){background:var(--pink-soft);color:var(--pink);border-color:var(--line)}
html[data-theme] :is(.icon-box,.quick-icon,.state-icon):has([data-icon="calendar"],[data-icon="graduation"],[data-icon="trophy"],[data-icon="award"],[data-icon="star"]){background:var(--orange-soft);color:var(--warning);border-color:var(--warning-line)}
html[data-theme] :is(.icon-box,.quick-icon,.state-icon):has([data-icon="chart"],[data-icon="compass"],[data-icon="map"]){background:var(--blue-soft);color:var(--blue);border-color:var(--info-line)}
html[data-theme] :is(.icon-box,.quick-icon,.state-icon):has([data-icon="file"],[data-icon="mail"],[data-icon="download"],[data-icon="bookmark"]){background:var(--primary-soft);color:var(--primary);border-color:var(--control-line)}
/* Controls, validation and state styling; data attributes stay unchanged. */
html[data-theme] .btn{font-size:16px;font-weight:600;line-height:22px;min-height:52px;border-radius:18px;box-shadow:none;padding:12px 16px;white-space:normal}
html[data-theme] .btn.primary{background:linear-gradient(110deg,#611adf,#9e5eec);color:#fff;border:0;box-shadow:0 4px 10px rgba(97,26,223,.16)}
html[data-theme] .btn.secondary{background:var(--surface);color:var(--primary);border:1px solid var(--primary);box-shadow:none}
html[data-theme] .btn.tonal{background:var(--primary-soft);color:var(--primary)}
html[data-theme] .btn.neutral{background:var(--surface-2);color:var(--ink)}
html[data-theme] .btn.danger{background:#b91c1c;color:#fff}
html[data-theme] .btn:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}
html[data-theme] .btn:active:not(:disabled){transform:translateY(1px)}
html[data-theme] .btn-row{gap:10px}
html[data-theme] .btn-row .btn{font-size:14px;padding-inline:10px}
html[data-theme] .field>span,html[data-theme] .field label,html[data-theme] .radio-field legend{font-size:14px;font-weight:600;line-height:20px;color:var(--ink)}
html[data-theme] .field small{font-size:12px;line-height:18px;color:var(--muted)}
html[data-theme] .input,html[data-theme] .select,html[data-theme] .textarea,html[data-theme] .prefix-input,html[data-theme] .search-input{background:var(--field);border:1px solid var(--control-line);color:var(--ink);border-radius:14px;min-height:52px;font-size:15px;line-height:22px;box-shadow:none}
html[data-theme] .input::placeholder,html[data-theme] .textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme] .prefix-input input{background:var(--field);color:var(--ink);font-size:15px}
html[data-theme] .prefix-input span{color:var(--ink);border-color:var(--line)}
html[data-theme] .input:focus,html[data-theme] .select:focus,html[data-theme] .textarea:focus,html[data-theme] .prefix-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
html[data-theme] .input[aria-invalid="true"],html[data-theme] .textarea[aria-invalid="true"],html[data-theme] .input.error{border-color:var(--error)}
html[data-theme] .helper-error{font-size:12px;color:var(--error)}
html[data-theme] select option{color:var(--ink);background:var(--field)}
html[data-theme] input[type="checkbox"],html[data-theme] input[type="radio"],html[data-theme] input[type="range"]{accent-color:var(--primary)}
html[data-theme] .check-row label,html[data-theme] .check-row{font-size:14px;line-height:21px}
html[data-theme] .radio-option,html[data-theme] .tag,html[data-theme] .chip{background:var(--surface);border-color:var(--line);color:var(--muted);font-weight:500}
html[data-theme] .radio-option.selected,html[data-theme] .tag.selected,html[data-theme] .chip.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
html[data-theme] .switch{background:var(--control-line);box-shadow:none}
html[data-theme] .switch:after{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.15)}
html[data-theme] .switch.on{background:var(--primary)}
html[data-theme] .segmented{background:var(--surface-2);border:1px solid var(--line);padding:4px;border-radius:14px}
html[data-theme] .segmented button{font-size:13px;font-weight:600;color:var(--muted);min-height:42px;border-radius:10px}
html[data-theme] .segmented button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-soft)}
html[data-theme] .tabs{padding-inline:16px;gap:8px}
html[data-theme] .tab{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:14px;font-weight:600;min-height:42px;padding-inline:16px}
html[data-theme] .tab.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}
html[data-theme] .badge{min-height:26px;padding:4px 8px;font-size:12px;line-height:18px;font-weight:600;box-shadow:none;background:var(--primary-soft);color:var(--primary);white-space:normal;text-align:center}
html[data-theme] .badge.success{background:var(--success-bg);color:var(--success)}
html[data-theme] .badge.warning{background:var(--warning-bg);color:var(--warning)}
html[data-theme] .badge.error{background:var(--error-bg);color:var(--error)}
html[data-theme] .badge.neutral{background:var(--surface-2);color:var(--muted)}
html[data-theme] .progress{height:7px;background:var(--surface-2);box-shadow:none}
html[data-theme] .progress span{background:linear-gradient(90deg,#611adf,#ff2c83)}
html[data-theme] .stepper span{background:var(--line)}
html[data-theme] .stepper span.active,html[data-theme] .stepper span.done{background:var(--primary)}
html[data-theme] .sticky-actions{background:linear-gradient(180deg,transparent,var(--canvas) 24%);padding:24px 16px calc(16px + var(--safe-bottom));gap:10px}
/* Navigation: same five tabs, calmer surface, visible active state. */
html[data-theme] .bottom-nav{left:0;right:0;bottom:0;height:76px;border-radius:24px 24px 0 0;padding:7px 8px calc(7px + var(--safe-bottom));background:var(--surface-glass);border:1px solid var(--line);border-bottom:0;box-shadow:0 -4px 18px rgba(35,5,91,.055)}
html[data-theme] .bottom-nav button{grid-template-rows:34px 18px;gap:2px;border-radius:16px;color:var(--muted)}
html[data-theme] .bottom-nav .nav-icon{width:38px;height:34px;border-radius:12px;color:var(--muted);border:1px solid transparent;box-shadow:none;transition:none}
html[data-theme] .bottom-nav .nav-icon .icon{width:22px;height:22px}
html[data-theme] .bottom-nav button.active .nav-icon{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);transform:none;box-shadow:none}
html[data-theme] .bottom-nav button:active .nav-icon,html[data-theme] .bottom-nav button.active:active .nav-icon{transform:none}
html[data-theme] .bottom-nav .nav-label{font-size:10px;font-weight:500;line-height:16px;color:var(--muted)}
html[data-theme] .bottom-nav button.active .nav-label{font-weight:650;color:var(--primary)}
html[data-theme] .screen-scroll{padding-bottom:calc(96px + var(--safe-bottom))}
html[data-theme] .screen.no-bottom .screen-scroll{padding-bottom:calc(24px + var(--safe-bottom))}
/* Secondary workflows and dense information surfaces. */
html[data-theme] .status-strip{background:var(--surface-soft);border-color:var(--line);border-radius:18px}
html[data-theme] .status-strip strong{font-size:14px;line-height:20px;font-weight:600}
html[data-theme] .status-strip p{font-size:12px;line-height:18px;color:var(--muted)}
html[data-theme] .status-strip small{font-size:10px;color:var(--muted)}
html[data-theme] .compact-table{background:var(--surface);border-color:var(--line)}
html[data-theme] .compact-tr{border-color:var(--line)}
html[data-theme] .compact-tr>span,html[data-theme] .compact-tr>strong{border-color:var(--line);font-size:12px;padding:11px 8px;line-height:18px}
html[data-theme] .compact-th{background:var(--primary-soft);color:var(--primary)}
html[data-theme] .compact-th strong{color:var(--primary);font-weight:600}
html[data-theme] .plan-card{border-color:var(--line)}
html[data-theme] .plan-card.selected{border-color:var(--primary);box-shadow:none}
html[data-theme] .plan-fees span{background:var(--surface-soft);color:var(--muted);font-size:12px}
html[data-theme] .plan-fees b{color:var(--ink);font-weight:650}
html[data-theme] .plan-head h2{font-weight:650}
html[data-theme] .plan-highlights p{font-size:14px;line-height:21px}
html[data-theme] .template-chip{background:var(--surface);color:var(--muted)}
html[data-theme] .template-chip.selected{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);box-shadow:none}
html[data-theme] .facility-card{background:var(--surface);box-shadow:none}
html[data-theme] .facility-card.selected{background:var(--success-bg);border-color:var(--success-line)}
html[data-theme] .facility-icon{background:var(--primary-soft);color:var(--primary)}
html[data-theme] .facility-card.selected .facility-icon{background:var(--surface);color:var(--success)}
html[data-theme] .requirement-row{background:var(--surface);box-shadow:none}
html[data-theme] .requirement-row.match{border-left-color:var(--success)}
html[data-theme] .requirement-row.blocker{border-left-color:var(--error);background:var(--error-bg)}
html[data-theme] .safety-card{background:var(--warning-bg);border-color:var(--warning-line)}
html[data-theme] .safety-card h3{color:var(--warning)}
html[data-theme] .v5-connected-panel .section,html[data-theme] .production-panel,html[data-theme] .workflow-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:24px;box-shadow:none}
html[data-theme] .india-feature-grid button,html[data-theme] .category-template-list>div{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme] .india-feature-grid button span{background:var(--primary-soft);color:var(--primary)}
html[data-theme] .route-map{background:linear-gradient(125deg,var(--blue-soft),var(--primary-soft))}
html[data-theme] .map-pin{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-soft)}
html[data-theme] .venue-pin{color:var(--success)}
html[data-theme] .state-panel h2{font-size:24px;line-height:30px;font-weight:650}
html[data-theme] .state-panel p{font-size:15px;line-height:23px;color:var(--muted)}
html[data-theme] .state-icon{border-radius:24px}
html[data-theme] .sheet{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px 28px 0 0}
html[data-theme] .sheet h2,html[data-theme] .sheet h3{color:var(--ink)}
html[data-theme] .sheet p{color:var(--muted)}
html[data-theme] .sheet-backdrop{background:rgba(14,4,38,.55)}
html[data-theme] .sheet-handle{background:var(--control-line)}
html[data-theme] .toast{background:#23055b;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:var(--shadow)}
/* Coordinated dark treatment for distinctive light-only surfaces. */
html[data-theme="dark"] .hero.light{background:linear-gradient(125deg,#2b2041,#302032);border-color:var(--line)}
html[data-theme="dark"] .hero.green{background:linear-gradient(125deg,#123e2a,#146942)}
html[data-theme="dark"] .hero.gold{background:linear-gradient(125deg,#472619,#8b5224)}
html[data-theme="dark"] .dashboard-page>.hero{background-image:linear-gradient(90deg,rgba(50,28,84,.96),rgba(98,56,149,.89)),url("../media/photos/bharatanatyam-stage.webp")}
html[data-theme="dark"] .btn.primary{background:linear-gradient(110deg,#6932cf,#9254da);color:#fff;box-shadow:none}
html[data-theme="dark"] .hero-stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .hero.light .hero-stat{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .bottom-nav{box-shadow:0 -3px 20px rgba(0,0,0,.12)}
html[data-theme="dark"] .toast{background:#302344;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .sheet-backdrop{background:rgba(4,2,9,.72)}
/* Small phones retain all controls and labels. */
@media (min-width:761px) and (max-width:1199px){html[data-theme] .prototype-workspace{grid-template-columns:234px minmax(450px,1fr)}
html[data-theme] .prototype-inspector{display:none}
html[data-theme] .prototype-stage{padding-inline:16px}}
@media (min-width:761px) and (max-width:880px){html[data-theme] .prototype-workspace{grid-template-columns:215px minmax(430px,1fr)}
html[data-theme] .prototype-sidebar{padding-inline:13px}
html[data-theme] .prototype-stage{padding-inline:8px}
html[data-theme] .preview-toolbar{padding-inline:10px}}
@media (max-width:760px){html[data-theme],html[data-theme] body{height:100%;background:var(--canvas)}
html[data-theme] .prototype-workspace{display:block;min-height:100dvh}
html[data-theme] .prototype-sidebar,html[data-theme] .prototype-inspector,html[data-theme] .preview-toolbar{display:none}
html[data-theme] .prototype-stage{padding:0;display:block}
html[data-theme] .device-shell{width:100%;height:100dvh;padding:0;border-radius:0;box-shadow:none;background:var(--canvas)}
html[data-theme] .mobile-app{border-radius:0}
html[data-theme] .appbar{padding-top:calc(14px + var(--safe-top))}
html[data-theme] .bottom-nav{height:calc(76px + var(--safe-bottom))}}
@media (max-width:355px){html[data-theme] .appbar{padding-inline:12px;gap:8px}
html[data-theme] .appbar-title h1,html[data-theme] .appbar.root .appbar-title h1{font-size:18px}
html[data-theme] .appbar.title-compact:not(.root) .appbar-title h1{font-size:15px}
html[data-theme] .appbar-actions{gap:6px}
html[data-theme] .appbar-actions .profile-avatar-btn{width:36px;height:36px}
html[data-theme] .page{padding-inline:12px;gap:18px}
html[data-theme] .hero,html[data-theme] .dashboard-page>.hero{padding:18px}
html[data-theme] .hero h2,html[data-theme] .dashboard-page>.hero h2{font-size:25px;line-height:31px}
html[data-theme] .hero-stat span{font-size:11px}
html[data-theme] .card,html[data-theme] .list-row{padding:13px}
html[data-theme] .card h3,html[data-theme] .list-row h3{font-size:15px}
html[data-theme] .card-row{gap:9px}
html[data-theme] .card-row>.badge{font-size:10px;padding:4px 6px;max-width:37%}
html[data-theme] .quick-grid{gap:7px}
html[data-theme] .quick-label{font-size:10.5px!important}
html[data-theme] .quick-icon{width:40px;height:40px}
html[data-theme] .btn-row .btn{font-size:13px}
html[data-theme] .compact-tr>span,html[data-theme] .compact-tr>strong{font-size:10px;padding:8px 5px}}
@media (prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
/* Stable theme switches: never animate from a light surface into a dark one. */
html[data-theme] .card.interactive,html[data-theme] .icon-btn,html[data-theme] .appbar-mark{transition:transform .16s ease,box-shadow .16s ease}
html[data-theme="light"][data-visual-route="launch"] .screen,html[data-theme="light"][data-visual-route="launch"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="intro"] .screen,html[data-theme="light"][data-visual-route="intro"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="mobile-signin"] .screen,html[data-theme="light"][data-visual-route="mobile-signin"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="otp"] .screen,html[data-theme="light"][data-visual-route="otp"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="email"] .screen,html[data-theme="light"][data-visual-route="email"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="restricted"] .screen,html[data-theme="light"][data-visual-route="restricted"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="consent"] .screen,html[data-theme="light"][data-visual-route="consent"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="artist-setup"] .screen,html[data-theme="light"][data-visual-route="artist-setup"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="plans"] .screen,html[data-theme="light"][data-visual-route="plans"] .screen-scroll{background:#f8f6f9}
html[data-theme="light"][data-visual-route="transaction-detail"] .hero{background:linear-gradient(135deg,#f5edff,#ffedf7)}
html[data-theme="light"][data-visual-route="transaction-detail"] .hero,html[data-theme="light"][data-visual-route="transaction-detail"] .hero h2,html[data-theme="light"][data-visual-route="transaction-detail"] .hero .hero-stat strong{color:var(--ink)}
html[data-theme="light"][data-visual-route="transaction-detail"] .hero p,html[data-theme="light"][data-visual-route="transaction-detail"] .hero .hero-stat span{color:var(--muted)}
html[data-theme="light"][data-visual-route="transaction-detail"] .hero .eyebrow{color:var(--primary)}
html[data-theme="light"][data-visual-route="transaction-detail"] .hero .hero-stat{background:rgba(255,255,255,.6);border-color:var(--line)}
html[data-theme="light"][data-visual-route="verification"] .hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="verification"] .hero,html[data-theme="light"][data-visual-route="verification"] .hero h2,html[data-theme="light"][data-visual-route="verification"] .hero .hero-stat strong{color:var(--ink)}
html[data-theme="light"][data-visual-route="verification"] .hero p,html[data-theme="light"][data-visual-route="verification"] .hero .hero-stat span{color:var(--muted)}
html[data-theme="light"][data-visual-route="verification"] .hero .eyebrow{color:var(--primary)}
html[data-theme="light"][data-visual-route="verification"] .hero .hero-stat{background:rgba(255,255,255,.6);border-color:var(--line)}
html[data-theme="light"][data-visual-route="learning"] .hero{background:linear-gradient(135deg,#054f33,#05bf4f)}
html[data-theme="light"][data-visual-route="discover"] .hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="discover"] .hero,html[data-theme="light"][data-visual-route="discover"] .hero h2,html[data-theme="light"][data-visual-route="discover"] .hero .hero-stat strong{color:var(--ink)}
html[data-theme="light"][data-visual-route="discover"] .hero p,html[data-theme="light"][data-visual-route="discover"] .hero .hero-stat span{color:var(--muted)}
html[data-theme="light"][data-visual-route="discover"] .hero .eyebrow{color:var(--primary)}
html[data-theme="light"][data-visual-route="discover"] .hero .hero-stat{background:rgba(255,255,255,.6);border-color:var(--line)}
html[data-theme="light"][data-visual-route="grants"] .hero{background:linear-gradient(135deg,#054f33,#05bf4f)}
html[data-theme="light"][data-visual-route="ticket-detail"] .hero{background:linear-gradient(135deg,#210854,#6e1af2)}
html[data-theme="light"][data-visual-route="enrollment-detail"] .hero{background:linear-gradient(135deg,#541a0a,#f58505)}
html[data-theme="light"][data-visual-route="challenges"] .hero{background:linear-gradient(135deg,#541f0a,#f58505)}
html[data-theme="light"][data-visual-route="profile"] .hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="profile"] .hero,html[data-theme="light"][data-visual-route="profile"] .hero h2,html[data-theme="light"][data-visual-route="profile"] .hero .hero-stat strong{color:var(--ink)}
html[data-theme="light"][data-visual-route="profile"] .hero p,html[data-theme="light"][data-visual-route="profile"] .hero .hero-stat span{color:var(--muted)}
html[data-theme="light"][data-visual-route="profile"] .hero .eyebrow{color:var(--primary)}
html[data-theme="light"][data-visual-route="profile"] .hero .hero-stat{background:rgba(255,255,255,.6);border-color:var(--line)}
html[data-theme="light"][data-visual-route="payouts"] .hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="referrals"] .hero{background:linear-gradient(135deg,#521c08,#fa8505)}
html[data-theme="light"][data-visual-route="documents"] .hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="documents"] .hero,html[data-theme="light"][data-visual-route="documents"] .hero h2,html[data-theme="light"][data-visual-route="documents"] .hero .hero-stat strong{color:var(--ink)}
html[data-theme="light"][data-visual-route="documents"] .hero p,html[data-theme="light"][data-visual-route="documents"] .hero .hero-stat span{color:var(--muted)}
html[data-theme="light"][data-visual-route="documents"] .hero .eyebrow{color:var(--primary)}
html[data-theme="light"][data-visual-route="documents"] .hero .hero-stat{background:rgba(255,255,255,.6);border-color:var(--line)}
html[data-theme="light"][data-visual-route="patronage"] .hero{background:linear-gradient(135deg,#521c08,#fa8705)}
html[data-theme="light"][data-visual-route="collaboration-detail"] .hero{background:linear-gradient(135deg,#1a0547,#6b17eb)}
html[data-theme="light"][data-visual-route="bookings"] .hero{background:linear-gradient(135deg,#120533,#7014c7)}
html[data-theme="light"][data-visual-route="booking-detail"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="request-tracking"] .hero{background:linear-gradient(135deg,#521c08,#fa8705)}
html[data-theme="light"][data-visual-route="incoming-booking"] .hero{background:linear-gradient(135deg,#4f1a08,#fa8705)}
html[data-theme="light"][data-visual-route="booking-payment"] .hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="journey-tracking"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="service-live"] .hero{background:linear-gradient(135deg,#4f084d,#f51f8c)}
html[data-theme="light"][data-visual-route="booking-settlement"] .hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="event-operations"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="event-live"] .hero{background:linear-gradient(135deg,#4f084d,#f51f8c)}
html[data-theme="light"][data-visual-route="online-access"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="workshop-operations"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="plan-commission"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="admin-dashboard"] .hero{background:linear-gradient(135deg,#120533,#6e14c7)}
html[data-theme="light"][data-visual-route="evidence-console"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="saved-venues"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="venue-profile"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="service-packages"] .hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="requirement-match"] .hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="reliability-passport"] .hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="culture-protocol"] .hero{background:linear-gradient(135deg,#290d08,#c74f0d)}
html[data-theme="dark"][data-visual-route="collaboration-detail"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="bookings"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="booking-detail"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="journey-tracking"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="event-operations"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="online-access"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="workshop-operations"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="plan-commission"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="admin-dashboard"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="evidence-console"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="saved-venues"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="venue-profile"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="service-packages"] .hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="service-live"] .hero{background:linear-gradient(135deg,#421537,#982857)}
html[data-theme="dark"][data-visual-route="event-live"] .hero{background:linear-gradient(135deg,#421537,#982857)}

/* Programmatically focused headings are navigation announcements, not input controls. */
html[data-theme] .appbar h1[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}
/* A ticket/learning QR remains black on a white quiet zone in both themes.
   The source uses a decorative prototype pattern, not a real issued QR payload. */
html[data-theme] .qr{background:repeating-conic-gradient(#211425 0 25%,#fff 0 50%) 0/22px 22px;border-color:#fff;box-shadow:0 0 0 1px var(--line)}
html[data-theme] .certificate-card .qr.mini{background-size:12px 12px;border-color:#fff}
html[data-theme] .workflow-hero{box-shadow:none;border:1px solid rgba(255,255,255,.10)}
html[data-theme="dark"] .workflow-hero,html[data-theme="dark"] .workflow-hero.purple{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"] .workflow-hero.green{background:linear-gradient(135deg,#123d2e,#176246)}
html[data-theme="dark"] .workflow-hero.orange{background:linear-gradient(135deg,#48260f,#865019)}
html[data-theme="dark"] .workflow-hero.pink{background:linear-gradient(135deg,#421537,#982857)}
html[data-theme="dark"] .workflow-hero.blue{background:linear-gradient(135deg,#142d50,#265a86)}
html[data-theme] .workflow-hero .eyebrow{color:rgba(255,255,255,.9)}
html[data-theme] .workflow-hero p{color:rgba(255,255,255,.9)}
html[data-theme] .workflow-hero h2{color:#fff}
html[data-theme] .workflow-hero .workflow-progress i{background:rgba(255,255,255,.28)}
html[data-theme] .workflow-hero .workflow-progress i.done,html[data-theme] .workflow-hero .workflow-progress i.active{background:#fff}
html[data-theme="light"][data-visual-route="transaction-detail"] .workflow-hero{background:linear-gradient(135deg,#f5edff,#ffedf7)}
html[data-theme="light"][data-visual-route="verification"] .workflow-hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="learning"] .workflow-hero{background:linear-gradient(135deg,#054f33,#05bf4f)}
html[data-theme="light"][data-visual-route="discover"] .workflow-hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="grants"] .workflow-hero{background:linear-gradient(135deg,#054f33,#05bf4f)}
html[data-theme="light"][data-visual-route="ticket-detail"] .workflow-hero{background:linear-gradient(135deg,#210854,#6e1af2)}
html[data-theme="light"][data-visual-route="enrollment-detail"] .workflow-hero{background:linear-gradient(135deg,#541a0a,#f58505)}
html[data-theme="light"][data-visual-route="challenges"] .workflow-hero{background:linear-gradient(135deg,#541f0a,#f58505)}
html[data-theme="light"][data-visual-route="profile"] .workflow-hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="payouts"] .workflow-hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="referrals"] .workflow-hero{background:linear-gradient(135deg,#521c08,#fa8505)}
html[data-theme="light"][data-visual-route="documents"] .workflow-hero{background:linear-gradient(135deg,#f2ebff,#ffedf7)}
html[data-theme="light"][data-visual-route="patronage"] .workflow-hero{background:linear-gradient(135deg,#521c08,#fa8705)}
html[data-theme="light"][data-visual-route="collaboration-detail"] .workflow-hero{background:linear-gradient(135deg,#1a0547,#6b17eb)}
html[data-theme="light"][data-visual-route="bookings"] .workflow-hero{background:linear-gradient(135deg,#120533,#7014c7)}
html[data-theme="light"][data-visual-route="booking-detail"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="request-tracking"] .workflow-hero{background:linear-gradient(135deg,#521c08,#fa8705)}
html[data-theme="light"][data-visual-route="incoming-booking"] .workflow-hero{background:linear-gradient(135deg,#4f1a08,#fa8705)}
html[data-theme="light"][data-visual-route="booking-payment"] .workflow-hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="journey-tracking"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="service-live"] .workflow-hero{background:linear-gradient(135deg,#4f084d,#f51f8c)}
html[data-theme="light"][data-visual-route="booking-settlement"] .workflow-hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="event-operations"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="event-live"] .workflow-hero{background:linear-gradient(135deg,#4f084d,#f51f8c)}
html[data-theme="light"][data-visual-route="online-access"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="workshop-operations"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="plan-commission"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="admin-dashboard"] .workflow-hero{background:linear-gradient(135deg,#120533,#6e14c7)}
html[data-theme="light"][data-visual-route="evidence-console"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="saved-venues"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="venue-profile"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="service-packages"] .workflow-hero{background:linear-gradient(135deg,#140538,#6e14c7)}
html[data-theme="light"][data-visual-route="requirement-match"] .workflow-hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="reliability-passport"] .workflow-hero{background:linear-gradient(135deg,#034d33,#05ba4f)}
html[data-theme="light"][data-visual-route="culture-protocol"] .workflow-hero{background:linear-gradient(135deg,#290d08,#c74f0d)}
html[data-theme="dark"][data-visual-route="collaboration-detail"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="bookings"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="booking-detail"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="journey-tracking"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="event-operations"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="online-access"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="workshop-operations"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="plan-commission"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="admin-dashboard"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="evidence-console"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="saved-venues"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="venue-profile"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="service-packages"] .workflow-hero{background:linear-gradient(135deg,#2a184b,#58318a)}
html[data-theme="dark"][data-visual-route="service-live"] .workflow-hero{background:linear-gradient(135deg,#421537,#982857)}
html[data-theme="dark"][data-visual-route="event-live"] .workflow-hero{background:linear-gradient(135deg,#421537,#982857)}
html[data-theme] .workflow-hero .status-track span{background:rgba(255,255,255,.25)}
html[data-theme] .workflow-hero .status-track span.done{background:rgba(255,255,255,.90)}
html[data-theme] .workflow-hero .status-track span.current{box-shadow:0 0 0 2px rgba(255,255,255,.4)}
/* Landscape phones retain the application, not the desktop review rails. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1024px){
 html[data-theme],html[data-theme] body{height:100%;background:var(--canvas)}
 html[data-theme] .prototype-workspace{display:block;min-height:100dvh}
 html[data-theme] .prototype-sidebar,html[data-theme] .prototype-inspector,html[data-theme] .preview-toolbar{display:none}
 html[data-theme] .prototype-stage{display:block;padding:0}
 html[data-theme] .device-shell{width:100%;height:100dvh;padding:0;border-radius:0;box-shadow:none;background:var(--canvas)}
 html[data-theme] .mobile-app{border-radius:0}
 html[data-theme] .appbar{min-height:66px;padding:9px 18px}
 html[data-theme] .bottom-nav{height:62px;padding-top:4px;padding-bottom:3px}
 html[data-theme] .page{max-width:760px;margin-inline:auto;width:100%}
}

html[data-theme="light"][data-visual-route="learning"] .hero,html[data-theme="light"][data-visual-route="learning"] .hero h2,html[data-theme="light"][data-visual-route="learning"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="learning"] .hero p,html[data-theme="light"][data-visual-route="learning"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="learning"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="learning"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="grants"] .hero,html[data-theme="light"][data-visual-route="grants"] .hero h2,html[data-theme="light"][data-visual-route="grants"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="grants"] .hero p,html[data-theme="light"][data-visual-route="grants"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="grants"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="grants"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="ticket-detail"] .hero,html[data-theme="light"][data-visual-route="ticket-detail"] .hero h2,html[data-theme="light"][data-visual-route="ticket-detail"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="ticket-detail"] .hero p,html[data-theme="light"][data-visual-route="ticket-detail"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="ticket-detail"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="ticket-detail"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="enrollment-detail"] .hero,html[data-theme="light"][data-visual-route="enrollment-detail"] .hero h2,html[data-theme="light"][data-visual-route="enrollment-detail"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="enrollment-detail"] .hero p,html[data-theme="light"][data-visual-route="enrollment-detail"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="enrollment-detail"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="enrollment-detail"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="challenges"] .hero,html[data-theme="light"][data-visual-route="challenges"] .hero h2,html[data-theme="light"][data-visual-route="challenges"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="challenges"] .hero p,html[data-theme="light"][data-visual-route="challenges"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="challenges"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="challenges"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="payouts"] .hero,html[data-theme="light"][data-visual-route="payouts"] .hero h2,html[data-theme="light"][data-visual-route="payouts"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="payouts"] .hero p,html[data-theme="light"][data-visual-route="payouts"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="payouts"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="payouts"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="referrals"] .hero,html[data-theme="light"][data-visual-route="referrals"] .hero h2,html[data-theme="light"][data-visual-route="referrals"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="referrals"] .hero p,html[data-theme="light"][data-visual-route="referrals"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="referrals"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="referrals"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="patronage"] .hero,html[data-theme="light"][data-visual-route="patronage"] .hero h2,html[data-theme="light"][data-visual-route="patronage"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="patronage"] .hero p,html[data-theme="light"][data-visual-route="patronage"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="patronage"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="patronage"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="collaboration-detail"] .hero,html[data-theme="light"][data-visual-route="collaboration-detail"] .hero h2,html[data-theme="light"][data-visual-route="collaboration-detail"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="collaboration-detail"] .hero p,html[data-theme="light"][data-visual-route="collaboration-detail"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="collaboration-detail"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="collaboration-detail"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="bookings"] .hero,html[data-theme="light"][data-visual-route="bookings"] .hero h2,html[data-theme="light"][data-visual-route="bookings"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="bookings"] .hero p,html[data-theme="light"][data-visual-route="bookings"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="bookings"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="bookings"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="booking-detail"] .hero,html[data-theme="light"][data-visual-route="booking-detail"] .hero h2,html[data-theme="light"][data-visual-route="booking-detail"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="booking-detail"] .hero p,html[data-theme="light"][data-visual-route="booking-detail"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="booking-detail"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="booking-detail"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="request-tracking"] .hero,html[data-theme="light"][data-visual-route="request-tracking"] .hero h2,html[data-theme="light"][data-visual-route="request-tracking"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="request-tracking"] .hero p,html[data-theme="light"][data-visual-route="request-tracking"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="request-tracking"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="request-tracking"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="incoming-booking"] .hero,html[data-theme="light"][data-visual-route="incoming-booking"] .hero h2,html[data-theme="light"][data-visual-route="incoming-booking"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="incoming-booking"] .hero p,html[data-theme="light"][data-visual-route="incoming-booking"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="incoming-booking"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="incoming-booking"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="booking-payment"] .hero,html[data-theme="light"][data-visual-route="booking-payment"] .hero h2,html[data-theme="light"][data-visual-route="booking-payment"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="booking-payment"] .hero p,html[data-theme="light"][data-visual-route="booking-payment"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="booking-payment"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="booking-payment"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="journey-tracking"] .hero,html[data-theme="light"][data-visual-route="journey-tracking"] .hero h2,html[data-theme="light"][data-visual-route="journey-tracking"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="journey-tracking"] .hero p,html[data-theme="light"][data-visual-route="journey-tracking"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="journey-tracking"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="journey-tracking"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="service-live"] .hero,html[data-theme="light"][data-visual-route="service-live"] .hero h2,html[data-theme="light"][data-visual-route="service-live"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="service-live"] .hero p,html[data-theme="light"][data-visual-route="service-live"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="service-live"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="service-live"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="booking-settlement"] .hero,html[data-theme="light"][data-visual-route="booking-settlement"] .hero h2,html[data-theme="light"][data-visual-route="booking-settlement"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="booking-settlement"] .hero p,html[data-theme="light"][data-visual-route="booking-settlement"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="booking-settlement"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="booking-settlement"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="event-operations"] .hero,html[data-theme="light"][data-visual-route="event-operations"] .hero h2,html[data-theme="light"][data-visual-route="event-operations"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="event-operations"] .hero p,html[data-theme="light"][data-visual-route="event-operations"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="event-operations"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="event-operations"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="event-live"] .hero,html[data-theme="light"][data-visual-route="event-live"] .hero h2,html[data-theme="light"][data-visual-route="event-live"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="event-live"] .hero p,html[data-theme="light"][data-visual-route="event-live"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="event-live"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="event-live"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="online-access"] .hero,html[data-theme="light"][data-visual-route="online-access"] .hero h2,html[data-theme="light"][data-visual-route="online-access"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="online-access"] .hero p,html[data-theme="light"][data-visual-route="online-access"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="online-access"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="online-access"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="workshop-operations"] .hero,html[data-theme="light"][data-visual-route="workshop-operations"] .hero h2,html[data-theme="light"][data-visual-route="workshop-operations"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="workshop-operations"] .hero p,html[data-theme="light"][data-visual-route="workshop-operations"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="workshop-operations"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="workshop-operations"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="plan-commission"] .hero,html[data-theme="light"][data-visual-route="plan-commission"] .hero h2,html[data-theme="light"][data-visual-route="plan-commission"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="plan-commission"] .hero p,html[data-theme="light"][data-visual-route="plan-commission"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="plan-commission"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="plan-commission"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="admin-dashboard"] .hero,html[data-theme="light"][data-visual-route="admin-dashboard"] .hero h2,html[data-theme="light"][data-visual-route="admin-dashboard"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="admin-dashboard"] .hero p,html[data-theme="light"][data-visual-route="admin-dashboard"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="admin-dashboard"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="admin-dashboard"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="evidence-console"] .hero,html[data-theme="light"][data-visual-route="evidence-console"] .hero h2,html[data-theme="light"][data-visual-route="evidence-console"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="evidence-console"] .hero p,html[data-theme="light"][data-visual-route="evidence-console"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="evidence-console"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="evidence-console"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="saved-venues"] .hero,html[data-theme="light"][data-visual-route="saved-venues"] .hero h2,html[data-theme="light"][data-visual-route="saved-venues"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="saved-venues"] .hero p,html[data-theme="light"][data-visual-route="saved-venues"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="saved-venues"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="saved-venues"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="venue-profile"] .hero,html[data-theme="light"][data-visual-route="venue-profile"] .hero h2,html[data-theme="light"][data-visual-route="venue-profile"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="venue-profile"] .hero p,html[data-theme="light"][data-visual-route="venue-profile"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="venue-profile"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="venue-profile"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="service-packages"] .hero,html[data-theme="light"][data-visual-route="service-packages"] .hero h2,html[data-theme="light"][data-visual-route="service-packages"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="service-packages"] .hero p,html[data-theme="light"][data-visual-route="service-packages"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="service-packages"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="service-packages"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="requirement-match"] .hero,html[data-theme="light"][data-visual-route="requirement-match"] .hero h2,html[data-theme="light"][data-visual-route="requirement-match"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="requirement-match"] .hero p,html[data-theme="light"][data-visual-route="requirement-match"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="requirement-match"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="requirement-match"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="reliability-passport"] .hero,html[data-theme="light"][data-visual-route="reliability-passport"] .hero h2,html[data-theme="light"][data-visual-route="reliability-passport"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="reliability-passport"] .hero p,html[data-theme="light"][data-visual-route="reliability-passport"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="reliability-passport"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="reliability-passport"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}

html[data-theme="light"][data-visual-route="culture-protocol"] .hero,html[data-theme="light"][data-visual-route="culture-protocol"] .hero h2,html[data-theme="light"][data-visual-route="culture-protocol"] .hero .hero-stat strong{color:#fff}
html[data-theme="light"][data-visual-route="culture-protocol"] .hero p,html[data-theme="light"][data-visual-route="culture-protocol"] .hero .hero-stat span,html[data-theme="light"][data-visual-route="culture-protocol"] .hero .eyebrow{color:rgba(255,255,255,.92)}
html[data-theme="light"][data-visual-route="culture-protocol"] .hero .hero-stat{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)}