/* HIVE UI layer v7 — loads LAST. Visual refinement only; no markup or logic depends on it. */
:root{--r:18px;--r-sm:12px;--ease:cubic-bezier(.2,.8,.2,1);--sh:0 1px 2px rgba(2,8,23,.18),0 8px 24px -12px rgba(2,8,23,.45);--ring:0 0 0 3px rgba(45,212,191,.35)}
.phone{background:radial-gradient(900px 420px at 85% -10%,rgba(45,212,191,.10),transparent 60%),radial-gradient(700px 380px at -10% 0,rgba(251,191,36,.06),transparent 55%),var(--bg)}
.screen>*{animation:hvIn .32s var(--ease) both}.screen>*:nth-child(2){animation-delay:.04s}.screen>*:nth-child(3){animation-delay:.08s}.screen>*:nth-child(n+4){animation-delay:.12s}
@keyframes hvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.top{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hh1{letter-spacing:-.02em}.hsub{line-height:1.5}
.hcard,.hrow.col,.prow,.news{border-radius:var(--r);box-shadow:var(--sh);transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}
.hcard:active,.prow:active,.hpill:active,.hbtn:active,.btn:active,.navbtn:active{transform:scale(.97)}
@media (hover:hover){.hcard:hover,.prow:hover{border-color:rgba(45,212,191,.45);transform:translateY(-1px)}}
.hpill{border-radius:999px;min-height:38px;transition:background .18s,color .18s,transform .18s}
.hpill.on{box-shadow:0 4px 14px -4px rgba(45,212,191,.55)}
.hbtn,.btn{min-height:44px;border-radius:var(--r-sm);font-weight:700;transition:transform .15s var(--ease),filter .15s,box-shadow .15s}
.btn-primary,.login-btn{background:linear-gradient(135deg,#2dd4bf,#14b8a6 55%,#0ea5a4);color:#04201c;border:0;box-shadow:0 8px 22px -8px rgba(20,184,166,.7)}
.btn-primary:hover,.login-btn:hover{filter:brightness(1.07)}
.btn:disabled,.login-btn:disabled{opacity:.5;filter:grayscale(.4);cursor:not-allowed}
.input,.login-field input,select.input,textarea.input{border-radius:var(--r-sm);min-height:46px;transition:border-color .15s,box-shadow .15s}
.input:focus,.login-field input:focus,textarea:focus,select:focus{outline:0;border-color:#2dd4bf;box-shadow:var(--ring)}
:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px;border-radius:8px}
.nav-main{margin:0 12px calc(10px + env(safe-area-inset-bottom,0px));border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 30px -10px rgba(0,0,0,.55);padding:6px}
.navbtn{border-radius:16px;min-height:52px;position:relative;transition:background .2s,color .2s,transform .15s}
.navbtn.active{background:rgba(45,212,191,.14);color:#2dd4bf}
.navbtn.active::after{content:"";position:absolute;top:4px;left:50%;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:#2dd4bf}
.tag{border-radius:999px;font-weight:700;letter-spacing:.02em}
.news.urgent .live{animation:hvPulse 1.4s ease-in-out infinite}@keyframes hvPulse{50%{opacity:.35}}
.hnote{border-radius:var(--r-sm)}
.toast{border-radius:14px;backdrop-filter:blur(8px);box-shadow:var(--sh)}
/* field picker + chip */
.fpick h2{font:800 22px/1.2 var(--head);margin:4px 0 4px;letter-spacing:-.02em}
.fpick .hsub{margin-bottom:14px}
.fcard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;margin-bottom:10px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer;transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}
.fcard:hover{border-color:#2dd4bf;box-shadow:var(--ring);transform:translateY(-2px)}
.fcard:active{transform:scale(.98)}
.fcard .fe{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:rgba(45,212,191,.12);flex-shrink:0}
.fcard.med .fe{background:rgba(96,165,250,.14)}
.fcard b{display:block;font-size:16px}.fcard small{color:var(--muted);font-size:12.5px;line-height:1.4}
.fcard .last{margin-left:auto;font-size:11px;font-weight:700;color:#2dd4bf;border:1px solid rgba(45,212,191,.5);border-radius:999px;padding:3px 8px;white-space:nowrap}
.fchip{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:var(--r-sm);background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.3)}
.fchip span{font-size:22px}.fchip b{flex:1;font-size:14px}
.fchip button{background:none;border:0;color:#2dd4bf;font:700 13px var(--font);cursor:pointer;padding:6px}
/* medical workspace (intentionally blank) */
.medempty{margin:8vh auto 0;max-width:420px;text-align:center;padding:36px 22px;border:1.5px dashed var(--line);border-radius:24px;background:color-mix(in srgb,var(--card) 60%,transparent)}
.medempty .me{font-size:44px;display:block;margin-bottom:8px}
.medempty h2{font:800 20px var(--head);margin:6px 0}
.medempty .tag{display:inline-block;margin-top:10px;padding:4px 12px;background:rgba(96,165,250,.15);color:#93c5fd}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}