html[data-ky-ui] {--auth-ink:var(--ky-ink);--auth-muted:var(--ky-muted);--auth-border:var(--ky-border);--auth-surface:var(--ky-bg);--auth-soft:var(--ky-surface);--auth-purple:var(--ky-purple);--auth-purple-dark:var(--ky-purple);--auth-danger:var(--ky-danger);--ink:var(--ky-ink);--muted:var(--ky-muted);--line:var(--ky-border)}
html[data-ky-ui] body {color:var(--ky-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-ky-ui] .wd-standalone-theme {position:absolute;z-index:20;top:18px;right:20px;padding:10px 15px;background:var(--ky-bg);color:var(--ky-ink);border:1px solid var(--ky-border);border-radius:24px;font-size:12px;cursor:pointer}
html[data-ky-ui] :is(.auth-wrapper,.ky-auth-stage) {background:var(--ky-surface)!important;padding-top:72px!important;min-height:100dvh}
html[data-ky-ui] .auth-wrapper::before,html[data-ky-ui] .auth-wrapper::after,html[data-ky-ui] .auth-showcase::after,html[data-ky-ui] .ky-auth-panel::before,html[data-ky-ui] .ky-auth-panel::after {display:none}
html[data-ky-ui] :is(.auth-shell,.ky-auth-shell) {border:1px solid var(--ky-border);border-radius:24px;background:var(--ky-bg);box-shadow:none}
html[data-ky-ui] :is(.auth-panel,.auth-box,.ky-auth-card) {background:var(--ky-bg)!important;color:var(--ky-ink);border-color:var(--ky-border);box-shadow:none}
html[data-ky-ui] :is(.auth-showcase,.ky-auth-panel) {background:var(--ky-accent)!important;color:var(--ky-ink)}
html[data-ky-ui] .showcase-glow {display:none}
html[data-ky-ui] :is(.auth-showcase,.ky-auth-panel) :is(h1,h2,h3,strong,.brand-copy,.brand-lockup,.showcase-point,.ky-auth-panel__title) {color:var(--ky-ink)}
html[data-ky-ui] :is(.auth-showcase,.ky-auth-panel) :is(p,small,.showcase-footer,.ky-auth-step,.ky-auth-panel__body) {color:var(--ky-muted)}
html[data-ky-ui] :is(.showcase-pill,.showcase-point__icon,.ky-auth-step__index,.ky-auth-card__tag,.otp-shield) {background:var(--ky-bg);color:var(--ky-purple);border-color:var(--ky-border);box-shadow:none}
html[data-ky-ui] :is(.auth-heading h1,.auth-heading h2,.box-title,.ky-auth-card__title) {color:var(--ky-ink);font-weight:600;letter-spacing:-.8px}
html[data-ky-ui] :is(.auth-field>label,.otp-label,.mobile-brand .brand-copy,.mobile-brand strong,.ky-auth-field-label) {color:var(--ky-ink)}
html[data-ky-ui] :is(.auth-input-wrap,.otp-slot,.ky-auth-card .input-group) {background:var(--ky-bg);border-color:var(--ky-border);color:var(--ky-ink);box-shadow:none}
html[data-ky-ui] :is(.auth-input-wrap input,.auth-box input,.ky-auth-card input) {background:var(--ky-bg)!important;color:var(--ky-ink)!important;border-color:var(--ky-border)!important}
html[data-ky-ui] :is(.auth-primary-btn,.ky-auth-card .btn-info) {background:var(--ky-ink)!important;color:var(--ky-inverse)!important;border:1px solid var(--ky-ink)!important;border-radius:24px;box-shadow:none!important;transform:none!important}
html[data-ky-ui] :is(.auth-back-btn,.auth-register,.auth-legal,.auth-timer,.otp-note,.ky-auth-card__hint,.ky-auth-card .text-muted) {color:var(--ky-muted)!important}
html[data-ky-ui] .otp-slot.is-active {border-color:var(--ky-purple);background:var(--ky-accent)}
html[data-ky-ui] .auth-box .form-material :is(input.form-control,select.form-control) {border:1px solid var(--ky-border)!important;background:var(--ky-bg)!important;background-image:none!important;color:var(--ky-ink)!important;padding:10px 12px;min-height:44px;border-radius:10px!important;box-shadow:none!important}
html[data-ky-ui] .auth-box .form-material :is(input.form-control,select.form-control):focus {border-color:var(--ky-purple)!important}
html[data-ky-ui] .auth-box :is(.text-muted,.form-text) {color:var(--ky-muted)!important}
html[data-ky-ui] .auth-box :is(label,#phoneDisplay,#activationInstructions strong) {color:var(--ky-ink)!important}
html[data-ky-ui] .wd-auth-label {display:block;font-size:12px;font-weight:550;margin-bottom:8px}
html[data-ky-ui] :is(.ky-legal-registration,.ky-marketing-consent) {background:var(--ky-surface);border-color:var(--ky-border);border-radius:14px}
html[data-ky-ui] :is(.ky-legal-registration__heading strong,.ky-marketing-consent>strong) {color:var(--ky-ink)}
html[data-ky-ui] :is(.ky-legal-registration__heading span,.ky-marketing-consent p,.ky-marketing-consent small,.ky-legal-document small,.ky-legal-scroll-hint) {color:var(--ky-muted)}
html[data-ky-ui] :is(.ky-legal-document,.ky-choice-button) {background:var(--ky-bg);color:var(--ky-ink);border-color:var(--ky-border);box-shadow:none}
html[data-ky-ui] .ky-choice-button[aria-pressed=true] {background:var(--ky-accent);color:var(--ky-purple);border-color:var(--ky-purple)}
html[data-ky-ui] .ky-legal-document__status {background:var(--ky-surface);color:var(--ky-muted)}
html[data-ky-ui] .ky-legal-document.is-accepted,html[data-ky-ui] .ky-legal-document.is-accepted .ky-legal-document__status {background:var(--ky-green-bg);color:var(--ky-green);border-color:var(--ky-green)}
html[data-ky-ui] .ky-auth-step__index {display:flex;align-items:center;justify-content:center}
html[data-ky-ui] .ky-auth-step {background:var(--ky-surface);border-color:var(--ky-border);backdrop-filter:none;border-radius:12px}
html[data-ky-ui] .auth-box a {color:var(--ky-purple)}
@media(max-width:767px) {html[data-ky-ui] .ky-auth-panel {padding:24px!important;border-radius:16px 16px 0 0!important}html[data-ky-ui] :is(.ky-auth-steps,.ky-auth-highlights) {display:none}html[data-ky-ui] .ky-auth-panel__body {margin-bottom:0}html[data-ky-ui] .ky-auth-card {border-radius:0 0 16px 16px!important;margin:0!important}}
/* Waiting-room display: status colors retain their meaning; the surface follows the panel. */
html[data-ky-ui] .queue-shell {background:var(--ky-bg)}
html[data-ky-ui] .queue-board {background:var(--ky-surface);border:1px solid var(--ky-border);box-shadow:none;border-radius:20px}
html[data-ky-ui] :is(.queue-title h1,.queue-salon-name,.queue-platform>span,.queue-status,.queue-total strong) {font-family:inherit;font-weight:600;letter-spacing:-.5px}
html[data-ky-ui] .queue-row {background:var(--ky-bg);color:var(--ky-ink);border:1px solid var(--ky-border);border-radius:12px;box-shadow:none}
html[data-ky-ui] .queue-row--waiting {--accent:var(--ky-purple);background:var(--ky-accent)}
html[data-ky-ui] .queue-row--active {--accent:var(--ky-green);background:var(--ky-green-bg)}
html[data-ky-ui] .queue-row--no-show {--accent:var(--ky-warning);background:var(--ky-warning-bg)}
html[data-ky-ui] .queue-row--active::after {display:none}
html[data-ky-ui] .queue-status {background:var(--ky-surface);color:var(--ky-ink);border:1px solid var(--ky-border);box-shadow:none}
html[data-ky-ui] .queue-row--active .queue-status {background:var(--ky-green-bg);color:var(--ky-green)}
html[data-ky-ui] .queue-row--waiting .queue-status {background:var(--ky-accent);color:var(--ky-purple)}
html[data-ky-ui] .queue-row--no-show .queue-status {background:var(--ky-warning-bg);color:var(--ky-warning)}
html[data-ky-ui] :is(.queue-clock,.queue-table-head,.queue-staff,.queue-status-detail,.queue-time-date,.queue-total span,.queue-footer-info,.queue-privacy,.queue-state p) {color:var(--ky-muted)}
html[data-ky-ui] .queue-footer {border-color:var(--ky-border)}
html[data-ky-ui] .queue-total {border:0;background:transparent}
html[data-ky-ui] :is(.queue-controls,.queue-icon-button,.queue-fullscreen-button,.queue-retry,.queue-notice) {background:var(--ky-bg);color:var(--ky-ink);border-color:var(--ky-border);box-shadow:none}
html[data-ky-ui] .queue-controls .wd-standalone-theme {position:static;width:auto;height:auto;white-space:nowrap;font-size:11px}
html[data-ky-ui] .queue-salon-mark {background:var(--ky-accent);color:var(--ky-purple);border:1px solid var(--ky-border);box-shadow:none}
@media(max-width:600px) {html[data-ky-ui] :is(.auth-shell,.ky-auth-shell) {border-radius:16px}html[data-ky-ui] .wd-standalone-theme {top:14px;right:16px}html[data-ky-ui] .queue-controls {gap:5px}html[data-ky-ui] .queue-controls .wd-standalone-theme {padding:9px}html[data-ky-ui] .queue-fullscreen-button {padding:9px}}
