html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background-color: #0b0e12; color: #e5e7eb; }
.bg-body { background-color: var(--bg, #f8f9fa); }
html[data-theme="dark"] .bg-body { --bg:#0b0e12; }
.card { border-radius: 1rem; }
.btn, .form-control, .form-select { border-radius: .75rem; }
.btn-menu { display:flex; gap:.5rem; justify-content:center; align-items:center; background:#fff; border:1px solid rgba(0,0,0,.06); padding:1.1rem; border-radius:1rem; box-shadow:0 2px 8px rgba(0,0,0,.05); font-weight:600; }
.btn-menu i { font-size:1.3rem; }
html[data-theme="dark"] .btn-menu { background:#121620; border-color:#1f2430; }
.chat-box { height: 55vh; min-height: 360px; overflow:auto; background: rgba(0,0,0,0.03); padding:.5rem; border-radius:.75rem; }
html[data-theme="dark"] .chat-box { background: rgba(255,255,255,0.08); }
.chat-msg { max-width: 80%; margin:.25rem 0; padding:.45rem .7rem; border-radius:.75rem; }
.chat-msg.mine { background:#0d6efd; color:white; margin-left:auto; }
.chat-msg.theirs { background:#e9ecef; }
html[data-theme="dark"] .chat-msg.theirs { background:#2a2f38; }
.tabbar { position: fixed; z-index: 1000; bottom: 0; left: 0; right: 0; height: 64px; padding-bottom: env(safe-area-inset-bottom); display:flex; justify-content: space-around; align-items:center; border-top:1px solid rgba(255,255,255,.2); }
.tabbar .tablink { color:#fff; text-decoration:none; display:flex; flex-direction:column; align-items:center; font-size:.75rem; opacity:.9; }
.tabbar .tablink i { font-size:1.3rem; }
.tabbar .tablink:hover { opacity:1; }