/* HypatiaOS V16 wave5 - scoped component layer.
   Existing functional selectors are retained in the separate -v16-base.css.
   Modernized patterns follow Beautiful UI's records/filter/sidebar/chat treatments. */
:root{
 --wx-bg:#070d1b;--wx-panel:#0e192e;--wx-raised:#172741;
 --wx-ink:#ecf6ff;--wx-muted:#aebed8;--wx-line:rgba(119,163,205,.33);
 --wx-cyan:#6de0f5;--wx-blue:#73b9fe;--wx-purple:#b4a2f8;--wx-red:#ff819f;
 --bg-deep:#070d1b;--bg-surface:#0e192e;--bg-card:#0e192e;
 --bg-card-hover:#172741;--bg-input:#172741;
 --text:#ecf6ff;--muted:#aebed8;--text-dim:#aebed8;--accent:#6de0f5;
 --accent-text:#6de0f5;--accent-dim:rgba(109,224,245,.12);
 --accent-glow:rgba(109,224,245,.2);
 --border:rgba(119,163,205,.33);--border-color:var(--border);
 --border-focus:#8bebf9;--info:#73b9fe;--purple:#b4a2f8;
 --danger:#ff819f;--warning:#e3c27e;
 --glass-bg:rgba(14,25,46,.92);--glass-bg-heavy:rgba(12,22,41,.98);
 color-scheme:dark
}
html[data-theme="light"],html[data-mode="light"],html.theme-light {
 --wx-bg:#edf3fa;--wx-panel:#fff;--wx-raised:#f1f6fd;
 --wx-ink:#182b46;--wx-muted:#526982;--wx-line:rgba(74,115,156,.30);
 --wx-cyan:#086d88;--wx-blue:#245ba1;--wx-purple:#6e4eaa;--wx-red:#ac2450;
 --bg-deep:#edf3fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f6fd;
 --bg-input:#f1f6fd;--text:#182b46;--muted:#526982;--text-dim:#526982;
 --accent:#086d88;--accent-text:#086d88;--accent-dim:rgba(8,109,136,.11);
 --accent-glow:rgba(8,109,136,.20);--border:rgba(74,115,156,.30);
 --border-color:var(--border);--border-focus:#086d88;
 --info:#245ba1;--purple:#6e4eaa;--danger:#ac2450;--warning:#8a5a0b;
 --glass-bg:rgba(255,255,255,.95);--glass-bg-heavy:rgba(255,255,255,.98);
 color-scheme:light
}
body[data-hyapp-v16] {
 --bg-deep:var(--wx-bg)!important;--bg-surface:var(--wx-panel)!important;
 --bg-card:var(--wx-panel)!important;--bg-card-hover:var(--wx-raised)!important;
 --bg-input:var(--wx-raised)!important;--text:var(--wx-ink)!important;
 --text-dim:var(--wx-muted)!important;--muted:var(--wx-muted)!important;
 --border:var(--wx-line)!important;--border-color:var(--wx-line)!important;
 --accent:var(--wx-cyan)!important;--accent-text:var(--wx-cyan)!important;
 --accent-dim:color-mix(in srgb,var(--wx-cyan) 12%,transparent)!important;
 --glass-bg:var(--wx-panel)!important;
 --glass-bg-heavy:var(--wx-panel)!important;
 color:var(--wx-ink);background:var(--wx-bg);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
 -webkit-font-smoothing:antialiased;font-size:14px;line-height:1.48;min-width:0
}
body[data-hyapp-v16] *{box-sizing:border-box}
body[data-hyapp-v16] :is(button,input,textarea,select){font-family:inherit}
body[data-hyapp-v16] :is(button,a,input,textarea,select,[tabindex],[contenteditable=true]):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]),textarea,select) {
 min-width:0;max-width:100%;font-size:16px;
 border:1px solid var(--wx-line);border-radius:11px;
 background:var(--wx-raised);color:var(--wx-ink)
}
body[data-hyapp-v16] :is(input,textarea)::placeholder {color:var(--wx-muted);opacity:.87}
body[data-hyapp-v16] button {touch-action:manipulation;transition:border-color .16s,background-color .16s,box-shadow .16s}
body[data-hyapp-v16] button:disabled {opacity:.55;cursor:not-allowed}
body[data-hyapp-v16] :is(.btn,.hm-btn,.tab,.sidebar-item,.sb-item) {border-radius:11px}
body[data-hyapp-v16] :is(.pill,.badge,.hm-chip,.status-pill) {border-radius:999px}
body[data-hyapp-v16] img{max-width:100%}
body[data-hyapp-v16] :is(.table-wrap,.table-scroll,.hm-conv-list) {min-width:0;max-width:100%;scrollbar-width:thin}
body[data-hyapp-v16] table {border-collapse:separate;border-spacing:0}
body[data-hyapp-v16] table th {background:var(--wx-raised);font:750 11px Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--wx-muted)}
body[data-hyapp-v16] table td {border-bottom:1px solid var(--wx-line);color:var(--wx-ink)}
body[data-hyapp-v16] table tr:hover td {background:color-mix(in srgb,var(--wx-cyan) 5%,transparent)}
body[data-hyapp-v16] :is(.stat-card,.card,.table-wrap,.dd-section,.hm-setting-row) {border:1px solid var(--wx-line);border-radius:15px;min-width:0}
body[data-hyapp-v16] .stat-label {color:var(--wx-muted);font:750 11px Inter,system-ui,sans-serif;letter-spacing:.025em}
body[data-hyapp-v16] .stat-val {font:850 25px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.025em}
@media(max-width:760px) {
 body[data-hyapp-v16] :is(button,.btn,.tab,.sidebar-item,.sb-item){min-height:43px}
 body[data-hyapp-v16] :is(.table-header,.row,.form-row,.hm-modal-actions) {flex-wrap:wrap;gap:9px}
 body[data-hyapp-v16] :is(.table-wrap,table){max-width:100%}
 body[data-hyapp-v16] .stat-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body[data-hyapp-v16] :is(.modal,.hm-modal,.auth-box){max-width:calc(100vw - 20px)}
}
@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
 }
}


