/* Agenexo — tema do aplicativo (base do protótipo + adaptação do app real no fim do arquivo) */
:root{
  --ground:#F4F2ED;--surface:#FFFFFF;--surface-2:#FAF9F6;--surface-3:#F1EEE7;
  --ink:#13201D;--ink-2:#37443F;--muted:#56625E;--faint:#8A938F;
  --line:#E6E2D9;--line-2:#EFECE5;--line-3:#DCD7CC;
  --brand:#0F5B52;--brand-600:#0B4A43;--brand-tint:#E3F1ED;--brand-tint-2:#F1F8F6;
  --mint:#7FD8C4;--night:#0F221E;--night-2:#18302B;
  --coral:#D2553A;--danger:#A1261F;--danger-tint:#FBE9E7;
  --amber-tint:#FBF1DC;--amber-ink:#6E4A05;
  --shadow:0 1px 2px rgba(19,32,29,.05),0 18px 36px -28px rgba(19,32,29,.35);
  --shadow-lg:0 1px 2px rgba(19,32,29,.06),0 30px 60px -28px rgba(19,32,29,.45);
  --ease:cubic-bezier(.2,.9,.25,1);
}
body{margin:0;background:var(--ground);font-family:'Figtree',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--brand)}a:hover{color:var(--brand-600)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.disp{font-family:'Bricolage Grotesque',Georgia,sans-serif;letter-spacing:-.015em}
.num{font-variant-numeric:tabular-nums}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
.grow{flex-grow:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- casca do app (desktop) ---------- */
.app{display:flex;background:var(--ground);overflow:hidden;position:relative}
.side{width:248px;flex:0 0 248px;background:var(--night);color:#C9D8D3;display:flex;flex-direction:column;padding:22px 16px 16px;box-sizing:border-box;gap:3px}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 18px}
.brand-mark{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:0 0 38px;box-shadow:0 6px 16px -8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(19,32,29,.06)}
.brand-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;color:#fff;line-height:1.1}
.wordmark{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1}
/* logo Agenexo: entrada (anel desenhado, ponteiros) e ponteiro girando */
.logo{display:block;overflow:visible}
.lg-anim .lg-ring{stroke-dasharray:110.5;animation:lgDraw 1.3s var(--ease) .15s backwards}
.lg-anim .lg-dash{transform-origin:24px 24px;transform-box:view-box;animation:lgDash 1.4s var(--ease) backwards}
.lg-anim .lg-bar{transform-origin:24px 24px;transform-box:view-box;animation:lgPop .7s var(--ease) .55s backwards}
.lg-anim .lg-dot{animation:fadeIn .4s ease backwards}
.lg-anim .lg-dot:nth-of-type(2){animation-delay:.7s}.lg-anim .lg-dot:nth-of-type(3){animation-delay:.8s}.lg-anim .lg-dot:nth-of-type(4){animation-delay:.9s}.lg-anim .lg-dot:nth-of-type(5){animation-delay:1s}
/* login no celular */
.ml{background:var(--night);color:#fff}
.ml-hero{position:absolute;left:0;right:0;top:0;height:340px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:58px;box-sizing:border-box;overflow:hidden}
.ml-ring{position:absolute;border-radius:50%;border:1px solid rgba(127,216,196,.16);left:50%;top:106px;transform:translate(-50%,-50%);animation:ringIn 1.2s var(--ease) backwards}
.ml-orbit{position:absolute;left:50%;top:106px;border-radius:50%;transform:translate(-50%,-50%);animation:orbit 18s linear infinite}
.ml-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.ml-logo{width:96px;height:96px;border-radius:30px;background:#fff;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 22px 50px -18px rgba(127,216,196,.55),0 0 0 8px rgba(255,255,255,.05);animation:logoIn .9s var(--ease) backwards}
.ml-name{position:relative;z-index:2;margin-top:18px;animation:fadeUp .7s var(--ease) .35s backwards}
.ml-tag{position:relative;z-index:2;margin-top:8px;font-size:15px;color:#A9C2BB;animation:fadeUp .7s var(--ease) .45s backwards}
.ml-chip{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12.5px;font-weight:600;color:#E6F1EE;white-space:nowrap;backdrop-filter:blur(6px);animation:chipIn .8s var(--ease) backwards,float 6s ease-in-out 1s infinite}
.ml-chip .d{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--bg);color:var(--fg)}
.ml-card{position:absolute;left:0;right:0;bottom:0;top:300px;background:#fff;color:var(--ink);border-radius:32px 32px 0 0;padding:26px 22px 22px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;box-shadow:0 -20px 50px -20px rgba(0,0,0,.45);animation:cardUp .8s var(--ease) .2s backwards}
.ml-card.shake-0{animation:shakeA .45s ease}
.ml-card.shake-1{animation:shakeB .45s ease}
.ml-card .inp{height:54px;font-size:16px;border-radius:15px;background:var(--surface-2)}
.ml-card .inp:focus{background:#fff}
.ml-sep{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ml-sep::before,.ml-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-ok{background:#1E8A5A;border-color:#1E8A5A;color:#fff}
.btn-ok:hover{background:#177249;border-color:#177249;color:#fff}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ringIn{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes logoIn{0%{opacity:0;transform:scale(.5) rotate(-12deg)}60%{opacity:1;transform:scale(1.06) rotate(2deg)}100%{transform:none}}
@keyframes chipIn{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
@keyframes cardUp{from{transform:translateY(60%);opacity:.4}to{transform:none;opacity:1}}
@keyframes shakeA{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
@keyframes shakeB{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.lg-hand{transform-origin:24px 24px;transform-box:view-box}
.lg-anim .lg-hand{animation:lgSpin 1.5s var(--ease) .55s backwards}
.lg-live .lg-hand{animation:lgSpin 1.5s var(--ease) .55s backwards,lgTick 24s linear 2.05s infinite}
@keyframes lgDraw{from{stroke-dashoffset:110.5}to{stroke-dashoffset:0}}
@keyframes lgDash{from{opacity:0;transform:rotate(-60deg) scale(.85)}to{opacity:1;transform:none}}
@keyframes lgPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes lgSpin{from{opacity:0;transform:rotate(-300deg)}40%{opacity:1}to{opacity:1;transform:none}}
@keyframes lgTick{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.brand-sub{font-size:12px;color:#9DB5AE;margin-top:1px}
.side-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#86A099;padding:14px 12px 6px}
.nav{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:12px;color:#C9D8D3;text-decoration:none;font-size:14.5px;font-weight:500;position:relative;transition:background .2s,color .2s}
.nav:hover{background:rgba(255,255,255,.06);color:#fff}
.nav.is-on{background:rgba(127,216,196,.14);color:#fff;font-weight:600}
.nav.is-on::before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--mint)}
.nav svg{flex:0 0 20px}
.nav .badge{margin-left:auto;min-width:22px;height:22px;border-radius:99px;background:var(--coral);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center;padding:0 6px;box-sizing:border-box}
.side-cta{height:46px;border-radius:13px;border:0;background:var(--mint);color:var(--night);font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:12px;transition:transform .15s,filter .2s,box-shadow .2s;box-shadow:0 10px 24px -14px rgba(127,216,196,.9)}
.side-cta:hover{filter:brightness(1.05);box-shadow:0 14px 28px -14px rgba(127,216,196,1)}
.side-cta:active{transform:scale(.97)}
.me{display:flex;align-items:center;gap:11px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);margin-top:10px}
.me-av{width:36px;height:36px;border-radius:11px;background:#2A4540;color:#DDEFEA;display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 36px}
.me-n{font-size:13.5px;font-weight:600;color:#fff;line-height:1.2}
.me-r{font-size:12px;color:#9DB5AE}
/* menu recolhível */
.side{position:relative;z-index:15;transition:width .38s var(--ease),flex-basis .38s var(--ease),padding .38s var(--ease)}
.brand-txt{min-width:0;flex:1}
.brand-name{font-size:15px}
.side-toggle{width:32px;height:32px;border-radius:9px;border:0;background:rgba(255,255,255,.06);color:#9DB5AE;display:grid;place-items:center;cursor:pointer;flex:0 0 32px;position:relative;transition:background .2s,color .2s,transform .15s}
.side-toggle:hover{background:rgba(255,255,255,.12);color:#fff}
.side-toggle:active{transform:scale(.92)}
.side-cta{position:relative}
.nav-t{white-space:nowrap;animation:fadeIn .25s ease}
.me-txt{min-width:0}
.me-n,.me-r{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-out{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#9DB5AE;flex:0 0 36px;position:relative;text-decoration:none;transition:background .2s,color .2s}
.me-out:hover{background:rgba(210,85,58,.2);color:#FFC2B3}
.side.is-mini{width:84px;flex-basis:84px;padding-left:14px;padding-right:14px}
.side.is-mini .brand{flex-direction:column;padding:0 0 12px;gap:12px}
.side.is-mini .brand-txt,.side.is-mini .nav-t,.side.is-mini .me-txt,.side.is-mini .side-label{display:none}
.side.is-mini .nav{justify-content:center;padding:0}
.side.is-mini .nav.is-on::before{left:-14px}
.side.is-mini .nav .badge{position:absolute;top:5px;right:5px;min-width:18px;height:18px;font-size:10.5px;padding:0 4px;margin:0}
.side.is-mini .side-cta{width:56px;align-self:center;padding:0;margin-top:14px}
.side.is-mini .me{flex-direction:column;padding:10px 0;gap:8px}
.has-tip:hover::after,.me-out:hover::after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#13201D;color:#fff;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:80;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);animation:fadeIn .15s ease}
.side:not(.is-mini) .nav.has-tip:hover::after,.side:not(.is-mini) .side-cta.has-tip:hover::after{display:none}
.side:not(.is-mini) .side-toggle:hover::after{left:auto;right:calc(100% + 10px)}
.side:not(.is-mini) .me-out:hover::after{left:auto;right:calc(100% + 10px)}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;gap:12px;padding:0 32px;border-bottom:1px solid var(--line);box-sizing:border-box}
.search{display:flex;align-items:center;gap:10px;height:42px;width:400px;border-radius:12px;background:#fff;border:1px solid var(--line);padding:0 10px 0 13px;color:var(--muted);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.search input{border:0;outline:0;background:transparent;flex:1;font-size:14px;min-width:0}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(15,91,82,.12)}
.kbd{font-size:11.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;background:var(--surface-2)}
.today{font-size:13.5px;color:var(--muted);font-weight:500}
.content{flex:1;min-height:0;padding:26px 32px 30px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;overflow:hidden}
.page-h{display:flex;align-items:flex-end;gap:16px}
.page-h h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.page-h p{margin:6px 0 0;color:var(--muted);font-size:15px}
.crumb{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:8px}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--ink)}

/* ---------- cartões ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);box-sizing:border-box}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}
.card-h h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em}
.card-pad{padding:20px}
.lift{transition:transform .22s var(--ease),box-shadow .22s,border-color .2s}
.lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}

/* ---------- botões ---------- */
.btn{height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--line-3);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;color:var(--ink);box-sizing:border-box;white-space:nowrap;transition:background .15s,border-color .15s,transform .12s,box-shadow .2s,color .15s}
.btn:hover{background:var(--surface-2);border-color:#C9C3B6;color:var(--ink)}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-pri{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px -10px rgba(15,91,82,.9)}
.btn-pri:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff;box-shadow:0 12px 24px -12px rgba(15,91,82,.95)}
.btn-soft{background:var(--brand-tint);border-color:transparent;color:var(--brand-600)}
.btn-soft:hover{background:#D5EAE4;border-color:transparent;color:var(--brand-600)}
.btn-ghost{background:transparent;border-color:transparent}
.btn-ghost:hover{background:var(--surface-3);border-color:transparent}
.btn-danger{color:var(--danger)}
.btn-danger:hover{color:#8A221C;background:#FDF3F2;border-color:#F0CFCB}
.btn-danger-solid{background:#B3302A;border-color:#B3302A;color:#fff}
.btn-danger-solid:hover{background:#962620;border-color:#962620;color:#fff}
.btn-lg{height:48px;border-radius:14px;font-size:15px;padding:0 20px}
.btn-sm{height:34px;border-radius:10px;font-size:13px;padding:0 12px}
.btn-block{width:100%}
.iconbtn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;position:relative;text-decoration:none;flex:0 0 42px;transition:background .15s,border-color .15s,transform .12s}
.iconbtn:hover{background:var(--surface-2);border-color:#C9C3B6;color:var(--ink)}
.iconbtn:active{transform:scale(.94)}
.iconbtn.ghost{border-color:transparent;background:transparent}
.iconbtn.ghost:hover{background:var(--surface-3)}
.dot-badge{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px #fff;animation:ping 2.4s infinite}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;flex:0 0 16px}
.spin.dark{border-color:rgba(19,32,29,.15);border-top-color:var(--brand)}
.linkbtn{border:0;background:none;padding:0;color:var(--brand);font-weight:600;cursor:pointer;text-decoration:none;font-size:14px}
.linkbtn:hover{text-decoration:underline;color:var(--brand-600)}

/* ---------- campos ---------- */
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.label{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.hint{font-size:12.5px;color:var(--muted);line-height:1.45}
.err{font-size:12.5px;color:#A1261F;font-weight:600;display:flex;align-items:center;gap:6px;animation:fadeUp .3s var(--ease)}
.inp{height:48px;border:1px solid var(--line-3);border-radius:12px;padding:0 14px;font-size:15px;background:#fff;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .2s}
.inp::placeholder{color:#8F9894}
.inp:hover{border-color:#C9C3B6}
.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(15,91,82,.13)}
.inp:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}
.inp.is-err{border-color:#C8362E;box-shadow:0 0 0 4px rgba(200,54,46,.1)}
textarea.inp{height:auto;padding:12px 14px;line-height:1.5;resize:none}
select.inp{padding-right:10px;cursor:pointer}
.inp-wrap{position:relative;display:flex;align-items:center}
.inp-wrap .inp{padding-right:48px}
.inp-wrap .eye{position:absolute;right:6px;width:36px;height:36px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;color:var(--muted);cursor:pointer}
.inp-wrap .eye:hover{background:var(--surface-3);color:var(--ink)}
.inp-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none}
.inp-wrap .inp.has-icon{padding-left:44px}
.switch{width:46px;height:28px;border-radius:99px;border:0;background:#CFCAC0;position:relative;cursor:pointer;flex:0 0 46px;padding:0;transition:background .25s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .32s var(--ease)}
.switch[aria-checked="true"]{background:var(--brand)}
.switch[aria-checked="true"]::after{transform:translateX(18px)}
.switch:disabled{opacity:.45;cursor:not-allowed}
.check{width:22px;height:22px;border-radius:7px;border:2px solid #BDB6A8;background:#fff;display:grid;place-items:center;color:#fff;flex:0 0 22px;cursor:pointer;padding:0;transition:background .2s,border-color .2s}
.check svg{transform:scale(0);transition:transform .25s var(--ease)}
.check[aria-checked="true"]{background:var(--brand);border-color:var(--brand)}
.check[aria-checked="true"] svg{transform:none}
.setting{display:flex;align-items:center;gap:16px;padding:16px 0}
.setting + .setting{border-top:1px solid var(--line-2)}
.setting-t{font-size:14.5px;font-weight:600}
.setting-s{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.45}
.meter{display:flex;gap:5px}
.meter i{flex:1;height:5px;border-radius:9px;background:#E3DFD6;transition:background .3s}
.meter.m1 i:nth-child(-n+1){background:#C8362E}
.meter.m2 i:nth-child(-n+2){background:#C98A12}
.meter.m3 i:nth-child(-n+3){background:#1E8A5A}
.meter.m4 i{background:#1E8A5A}
.req{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);transition:color .2s}
.req .ok{width:18px;height:18px;border-radius:50%;background:#E3DFD6;display:grid;place-items:center;color:#fff;transition:background .25s}
.req.is-ok{color:#11573A}
.req.is-ok .ok{background:#1E8A5A}

/* ---------- abas / segmentado ---------- */
.tabs{display:flex;border-bottom:1px solid var(--line);gap:2px}
.tab{height:46px;padding:0 14px;border:0;background:transparent;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;transition:color .2s}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink)}
.tab[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand);animation:grow .35s var(--ease)}
.tab .n{font-size:12px;font-weight:700;background:var(--surface-3);color:var(--muted);border-radius:99px;padding:1px 8px}
.tab[aria-selected="true"] .n{background:var(--brand-tint);color:var(--brand-600)}
.seg{display:flex;padding:4px;background:#E8E5DD;border-radius:14px;gap:2px}
.seg a,.seg button{height:34px;padding:0 16px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:600;color:#56625E;text-decoration:none;border:0;background:transparent;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.seg a:hover,.seg button:hover{color:var(--ink)}
.seg .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(19,32,29,.08),0 4px 12px -4px rgba(19,32,29,.2)}

/* ---------- status ---------- */
.s-conf{--bg:#E2F2E9;--fg:#11573A;--dot:#1E8A5A}
.s-agu{--bg:#FBEFD6;--fg:#6E4A05;--dot:#C98A12}
.s-res{--bg:#E3ECFB;--fg:#1A478F;--dot:#2F6FDB}
.s-rem{--bg:#EEE8FB;--fg:#4E3799;--dot:#7B5BD6}
.s-con{--bg:#ECEEEF;--fg:#3B474E;--dot:#6A7880}
.s-nv{--bg:#FCE9D8;--fg:#7F3C07;--dot:#E0701E}
.s-can{--bg:#FBE6E4;--fg:#8A221C;--dot:#C8362E}
.s-free{--bg:#F1F8F6;--fg:#0B4A43;--dot:#0F5B52}
.s-block{--bg:#EFEDE8;--fg:#4A4F4C;--dot:#8A938F}
.dot{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:0 0 8px}
.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--bg);color:var(--fg);font-size:12.5px;font-weight:700;white-space:nowrap;box-sizing:border-box}
.pill.sm{height:22px;font-size:11.5px;padding:0 8px}
.pill.on-white{background:#fff}
.chip{height:36px;padding:0 10px 0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background .2s,border-color .2s,transform .15s,color .2s}
.chip:hover{border-color:#C9C3B6;transform:translateY(-1px)}
.chip .cnt{font-size:12px;color:var(--muted);background:var(--surface-3);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}
.chip.is-off{background:transparent;color:#626B68;border-style:dashed}
.chip.is-off .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--dot)}
.chip.is-sel{background:var(--night);border-color:var(--night);color:#fff}
.chip.is-sel .cnt{background:rgba(255,255,255,.15);color:#fff}
.toggle-chip{height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line-3);background:#fff;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}
.toggle-chip[aria-pressed="true"]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-600)}
.toggle-chip:disabled{opacity:.45;cursor:not-allowed}

/* ---------- listas ---------- */
.rows{display:flex;flex-direction:column}
.row{display:flex;align-items:center;gap:14px;padding:14px 20px;border:0;border-top:1px solid var(--line-2);text-decoration:none;color:inherit;background:transparent;width:100%;text-align:left;cursor:pointer;box-sizing:border-box;transition:background .15s}
.rows > .row:first-child,.rows > :first-child .row{border-top:0}
.row:hover{background:var(--surface-2);color:inherit}
.row-t{font-size:15px;font-weight:600;color:var(--ink)}
.row-s{font-size:13px;color:var(--muted);margin-top:2px}
.chev{color:#9AA39F;transition:transform .2s var(--ease),color .2s;flex:0 0 auto}
.row:hover .chev,.lift:hover .chev{transform:translateX(3px);color:var(--ink)}
.av{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:14px;flex:0 0 40px;background:var(--abg,#E3F1ED);color:var(--afg,#0B4A43);box-sizing:border-box}
.av-lg{width:68px;height:68px;border-radius:22px;font-size:24px;flex-basis:68px}
.av-sm{width:32px;height:32px;border-radius:10px;font-size:12px;flex-basis:32px}
.t1{--abg:#DCEFE9;--afg:#0B4A43}.t2{--abg:#FBEFD6;--afg:#6E4A05}.t3{--abg:#E3ECFB;--afg:#1A478F}
.t4{--abg:#EEE8FB;--afg:#4E3799}.t5{--abg:#FBE6E4;--afg:#8A221C}.t6{--abg:#ECEEEF;--afg:#3B474E}
.kpi{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.kpi-l{font-size:13.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}
.kpi-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-2)}
.kpi-v{font-family:'Bricolage Grotesque',sans-serif;font-size:36px;font-weight:600;letter-spacing:-.02em;line-height:1}
.kpi-v small{font-family:'Figtree',sans-serif;font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:6px}
.kpi-d{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.kpi.is-warn{background:#FFFBF2;border-color:#F1DDB0}
.kpi.is-warn .kpi-ic{background:var(--amber-tint);color:var(--amber-ink)}
.banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.5;background:var(--brand-tint);color:#0B4A43;box-sizing:border-box}
.banner svg{flex:0 0 20px;margin-top:1px}
.banner.warn{background:var(--amber-tint);color:var(--amber-ink)}
.banner.danger{background:var(--danger-tint);color:#8A221C}
.banner.neutral{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2)}
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0}
.dl dt{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:4px}
.dl dd{margin:0;font-size:15px;font-weight:500}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:40px 24px}
.empty-ic{width:60px;height:60px;border-radius:20px;background:var(--brand-tint);color:var(--brand);display:grid;place-items:center}
.empty h3{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600}
.empty p{margin:0;font-size:14px;color:var(--muted);line-height:1.5;max-width:320px}
.tl{display:flex;flex-direction:column}
.tl-i{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;padding:10px 0;position:relative;align-items:start}
.tl-i::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--line-2)}
.tl-i:first-child::before{top:20px}.tl-i:last-child::before{bottom:calc(100% - 20px)}
.tl-dot{width:34px;height:34px;border-radius:11px;background:var(--bg,var(--surface-3));color:var(--fg,var(--ink-2));display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 0 0 4px #fff}
.tl-t{font-size:14.5px;font-weight:600;padding-top:2px}
.tl-s{font-size:13px;color:var(--muted);margin-top:2px}
.tl-d{font-size:12.5px;color:var(--muted);padding-top:4px;white-space:nowrap}
.day-sep{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 0 6px}

/* ---------- camadas ---------- */
.scrim{position:absolute;inset:0;background:rgba(15,34,30,.4);display:grid;place-items:center;z-index:50;animation:fadeIn .25s ease;border:0;padding:0}
.scrim-btn{position:absolute;inset:0;border:0;background:transparent;cursor:default;padding:0}
.dialog{position:relative;width:520px;max-width:calc(100% - 48px);max-height:calc(100% - 48px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 40px 90px -24px rgba(15,34,30,.55);padding:26px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;animation:dialogIn .4s var(--ease)}
.dialog-h{display:flex;align-items:flex-start;gap:12px}
.dialog-h h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.015em;flex-grow:1}
.dialog-f{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}
.menu{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:6px;min-width:240px;z-index:40;animation:menuIn .22s var(--ease);transform-origin:top right}
.menu button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:0;background:transparent;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}
.menu button:hover{background:var(--surface-2)}
.menu hr{border:0;border-top:1px solid var(--line-2);margin:6px 4px}
.toast{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);background:var(--night);color:#fff;padding:12px 16px 12px 14px;border-radius:14px;font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);z-index:70;animation:toastIn .45s var(--ease);white-space:nowrap}
.toast-ic{width:24px;height:24px;border-radius:8px;background:rgba(127,216,196,.2);color:var(--mint);display:grid;place-items:center}
.toast button{border:0;background:transparent;color:var(--mint);font-weight:700;cursor:pointer;margin-left:6px;padding:4px 6px;border-radius:8px}
.toast button:hover{background:rgba(255,255,255,.08)}

/* ---------- configurações ---------- */
.settings{display:flex;gap:28px;flex:1;min-height:0}
.subnav{width:232px;flex:0 0 232px;display:flex;flex-direction:column;gap:2px}
.subnav .lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 12px 6px}
.subnav .lbl:first-child{padding-top:0}
.subnav a,.subnav button{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:11px;color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:500;border:0;background:transparent;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.subnav a:hover,.subnav button:hover{background:var(--surface-3);color:var(--ink)}
.subnav .is-on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(19,32,29,.06),0 0 0 1px var(--line)}
.subnav svg{color:var(--muted)}
.subnav .is-on svg{color:var(--brand)}
.panel-scroll{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column;gap:18px;padding:2px 4px 8px 2px}
.savebar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;background:var(--night);color:#fff;box-shadow:var(--shadow-lg);animation:fadeUp .4s var(--ease)}
.savebar .btn{height:38px}

.steps{display:flex;gap:6px}
.step{flex:1;height:5px;border-radius:9px;background:#E3DFD6;overflow:hidden;position:relative}
.step i{position:absolute;inset:0;background:var(--brand);transform-origin:left;transform:scaleX(0);transition:transform .5s var(--ease)}
.step.is-on i{transform:none}
.stepper{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line-3);border-radius:12px;height:44px;padding:0 4px;background:#fff;box-sizing:border-box}
.stepper button{width:36px;height:36px;border:0;border-radius:9px;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--ink-2);transition:background .15s,transform .12s}
.stepper button:hover{background:var(--surface-3)}
.stepper button:active{transform:scale(.9)}
.stepper b{min-width:40px;text-align:center;font-variant-numeric:tabular-nums;font-size:16px}
.stepper span{font-size:13px;color:var(--muted);margin-right:4px}
.dayrow{display:grid;grid-template-columns:104px 46px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line-2)}
.dayrow:first-child{border-top:0}
.iv{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 6px 0 10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);animation:fadeUp .3s var(--ease)}
.iv input{border:0;background:transparent;font-size:14.5px;font-weight:600;width:74px;font-variant-numeric:tabular-nums;padding:0}
.iv input:focus{outline:none}
.iv:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,91,82,.12)}
.iv .x{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.iv .x:hover{background:#fff;color:var(--danger)}
.slotchip{height:30px;padding:0 10px;border-radius:9px;background:var(--brand-tint);color:var(--brand-600);font-size:13px;font-weight:700;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums;animation:fadeUp .35s var(--ease) backwards}
.qr{padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 0 0 0 rgba(15,91,82,.3);animation:qrPulse 2.4s infinite}
@keyframes qrPulse{0%{box-shadow:0 0 0 0 rgba(15,91,82,.28)}70%{box-shadow:0 0 0 14px rgba(15,91,82,0)}100%{box-shadow:0 0 0 0 rgba(15,91,82,0)}}
.stepnum{width:28px;height:28px;border-radius:9px;background:var(--brand-tint);color:var(--brand-600);display:grid;place-items:center;font-weight:700;font-size:13.5px;flex:0 0 28px}
.set-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;border-top:1px solid var(--line-2);background:transparent;width:100%;text-align:left;cursor:pointer;text-decoration:none;color:inherit;box-sizing:border-box;transition:background .15s}
.set-row:first-child{border-top:0}
.set-row:hover{background:var(--surface-2);color:inherit}
.set-row:hover .chev{transform:translateX(3px);color:var(--ink)}
.set-ic{width:40px;height:40px;border-radius:12px;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;flex:0 0 40px}

/* ---------- agenda (semana) ---------- */
.dh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-left:1px solid var(--line-2)}
.dh .w{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.dh .d{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:600;width:40px;height:34px;display:grid;place-items:center;border-radius:11px}
.dh .c{font-size:11.5px;color:var(--muted)}
.dh.is-today .d{background:var(--ink);color:#fff;box-shadow:0 6px 14px -8px rgba(19,32,29,.8)}
.dh.is-today .w{color:var(--brand)}
.col{position:relative;border-left:1px solid var(--line-2)}
.col.is-wk{background:#FBFAF7}
.col.is-today{background:#F3F9F7}
.hslot{display:block;width:100%;border:0;border-bottom:1px solid var(--line-2);background:transparent;cursor:pointer;position:relative;padding:0;text-align:left;transition:background .15s}
.hslot::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #F1EEE8}
.hslot span{position:absolute;left:10px;top:7px;font-size:12px;font-weight:700;color:var(--brand);opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s}
.hslot:hover{background:#E9F4F0}
.hslot:hover span{opacity:1;transform:none}
.hslot:disabled{cursor:default;background:transparent}
.hslot:disabled span{display:none}
.ev{position:absolute;left:5px;right:5px;border:0;border-radius:11px;padding:6px 9px;background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:1px;box-sizing:border-box;z-index:2;box-shadow:inset 0 0 0 1px rgba(19,32,29,.05);animation:evIn .5s var(--ease) backwards;transition:transform .2s var(--ease),box-shadow .2s,opacity .3s,filter .3s}
.ev:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(19,32,29,.06),0 12px 22px -12px rgba(19,32,29,.45);z-index:3}
.ev.is-sel{box-shadow:inset 0 0 0 2px var(--dot),0 14px 26px -14px rgba(19,32,29,.55);z-index:4}
.ev.is-dim{opacity:.14;filter:grayscale(1);pointer-events:none}
.ev .t{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.ev .n{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev .k{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev.s-can{background:repeating-linear-gradient(135deg,#FBE6E4 0 6px,#FFF6F5 6px 12px)}
.ev.s-can .n{text-decoration:line-through;color:#6B2A25}
.ev.s-con .n{color:#3B474E}
.now{position:absolute;left:-1px;right:0;height:2px;background:var(--coral);z-index:5;pointer-events:none}
.now::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--coral);animation:pulse 2.2s infinite}
.pop{position:absolute;width:340px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -24px rgba(15,34,30,.5);padding:18px;box-sizing:border-box;z-index:30;display:flex;flex-direction:column;gap:14px;animation:popIn .32s var(--ease)}
.info{display:flex;flex-direction:column;gap:11px;margin:0;padding:14px;border-radius:14px;background:var(--surface-2)}
.info div{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.info svg{color:#6B7773;flex:0 0 18px}

/* ---------- agenda (mês) ---------- */
.mh{display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.mcell{border:0;border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);background:#fff;padding:9px 9px 7px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer;position:relative;min-width:0;overflow:hidden;animation:cellIn .5s var(--ease) backwards;transition:background .18s,box-shadow .2s}
.mcell:nth-child(7n+1){border-left:0}
.mcell.is-wk{background:#FCFBF8}
.mcell:hover{background:#F2F8F6}
.mcell.is-out{background:#FAF9F6;cursor:default}
.mcell.is-out .mn{color:#A3AAA6}
.mcell.is-sel{background:#EAF4F1;box-shadow:inset 0 0 0 2px var(--brand);z-index:1}
.mn{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:600;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;margin:-2px 0 1px -4px;transition:background .2s,color .2s}
.mcell.is-today .mn{background:var(--ink);color:#fff}
.madd{position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--brand);background:var(--brand-tint);opacity:0;transform:scale(.8);transition:opacity .18s,transform .2s var(--ease)}
.mcell:hover .madd{opacity:1;transform:none}
.mcell.is-out .madd{display:none}
.mi{display:flex;align-items:center;gap:6px;font-size:12px;height:20px;padding:0 7px;border-radius:7px;background:var(--bg);color:var(--fg);white-space:nowrap;overflow:hidden;flex:0 0 20px;transition:opacity .3s,filter .3s}
.mi b{font-weight:700;font-variant-numeric:tabular-nums}
.mi i{font-style:normal;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:500}
.mi.is-dim{opacity:.16;filter:grayscale(1)}
.mmore{font-size:12px;font-weight:700;color:var(--brand);padding-left:7px}
.bar{height:8px;border-radius:99px;background:#EEECE6;overflow:hidden}
.bar i{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .6s var(--ease)}
.pitem{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;animation:fadeUp .45s var(--ease) backwards;transition:opacity .3s,filter .3s}
.pitem.is-dim{opacity:.2;filter:grayscale(1)}
.pcard{background:var(--bg);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:6px;transition:transform .2s var(--ease),box-shadow .2s}
.pcard:hover{transform:translateX(2px);box-shadow:0 10px 20px -14px rgba(19,32,29,.5)}
.pitem.s-can .pn{text-decoration:line-through}

/* ---------- agenda (dia / hoje) ---------- */
.trow{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;animation:fadeUp .45s var(--ease) backwards}
.ttime{display:flex;flex-direction:column;padding-top:14px;font-variant-numeric:tabular-nums}
.ttime b{font-size:15px}
.ttime span{font-size:12.5px;color:var(--muted)}
.tcard{border-radius:16px;background:var(--bg);padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;border:0;text-align:left;width:100%;box-sizing:border-box;color:inherit;transition:transform .2s var(--ease),box-shadow .2s}
.tcard:hover{transform:translateY(-1px);box-shadow:0 12px 24px -16px rgba(19,32,29,.5)}
.tcard.is-open{box-shadow:inset 0 0 0 2px var(--dot)}
.tcard.is-past{opacity:.62}
.tcard.free{background:#fff;border:1.5px dashed #BFD9D2;color:var(--brand-600)}
.tcard.free:hover{background:var(--brand-tint-2);border-color:var(--brand)}
.tcard.block{background:repeating-linear-gradient(135deg,#F3F1EC 0 8px,#ECE9E2 8px 16px);cursor:default}
.tnow{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}
.tnow b{font-size:12px;color:#fff;background:var(--coral);border-radius:7px;padding:2px 7px;justify-self:start;font-variant-numeric:tabular-nums}
.tnow i{height:2px;background:var(--coral);border-radius:2px;position:relative}
.tnow i::before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--coral);animation:pulse 2.2s infinite}
.texp{display:flex;flex-direction:column;gap:12px;padding:14px;margin-top:8px;border-radius:16px;background:#fff;border:1px solid var(--line);animation:fadeUp .35s var(--ease)}
.minical{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.minical .h{font-size:11px;font-weight:700;color:var(--muted);text-align:center;padding:4px 0}
.mday{height:38px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;transition:background .15s}
.mday:hover{background:var(--surface-3);color:var(--ink)}
.mday.is-out{color:#B1B7B4}
.mday.is-today{background:var(--ink);color:#fff}
.mday .dots{display:flex;gap:2px;height:4px}
.mday .dots i{width:4px;height:4px;border-radius:50%;background:var(--dot)}

/* ---------- autenticação ---------- */
.auth{display:flex;width:1440px;height:920px;background:#fff;overflow:hidden;position:relative}
.auth-art{width:620px;flex:0 0 620px;background:var(--night);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px 56px;box-sizing:border-box}
.auth-art::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(127,216,196,.16);right:-220px;top:-160px}
.auth-art::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(127,216,196,.12);right:-130px;top:-70px}
.auth-form{flex:1;display:flex;align-items:center;justify-content:center;padding:48px}
.auth-box{width:420px;display:flex;flex-direction:column;gap:18px}
.auth-box h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.auth-box > p{margin:0;font-size:15.5px;color:var(--muted);line-height:1.55}
.float-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(6px);animation:float 6s ease-in-out infinite}
.float-card .ft{font-size:14px;font-weight:600;color:#fff}
.float-card .fs{font-size:12.5px;color:#A9C2BB}

/* ---------- celular ---------- */
.phone{width:390px;height:844px;background:var(--ground);position:relative;overflow:hidden;display:flex;flex-direction:column}
.m-top{padding:20px 20px 8px;display:flex;align-items:center;gap:12px;flex:0 0 auto}
.m-top h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:27px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.m-sub{font-size:13.5px;color:var(--muted);margin-top:2px}
.m-body{flex:1;min-height:0;overflow:auto;padding:8px 20px 116px;display:flex;flex-direction:column;gap:14px}
.m-body.no-tab{padding-bottom:24px}
.tabbar{position:absolute;left:12px;right:12px;bottom:14px;height:72px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(15,34,30,.4);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0 6px;z-index:20}
.tb{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--muted);text-decoration:none;height:60px;justify-content:center;border-radius:16px;position:relative;transition:color .2s}
.tb:hover{color:var(--ink)}
.tb.is-on{color:var(--brand)}
.tb.is-on::after{content:"";position:absolute;top:2px;width:18px;height:3px;border-radius:3px;background:var(--brand);animation:grow .35s var(--ease)}
.tb .bdot{position:absolute;top:10px;left:calc(50% + 6px);width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px #fff}
.tb-cta{width:54px;height:54px;border-radius:18px;background:var(--brand);color:#fff;display:grid;place-items:center;margin:0 auto;box-shadow:0 12px 22px -10px rgba(15,91,82,.9);text-decoration:none;transition:transform .15s}
.tb-cta:hover{color:#fff;transform:translateY(-2px)}
.tb-cta:active{transform:scale(.94)}
.m-btn{height:54px;border-radius:16px;font-size:16px}
.m-av{width:42px;height:42px;border-radius:14px;border:0;background:#DCEFE9;color:#0B4A43;font-weight:700;font-size:14px;cursor:pointer;flex:0 0 42px;display:grid;place-items:center;transition:transform .15s,box-shadow .2s}
.m-av:hover{box-shadow:0 0 0 3px rgba(15,91,82,.15)}
.m-av:active{transform:scale(.94)}
.m-av.t2{background:#FBEFD6;color:#6E4A05}
.phone .toast{bottom:104px}
.m-save{position:absolute;left:12px;right:12px;bottom:14px;z-index:30}
.hscroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.wstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wd{height:66px;border-radius:16px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;position:relative;transition:background .2s,color .2s,transform .2s var(--ease)}
.wd span{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.wd b{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:600}
.wd i{width:5px;height:5px;border-radius:50%;background:var(--brand)}
.wd i.none{background:transparent}
.wd:hover{background:var(--surface-3)}
.wd.is-today b{color:var(--coral)}
.wd[aria-pressed="true"]{background:var(--ink);color:#fff;transform:translateY(-2px)}
.wd[aria-pressed="true"] span{color:#C9D8D3}
.wd[aria-pressed="true"] i{background:var(--mint)}
.pday .dots{display:flex;gap:2px;justify-content:center;position:absolute;bottom:5px;left:0;right:0}
.pday .dots i{width:4px;height:4px;border-radius:50%;background:var(--dot)}
.pday[aria-pressed="true"] .dots i{background:#fff}
.pday.is-today{color:var(--coral)}
.pday.is-today[aria-pressed="true"]{color:#fff}
.mcard-ev{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--bg);border:0;width:100%;text-align:left;cursor:pointer;color:inherit;box-sizing:border-box;transition:transform .2s var(--ease),box-shadow .2s}
.mcard-ev:active{transform:scale(.985)}
.mcard-ev.is-past{opacity:.62}
.m-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-sizing:border-box}
.hero{background:var(--night);color:#fff;border-radius:26px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(127,216,196,.18);right:-110px;top:-120px}
.hero::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(127,216,196,.14);right:-50px;top:-60px}
.opt{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1.5px solid var(--line);background:#fff;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;transition:border-color .2s,background .2s,transform .12s}
.opt:active{transform:scale(.985)}
.opt[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-tint-2)}
.radio{width:22px;height:22px;border-radius:50%;border:2px solid #C9C3B6;flex:0 0 22px;position:relative;box-sizing:border-box;transition:border-color .2s}
.opt[aria-pressed="true"] .radio{border-color:var(--brand)}
.radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand);transform:scale(0);transition:transform .25s var(--ease)}
.opt[aria-pressed="true"] .radio::after{transform:scale(1)}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.slotbtn{height:50px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:15.5px;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease)}
.slotbtn:hover{border-color:var(--brand)}
.slotbtn[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff;transform:scale(1.03)}
.pcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.pcal .h{font-size:11.5px;font-weight:700;color:var(--muted);text-align:center;padding:6px 0}
.pday{height:44px;border-radius:13px;border:0;background:transparent;font-weight:600;font-size:15px;cursor:pointer;position:relative;font-variant-numeric:tabular-nums;transition:background .15s,color .15s,transform .15s}
.pday:hover{background:var(--surface-3)}
.pday:disabled{color:#B4BBB8;cursor:default;background:transparent}
.pday.has::after{content:"";position:absolute;bottom:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--brand)}
.pday[aria-pressed="true"]{background:var(--brand);color:#fff;transform:scale(1.05)}
.pday[aria-pressed="true"]::after{background:#fff}
.daypick{display:flex;gap:8px;overflow:auto;padding:2px 2px 6px}
.dp{min-width:64px;height:72px;border-radius:18px;border:1.5px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;flex:0 0 auto;transition:all .2s var(--ease)}
.dp span{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.dp b{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:600}
.dp[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.dp[aria-pressed="true"] span{color:#CFE7E1}
.sheet-scrim{position:absolute;inset:0;background:rgba(15,34,30,.42);z-index:50;display:flex;align-items:flex-end;animation:fadeIn .25s}
.sheet{position:relative;width:100%;max-height:92%;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:10px 20px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;animation:sheetUp .45s var(--ease)}
.grabber{width:40px;height:5px;border-radius:9px;background:#DAD6CD;margin:0 auto 2px;flex:0 0 5px}
.sheet h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.015em}
.datebox{width:54px;height:58px;border-radius:16px;background:var(--surface-3);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 54px}
.datebox b{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;line-height:1}
.datebox span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin-top:3px}
.okmark{width:88px;height:88px;border-radius:30px;background:var(--brand);color:#fff;display:grid;place-items:center;animation:okPop .6s var(--ease)}
.okmark svg{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s .25s var(--ease) forwards}

/* ---------- entrada / movimento ---------- */
.enter > *{animation:fadeUp .5s var(--ease) backwards}
.enter > *:nth-child(2){animation-delay:50ms}
.enter > *:nth-child(3){animation-delay:100ms}
.enter > *:nth-child(4){animation-delay:150ms}
.enter > *:nth-child(5){animation-delay:200ms}
.enter > *:nth-child(6){animation-delay:250ms}
.enter > *:nth-child(7){animation-delay:300ms}
.enter > *:nth-child(8){animation-delay:350ms}
.enter > *:nth-child(n+9){animation-delay:400ms}
.fade-up{animation:fadeUp .45s var(--ease) backwards}
.fade-in{animation:fadeIn .3s ease backwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes grow{from{transform:scaleX(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes evIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cellIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
@keyframes menuIn{from{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:none}}
@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,16px) scale(.96)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(210,85,58,.45)}70%{box-shadow:0 0 0 9px rgba(210,85,58,0)}100%{box-shadow:0 0 0 0 rgba(210,85,58,0)}}
@keyframes ping{0%{box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(210,85,58,.5)}70%{box-shadow:0 0 0 2px #fff,0 0 0 9px rgba(210,85,58,0)}100%{box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(210,85,58,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes okPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes shimmer{from{background-position:-200px 0}to{background-position:200px 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.okmark svg{stroke-dashoffset:0}}

/* ---------- sessão em andamento (cronômetro) ---------- */
.sess-pill{display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 14px;border-radius:14px;background:var(--night);color:#fff;box-shadow:0 12px 26px -14px rgba(15,34,30,.7);animation:popIn .4s var(--ease);box-sizing:border-box}
.sess-pill .sp-l{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FFB4A3}
.sess-pill.is-paused .sp-l{color:#F6C76B}
.sess-pill .sp-n{font-size:13.5px;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sess-pill .sp-t{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;min-width:70px;text-align:right;margin-left:auto}
.sp-b{width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 36px;transition:background .15s,transform .12s}
.sp-b:hover{background:rgba(255,255,255,.18)}
.sp-b:active,.sp-fin:active{transform:scale(.94)}
.sp-fin{height:36px;padding:0 14px;border-radius:10px;border:0;background:var(--mint);color:var(--night);font-weight:700;font-size:13.5px;cursor:pointer;transition:filter .15s,transform .12s}
.sp-fin:hover{filter:brightness(1.06)}
.rec{width:10px;height:10px;border-radius:50%;background:var(--coral);flex:0 0 10px;animation:pulse 1.6s infinite}
.is-paused .rec{background:#F6C76B;animation:none}
.startbar{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 10px 10px 12px;border-radius:14px;background:#FFF6EC;border:1px solid #F3D9C4;animation:fadeUp .4s var(--ease);box-sizing:border-box}
.startbar b{display:block;font-size:14px}
.startbar .s{display:block;font-size:12.5px;color:var(--muted)}
.startbar.live{background:var(--night);border-color:var(--night);color:#fff}
.startbar.live .s{color:#C9D8D3}
.startbar.live .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#fff}
.startbar.live .btn-pri{background:var(--mint);border-color:var(--mint);color:var(--night)}
.pulse-ic{width:34px;height:34px;border-radius:11px;background:#FCE9D8;color:#7F3C07;display:grid;place-items:center;flex:0 0 34px;animation:pulse 2s infinite}
.sess-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sess-sum div{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-2);display:flex;flex-direction:column;gap:4px;min-width:0}
.sess-sum span{font-size:12px;font-weight:600;color:var(--muted)}
.sess-sum b{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:600}
.sess-sum div:first-child{background:var(--night);border-color:var(--night);color:#fff}
.sess-sum div:first-child span{color:#FFB4A3}
.sess-dock{position:absolute;left:12px;right:12px;bottom:96px;z-index:25}
.sess-dock .sess-pill{height:60px;border-radius:18px;padding-left:16px}
.sess-dock .sp-n{max-width:120px}
.phone .toast{white-space:normal;width:calc(100% - 40px);box-sizing:border-box}
.note-sess{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#1A478F;background:#E3ECFB;border-radius:99px;padding:2px 8px;margin-left:8px;letter-spacing:0;text-transform:none}
/* recuperar senha no celular */
.ml-back{position:absolute;left:16px;top:18px;z-index:3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .2s}
.ml-back:hover{background:rgba(255,255,255,.16);color:#fff}

/* ---------- modelos de e-mail ---------- */
.tpl{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;border-radius:12px;border:0;background:transparent;text-align:left;cursor:pointer;box-sizing:border-box;transition:background .15s,box-shadow .2s}
.tpl:hover{background:var(--surface-2)}
.tpl[aria-pressed="true"]{background:var(--brand-tint-2);box-shadow:inset 0 0 0 1.5px var(--brand)}
.tpl b{font-size:14px}
.tpl .q{font-size:12px;color:var(--muted);line-height:1.35}
.var{height:28px;padding:0 9px;border-radius:8px;border:1px dashed #BFD9D2;background:var(--brand-tint-2);color:var(--brand-600);font-size:12.5px;font-weight:700;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:background .15s,transform .12s}
.var:hover{background:var(--brand-tint)}
.var:active{transform:scale(.95)}
.swatch{width:38px;height:38px;border-radius:12px;border:0;cursor:pointer;transition:transform .15s,box-shadow .2s}
.swatch:hover{transform:translateY(-2px)}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.mail-app{background:#E9E6DF;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto;box-sizing:border-box;min-height:0}
.mail-meta{background:#fff;border-radius:14px;padding:12px 14px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px;flex:0 0 auto}
.mail-meta span{display:inline-block;width:52px;color:var(--faint)}
.mail-meta b{color:var(--ink)}
.mail{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(0,0,0,.35);animation:fadeUp .35s var(--ease);flex:0 0 auto}
.mail-head{padding:16px 22px;display:flex;align-items:center;gap:10px;color:#fff;transition:background .35s ease}
.mail-head .t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em}
.mail-logo{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:0 0 34px}
.mail-body{padding:24px 24px 8px;display:flex;flex-direction:column;gap:14px}
.mail-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;line-height:1.2;color:#13201D}
.mail-p{margin:0;font-size:14.5px;line-height:1.6;color:#37443F;white-space:pre-line}
.mail-btn{align-self:flex-start;display:inline-block;padding:12px 20px;border-radius:12px;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;transition:background .35s ease,transform .15s}
.mail-btn:hover{color:#fff;transform:translateY(-1px)}
.mail-sig{border-top:1px solid #EFECE5;padding-top:14px;margin-top:4px;font-size:13px;color:#56625E;line-height:1.55}
.mail-sig b{color:#13201D}
.mail-foot{padding:16px 24px 22px;font-size:11.5px;color:#7C8783;line-height:1.55}

/* =====================================================================
   App real: o protótipo desenhava telas de tamanho fixo (1440×920 e
   390×844). Daqui pra baixo é o que faz o mesmo visual funcionar em
   qualquer tela: casco de altura cheia, camadas fixas na janela e, abaixo
   de 900px, a versão de celular (cabeçalho próprio + barra inferior).
   ===================================================================== */
*{-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{overscroll-behavior-y:none;text-rendering:optimizeLegibility}
[hidden]{display:none !important}
#loadbar{position:fixed;left:0;top:0;right:0;height:3px;z-index:300;pointer-events:none;opacity:0;transition:opacity .2s;overflow:hidden}
#loadbar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--brand),var(--mint));transform-origin:left;animation:loadbar 1.1s var(--ease) infinite}
#loadbar.is-on{opacity:1}
@keyframes loadbar{0%{transform:translateX(-100%) scaleX(.3)}60%{transform:translateX(30%) scaleX(.6)}100%{transform:translateX(100%) scaleX(.3)}}
@keyframes fadeOut{to{opacity:0}}
@keyframes sheetDown{to{transform:translateY(100%)}}
@keyframes telaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- casco ---------- */
.app{height:100vh;height:100dvh;width:100%}
.side{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.side::-webkit-scrollbar{display:none}
.side .nav{border:0;background:transparent;width:100%;cursor:pointer;font-family:inherit;text-align:left;box-sizing:border-box}
.side .nav.is-on{background:rgba(127,216,196,.14)}
.side .nav:hover{background:rgba(255,255,255,.06)}
.side .me-out{border:0;background:transparent;cursor:pointer;padding:0}
.main{height:100vh;height:100dvh}
.content{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.content > *{flex-shrink:0}
.topbar .search{position:relative}
.busca-res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:6px;z-index:60;animation:menuIn .2s var(--ease);max-height:420px;overflow:auto;color:var(--ink)}
.busca-res .row{border-radius:11px;border-top:0;padding:9px 12px}
.busca-res .row[aria-selected="true"]{background:var(--brand-tint-2)}
.busca-res .lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px 4px}
.busca-res .vazio{padding:16px 12px;font-size:14px;color:var(--muted)}
.m-head,.tabbar,.sess-dock{display:none}
.m-av[class*=' t']{background:var(--abg);color:var(--afg)}
.page-h > .acoes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* utilitários usados pelas telas */
.tela{display:flex;flex-direction:column;gap:20px;animation:telaIn .35s var(--ease)}
.stack{display:flex;flex-direction:column;gap:14px}
.hrow{display:flex;align-items:center;gap:10px}
.wrap{flex-wrap:wrap}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lado{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}
.lado > aside{display:flex;flex-direction:column;gap:16px}
.span2{grid-column:span 2}
.card-scroll{overflow:auto;max-height:calc(100dvh - 300px)}
.ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ico-t{display:inline-flex;align-items:center;gap:7px}
.skel{border-radius:14px;background:linear-gradient(90deg,#EEEBE4 0,#F6F4EF 50%,#EEEBE4 100%);background-size:400px 100%;animation:shimmer 1.2s linear infinite}
.lista-vazia{padding:18px 20px;font-size:14px;color:var(--muted)}
.nota{padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line-2)}
.nota p{margin:6px 0 0;font-size:14.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.linha-at{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;border:1px solid var(--line-2);background:#fff}

/* ---------- camadas (fixas na janela, não num artboard) ---------- */
.scrim{position:fixed;z-index:100}
.scrim.is-saindo{animation:fadeOut .18s ease forwards}
.scrim.is-saindo .dialog{animation:fadeOut .18s ease forwards}
.dialog{width:var(--largura,520px)}
.dialog .grabber{display:none}
.dialog-b{display:flex;flex-direction:column;gap:16px}
.toast{position:fixed;z-index:200;opacity:0;pointer-events:none;transform:translate(-50%,16px) scale(.96);animation:none;transition:opacity .3s var(--ease),transform .4s var(--ease);max-width:calc(100% - 32px);box-sizing:border-box}
.toast.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.menu{position:fixed}
.camada-invisivel{position:fixed;inset:0;background:transparent;border:0;padding:0;cursor:default;z-index:38}
.pop{position:fixed;z-index:90;max-height:calc(100dvh - 24px);overflow:auto}
.pop-camada{z-index:89}

/* ---------- acesso (login, esqueci, ativar) ---------- */
.auth{width:100%;min-height:100vh;min-height:100dvh;height:auto}
.auth-form{box-sizing:border-box}
.auth-box{max-width:100%}
.ml{display:none}

/* ---------- agenda ---------- */
.semana-card{height:calc(100vh - 272px);height:calc(100dvh - 272px);min-height:460px;display:flex;flex-direction:column;overflow:hidden}
.semana-corpo{flex:1;min-height:0;overflow:auto;position:relative}
.mes-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(112px,auto)}
.mcell:disabled{cursor:default}
.mcell .mi{max-width:100%;box-sizing:border-box}
.tl-list{display:flex;flex-direction:column;gap:8px}
.sem-anim .trow,.sem-anim .startbar,.sem-anim .texp{animation:none}
.linha-at.fade-up{animation-duration:.35s}
.mail-shadow{display:block;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.subnav{position:sticky;top:0;align-self:flex-start}
.panel-scroll{overflow:visible}
.savebar.flutuante{position:sticky;bottom:12px;z-index:5;margin-top:4px}
.modelos-grade{display:grid;grid-template-columns:270px minmax(0,1fr) 450px;gap:20px;align-items:start}
.modelos-grade .mail-app{max-height:calc(100dvh - 200px)}
@media (max-width:1279.98px){.modelos-grade{grid-template-columns:260px minmax(0,1fr)}.modelos-grade .mail-app{grid-column:2;position:static !important;max-height:none}}

/* =====================================================================
   Celular / janela estreita
   ===================================================================== */
@media (max-width:899.98px){
  .side,.topbar{display:none}
  .app{display:block;height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
  .main{height:auto;min-height:100vh;min-height:100dvh;display:block}
  .content{overflow:visible;padding:4px 16px calc(124px + env(safe-area-inset-bottom));gap:14px;scrollbar-gutter:auto}
  .app.sem-tab .content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
  .app.com-sessao .content{padding-bottom:calc(196px + env(safe-area-inset-bottom))}
  .tela{gap:14px}
  .m-head{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;padding:calc(14px + env(safe-area-inset-top)) 16px 10px;background:rgba(244,242,237,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .m-head .mh-t{flex:1;min-width:0}
  .m-head h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-head .m-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-head .iconbtn{width:40px;height:40px;flex-basis:40px}
  .tabbar{display:grid;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .app.sem-tab .tabbar{display:none}
  .tabbar .tb{border:0;background:transparent;cursor:pointer;font-family:inherit}
  .tabbar .tb-cta{border:0;cursor:pointer}
  .sess-dock{display:block;position:fixed;left:12px;right:12px;bottom:calc(94px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;z-index:25}
  .app.sem-tab .sess-dock{bottom:calc(14px + env(safe-area-inset-bottom))}
  .sess-dock .sess-pill{height:60px;border-radius:18px;padding-left:16px}
  .sess-dock .sp-n{max-width:none}
  .page-h{flex-wrap:wrap;align-items:flex-start}
  .page-h > .grow > h1,.page-h > .grow > .crumb,.page-h > .grow > .eyebrow{display:none}
  .page-h > .grow > p{margin-top:0;font-size:14px}
  .page-h > .acoes{width:100%;justify-content:stretch}
  .page-h > .acoes > .btn{flex:1}
  .page-h > .acoes > .seg{flex:1}
  .page-h > .acoes > .seg > *{flex:1}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .g3,.g2{grid-template-columns:minmax(0,1fr)}
  .g2.fica{grid-template-columns:repeat(2,minmax(0,1fr))}
  .span2{grid-column:auto}
  .lado{grid-template-columns:minmax(0,1fr);gap:14px}
  .card{border-radius:20px}
  .card-scroll{max-height:none}
  .kpi{padding:14px;gap:8px}
  .kpi-v{font-size:28px}
  .kpi-l{font-size:12.5px}
  .kpi-ic{width:28px;height:28px;border-radius:9px}
  .kpi .kpi-d{display:none}
  .dl{grid-template-columns:minmax(0,1fr)}
  .dl .span2{grid-column:auto}
  .settings{flex-direction:column;gap:14px}
  .subnav{display:none}
  .panel-scroll{overflow:visible;padding:0}
  .scrim{place-items:end center;align-items:end}
  .dialog{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:28px 28px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));animation:sheetUp .45s var(--ease);gap:16px}
  .scrim.is-saindo .dialog{animation:sheetDown .2s ease forwards}
  .dialog .grabber{display:block}
  .dialog-h h2{font-size:21px}
  .dialog-f{flex-direction:column-reverse;align-items:stretch}
  .dialog-f .btn{width:100%;height:52px;border-radius:16px;font-size:15.5px}
  .dialog-f .linkbtn{align-self:center;margin:4px 0 0 !important}
  .toast{bottom:calc(100px + env(safe-area-inset-bottom));white-space:normal;width:calc(100% - 32px);max-width:440px}
  .app.sem-tab ~ .toast,.sem-app ~ .toast{bottom:calc(20px + env(safe-area-inset-bottom))}
  .row{padding:13px 16px}
  .tabs{overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;padding:0 12px}
  .semana-card{height:auto;min-height:0}
  .pop{left:12px !important;right:12px;top:auto !important;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}
  .mail-app{padding:10px;border-radius:18px}
  .m-btn-cel{height:52px;border-radius:16px;font-size:15.5px}
  .card-h{padding:16px 16px 10px}
  .tl-list{padding:2px 12px 14px !important}
  .trow,.tnow{grid-template-columns:44px minmax(0,1fr);gap:8px}
  .ttime{padding-top:12px}
  .ttime b{font-size:14px}
  .ttime span{font-size:12px}
  .tcard{padding:10px 12px;gap:10px;min-height:58px}
  .tcard .av{display:none}
  .tcard .pill{height:22px;font-size:11.5px;padding:0 8px}
  .startbar{flex-wrap:wrap;gap:10px}
  .startbar .grow{flex:1 1 calc(100% - 60px);min-width:0}
  .startbar .btn{flex:1 1 auto}
  .texp .btn{flex:1 1 auto}
  #ag-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none}
  #ag-chips::-webkit-scrollbar{display:none}
  #ag-chips .chip{flex:0 0 auto}
  .sess-dock .sp-l{white-space:nowrap}
  .savebar.flutuante{bottom:calc(96px + env(safe-area-inset-bottom))}
  .modelos-grade{grid-template-columns:minmax(0,1fr);gap:14px}
  .modelos-grade .mail-app{grid-column:auto}
  .subnav{position:static}
  /* acesso no celular: herói escuro + cartão branco que sobe */
  .auth{display:block;background:var(--night);position:relative}
  .auth-art,.auth-form{display:none}
  .ml{display:block;position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}
  .ml .ml-hero{height:330px;padding-top:calc(46px + env(safe-area-inset-top))}
  .ml .ml-card{position:relative;top:auto;margin-top:292px;min-height:calc(100vh - 292px);min-height:calc(100dvh - 292px);padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .ml-back{top:calc(16px + env(safe-area-inset-top))}
}
@media (max-width:420px){
  .g4{gap:8px}
  .hide-xs{display:none !important}
}
@media (min-width:900px){
  .so-cel{display:none !important}
}
@media (max-width:899.98px){
  .so-desk{display:none !important}
}
@media (min-width:900px) and (max-width:1180px){
  .lado{grid-template-columns:minmax(0,1fr) 300px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search{width:260px}
  .topbar{padding:0 24px}
  .content{padding:22px 24px 28px}
  .auth-art{width:44%;flex-basis:44%;padding:40px}
}