
/* HyApps V16, wave 3. Legacy functional selectors are preserved above this block.
   Only documented visual components are overlaid; no JS/event/auth changes. */
:root{
 --v16-void:#050916;--v16-surface:#0d1628;--v16-raised:#152239;
 --v16-text:#ecf5ff;--v16-muted:#a7bad7;--v16-edge:rgba(115,158,204,.34);
 --v16-cyan:#6be0f5;--v16-purple:#ad9cfb;--v16-pink:#ee7ec0;
 --bg-deep:#050916;--bg-surface:#0d1628;--bg-card:#111d31;
 --bg-card-hover:#17263e;--bg-input:#152239;--text:#ecf5ff;
 --muted:#a7bad7;--text-dim:#a7bad7;--accent:#6be0f5;
 --accent-text:#6be0f5;--accent-dim:rgba(107,224,245,.12);
 --accent-glow:rgba(107,224,245,.25);
 --border:rgba(115,158,204,.34);--border-color:var(--border);
 --border-focus:#8deafa;--info:#8dbdff;--purple:#ad9cfb;--danger:#ff87a8;--warning:#f3c97f;
 --glass-bg:rgba(13,22,40,.90);--glass-bg-heavy:rgba(10,18,32,.96);
 color-scheme:dark
}
html[data-mode="light"],html[data-theme="light"],html.theme-light{
 --v16-void:#eef4fb;--v16-surface:#fff;--v16-raised:#f1f6fc;
 --v16-text:#172841;--v16-muted:#526784;--v16-edge:rgba(74,110,152,.32);
 --v16-cyan:#086e85;--v16-purple:#6749ab;--v16-pink:#a6327c;
 --bg-deep:#eef4fb;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f6fc;
 --bg-input:#f1f6fc;--text:#172841;--muted:#526784;--text-dim:#526784;
 --accent:#086e85;--accent-text:#086e85;--accent-dim:rgba(8,110,133,.1);
 --accent-glow:rgba(8,110,133,.20);--border:rgba(74,110,152,.32);
 --border-color:var(--border);--border-focus:#086e85;
 --info:#26649c;--purple:#6749ab;--danger:#aa274f;--warning:#825207;
 --glass-bg:rgba(255,255,255,.94);--glass-bg-heavy:rgba(255,255,255,.97);
 color-scheme:light
}
body[data-hyapp-v16]{
 --bg-deep:var(--v16-void)!important;--bg-surface:var(--v16-surface)!important;
 --bg-card:var(--v16-surface)!important;--bg-card-hover:var(--v16-raised)!important;
 --bg-input:var(--v16-raised)!important;--bg-modal:var(--v16-surface)!important;
 --glass-bg:var(--v16-surface)!important;--glass-bg-heavy:var(--v16-surface)!important;
 --glass-border:var(--v16-edge)!important;
 --text:var(--v16-text)!important;--text-dim:var(--v16-muted)!important;
 --muted:var(--v16-muted)!important;--accent:var(--v16-cyan)!important;
 --accent-text:var(--v16-cyan)!important;
 --accent-dim:color-mix(in srgb,var(--v16-cyan) 13%,transparent)!important;
 --border:var(--v16-edge)!important;
 background:radial-gradient(830px 460px at 6% -5%,color-mix(in srgb,var(--v16-cyan) 8%,transparent),transparent 78%),
 radial-gradient(650px 440px at 96% 3%,color-mix(in srgb,var(--v16-purple) 11%,transparent),transparent 73%),var(--v16-void)!important;
 color:var(--v16-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.52;
 -webkit-font-smoothing:antialiased;min-width:0
}
body[data-hyapp-v16] *{box-sizing:border-box}
body[data-hyapp-v16] :is(button,input,select,textarea){font-family:inherit}
body[data-hyapp-v16] :is(a,button,input,select,textarea,[contenteditable="true"],[tabindex]):focus-visible{outline:3px solid var(--border-focus)!important;outline-offset:2px}
body[data-hyapp-v16] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){
 background:var(--v16-raised);color:var(--v16-text);
 border:1px solid var(--v16-edge);border-radius:12px;max-width:100%;min-width:0;font-size:16px
}
body[data-hyapp-v16] :is(input,select,textarea)::placeholder{color:var(--v16-muted);opacity:.86}
body[data-hyapp-v16] button{touch-action:manipulation;transition:background-color .16s,border-color .16s,box-shadow .16s}
body[data-hyapp-v16] button:disabled{opacity:.55;cursor:not-allowed}
body[data-hyapp-v16] :is(.pill,.badge,.tag){border-radius:999px}
body[data-hyapp-v16] img{max-width:100%}
body[data-hyapp-v16] :is(.row,.actions,.toolbar,.header-actions){min-width:0}
body[data-hyapp-v16] :is(.table-wrap,.scroll-x,[class*="table-scroll"]){
 max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin
}
body[data-hyapp-v16] table{border-collapse:separate;border-spacing:0}
body[data-hyapp-v16] table th{background:var(--v16-raised);color:var(--v16-muted);font-weight:750}
body[data-hyapp-v16] table td{color:var(--v16-text);border-bottom:1px solid var(--v16-edge)}
@media(max-width:640px){
 body[data-hyapp-v16] :is(button,.btn,[class*="-btn"]){min-height:42px}
 body[data-hyapp-v16] :is(.row,.actions,.toolbar,.header-actions){flex-wrap:wrap}
 body[data-hyapp-v16] :is(.modal,.modal-card){max-width:calc(100vw - 18px)}
}
@media(prefers-reduced-motion:reduce){
 body[data-hyapp-v16] *,body[data-hyapp-v16] *:before,body[data-hyapp-v16] *:after{
 animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important
 }
}


/* Preserve passkey and password handlers, modernize sign-in surfaces only. */
body[data-hyapp-v16="hyresearch-login"]{
 --t:#6be0f5;--t2:#31aecb;--tdim:rgba(107,224,245,.13);
 --tbr:rgba(107,224,245,.35);--bg:#050916;--card:#0d1628;--br:rgba(115,158,204,.34);
 --text:#ecf5ff;--muted:#a7bad7;--err:#ff87a8;
 padding:clamp(14px,4vw,36px)!important
}
body[data-hyapp-v16="hyresearch-login"] .brand{gap:13px;margin-bottom:24px;max-width:100%}
body[data-hyapp-v16="hyresearch-login"] .card{width:min(100%,510px);border:1px solid var(--v16-edge);border-radius:20px;background:var(--v16-surface);padding:clamp(16px,3vw,32px);box-shadow:0 30px 75px #00000033}
body[data-hyapp-v16="hyresearch-login"] .tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--v16-edge);border-radius:14px;background:var(--v16-raised)}
body[data-hyapp-v16="hyresearch-login"] .tab-btn{flex:1 1 0;min-height:44px;border-radius:10px;font:750 13px system-ui}
body[data-hyapp-v16="hyresearch-login"] .tab-btn.active{background:var(--accent-dim);color:var(--v16-cyan);border:1px solid var(--v16-cyan)}
body[data-hyapp-v16="hyresearch-login"] :is(.submit-btn,.bio-btn){min-height:48px;border-radius:12px;font:750 14px system-ui}
body[data-hyapp-v16="hyresearch-login"] .submit-btn{background:linear-gradient(125deg,rgba(107,224,245,.23),rgba(173,156,251,.12));border:1px solid var(--v16-cyan);color:var(--v16-text)}
body[data-hyapp-v16="hyresearch-login"] .field{min-width:0}
body[data-hyapp-v16="hyresearch-login"] .field input{min-height:46px;font-size:16px}