/* V16 Chat + prompt bar + sidebar + context member drawer.
   Preserves nested OS iframe sizing and mobile channel/DM presentation. */
body[data-hyapp-v16="hymessage"]{--cm-cyan:var(--wx-cyan);--cm-green:var(--wx-blue);--cm-mag:var(--wx-purple);
 --hm-accent:var(--wx-cyan);--hm-bg:var(--wx-bg);--hm-card:var(--wx-panel);
 --hm-muted:var(--wx-muted);--hm-border:var(--wx-line)}
body[data-hyapp-v16="hymessage"] .hm-layout{max-width:100%;min-width:0}
body[data-hyapp-v16="hymessage"] .hm-sidebar{min-width:0;background:var(--wx-panel);border-right:1px solid var(--wx-line)}
body[data-hyapp-v16="hymessage"] .hm-sidebar-header{background:var(--wx-panel);border-bottom:1px solid var(--wx-line);min-width:0;gap:6px}
body[data-hyapp-v16="hymessage"] .hm-sidebar-header h2{font:850 16px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.017em;color:var(--wx-ink)}
body[data-hyapp-v16="hymessage"] .hm-new-btn{min-height:39px;min-width:39px;border:1px solid var(--wx-line);border-radius:11px;
 background:var(--wx-raised);color:var(--wx-ink)}
body[data-hyapp-v16="hymessage"] .hm-new-btn:hover{border-color:var(--wx-cyan);color:var(--wx-cyan)}
body[data-hyapp-v16="hymessage"] .hm-search-wrap{margin:9px 10px;background:var(--wx-raised);border:1px solid var(--wx-line);border-radius:12px;min-width:0}
body[data-hyapp-v16="hymessage"] .hm-filter-chips{display:flex;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
body[data-hyapp-v16="hymessage"] .hm-chip{font:720 12px Inter,system-ui,sans-serif;border:1px solid var(--wx-line);min-height:34px;white-space:nowrap}
body[data-hyapp-v16="hymessage"] .hm-chip.active{background:color-mix(in srgb,var(--wx-cyan) 14%,transparent);border-color:var(--wx-cyan);color:var(--wx-cyan)}
body[data-hyapp-v16="hymessage"] .hm-conv-list{scrollbar-color:var(--wx-line) transparent}
body[data-hyapp-v16="hymessage"] :is(.hm-conv-item,.hm-sms-item,.hm-conv-row){border-radius:12px;margin-inline:6px;min-width:0;max-width:calc(100% - 12px)}
body[data-hyapp-v16="hymessage"] :is(.hm-conv-item.active,.hm-conv-row.active){background:color-mix(in srgb,var(--wx-cyan) 13%,var(--wx-panel));outline:1px solid color-mix(in srgb,var(--wx-cyan) 50%,var(--wx-line))}
body[data-hyapp-v16="hymessage"] .hm-center{min-width:0;min-height:0;background:var(--wx-bg)}
body[data-hyapp-v16="hymessage"] #hm-center-content{min-width:0;max-width:100%}
body[data-hyapp-v16="hymessage"] .hm-detail{background:var(--wx-panel);border-left:1px solid var(--wx-line)}
body[data-hyapp-v16="hymessage"] :is(.hm-bubble,.hm-msg-bubble,.hm-modal,.hm-detail-section){border-radius:15px}
body[data-hyapp-v16="hymessage"] :is(.hm-composer,.hm-compose,.hm-input-bar){
 border:1px solid var(--wx-line);border-radius:16px;background:var(--wx-panel);padding:8px;min-width:0
}
body[data-hyapp-v16="hymessage"] :is(.hm-composer input,.hm-composer textarea,.hm-compose textarea,.hm-input-bar textarea){font-size:16px;line-height:1.45}
body[data-hyapp-v16="hymessage"] .hm-btn-primary{background:color-mix(in srgb,var(--wx-cyan) 19%,var(--wx-panel));
 border:1px solid var(--wx-cyan);color:var(--wx-ink);border-radius:11px;min-height:40px}
body[data-hyapp-v16="hymessage"] .hm-btn-ghost{border-color:var(--wx-line);border-radius:11px;min-height:40px}
body[data-hyapp-v16="hymessage"] .hm-modal{max-width:min(95vw,520px);border:1px solid var(--wx-line);
 background:var(--wx-panel);box-shadow:0 24px 60px #0006}
body[data-hyapp-v16="hymessage"] .hm-modal-bg:not(.open){display:none}
body[data-hyapp-v16="hymessage"] .hm-modal-bg.open{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:12px}
@media(max-width:768px){
 body[data-hyapp-v16="hymessage"] .hm-layout{max-width:100%;min-height:0}
 body[data-hyapp-v16="hymessage"] :is(.hm-sidebar,.hm-center,.hm-detail){max-width:100%;min-width:0}
 body[data-hyapp-v16="hymessage"] .hm-modal-bg.open{padding:8px}
}