/* Vida Nativa — identidade laranja / branco / preto. Fonte de sistema (rápido,
   sem CDN). Dashboard = superfície operada: resumo primeiro, estado em cor. */
:root{
  --laranja:#E1610C; --laranja-terra:#B24608; --laranja-wash:#FCEBDD;
  --preto:#201B16; --tinta-suave:#6B5D4E;
  --branco:#FBF8F4; --papel:#FFFFFF; --linha:#EADFD2; --linha-forte:#DBCDB9;
  --verde:#3E6B54; --verde-wash:#E7F0EA;
  --alerta:#C4661A; --alerta-wash:#FBE7D6; --perigo:#B23A2E; --perigo-wash:#F8E4E1;
  --sombra:0 1px 2px rgba(40,28,14,.05),0 10px 30px -16px rgba(40,28,14,.22);
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:var(--branco); color:var(--preto);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
.serif{font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif}
button{font:inherit;cursor:pointer}
a{color:var(--laranja-terra)}

/* boot */
.boot{height:100vh;display:grid;place-items:center}
.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--linha);border-top-color:var(--laranja);animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* ---------------- LOGIN ---------------- */
.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.login .aside{
  position:relative;color:#fff;padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;
  background-color:#2c1a0e;
  background-image:
    linear-gradient(176deg, rgba(30,18,10,.52) 0%, rgba(150,60,10,.30) 30%, rgba(120,50,8,.34) 58%, rgba(20,12,6,.86) 100%),
    url('/mata.jpg');
  background-size:cover; background-position:center; background-repeat:no-repeat;
  overflow:hidden;
}
/* leve grão de luz quente pra amarrar com a marca */
.login .aside::after{content:"";position:absolute;inset:0;
  background:radial-gradient(90% 60% at 20% 12%, rgba(255,214,150,.20), transparent 55%);pointer-events:none}
