/* YouSharp Standard — tokens e componentes do design system (maquete) */
:root{
--font-sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-mono:"Geist Mono",ui-monospace,Consolas,monospace;
--sp-ink:#0B0B0F;--sp-white:#FFFFFF;--sp-mist:#F4F5F8;--sp-graphite:#6B6E7B;--sp-body:#3A3D48;--sp-muted:#8B8E9A;--sp-faint:#A3A6B2;--sp-disabled:#C9CBD3;--sp-divider:#F1F2F5;--sp-ring:#D0D3DC;
--sp-blue:#2E5BFF;--sp-blue-hover:#1A3FD9;--sp-blue-tint:#EEF2FF;--sp-blue-tint-2:#E8EEFF;--sp-blue-wash:#F6F8FF;
--sp-green:#12B76A;--sp-green-tint:#E9F8F0;--sp-green-live:#5EE6A8;--sp-red:#F04438;--sp-red-tint:#FEF0EF;
--grad-faceta:linear-gradient(45deg,#86E8F8 0%,#6E9BFF 38%,#FF8C78 72%,#FFDE6E 100%);
--grad-app-top:radial-gradient(70% 22% at 22% 0%,rgba(150,205,255,.75),transparent 70%),radial-gradient(45% 18% at 72% 2%,rgba(255,140,120,.6),transparent 70%),radial-gradient(60% 20% at 95% 8%,rgba(160,232,250,.6),transparent 70%),#F4F5F8;
--grad-aura-entry:radial-gradient(48% 24% at 52% 64%,#86E8F8 0%,rgba(134,232,248,0) 72%),radial-gradient(40% 28% at 10% 80%,#FFDE6E 0%,rgba(255,222,110,0) 70%),radial-gradient(60% 30% at 92% 98%,#6E9BFF 0%,rgba(110,155,255,0) 70%),radial-gradient(60% 24% at 28% 104%,#B7C4FF 0%,rgba(183,196,255,0) 70%),radial-gradient(50% 14% at 70% 2%,rgba(255,140,120,.7),rgba(255,140,120,0) 70%),radial-gradient(60% 14% at 20% 0%,rgba(150,205,255,.8),rgba(150,205,255,0) 70%),#FFFFFF;
--grad-aura-card:radial-gradient(55% 90% at 78% 10%,rgba(255,140,120,.75),rgba(255,140,120,0) 70%),radial-gradient(70% 110% at 55% 0%,rgba(150,205,255,.85),rgba(150,205,255,0) 70%),#FFFFFF;
--grad-avatar:radial-gradient(circle at 30% 25%,#fff 0 10%,rgba(255,255,255,0) 35%),conic-gradient(from 200deg,#8FE9F6,#9DB8FF,#D9C8FF,#FFC9E6,#8FE9F6);
--grad-trial-banner:linear-gradient(90deg,#DCE7FF,#EFE6FF);
--grad-bar-thin:linear-gradient(90deg,#8DB4FF,#C9C4FF);
--grad-bar-in:linear-gradient(90deg,#7BE0C0,#12B76A);
--grad-progress:linear-gradient(90deg,#8DB4FF,#C9C4FF 60%,#D6E4FF);
--hatch-diagonal:repeating-linear-gradient(135deg,rgba(10,12,20,.07) 0 1px,transparent 1px 6px);
--hatch-vertical:repeating-linear-gradient(90deg,#E4E6EC 0 1px,transparent 1px 4px),#F4F5F8;
--tint-1:linear-gradient(135deg,#E3EEFF,#F1E9FF);--tint-2:linear-gradient(135deg,#DDF6FB,#E6EEFF);--tint-3:linear-gradient(135deg,#FCE8F4,#EEE9FF);--tint-4:linear-gradient(135deg,#E8ECFF,#DDF3FF);
--shadow-cta-white:0 8px 24px -12px rgba(20,40,120,.35);--shadow-cta-blue:0 12px 30px -12px rgba(46,91,255,.7);--shadow-fab:0 14px 30px -10px rgba(11,11,15,.5);--shadow-tabbar:0 18px 40px -14px rgba(11,11,15,.55);--shadow-toast:0 10px 30px -10px rgba(0,0,0,.4);
--ease-sheet:cubic-bezier(.2,.8,.2,1);
/* semânticos (tema claro) */
--c-bg:var(--grad-app-top);--c-card:#fff;--c-field:#F4F5F8;--c-tx:#0B0B0F;--c-tx2:#6B6E7B;--c-tx3:#8B8E9A;--c-tx4:#A3A6B2;--c-body:#3A3D48;--c-line:#F1F2F5;--c-link:#2E5BFF;--c-chip:#EEF2FF;--c-chip-tx:#2E5BFF;--c-sel:#0B0B0F;--c-sel-tx:#fff;--c-ok:#12B76A;--c-ok-bg:#E9F8F0;--c-bad:#F04438;--c-bad-bg:#FEF0EF;--c-tab:#0B0B0F;--c-btn:#0B0B0F;--c-btn-tx:#fff;
}
.dark{
--c-bg:radial-gradient(70% 20% at 22% 0%,rgba(110,155,255,.28),transparent 70%),radial-gradient(45% 16% at 78% 2%,rgba(255,140,120,.18),transparent 70%),#0B0B0F;
--c-card:#15161C;--c-field:#1D1F27;--c-tx:#F4F5F8;--c-tx2:#9AA0B4;--c-tx3:#9AA0B4;--c-tx4:#6B6E7B;--c-body:#C9CBD3;--c-line:#2A2D38;--c-link:#6EA8FF;--c-chip:#1D2540;--c-chip-tx:#6EA8FF;--c-sel:#F4F5F8;--c-sel-tx:#0B0B0F;--c-ok:#3CCB7F;--c-ok-bg:#12261C;--c-bad:#FF6B5F;--c-bad-bg:#2A1715;--c-tab:#1D1F27;--c-btn:#F4F5F8;--c-btn-tx:#0B0B0F;
}
*{box-sizing:border-box}
.s{position:relative;width:390px;height:844px;overflow:hidden;font-family:var(--font-sans);color:var(--c-tx);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.3}
.s :where(a){color:inherit;text-decoration:none}
.s a:focus-visible,.s input:focus-visible,.s button:focus-visible{outline:2px solid var(--sp-blue);outline-offset:2px}
.sc{position:absolute;left:0;right:0;top:0;bottom:0;padding:62px 8px 120px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
.sc::-webkit-scrollbar{display:none}
.sc-flat{padding-bottom:40px}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.i-sm{width:15px;height:15px}.i-md{width:18px;height:18px;stroke-width:1.8}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono)}
/* tipografia */
.h-title{font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.15}
.h-hero{font-size:34px;font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0}
.t-meta{font-size:12px;color:var(--c-tx3)}
.t-cap{font-size:13px;color:var(--c-tx2)}
.sec{font-size:15px;margin:22px 8px 10px;display:flex;justify-content:space-between;align-items:baseline}
.sec a{color:var(--c-link);font-size:14px}
/* superfícies */
.card{background:var(--c-card);border-radius:26px;padding:16px;overflow:hidden}
.card-sm{border-radius:24px}.card-0{padding:0}
.card-aura{background:var(--grad-aura-card);color:#0B0B0F}
.gap{margin-top:8px}
.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--c-line)}
.row:last-child{border-bottom:none}
.row-tight{padding:12px 14px}
.row-main{flex:1;min-width:0}
.row-t{font-size:15px}
.row-s{font-size:12px;color:var(--c-tx3);margin-top:2px}
.chev{color:var(--c-tx4);font-size:16px}
.kv{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--c-line);font-size:15px}
.kv:last-child{border-bottom:none}
.kv span:first-child{color:var(--c-tx2)}
/* botões */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:500;background:var(--c-btn);color:var(--c-btn-tx)!important}
.btn-md{height:52px;font-size:15px;font-weight:400}
.btn-sm{display:inline-flex;height:42px;padding:0 16px;font-size:14px;font-weight:400}
.btn-white{background:#fff;color:#0B0B0F!important;box-shadow:var(--shadow-cta-white)}
.btn-glass{background:rgba(255,255,255,.16);color:#0B0B0F!important;border:1px solid rgba(255,255,255,.75);font-weight:400}
.btn-native{background:var(--sp-blue);color:#fff!important;box-shadow:var(--shadow-cta-blue)}
.btn-link{background:var(--c-card);color:var(--c-link)!important}
.btn-danger{background:var(--c-card);color:var(--c-bad)!important}
.btn-off{background:var(--sp-disabled);color:#fff!important}
.ibtn{width:44px;height:44px;border-radius:50%;background:var(--c-card);color:var(--c-tx);display:flex;align-items:center;justify-content:center;flex:none}
.fab{position:absolute;right:18px;bottom:104px;width:58px;height:58px;border-radius:50%;background:var(--c-btn);color:var(--c-btn-tx)!important;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);z-index:20}
.fab .i{stroke-width:2;width:22px;height:22px}
/* chips e tags */
.chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:var(--c-chip);color:var(--c-chip-tx)!important;font-size:14px;flex:none;white-space:nowrap}
.chip-sm{height:34px;padding:0 12px;font-size:12px}
.chip-ok{background:var(--c-ok-bg);color:var(--c-ok)!important}
.chip-choice{background:var(--c-field);color:var(--c-tx)!important}
.chip-choice.on{background:var(--c-sel);color:var(--c-sel-tx)!important}
.tag{display:inline-flex;align-items:center;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.8);color:#0B0B0F;white-space:nowrap}
.tag-blue{color:var(--sp-blue)}
.tag-count{background:var(--sp-blue);color:#fff;padding:3px 8px}
.tag-ok{background:var(--c-ok-bg);color:var(--c-ok)}
.tag-pop{background:var(--sp-blue);color:#fff;font-size:11px;letter-spacing:.04em;padding:5px 10px}
.tag-mono{background:#fff;color:var(--sp-graphite);font-family:var(--font-mono);font-size:10.5px;padding:5px 9px}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;background:var(--c-field);padding:6px 10px;border-radius:999px;white-space:nowrap}
.up{color:var(--c-ok)}.dn{color:var(--c-bad)}
.av{width:40px;height:40px;border-radius:50%;background:#E3EEFF;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none;color:#0B0B0F}
.av-1{background:#F1E9FF}.av-2{background:#DDF6FB}.av-3{background:#FCE8F4}
.av-aura{background:var(--grad-avatar);border:2px solid #fff;font-weight:500}
.av-lg{width:56px;height:56px;font-size:18px}
.ico{width:36px;height:36px;border-radius:50%;background:var(--c-field);display:flex;align-items:center;justify-content:center;flex:none;color:var(--c-tx)}
/* banner e toast */
.banner{border-radius:20px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.35;background:var(--grad-trial-banner);color:#0B0B0F}
.banner b{font-weight:500;white-space:nowrap}
.banner-ro{background:#0B0B0F;color:#fff}
.dark .banner-ro{background:#1D1F27;box-shadow:inset 0 0 0 1px #2A2D38}
.notice{background:var(--c-card);border-radius:20px;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--c-body);display:flex;gap:12px;align-items:flex-start}
.notice .ck{width:28px;height:28px;border-radius:50%;background:var(--sp-blue-tint-2);color:var(--sp-blue);display:flex;align-items:center;justify-content:center;flex:none}
.toast{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:max-content;z-index:70;background:#0B0B0F;color:#fff;font-size:13px;padding:10px 16px;border-radius:18px;white-space:normal;max-width:calc(100% - 32px);text-align:center;line-height:1.35;box-shadow:var(--shadow-toast);display:inline-flex;align-items:center;gap:8px}
.toast:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sp-green-live)}
/* formulários */
.fgroup{background:var(--c-card);border-radius:24px;padding:8px;display:flex;flex-direction:column;gap:4px}
.field{display:block;width:100%;height:54px;border:none;border-radius:18px;background:var(--c-field);padding:0 18px;font:400 16px var(--font-sans);color:var(--c-tx)}
.field::placeholder{color:var(--sp-faint)}
.search{height:48px;background:var(--c-card);border-radius:18px;display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--c-tx4);font-size:15px}
.seg{display:flex;background:var(--c-card);border-radius:18px;padding:4px;gap:4px}
.seg a{flex:1;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px}
.seg a.on{background:var(--c-sel);color:var(--c-sel-tx)}
.seg-pill{border-radius:999px;padding:3px;gap:0;display:inline-flex}
.seg-pill a{flex:none;height:36px;padding:0 16px;border-radius:999px;font-size:14px}
.opt{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--c-line);background:var(--c-card)}
.opt:last-child{border-bottom:none}
.opt.on{background:var(--sp-blue-wash)}
.opt .dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--sp-ring);flex:none}
.opt.on .dot{border:5px solid var(--sp-blue)}
.opt-l{display:flex;align-items:center;gap:10px}
.opt-m{font-size:13px;color:var(--c-tx2)}
.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.slot{height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-variant-numeric:tabular-nums;background:var(--c-field)}
.slot.busy{background:transparent;color:#B8BBC6;text-decoration:line-through}
.slot.on{background:var(--c-sel);color:var(--c-sel-tx)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--c-body);line-height:1.45}
.check .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--sp-ring);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;background:#fff}
.check .box.on{background:var(--sp-blue);border-color:var(--sp-blue)}
.check .box .i{width:14px;height:14px;stroke-width:2.2}
/* navegação */
.nav{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 12px}
.nav-t{font-size:17px;font-weight:500}
.nav-sp{width:44px}
.tabbar{position:absolute;left:24px;right:24px;bottom:28px;height:64px;border-radius:999px;background:var(--c-tab);padding:6px;display:flex;align-items:center;gap:2px;box-shadow:var(--shadow-tabbar);z-index:30}
.dark .tabbar{box-shadow:inset 0 0 0 1px #2A2D38,var(--shadow-tabbar)}
.tab{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;flex:1;color:rgba(255,255,255,.72);font-size:14px}
.tab.on{flex:1.9;background:var(--sp-blue);color:#fff}
.tab:not(.on) span{display:none}
/* agenda */
.week{display:flex;gap:4px;background:var(--c-card);border-radius:22px;padding:6px}
.wd{flex:1;height:62px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.wd small{font-size:11px;opacity:.7}.wd b{font-size:17px;font-weight:400}
.wd.on{background:var(--c-sel);color:var(--c-sel-tx)}
.wd.today{color:var(--sp-blue)}
.wd .pt{width:4px;height:4px;border-radius:50%;background:#9DB8FF}
.wd.on .pt{background:currentColor}
.tl{position:relative;height:720px;margin:8px 0 12px 58px}
.tl-h{position:absolute;left:-58px;right:0;height:0;display:flex;align-items:center;gap:8px}
.tl-h span{width:50px;text-align:right;font-family:var(--font-mono);font-size:10.5px;color:var(--sp-faint)}
.tl-h i{flex:1;height:1px;background:var(--c-line)}
.blk{position:absolute;left:0;right:0;border-radius:14px;padding:8px 12px;overflow:hidden;color:#0B0B0F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.blk b{display:block;font-size:14px;font-weight:500}
.blk span{display:block;font-size:12px;margin-top:2px;color:var(--sp-graphite)}
.blk.done{background:#EEF0F4;color:var(--sp-graphite)}
.blk.next{background:var(--sp-blue);color:#fff}
.blk.next span{color:rgba(255,255,255,.78)}
.blk.one{display:flex;gap:6px;white-space:nowrap;font-size:13px;align-items:baseline}
.blk.one b{font-size:13px;display:inline}.blk.one span{display:inline;margin:0}
.lunch{position:absolute;left:0;right:0;border-radius:14px;background:var(--hatch-diagonal);display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--sp-muted)}
.now{position:absolute;left:-8px;right:-4px;height:2px;background:var(--sp-blue);z-index:3}
.now:before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sp-blue);border:2px solid #fff}
/* mês */
.mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.mgrid small{font-size:11px;color:var(--c-tx3);padding:4px 0}
.md{height:44px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:15px}
.md i{width:4px;height:4px;border-radius:50%;background:#9DB8FF;display:block}
.md.on{background:var(--c-sel);color:var(--c-sel-tx)}
.md.on i{background:currentColor}
.md.today{color:var(--sp-blue)}
.md.off{color:var(--sp-disabled)}
/* dados */
.bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding:18px 8px 0}
.bars i{flex:1;border-radius:2px 2px 0 0;display:block}
.axis{display:flex;justify-content:space-between;padding:8px 14px 14px;font-family:var(--font-mono);font-size:10px;color:var(--sp-faint)}
.thin{height:4px;border-radius:2px;background:var(--c-line);overflow:hidden}
.thin i{display:block;height:100%;background:var(--grad-bar-thin)}
.thin.in i{background:var(--grad-bar-in)}
.mini{display:flex;align-items:flex-end;gap:2px;height:48px;margin-top:10px}
.mini i{flex:1;display:block}
.col{display:flex;flex-direction:column;align-items:center;gap:8px}
.col .tr{width:100%;height:150px;border-radius:12px;background:var(--hatch-diagonal);display:flex;align-items:flex-end;overflow:hidden}
.col .bar{width:100%;border-radius:12px 12px 10px 10px;background:linear-gradient(180deg,#DDE5FF,#EEF1FF);box-shadow:inset 0 1.5px 0 #B9C6F5}
.col.on .bar{background:linear-gradient(180deg,#B9C9FF,#DCD3FF 55%,#EAF3FF);box-shadow:inset 0 1.5px 0 var(--sp-blue)}
/* sheet */
.scrim{position:absolute;inset:0;background:rgba(11,11,15,.28);z-index:40}
.sheet{position:absolute;left:0;right:0;bottom:0;border-radius:36px 36px 0 0;background:radial-gradient(70% 16% at 25% 0%,rgba(150,205,255,.55),rgba(150,205,255,0) 70%),radial-gradient(40% 12% at 75% 0%,rgba(255,140,120,.5),rgba(255,140,120,0) 70%),#F4F5F8;padding:12px 8px 36px;z-index:41;color:#0B0B0F;overflow:hidden}
.sheet-tall{top:64px;overflow-y:auto;scrollbar-width:none}
.sheet-tall::-webkit-scrollbar{display:none}
.grab{width:40px;height:5px;border-radius:3px;background:rgba(11,11,15,.18);margin:0 auto 14px}
.sheet-t{text-align:center;font-size:19px;font-weight:500;letter-spacing:-.02em;padding-bottom:14px}
.sheet .card,.sheet .fgroup,.sheet .seg{background:#fff}
.sheet .opt{background:#fff}.sheet .opt.on{background:var(--sp-blue-wash)}
.sheet .field{background:#F4F5F8;color:#0B0B0F}
.sheet .row,.sheet .opt{border-color:#F1F2F5}
.sheet .t-cap{color:#6B6E7B}
.bubble{background:var(--sp-green-tint);border-radius:18px 18px 18px 6px;padding:12px 14px;font-size:14px;line-height:1.45;color:#0B0B0F}
.hero{border-radius:26px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#0B0B0F}
.cap{display:flex;gap:3px;height:22px}
.cap i{display:block;border-radius:4px;background:var(--hatch-vertical)}
.cap i.a{background:var(--sp-blue)}
.cap i:first-child{border-radius:8px 4px 4px 8px}.cap i:last-child{border-radius:4px 8px 8px 4px}
.plan{background:var(--c-card);border-radius:26px;padding:18px}
.plan.on{box-shadow:0 0 0 2px var(--sp-blue)}
.plan .pr{font-size:34px;letter-spacing:-.035em;font-weight:400}
.plan .pr small{font-size:14px;color:var(--c-tx2);letter-spacing:0}
.plan ul{list-style:none;margin:12px 0 0;padding:0;font-size:14px;color:var(--c-body);display:flex;flex-direction:column;gap:8px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li .i{width:16px;height:16px;color:var(--sp-blue);stroke-width:2;margin-top:2px}
.dev{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--c-line)}
.dev:last-child{border-bottom:none}
.steps{display:flex;flex-direction:column;gap:10px}
.step{display:flex;gap:12px;align-items:flex-start;background:var(--c-card);border-radius:20px;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--c-body)}
.step .n{width:28px;height:28px;border-radius:50%;background:var(--sp-blue-tint-2);color:var(--sp-blue);display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.logo{height:30px;width:auto;display:block}
.entry{background:var(--grad-aura-entry)}
.b1{background:#0B0B0F}.b2{background:#C9CBD3}.b3{background:#C7D3FF}.b4{background:#E6E8EE}
.dark .b1{background:#F4F5F8}.dark .b2{background:#3A3D48}.dark .b3{background:#3B4F9A}.dark .b4{background:#22252F}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* ---- Mais (folha) ---- */
.mgrid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt{background:#fff;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:14px;min-height:104px}
.mt .ico{background:var(--sp-blue-tint-2);color:var(--sp-blue)}
.mt-soon{margin-top:8px;border-radius:22px;background:var(--hatch-diagonal),#EEF0F4;padding:16px;text-align:center;font-size:12px;color:var(--sp-graphite)}
.row-link{display:flex;align-items:center;gap:12px;margin-top:8px;background:#fff;border-radius:22px;padding:12px 14px}
.row-link .chev{color:var(--sp-faint);font-size:20px}
/* ---- Tablet e computador: barra lateral ---- */
.dk{position:relative;overflow:hidden;font-family:var(--font-sans);color:var(--c-tx);background-color:#F4F5F8;background-image:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.3;display:flex;gap:16px;padding:16px}
.dk :where(a){color:inherit;text-decoration:none}
.dk .side{width:236px;flex:none;background:#fff;border-radius:28px;padding:20px 12px 14px;display:flex;flex-direction:column;gap:2px}
.dk .logo{display:flex;align-items:center;gap:10px;padding:2px 12px 16px;font-size:19px;font-weight:500;letter-spacing:-.03em}
.dk .logo i{width:28px;height:28px;border-radius:9px;background:var(--grad-faceta);display:block}
.dk .gl{font-size:12px;color:var(--c-tx3);margin:16px 14px 6px}
.dk .ni{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border-radius:999px;font-size:15px;color:var(--sp-body)}
.dk .ni.on{background:var(--sp-blue);color:#fff}
.dk .ni .i{width:20px;height:20px;flex:none}
.dk .me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:22px;background:var(--c-field)}
.dk .main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.dk .top{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 0}
.dk .body{flex:1;display:flex;gap:16px;min-height:0}
.dk .col-a{flex:1;min-width:0;overflow:hidden}
.dk .col-b{width:330px;flex:none;display:flex;flex-direction:column;gap:12px}
.dk-rail .side{width:88px;padding:16px 8px;align-items:stretch}
.dk-rail .logo{justify-content:center;padding:0 0 14px}
.dk-rail .logo b,.dk-rail .gl,.dk-rail .me .nm{display:none}
.dk-rail .ni{flex-direction:column;justify-content:center;gap:5px;height:62px;padding:0;border-radius:20px;font-size:11px}
.dk-rail .me{justify-content:center;padding:8px}

/* =====================================================================
   APP REAL — ajustes para tela cheia, responsivo e componentes novos
   ===================================================================== */
html,body{margin:0;height:100%;background:#F4F5F8;-webkit-text-size-adjust:100%;overscroll-behavior:none}
body{font-family:var(--font-sans)}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;text-align:inherit;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
[hidden]{display:none!important}
input,select,textarea{font-family:var(--font-sans)}
#app.s{width:100%;height:100vh;height:100dvh;max-width:none}
.sc{padding:calc(env(safe-area-inset-top) + 16px) 12px 128px}
.sc>*{max-width:760px;margin-left:auto;margin-right:auto}
.sc>.top,.sc>.nav{margin-bottom:0}
.row{width:100%;text-align:left}
.row.off{opacity:.55}
.btn{width:100%;border:0;cursor:pointer;text-decoration:none}
.btn-sm{width:auto}
.btn.btn-off{pointer-events:auto}
.hora{width:52px;font-size:15px;flex:none}
.cents{color:var(--sp-faint)}
.dark .cents{color:var(--c-tx4)}
.nowrap{white-space:nowrap}
.gap0{margin-top:0;margin-bottom:8px}
.stack{display:flex;flex-direction:column;gap:10px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.duo2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lab{padding:6px 10px 0}
.area{height:auto;min-height:96px;padding:14px 18px;resize:none;line-height:1.4}
.area.tall{min-height:150px}
select.field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238B8E9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
input[type=date].field,input[type=time].field{min-height:54px}
.check{cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--sp-blue);flex:none;margin:0}
.erro{color:var(--c-bad);font-size:13px;line-height:1.4;padding:2px 10px}
.erro:empty{display:none}
.search input{flex:1;min-width:0;border:0;background:none;outline:none;font:400 15px var(--font-sans);color:var(--c-tx)}
.search input::placeholder{color:var(--sp-faint)}
.seg button{flex:1;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px;text-align:center}
.seg button.on{background:var(--c-sel);color:var(--c-sel-tx)}
.seg-pill button{flex:none;height:36px;padding:0 16px;border-radius:999px;font-size:14px}
.seg-pill{flex:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 14px;gap:12px}
.top-r{display:flex;align-items:center;gap:8px;flex:none}
.h-nome{font-size:17px;font-weight:500;margin-top:2px}
.big-num{font-size:34px;letter-spacing:-.035em;margin-top:4px}
.big-num.neg{color:var(--c-bad)}
.hero-ro{padding:20px 18px;border-radius:28px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}
.hero-t{font-size:30px;letter-spacing:-.035em;line-height:1.1}
.lead{font-size:15px;line-height:1.5;color:var(--sp-body);margin:0;max-width:340px}
.dark .lead{color:var(--c-body)}
.abas{padding:0 0 12px;display:flex}
.chips{display:flex;gap:6px;padding:4px 2px 10px;overflow-x:auto;scrollbar-width:none}
.chips.wrap{flex-wrap:wrap;overflow:visible;padding:2px 6px 6px}
.chip{border:0}
.chip small{opacity:.6;margin-left:4px;font-size:11px}
.vazio{text-align:center;padding:22px 12px}
.vazio-i{width:48px;height:48px;border-radius:50%;background:var(--c-field);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--c-tx2)}
.vazio-i.big{width:76px;height:76px}
.vazio .btn{display:inline-flex;width:auto}
.ficha-h,.conta-h{display:flex;align-items:center;gap:14px;padding:10px 8px 18px}
.mes-nav{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px}
.cats{display:flex;flex-direction:column;gap:14px}
.cat-h{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.plan{display:block;width:100%;text-align:left;margin-bottom:8px;border:0}
.plan .pr{display:block}
.wd,.md{border:0;background:none}
.tab{border:0}
.fab{border:0}
.blk{border:0;text-align:left;font:inherit}
.slot{border:0;font:inherit;font-size:13px}
.slot:disabled{pointer-events:none}
.opt{width:100%;text-align:left;border:0}
.mt{border:0;text-align:left;width:100%}
.mt .ico{background:var(--sp-blue-tint-2);color:var(--sp-blue)}
.mgrid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt{background:#fff;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:14px;min-height:104px;align-items:flex-start}
.mt-soon{margin-top:8px;border-radius:22px;background:var(--hatch-diagonal),#EEF0F4;padding:16px;text-align:center;font-size:12px;color:var(--sp-graphite)}
.row-link{display:flex;align-items:center;gap:12px;margin-top:8px;background:#fff;border-radius:22px;padding:12px 14px}
.row-link .chev{color:var(--sp-faint);font-size:20px}
.sel-list{display:flex;flex-direction:column;gap:4px;padding:4px 6px}
.sel-i{display:flex;align-items:center;gap:8px;font-size:14px;background:var(--c-field);border-radius:14px;padding:8px 10px}
.sel-i span:first-child{flex:1;min-width:0}
.sel-i em{font-style:normal;font-size:11px;color:var(--sp-blue);margin-left:4px}
.x{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-tx3);flex:none}
.avulso{display:flex;flex-direction:column;gap:6px;padding:4px}
.acts{display:flex;flex-direction:column;gap:10px}
.chips-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sheet .chip{background:#fff;color:var(--sp-blue)!important}
.sheet .chip-choice{background:#F4F5F8;color:#0B0B0F!important}
.sheet .chip-choice.on{background:var(--sp-blue);color:#fff!important}
.sheet .chip-choice small{color:inherit}
.sheet .sel-i{background:#F4F5F8}
.sheet .slot{background:#F4F5F8}
.sheet .slot.on{background:var(--sp-blue);color:#fff}
.sheet .slot.busy{background:transparent}
.sheet .kv{border-color:#F1F2F5}
.sheet .kv span:first-child{color:#6B6E7B}
.sheet textarea.field,.sheet select.field{color:#0B0B0F}
.sheet .btn-link{background:#fff}
.sheet .btn-danger{background:#fff}
.sheet{max-height:calc(100% - 24px);overflow-y:auto;scrollbar-width:none;padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}
.sheet::-webkit-scrollbar{display:none}
.sheet-tall{top:max(56px,calc(env(safe-area-inset-top) + 16px));max-height:none}
.toast{top:calc(env(safe-area-inset-top) + 14px)}
.demo{position:fixed;top:0;left:0;right:0;z-index:100;text-align:center;font-size:11px;padding:3px 8px;background:#0B0B0F;color:#fff;letter-spacing:.02em;pointer-events:none}
.splash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--grad-aura-entry)}
.splash .logo{height:34px}
.auth{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 28px) 20px 28px;max-width:480px;margin:0 auto}
.auth.entry{max-width:none;padding-left:max(20px,calc(50% - 240px));padding-right:max(20px,calc(50% - 240px));padding-top:calc(env(safe-area-inset-top) + 60px)}
.auth.center-col{align-items:center;justify-content:center;text-align:center}
.auth .nav{padding-left:0;padding-right:0}
.auth .ibtn{border:0}
.ghost{font-size:34px;letter-spacing:-.035em;opacity:.1}
.ghost-main{font-size:46px;font-weight:500;letter-spacing:-.045em;margin:18px 0}
/* menu lateral (tablet e computador) */
.side{display:none;position:absolute;left:16px;top:16px;bottom:16px;width:88px;background:var(--c-card);border-radius:28px;padding:16px 8px;flex-direction:column;gap:2px;z-index:10;overflow-y:auto;scrollbar-width:none}
.logo-s{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 14px;font-size:19px;font-weight:500;letter-spacing:-.03em}
.logo-s .sym{width:30px;height:30px}
.logo-s b{display:none;font-weight:500}
.ni{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:62px;border-radius:20px;font-size:11px;color:var(--sp-body);text-decoration:none;width:100%}
.dark .ni{color:var(--c-body)}
.ni.on{background:var(--sp-blue);color:#fff}
.gl{display:none;font-size:12px;color:var(--c-tx3);margin:16px 14px 6px}
.me{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border-radius:22px;background:var(--c-field);width:100%}
.me .nm{display:none;min-width:0;text-align:left}
.ag-wrap{display:block}
.col-b{display:none}
@media (min-width:720px){
  .tabbar{display:none}
  .side{display:flex}
  .sc{left:104px;padding-top:28px;padding-bottom:56px;padding-right:20px}
  .fab{right:28px;bottom:28px}
  .sheet{left:50%;right:auto;width:min(560px,calc(100% - 32px));transform:translateX(-50%)}
  .toast{top:20px}
}
@media (min-width:1100px){
  .side{width:236px;padding:20px 12px 14px}
  .logo-s{justify-content:flex-start;padding:2px 12px 16px}
  .logo-s b{display:inline}
  .ni{flex-direction:row;justify-content:flex-start;gap:12px;height:46px;padding:0 14px;border-radius:999px;font-size:15px}
  .ni .i{width:20px;height:20px}
  .gl{display:block}
  .me{justify-content:flex-start}
  .me .nm{display:block}
  .sc{left:268px}
  body[data-rota=agenda] .sc>*,body[data-rota=inicio] .sc>*{max-width:1120px}
  body[data-rota=agenda] .ag-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
  body[data-rota=agenda] .col-b{display:flex;flex-direction:column;gap:12px}
  body[data-rota=inicio] .sc{padding-right:28px}
}
@media (max-width:719px){
  .tabbar{left:50%;right:auto;transform:translateX(-50%);width:min(402px,calc(100% - 32px));bottom:calc(env(safe-area-inset-bottom) + 20px)}
  .fab{right:max(18px,calc(50% - 195px));bottom:calc(env(safe-area-inset-bottom) + 98px)}
}
/* tema escuro */
.dark .sheet{background:radial-gradient(70% 16% at 25% 0%,rgba(110,155,255,.28),transparent 70%),#15161C;color:#F4F5F8}
.dark .sheet .card,.dark .sheet .fgroup,.dark .sheet .seg,.dark .sheet .opt,.dark .sheet .mt,.dark .sheet .row-link,.dark .sheet .chip,.dark .sheet .btn-link,.dark .sheet .btn-danger{background:#1D1F27}
.dark .sheet .field,.dark .sheet textarea.field,.dark .sheet select.field{background:#15161C;color:#F4F5F8}
.dark .sheet .row,.dark .sheet .opt,.dark .sheet .kv{border-color:#2A2D38}
.dark .sheet .t-cap,.dark .sheet .kv span:first-child{color:#9AA0B4}
.dark .sheet .chip-choice{background:#15161C;color:#F4F5F8!important}
.dark .sheet .chip-choice.on{background:var(--sp-blue);color:#fff!important}
.dark .sheet .sel-i,.dark .sheet .slot{background:#15161C}
.dark .sheet .slot.on{background:var(--sp-blue)}
.dark .sheet .mt-soon{background:var(--hatch-diagonal),#1D1F27;color:#9AA0B4}
.dark .sheet .opt.on{background:#1D2540}
.dark .scrim{background:rgba(0,0,0,.55)}
.dark .card-aura{--sp-body:#C9CBD3;background:radial-gradient(60% 100% at 82% 0%,rgba(255,140,120,.28),transparent 70%),radial-gradient(70% 110% at 45% 0%,rgba(110,155,255,.35),transparent 70%),#15161C;color:#F4F5F8}
.dark .banner{background:#1D2540;color:#F4F5F8}
.dark .tag{background:#1D1F27;color:#F4F5F8}
.dark .tag-blue{color:#6EA8FF}.dark .tag-ok{background:var(--c-ok-bg);color:var(--c-ok)}
.dark .av-aura{border-color:#15161C}
.dark .blk:not(.done):not(.next){background:#232842!important;color:#F4F5F8}
.dark .blk span{color:#9AA0B4}.dark .blk.next span{color:rgba(255,255,255,.78)}
.dark .blk.done{background:#1D1F27;color:#9AA0B4}
.dark .now:before{border-color:#0B0B0F}
.dark .week .wd.today:not(.on){color:#6EA8FF}
.dark .btn-white{background:#F4F5F8}
.dark .plan.on{box-shadow:0 0 0 2px var(--sp-blue)}
.dark .splash,.dark .entry{background:radial-gradient(60% 40% at 50% 70%,rgba(110,155,255,.25),transparent 70%),#0B0B0F}
.dark .ghost,.dark .ghost-main{color:#F4F5F8}
.dark .splash .logo,.dark .auth .logo{content:url(icons/logo-escuro.svg)}
body.is-demo .sc{padding-top:calc(env(safe-area-inset-top) + 34px)}
body.is-demo .auth{padding-top:calc(env(safe-area-inset-top) + 40px)}
body.is-demo .auth.entry{padding-top:calc(env(safe-area-inset-top) + 70px)}
body.is-demo .side{top:30px}
.vazio-i.big{background:var(--c-card)}
button.step{width:100%;text-align:left;border:0}
.step .n .i{width:14px;height:14px;stroke-width:2.2}
.step.done .n{background:var(--c-ok-bg);color:var(--c-ok)}
.step.done .st{text-decoration:line-through;opacity:.6}
.dark .step .n{background:#1D2540}
.dark .step{color:var(--c-body)}

/* equipe */
.blk.outro{background:repeating-linear-gradient(135deg,var(--c-line) 0 6px,transparent 6px 12px);color:var(--c-body);border:1px dashed var(--c-line);cursor:default;pointer-events:none}
.blk.outro b,.blk.outro span{opacity:.8}

/* Confirmação do app (substitui a janelinha do navegador) */
.dlg{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}
.dlg-scrim{position:absolute;inset:0;background:rgba(11,11,15,.45)}
.dlg-box{position:relative;width:min(380px,100%);background:var(--c-card,#fff);color:var(--c-tx,#0B0B0F);border-radius:28px;padding:22px 20px 14px;box-shadow:0 24px 60px rgba(11,11,15,.35)}
.dlg-t{font-size:16px;line-height:1.45;text-align:center;padding:4px 6px 16px}
.dlg-b{display:flex;gap:8px}.dlg-b .btn{flex:1}
.dlg-bad{background:var(--c-bad,#D93B3B)!important;color:#fff!important}

/* Foto do perfil */
.av-foto{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}
.av-xl{width:112px;height:112px;font-size:36px;display:flex}
.foto-prev{display:flex;justify-content:center;padding:6px 0 14px}
.foto-w{position:relative;display:inline-flex;flex:none}.foto-w .av{cursor:pointer}
.foto-cam{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--c-btn);color:var(--c-btn-tx);display:flex;align-items:center;justify-content:center;border:2px solid var(--c-card,#fff);pointer-events:none}
.foto-cam svg{width:12px;height:12px}
/* Assinatura Digo Ingenium (discreta) */
.digo{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 6px;opacity:.62;text-decoration:none;color:var(--c-tx3);font-size:11px;letter-spacing:.02em;width:max-content;padding:6px 10px;border-radius:999px;transition:opacity .15s}
.digo:hover,.digo:focus-visible{opacity:1}.digo img{height:19px;width:auto;display:block}
.digo .digo-d{display:none}.dark .digo .digo-l{display:none}.dark .digo .digo-d{display:block}
.digo.on-dark{color:rgba(255,255,255,.7);margin-top:22px}.digo.on-dark .digo-l{display:none}.digo.on-dark .digo-d{display:block}

/* ---------- movimento: cliques com profundidade, transições suaves e roleta de palavras ---------- */
:root{--ease-out:cubic-bezier(.22,.8,.3,1);--ease-io:cubic-bezier(.45,0,.2,1)}
button,[data-act],.row,.tab,.fab,.ibtn,.chip,.opt,.blk{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn,.ibtn,.tab,.fab,.chip,.chip-choice,.opt,.row,.blk,.slot,.sel-i,.step,.mt,.seg button,.dlg-b,.ghost-btn{transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),filter .14s,background-color .18s,opacity .18s}
.btn:active,.ibtn:active,.chip:active,.chip-choice:active,.slot:active,.sel-i:active,.step:active,.dlg-b:active{transform:scale(.955);filter:brightness(.96)}
.btn-white:active,.btn-native:active{box-shadow:0 2px 6px rgba(11,11,15,.14)}
.tab:active{transform:scale(.93)}
.fab:active{transform:scale(.9)}
.row:active,.opt:active{transform:scale(.99);filter:brightness(.97)}
.blk:active{transform:scale(.985);filter:brightness(.97)}
@media (hover:hover){.btn:hover,.chip:hover,.slot:hover{filter:brightness(1.03)}.btn:active{filter:brightness(.96)}}
/* troca de tela: entra com um fade curto e um leve deslize */
@keyframes ysTela{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#screen.t-in{animation:ysTela .24s var(--ease-out) both}
.auth{animation:ysTela .28s var(--ease-out) both}
@keyframes ysSheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes ysScrim{from{opacity:0}to{opacity:1}}
.sheet{animation:ysSheet .3s var(--ease-out) both}
.scrim{animation:ysScrim .22s ease-out both}
@keyframes ysToast{from{opacity:0;margin-top:-8px}to{opacity:1;margin-top:0}}
.toast{animation:ysToast .22s var(--ease-out) both}
/* roleta de palavras da tela de entrada */
.roleta{position:relative;flex:none;height:172px;margin:0 0 4px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
.rw{position:absolute;left:0;top:0;font-size:34px;line-height:1.25;font-weight:500;letter-spacing:-.04em;white-space:nowrap;transform-origin:0 50%;transition:transform .72s var(--ease-io),opacity .72s var(--ease-io);will-change:transform,opacity}
.rw[data-p="-1"]{transform:translateY(-30px) scale(.9);opacity:0}
.rw[data-p="0"]{transform:translateY(6px) scale(1);opacity:.12}
.rw[data-p="1"]{transform:translateY(60px) scale(1.4);opacity:1}
.rw[data-p="2"]{transform:translateY(128px) scale(1);opacity:.12}
.rw[data-p="3"]{transform:translateY(160px) scale(.9);opacity:0}
.rw.sem-anim{transition:none}
.dark .rw{color:#F4F5F8}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .btn:active,.ibtn:active,.chip:active,.tab:active,.fab:active,.row:active,.blk:active{transform:none}
}

/* v0.3.8 — bloqueio por inatividade / biometria */
.lock{position:absolute;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:28px 20px;background-color:#F4F5F8;background-image:var(--grad-aura-entry,none);text-align:center}
.dark .lock{background-color:#0B0B0F}
.lock-box{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}
.lock-logo{height:30px;margin-bottom:28px}
.lock-err{min-height:20px;margin:10px 0 0;color:#C0392B;font-size:13px}