/* CLAUDE (2026-10-24, obra agenda-medico) "Minha agenda" — a agenda do medico no celular (telas 01 a 06 aprovadas).
   Paleta = a da agenda do Vixara (agenda.css, .ap-st-*): ambar a confirmar, azul confirmado, verde-agua chegou, ceu em triagem,
   magenta pronto p/ medico, violeta em atendimento, verde atendido, vermelho faltou, cinza cancelado. Sem faixa lateral grossa;
   ENCAIXE = a etiqueta laranja unica da agenda, a primeira coisa da linha. As variaveis --berry* sao as da folha de instalar
   (instalar.js), aqui no azul da agenda. */
:root{
  --pg:#F3F5F9; --card:#FFFFFF; --ink:#1F2937; --muted:#64748B; --faint:#94A3B8; --line:#E2E8F0;
  --azul:#2563EB; --azul-f:#EEF4FF; --azul-t:#1E3A8A; --azul-x:#1D4ED8;
  --agua:#0D9488; --agua-f:#E8F7F4; --agua-t:#134E4A; --agua-x:#0F766E;
  --violeta:#7C3AED; --violeta-f:#F3EEFF; --violeta-t:#4C1D95; --violeta-x:#6D28D9;
  --encaixe:#EA580C; --encaixe-borda:#C2410C;
  --berry:#1D4ED8; --berry-deep:#1E3A8A; --berry-soft:#DBEAFE; --sage:#0F766E; --sage-soft:#E8F7F4; --amber:#B45309; --amber-soft:#FFF7EA;
  --line-2:#CBD5E1; --card-2:#F8FAFC;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--pg);color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;font-size:14px;min-height:100vh;-webkit-text-size-adjust:100%}
a{color:var(--azul-x)}
.ic{width:15px;height:15px;display:inline-block;vertical-align:-2px;flex:none}
.pagina{max-width:560px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:70px}
/* topo */
.topo{background:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line)}
.topo .l1{display:flex;align-items:center;gap:10px}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1D4ED8,#0D9488);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
.topo .t{flex:1;min-width:0}
.topo .t b{display:block;font-size:16px;line-height:1.15}
.topo .t span{font-size:12px;color:var(--muted)}
.clin{font-size:11.5px;font-weight:700;color:var(--agua-x);background:var(--agua-f);border:1px solid #99D7CF;border-radius:999px;padding:4px 10px;white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis}
.abas{display:flex;gap:6px;margin-top:12px;background:#F1F5F9;border-radius:12px;padding:4px}
.abas a{flex:1;text-align:center;font-weight:700;font-size:13px;color:#475569;padding:8px 0;border-radius:9px;text-decoration:none}
.abas a small{display:block;font-weight:600;font-size:10.5px;opacity:.8}
.abas a.on{background:var(--azul-x);color:#fff;box-shadow:0 2px 6px rgba(29,78,216,.25)}
/* numeros */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 16px 4px}
.num{border-radius:12px;padding:8px 8px 7px;border:1px solid}
.num b{display:block;font-size:19px;line-height:1.05}
.num b small{font-size:11px}
.num span{font-size:10.5px;font-weight:600}
.n-azul{background:var(--azul-f);border-color:#BFD3FB;color:var(--azul-t)}
.n-enc{background:#FFF1E7;border-color:#F9C7A3;color:#9A3412}
.n-vio{background:var(--violeta-f);border-color:#D8C9FB;color:var(--violeta-t)}
.n-agua{background:var(--agua-f);border-color:#A7DCD4;color:var(--agua-t)}
.prox{margin:8px 16px 4px;font-size:12.5px;color:var(--muted)}
.prox b{color:var(--ink)}
.cartao-dia{margin:12px 16px 2px;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#EEF4FF,#E8F7F4);border:1px solid #C7D7F6}
.cartao-dia h3{margin:0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--azul-x)}
.cartao-dia b{display:block;font-size:17px;margin-top:4px}
.cartao-dia p{margin:4px 0 0;font-size:12.5px;color:#334155}
.pilulas{display:flex;flex-wrap:wrap;gap:6px;margin:8px 16px 0}
/* lista */
.lista{padding:6px 16px 20px}
.lin{display:flex;gap:10px;margin-top:8px}
.hora{width:46px;flex:0 0 46px;text-align:right;padding-top:9px}
.hora b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.hora span{font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.ag{flex:1;min-width:0;border-radius:11px;padding:9px 11px;background:var(--ap-fundo);color:var(--ap-texto);border:1px solid var(--ap-borda);text-align:left;font:inherit;cursor:pointer;width:100%}
.ag .nm{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:#111827;flex-wrap:wrap}
.ag .nm small{font-weight:600;color:var(--muted);font-size:11.5px}
.ag .pr{font-size:12.5px;margin-top:2px;color:#334155}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.selo{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--ap-selo);color:var(--ap-forte)}
.pulso{width:8px;height:8px;border-radius:50%;background:var(--ap-cor);box-shadow:0 0 0 3px var(--ap-selo);animation:pulso 1.4s infinite}
@keyframes pulso{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pulso{animation:none}}
.chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid;background:#fff}
.c-ok{color:#15803D;border-color:#BBF7D0;background:#F0FDF4}
.c-pend{color:#B45309;border-color:#FDE68A;background:#FFFBEB}
.c-1a{color:#6D28D9;border-color:#DDD6FE;background:#F5F3FF}
.c-ret{color:#475569;border-color:#94A3B8;background:rgba(255,255,255,.8)}
.c-neu{color:#475569;border-color:#CBD5E1;background:#fff}
.c-rem{color:#B91C1C;border-color:#FECACA;background:#FEF2F2}
.c-enc{color:#9A3412;border-color:#F9C7A3;background:#FFF1E7}
.obs{font-size:11.5px;color:#475569;margin-top:6px;display:flex;gap:5px;align-items:flex-start}
.encaixe{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:5px;background:var(--encaixe);border:1px solid var(--encaixe-borda);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;flex:0 0 auto}
.ag.enc{background:#FDF0E7;border:2px solid var(--encaixe)}
.ap-st-a-confirmar{--ap-cor:#D97706;--ap-fundo:#FFF7EA;--ap-texto:#713F12;--ap-forte:#B45309;--ap-borda:#F2D3A3;--ap-selo:#FBE7C6}
.ap-st-confirmado{--ap-cor:#2563EB;--ap-fundo:#EEF4FF;--ap-texto:#1E3A8A;--ap-forte:#1D4ED8;--ap-borda:#BFD3FB;--ap-selo:#DCE7FD}
.ap-st-chegou{--ap-cor:#0D9488;--ap-fundo:#E8F7F4;--ap-texto:#134E4A;--ap-forte:#0F766E;--ap-borda:#A7DCD4;--ap-selo:#CDEDE8}
.ap-st-em-triagem{--ap-cor:#0284C7;--ap-fundo:#EAF5FC;--ap-texto:#0C4A6E;--ap-forte:#0369A1;--ap-borda:#A9D7F1;--ap-selo:#D1EAF8}
.ap-st-pronto-medico{--ap-cor:#C026D3;--ap-fundo:#FBEFFC;--ap-texto:#701A75;--ap-forte:#A21CAF;--ap-borda:#EDB9F2;--ap-selo:#F6DAF8}
.ap-st-em-atendimento{--ap-cor:#7C3AED;--ap-fundo:#F3EEFF;--ap-texto:#4C1D95;--ap-forte:#6D28D9;--ap-borda:#D8C9FB;--ap-selo:#E7DDFD}
.ap-st-atendido{--ap-cor:#16A34A;--ap-fundo:#F2F8F4;--ap-texto:#3B5446;--ap-forte:#15803D;--ap-borda:#B7DEC3;--ap-selo:#DCF0E2}
.ap-st-faltou{--ap-cor:#DC2626;--ap-fundo:#FEF0F0;--ap-texto:#7F1D1D;--ap-forte:#B91C1C;--ap-borda:#F6BDBD;--ap-selo:#FCDADA}
.ap-st-cancelado{--ap-cor:#94A3B8;--ap-fundo:#F4F5F7;--ap-texto:#64748B;--ap-forte:#64748B;--ap-borda:#D9DEE5;--ap-selo:#E6E9EE}
.ap-st-cancelado .nm{text-decoration:line-through;color:#64748B}
.livre{display:flex;gap:10px;margin-top:8px}
.livre .faixa{flex:1;border:1.5px dashed #7CCBC0;border-radius:11px;padding:8px 11px;color:var(--agua-x);font-size:12.5px;font-weight:700;background:repeating-linear-gradient(135deg,#fff,#fff 8px,#F3FBF9 8px,#F3FBF9 16px);display:flex;align-items:center;gap:7px}
.agora{display:flex;align-items:center;gap:8px;margin:10px 0 2px}
.agora span{font-size:10.5px;font-weight:800;color:#fff;background:#DC2626;border-radius:6px;padding:2px 6px;width:46px;text-align:center}
.agora hr{flex:1;border:0;border-top:2px solid #DC2626;margin:0}
.dobra{margin:10px 0 0 56px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.dobra b{color:var(--azul-x)}
.recolhidos{display:none}
.recolhidos.aberto{display:block}
.vazio{margin:24px 16px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 16px}
.vazio b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
/* semana */
.semana{padding:10px 16px}
.sdia{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;text-decoration:none;color:var(--ink)}
.sdia .d{width:74px;font-weight:700;text-transform:capitalize}
.sdia .q{flex:1;font-size:12.5px;color:var(--muted)}
.sdia .q b{font-size:16px;color:var(--azul-t)}
.sdia.hoje{border-color:#BFD3FB;background:var(--azul-f)}
/* rodape */
.rod{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:9px 16px calc(12px + env(safe-area-inset-bottom));font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:8px;z-index:5}
.rod .txt{flex:1;min-width:0}
.rod.ambar{background:#FFFBEB;color:#92400E;border-top-color:#FDE68A}
.ok-dot{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px #DCFCE7;flex:none}
.rod.ambar .ok-dot{background:#D97706;box-shadow:0 0 0 3px #FDE68A}
.rod .dir{display:flex;gap:14px}
.rod .dir a{color:#334155;display:inline-flex}
.rod .dir .ic{width:20px;height:20px}
/* folha (detalhe) */
.veu{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:20}
.folha{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:560px;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.18);z-index:21;max-height:90vh;overflow:auto}
.pega{width:42px;height:5px;border-radius:9px;background:#CBD5E1;margin:0 auto 12px}
.fcab{display:flex;align-items:center;gap:12px}
.avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--ap-selo);color:var(--ap-forte);border:1px solid var(--ap-borda);flex:none}
.fcab b{display:block;font-size:17px}
.fcab span{font-size:12.5px;color:var(--muted)}
.fechar{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:#F1F5F9;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sec{margin-top:12px;border-radius:12px;padding:10px 12px;border:1px solid}
.sec h4{margin:0 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.sec p{margin:0;font-size:13px;line-height:1.45;color:#334155}
.s-azul{background:var(--azul-f);border-color:#C7D7F6}.s-azul h4{color:var(--azul-x)}
.s-ambar{background:#FFFBEB;border-color:#FDE68A}.s-ambar h4{color:#B45309}
.s-vio{background:var(--violeta-f);border-color:#DDD6FE}.s-vio h4{color:var(--violeta-x)}
.s-agua{background:var(--agua-f);border-color:#A7DCD4}.s-agua h4{color:var(--agua-x)}
.s-cinza{background:#F8FAFC;border-color:#E2E8F0}.s-cinza h4{color:#475569}
.s-verde{background:#F0FDF4;border-color:#BBF7D0}.s-verde h4{color:#15803D}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;border:0;width:100%;cursor:pointer;font-family:inherit}
.btn-p{background:var(--azul-x);color:#fff}
.btn-s{background:#F1F5F9;color:#334155}
.btn-agua{background:var(--agua-f);color:var(--agua-x);border:1px solid #A7DCD4}
.btn-perigo{background:#FEF2F2;color:#B91C1C;border:1px solid #FECACA}
.aviso-lgpd{font-size:11px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.4}
/* entrar / ligar / avisos */
.entrada{padding:calc(28px + env(safe-area-inset-top)) 20px 30px;max-width:480px;margin:0 auto}
.entrada .icone-app{width:70px;height:70px;border-radius:18px;box-shadow:0 10px 24px rgba(29,78,216,.25)}
.entrada h1{font-size:21px;margin:18px 0 6px}
.entrada .sub{color:var(--muted);margin:0 0 16px;line-height:1.45}
.caixa{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px}
.caixa h2{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:7px}
.caixa p{margin:0 0 10px;font-size:12.5px;color:var(--muted);line-height:1.4}
.selo-rapido{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--agua-x);background:var(--agua-f);border-radius:6px;padding:2px 6px;text-transform:uppercase}
.campo{display:block;width:100%;height:44px;border:1px solid #CBD5E1;border-radius:11px;padding:0 12px;font:inherit;font-size:15px;margin-top:8px;background:#fff;color:var(--ink)}
.campo:focus{outline:3px solid #DBEAFE;border-color:#93B4F5}
.codigo{letter-spacing:.18em;text-transform:uppercase;font-weight:700;text-align:center}
.erro{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;border-radius:11px;padding:10px 12px;font-size:13px;margin-top:12px}
.ok{background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;border-radius:11px;padding:10px 12px;font-size:13px;margin-top:12px}
.lembrete{display:flex;gap:9px;align-items:flex-start;background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;border-radius:13px;padding:11px 12px;font-size:12px;margin-top:14px;line-height:1.45}
.camera{margin-top:10px;border-radius:12px;overflow:hidden;background:#0F172A;display:none}
.camera video{width:100%;display:block}
.linha-op{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #F1F5F9;font-size:14px}
.linha-op:first-of-type{border-top:0}
.linha-op input[type=checkbox],.linha-op input[type=radio]{width:20px;height:20px;accent-color:var(--azul-x)}
.linha-op select{margin-left:auto;height:36px;border-radius:9px;border:1px solid #CBD5E1;font:inherit;padding:0 8px;background:#fff}
.voltar{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;font-size:13px}
@media (min-width:600px){.pagina{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--pg)}}