.login .aside > *{position:relative;z-index:1;text-shadow:0 2px 14px rgba(20,12,4,.45)}
.login .aside .pill{text-shadow:none;backdrop-filter:blur(2px);background:rgba(255,255,255,.18)}
@media(max-width:820px){
  .login{grid-template-columns:1fr}
  .login .aside{min-height:230px;padding:26px 24px;gap:14px;justify-content:flex-end}
  .login .aside h1{font-size:26px;margin-bottom:8px}
  .login .aside p{font-size:14px}
}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:-.01em}
.brand .glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.16);font-size:20px}
.aside h1{font-size:clamp(28px,3.4vw,40px);line-height:1.06;margin:0 0 14px;font-weight:600;text-wrap:balance}
.aside p{opacity:.9;max-width:34ch;margin:0}
.aside .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600}
.login .form{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.card-login{width:100%;max-width:380px}
.card-login h2{font-size:24px;margin:0 0 4px;font-weight:600}
.card-login .sub{color:var(--tinta-suave);margin:0 0 28px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--tinta-suave)}
.field input{width:100%;padding:12px 14px;border:1px solid var(--linha-forte);border-radius:11px;background:var(--papel);font-size:15px;transition:border-color .15s,box-shadow .15s}
.field input:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px var(--laranja-wash)}
.btn{width:100%;padding:12px 16px;border:none;border-radius:11px;background:var(--laranja);color:#fff;font-weight:700;font-size:15px;transition:background .15s,transform .05s}
.btn:hover{background:var(--laranja-terra)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:default}
.erro{background:var(--perigo-wash);color:var(--perigo);border:1px solid #eecac3;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:16px;display:none}
.erro.on{display:block}

/* ---------------- APP SHELL ---------------- */
.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:fixed;z-index:30;transform:translateX(-100%);transition:transform .22s;height:100vh}.side.open{transform:none}.scrim{position:fixed;inset:0;background:rgba(20,14,8,.4);z-index:20;display:none}.scrim.on{display:block}}
.side{background:var(--preto);color:#EBDFD1;padding:22px 16px;display:flex;flex-direction:column;gap:6px}
.side .brand{color:#fff;margin:4px 6px 20px;font-size:18px}
.side .brand .glyph{background:rgba(255,255,255,.12)}
.nav{display:flex;flex-direction:column;gap:3px;flex:1}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#C9BBAC;text-decoration:none;font-weight:600;font-size:14.5px;transition:background .13s,color .13s}
.nav a .ic{width:20px;text-align:center;font-size:16px;opacity:.9}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.active{background:var(--laranja);color:#fff}
.nav a.soon{opacity:.5;cursor:default}
.nav a.soon:hover{background:transparent;color:#C9BBAC}
.nav a .tag{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.05em;background:rgba(255,255,255,.12);padding:2px 6px;border-radius:5px}
.side .foot{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:8px}
.side .who{display:flex;align-items:center;gap:10px;padding:4px 6px}
.side .who .av{width:34px;height:34px;border-radius:50%;background:var(--laranja);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}
.side .who .nm{font-size:13.5px;font-weight:600;color:#fff;line-height:1.2}
.side .who .rl{font-size:11.5px;color:#A99C8D;text-transform:capitalize}
.side .sair{margin-top:10px;width:100%;background:transparent;border:1px solid rgba(255,255,255,.16);color:#C9BBAC;border-radius:9px;padding:8px;font-weight:600;font-size:13px}
.side .sair:hover{background:rgba(255,255,255,.06);color:#fff}

.main{min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid var(--linha);background:var(--branco);position:sticky;top:0;z-index:10}
.topbar .menu-btn{display:none;background:var(--papel);border:1px solid var(--linha-forte);border-radius:9px;width:38px;height:38px;font-size:18px}
@media(max-width:900px){.topbar .menu-btn{display:block}}
.topbar h1{font-size:19px;margin:0;font-weight:600}
.topbar .hoje{margin-left:auto;color:var(--tinta-suave);font-size:13px}
.content{padding:26px;max-width:1120px;width:100%}

/* KPI cards */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kpis{grid-template-columns:1fr}}
.kpi{background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);padding:18px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.kpi .lab{font-size:12.5px;color:var(--tinta-suave);font-weight:600;display:flex;align-items:center;gap:7px}
.kpi .val{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}
.kpi .hint{font-size:12px;color:var(--tinta-suave);margin-top:2px}
.kpi.warn{border-color:#eccfa8}.kpi.warn .val{color:var(--alerta)}
.kpi.good .val{color:var(--verde)}
.kpi .rail{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--laranja)}
.kpi.warn .rail{background:var(--alerta)}
.kpi.good .rail{background:var(--verde)}

.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
.panel{background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden}
.panel h3{font-size:15px;margin:0;padding:16px 18px;border-bottom:1px solid var(--linha);font-weight:600;display:flex;align-items:center;gap:8px}
.panel .body{padding:8px 18px 18px}
.panel .empty{color:var(--tinta-suave);font-size:14px;padding:18px 0;text-align:center}

/* barras por área */
.bar{display:grid;grid-template-columns:120px 1fr 34px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--linha)}
.bar:first-child{border-top:none}
.bar .nm{font-size:13.5px;font-weight:600;text-transform:capitalize}
.bar .track{height:9px;background:var(--laranja-wash);border-radius:99px;overflow:hidden}
.bar .fill{height:100%;background:var(--laranja);border-radius:99px}
.bar .n{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--tinta-suave)}

/* equipes */
.equipe{padding:12px 0;border-top:1px solid var(--linha)}
.equipe:first-child{border-top:none}
.equipe .top{display:flex;align-items:center;justify-content:space-between}
.equipe .top b{font-size:14.5px}
.equipe .meta{font-size:12.5px;color:var(--tinta-suave)}
.equipe .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{font-size:11.5px;padding:3px 9px;border-radius:7px;background:var(--branco);border:1px solid var(--linha-forte);color:var(--tinta-suave);text-transform:capitalize}

/* lista pendentes */
.pend{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--linha)}
.pend:first-child{border-top:none}
.pend .av{width:34px;height:34px;border-radius:50%;background:var(--laranja-wash);color:var(--laranja-terra);display:grid;place-items:center;font-weight:700;font-size:13px}
.pend .nm{font-weight:600;font-size:14px}
.pend .em{font-size:12.5px;color:var(--tinta-suave)}
.pend .badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--alerta);background:var(--alerta-wash);padding:3px 9px;border-radius:7px}

.sk{background:linear-gradient(90deg,var(--linha) 25%,#f2e9dd 37%,var(--linha) 63%);background-size:400% 100%;animation:shim 1.3s infinite;border-radius:8px}
@keyframes shim{to{background-position:-135% 0}}

/* textos e forms compartilhados */
.lead-p{color:var(--tinta-suave);margin:0 0 16px;font-size:14.5px}
textarea{width:100%;padding:11px 13px;border:1px solid var(--linha-forte);border-radius:11px;font:inherit;font-size:14.5px;resize:vertical;background:var(--papel)}
textarea:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px var(--laranja-wash)}
select{width:100%;padding:11px 13px;border:1px solid var(--linha-forte);border-radius:11px;font:inherit;font-size:14.5px;background:var(--papel)}
select:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px var(--laranja-wash)}
.okmsg{display:none;margin-top:12px;background:var(--verde-wash);color:var(--verde);border:1px solid #cfe6d8;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600}
.okmsg.on{display:block}
.hint{font-size:12.5px;color:var(--tinta-suave)}

/* cards de prescrição */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding-top:6px}
.pcard{border:1px solid var(--linha);border-radius:12px;padding:13px 14px;background:var(--branco)}
.pc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tbadge{font-size:11px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:6px;background:var(--laranja-wash);color:var(--laranja-terra)}
.ttipo{font-size:12px;font-weight:700;color:var(--preto)}
.pc-data{font-size:11.5px;color:var(--tinta-suave);margin-left:auto}
.mine{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--verde);padding:2px 7px;border-radius:5px}
.pc-tit{font-weight:700;font-size:14px;margin:8px 0 4px}
.pc-cont{font-size:13.5px;color:var(--preto);line-height:1.5;white-space:pre-wrap}
.pc-autor{font-size:11.5px;color:var(--tinta-suave);margin-top:9px}
.areasec{padding:10px 0;border-top:1px solid var(--linha)}.areasec:first-child{border-top:none}
.areahd{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--laranja-terra);margin-bottom:8px}

/* toggles de check-in */
.togs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.togs{grid-template-columns:1fr}}
.tog{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--linha-forte);border-radius:12px;background:var(--papel);font-weight:600;font-size:14px;color:var(--preto);text-align:left;transition:all .13s}
.tog .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--linha-forte);flex:none;display:grid;place-items:center;transition:all .13s}
.tog.on{border-color:var(--verde);background:var(--verde-wash)}
.tog.on .dot{border-color:var(--verde);background:var(--verde)}
.tog.on .dot::after{content:"✓";color:#fff;font-size:12px;font-weight:800}
.chkrow{padding:10px 0;border-top:1px solid var(--linha)}.chkrow:first-child{border-top:none}
.chkrow .cd{font-size:13px;font-weight:600}
.cdots{display:flex;gap:6px;margin-top:5px}
.cdot{width:13px;height:13px;border-radius:4px;display:inline-block;background:var(--linha-forte)}
.cdot.y{background:var(--verde)}.cdot.n{background:var(--perigo-wash);border:1px solid #eecac3}
.cobs{font-size:12.5px;color:var(--tinta-suave);font-style:italic;margin-top:6px}
.legend{font-size:11.5px;color:var(--tinta-suave);margin-top:12px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}

/* ficha / dl */
.dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
@media(max-width:520px){.dl{grid-template-columns:1fr}}
.dl>div{display:flex;flex-direction:column}
.dl span{font-size:11.5px;color:var(--tinta-suave);font-weight:600}
.dl b{font-size:14.5px;font-weight:600}
.statusline{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.pillmini{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--branco);border:1px solid var(--linha-forte);color:var(--tinta-suave)}
.pillmini.ok{background:var(--verde-wash);border-color:#cfe6d8;color:var(--verde)}

/* lista de pacientes (profissional) */
.plist{padding-top:4px}
.prow{display:flex;align-items:center;gap:13px;padding:12px 6px;border-top:1px solid var(--linha);text-decoration:none;color:inherit;transition:background .12s}
.prow:first-child{border-top:none}
.prow:hover{background:var(--branco)}
.prow .av{width:40px;height:40px;border-radius:50%;background:var(--laranja);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}
.prow .pinfo{min-width:0;flex:1}.prow .nm{font-weight:600;font-size:14.5px}.prow .em{font-size:12.5px;color:var(--tinta-suave)}
.prow .chev{color:var(--linha-forte);font-size:22px;font-weight:700}
.ptags{display:flex;gap:6px}
.back{display:inline-block;color:var(--laranja-terra);font-weight:600;font-size:13.5px;text-decoration:none;margin-bottom:14px}
.back:hover{text-decoration:underline}
.phead{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.phead .av.big{width:52px;height:52px;border-radius:50%;background:var(--laranja);color:#fff;display:grid;place-items:center;font-weight:700;font-size:19px}
.phead .pn{font-size:20px;font-weight:700}.phead .pmeta{font-size:13px;color:var(--tinta-suave)}
.field textarea,.field select{margin:0}

/* gestão: toolbar + filtros + status */
.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.search{flex:1;min-width:220px;padding:11px 14px;border:1px solid var(--linha-forte);border-radius:11px;font:inherit;font-size:14.5px;background:var(--papel)}
.search:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px var(--laranja-wash)}
.filtros{display:flex;gap:8px;flex-wrap:wrap}
.fchip{padding:8px 13px;border:1px solid var(--linha-forte);border-radius:999px;background:var(--papel);font-weight:600;font-size:13px;color:var(--tinta-suave)}
.fchip b{color:var(--preto);margin-left:4px}
.fchip.active{background:var(--preto);color:#fff;border-color:var(--preto)}
.fchip.active b{color:#fff}
.stpill{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
.st-ok{background:var(--verde-wash);color:var(--verde)}
.st-warn{background:var(--alerta-wash);color:var(--alerta)}
.st-agu{background:var(--laranja-wash);color:var(--laranja-terra)}
.btn-mini{padding:7px 14px;border:none;border-radius:9px;background:var(--laranja);color:#fff;font-weight:700;font-size:13px}
.btn-mini:hover{background:var(--laranja-terra)}
.prow[data-pid]{cursor:default}

/* modal */
.modal-bg{position:fixed;inset:0;background:rgba(20,14,8,.5);display:none;z-index:50;align-items:center;justify-content:center;padding:20px}
.modal-bg.on{display:flex}
.modal{background:var(--papel);border-radius:16px;width:100%;max-width:440px;box-shadow:0 24px 60px -18px rgba(20,14,8,.5);overflow:hidden;animation:pop .16s ease-out}
@keyframes pop{from{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}
.mhead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--linha);font-size:16px}
.mx{background:none;border:none;font-size:16px;color:var(--tinta-suave)}
.mbody{padding:16px 18px;max-height:60vh;overflow:auto}
.mprofs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mprof{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;cursor:pointer;font-size:14px}
.mprof input{width:17px;height:17px;accent-color:var(--laranja)}
.mprof .pa{margin-left:auto;font-size:12px;color:var(--tinta-suave);text-transform:capitalize}
.mfoot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--linha)}
.btn-ghost{padding:10px 16px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--papel);font-weight:600;color:var(--tinta-suave)}
.btn-ghost:hover{background:var(--branco)}

/* equipes */
.eq-stats{display:flex;gap:8px;margin-bottom:12px}
.eq-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.tm{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--linha);border-radius:10px}
.tm .av{width:34px;height:34px;border-radius:50%;background:var(--laranja);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.tm .nm{font-size:13.5px;font-weight:600;line-height:1.2}
.tm .pa{font-size:11.5px;color:var(--tinta-suave);text-transform:capitalize}

/* feed */
.frow{display:flex;gap:12px;flex-wrap:wrap}
.feedlist{display:flex;flex-direction:column;gap:16px;max-width:620px}
.fpost{background:var(--papel);border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);padding:16px 18px}
.fp-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fp-autor{font-size:13px;font-weight:600}
.fp-data{font-size:12px;color:var(--tinta-suave)}
.fp-del{margin-left:auto;background:none;border:none;color:var(--linha-forte);font-size:14px;padding:2px 6px;border-radius:6px}
.fp-del:hover{color:var(--perigo);background:var(--perigo-wash)}
.fp-tit{font-size:17px;font-weight:700;margin:10px 0 6px}
.fp-corpo{font-size:14.5px;line-height:1.55;color:var(--preto);white-space:pre-wrap}
.ytwrap{position:relative;margin-top:12px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer}
.ytwrap img{width:100%;height:100%;object-fit:cover;display:block}
.ytwrap iframe{width:100%;height:100%;border:0;display:block}
.ytplay{position:absolute;inset:0;margin:auto;width:64px;height:64px;display:grid;place-items:center;background:rgba(225,97,12,.92);color:#fff;border-radius:50%;font-size:24px;padding-left:5px;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .12s}
.ytwrap:hover .ytplay{transform:scale(1.08)}
.tb-geral{background:#e7ecf2;color:#3a4a5c}
.tb-educador_fisico{background:#e2f0ea;color:#2f6b52}
.tb-psicologo{background:#efe6f6;color:#6a4a86}
.tb-medico{background:#fce8e6;color:#a23a2e}
.tb-fisioterapeuta{background:#e6eef7;color:#33507a}
.tb-farmaceutico{background:#eaf3e2;color:#4f7a2a}

/* chat */
.chatbox{display:flex;flex-direction:column;max-width:640px;height:min(64vh,560px);background:var(--papel);border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);overflow:hidden}
#chatwrap .chatbox{box-shadow:none;border:none;height:min(52vh,460px)}
.chatsub{padding:12px 16px;border-bottom:1px solid var(--linha);font-size:13px;color:var(--tinta-suave);background:var(--branco)}
.chatlist{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.bub{max-width:78%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.45;position:relative}
.bub.them{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);border-bottom-left-radius:5px}
.bub.me{align-self:flex-end;background:var(--laranja);color:#fff;border-bottom-right-radius:5px}
.bau{font-size:11.5px;font-weight:700;color:var(--laranja-terra);margin-bottom:2px}
.btx{white-space:pre-wrap}
.bhr{font-size:10.5px;opacity:.65;margin-top:3px;text-align:right}
.bub.them .bhr{color:var(--tinta-suave)}
.chatbar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--linha);background:var(--branco)}
.chatinp{flex:1;resize:none;border:1px solid var(--linha-forte);border-radius:20px;padding:10px 15px;font:inherit;font-size:14px;max-height:120px;background:var(--papel)}
.chatinp:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px var(--laranja-wash)}
.chatsend{flex:none;width:42px;height:42px;border:none;border-radius:50%;background:var(--laranja);color:#fff;font-size:17px;display:grid;place-items:center}
.chatsend:hover{background:var(--laranja-terra)}
.chatsend:disabled{opacity:.5}

/* agenda */
.agday{margin-bottom:16px}
.agdh{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--laranja-terra);margin-bottom:8px}
.agslot{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--papel);border:1px solid var(--linha);border-radius:12px;margin-bottom:8px;box-shadow:var(--sombra)}
.agtime{flex:0 0 auto;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;color:var(--preto);text-align:center;line-height:1.25}
.aginfo{flex:1;min-width:0}
.agtit{font-weight:600;font-size:14.5px}
.agpac{font-size:12.5px;color:var(--tinta-suave)}
.agx{flex:none;background:none;border:none;color:var(--linha-forte);font-size:14px;padding:4px 8px;border-radius:7px}
.agx:hover{color:var(--perigo);background:var(--perigo-wash)}

/* notificações */
.notrow{display:flex;align-items:center;gap:13px;padding:11px 0;border-top:1px solid var(--linha)}
.notrow:first-child{border-top:none}
.notic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px}
.notic.ok{background:var(--verde-wash);color:var(--verde)}
.notic.fail{background:var(--perigo-wash);color:var(--perigo)}
.notinfo{flex:1;min-width:0}
.nottipo{font-weight:600;font-size:14px}
.notmeta{font-size:12.5px;color:var(--tinta-suave);text-transform:capitalize}
.notdata{font-size:12px;color:var(--tinta-suave);font-variant-numeric:tabular-nums;white-space:nowrap}