/* Painel de Vendas — tema escuro, vidro fosco, destaque por plataforma */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#0f1013}
[hidden]{display:none !important}
.app{--a1:#2db56f;--a2:#057a55;--acc:#2db56f;--acc-text:#3ddc84;--acc-soft:rgba(45,181,111,.14);--acc-line:rgba(45,181,111,.32);--c-front:#2db56f;--c-ob:#9ee6bf;--c-up:#057a55;
  min-height:100vh;background:radial-gradient(1100px 640px at 86% -12%, rgba(255,255,255,.085) 0%, rgba(255,255,255,0) 62%), radial-gradient(820px 560px at 4% 106%, var(--acc-soft) 0%, rgba(0,0,0,0) 66%), linear-gradient(180deg,#16171b 0%,#101114 55%,#0e0f12 100%);background-attachment:fixed;
  color:#f5f5f6;font-family:"DM Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.app.hotmart{--a1:#ff4000;--a2:#ff5a00;--acc:#ff5a00;--acc-text:#ff7a33;--acc-soft:rgba(255,90,0,.14);--acc-line:rgba(255,90,0,.34);--c-front:#ff5a00;--c-ob:#ffc29e;--c-up:#a83400}
.glass{background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.muted{color:#a1a1aa}
.error{color:#ff5c64;font-size:13px;margin:0}
.error.banner{padding:12px 16px;border-radius:14px;background:rgba(229,35,45,.12);border:1px solid rgba(229,35,45,.3)}

/* login / setup */
.center-view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.auth-card{width:100%;max-width:400px;border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;gap:16px}
.auth-card h1{margin:4px 0 0;font:700 24px/1.2 "Poppins",sans-serif}
.auth-card p{margin:0;font-size:14px;line-height:20px}
.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#d4d4d8}
.field input{height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#f5f5f6;padding:0 14px;font:500 15px "DM Sans",sans-serif;outline:none}
.field input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:14px;border:0;cursor:pointer;font:600 15px/1 "DM Sans",sans-serif}
.btn.primary{background:linear-gradient(45deg,var(--a1),var(--a2));color:#fff;box-shadow:0 8px 24px var(--acc-soft)}
.btn.wide{width:100%}
.btn[disabled]{opacity:.6;cursor:wait}

/* estrutura */
.shell{display:flex;flex-wrap:wrap;gap:20px;padding:20px;max-width:1600px;margin:0 auto}
.side{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0;border-radius:24px;align-self:flex-start;position:sticky;top:20px}
.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(45deg,var(--a1),var(--a2));display:flex;align-items:center;justify-content:center;font:800 18px "Poppins",sans-serif;color:#fff;margin-bottom:14px}
.logo.big{width:52px;height:52px;font-size:22px;margin:0}
.navs{display:flex;flex-direction:column;gap:10px;align-items:center}
.nav{width:48px;height:48px;border-radius:999px;border:0;background:transparent;color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:700 12px/1 "Poppins",sans-serif;letter-spacing:.04em}
.nav:hover:not([disabled]){background:rgba(255,255,255,.07);color:#f5f5f6}
.nav[disabled]{opacity:.35;cursor:default}
.nav.on{background:linear-gradient(45deg,var(--a1),var(--a2));color:#fff;box-shadow:0 8px 24px var(--acc-soft)}
.sep{width:28px;height:1px;background:rgba(255,255,255,.1);margin:4px 0}
.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding:12px 4px 4px}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;color:#a1a1aa;text-transform:uppercase}
.titlerow{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:10px}
.title{margin:0;font:800 34px/40px "Poppins",sans-serif;letter-spacing:-.02em}
.subtitle{font:600 20px "Poppins",sans-serif;color:#a1a1aa;display:inline-flex;align-items:center;gap:10px}
.cur{font:700 11px/1 "DM Sans",sans-serif;letter-spacing:.08em;padding:5px 8px;border-radius:8px;background:var(--acc-soft);color:var(--acc-text)}
.live{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#a1a1aa}
.dot{width:8px;height:8px;border-radius:99px;background:#85858e;flex:none}
.dot.on{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.15)}
.tcap{text-transform:none;letter-spacing:0;font-family:"DM Sans",sans-serif;font-weight:500}
/* notificações */
.notif{position:relative}
.iconbtn{position:relative}
.iconbtn.has{color:#f5f5f6}
.nbadge{position:absolute;top:6px;right:6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:linear-gradient(45deg,var(--a1),var(--a2));color:#fff;font:700 10px/17px "DM Sans",sans-serif;text-align:center;box-shadow:0 0 0 2px #17181c}
.notifpop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:380px;max-width:calc(100vw - 32px);border-radius:18px;background:rgba(34,35,40,.9);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.np-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);font:600 14px "Poppins",sans-serif}
.linkbtn{border:0;background:none;color:#a1a1aa;font:500 12px "DM Sans",sans-serif;cursor:pointer;padding:4px}
.linkbtn:hover{color:#fff}
.np-list{max-height:420px;overflow-y:auto}
.nitem{display:flex;gap:12px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06)}
.nitem:first-child{border-top:0}
.ndot{width:8px;height:8px;border-radius:99px;margin-top:6px;flex:none;background:#8fd0ff}
.nitem.warn .ndot{background:#f5b544;box-shadow:0 0 0 4px rgba(245,181,68,.14)}
.nbody{min-width:0;flex:1}
.nbody b{display:block;font:600 13px/18px "DM Sans",sans-serif;color:#f5f5f6}
.nbody p{margin:4px 0 10px;font-size:12px;line-height:17px;color:#a1a1aa}
.nact{display:flex;gap:8px;flex-wrap:wrap}
.nbtn{height:30px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#d4d4d8;font:600 12px "DM Sans",sans-serif;cursor:pointer}
.nbtn:hover{background:rgba(255,255,255,.06);color:#fff}
.nbtn.pri{border:0;background:linear-gradient(45deg,var(--a1),var(--a2));color:#fff}
.nbtn.pri:hover{filter:brightness(1.08)}
.nempty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;color:#85858e;font-size:13px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter{display:flex;align-items:center;gap:8px;height:46px;padding:0 6px 0 14px;border-radius:16px;cursor:pointer}
.filter select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;border:0;color:#f5f5f6;font:600 14px "DM Sans",sans-serif;padding:0 32px 0 2px;height:44px;cursor:pointer;outline:none}
.filter select option,.filter select optgroup{background:#18181b;color:#f5f5f6}
.filter select optgroup{color:#85858e;font-weight:600}
/* seletor de data */
.datepick{position:relative}
.datebtn{border:1px solid rgba(255,255,255,.08);color:#f5f5f6;font:600 14px/1 "DM Sans",sans-serif;padding:0 12px 0 14px;min-width:190px;justify-content:space-between}
.datebtn #date-label{flex:1;text-align:left;white-space:nowrap}
.datebtn[aria-expanded="true"]{border-color:var(--acc-line)}
.datepop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;width:560px;max-width:calc(100vw - 32px);border-radius:18px;background:rgba(34,35,40,.9);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.dp-presets{display:flex;flex-direction:column;padding:10px;gap:2px;border-right:1px solid rgba(255,255,255,.08);min-width:160px}
.dp-presets button{border:0;background:transparent;color:#d4d4d8;text-align:left;font:500 14px/1 "DM Sans",sans-serif;padding:11px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}
.dp-presets button:hover{background:rgba(255,255,255,.06);color:#fff}
.dp-presets button.on{background:var(--acc-soft);color:var(--acc-text);font-weight:600}
.dp-cal{flex:1;padding:14px 16px 12px}
.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dp-nav span{font:600 15px "Poppins",sans-serif}
.dp-arrow{width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dp-arrow:hover:not([disabled]){background:rgba(255,255,255,.06);color:#fff}
.dp-arrow[disabled]{opacity:.3;cursor:default}
.dp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:4px}
.dp-wd{text-align:center;font-size:11px;font-weight:600;color:#85858e;padding:6px 0}
.dp-day{height:38px;border:0;background:transparent;color:#e4e4e7;font:500 13px "DM Sans",sans-serif;cursor:pointer;border-radius:10px;position:relative}
.dp-day:hover:not([disabled]){background:rgba(255,255,255,.08)}
.dp-day[disabled]{color:#4a4a52;cursor:default}
.dp-day.today{font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.dp-day.in{background:var(--acc-soft);border-radius:0;color:#fff}
.dp-day.edge{background:linear-gradient(45deg,var(--a1),var(--a2));color:#fff;font-weight:700;border-radius:10px}
.dp-hint{margin:8px 0 0;font-size:11px;color:#85858e;text-align:center}
/* dica flutuante das barrinhas dos funis */
.ftip{position:fixed;z-index:40;pointer-events:none;background:rgba(34,35,40,.94);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;font:500 12px "DM Sans",sans-serif;color:#a1a1aa;display:flex;flex-direction:column;gap:5px;min-width:190px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.ftip .t{font-weight:700;color:#f5f5f6}
.ftip .r{display:flex;justify-content:space-between;gap:14px}
.ftip .r b{color:#f5f5f6;font:600 12px "Poppins",sans-serif}
.ftip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.kpi-sub{font-size:11px;color:#85858e;margin-top:-4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi.hero .kpi-sub{color:rgba(255,255,255,.88)}
.ftipo{font-weight:600;color:#a1a1aa}
.iconbtn{width:46px;height:46px;border-radius:999px;color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.iconbtn:hover{color:#f5f5f6}
.iconbtn.spin svg{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seg{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px}
.seg.glass{border-radius:14px;padding:4px;height:46px}
.seg button{border:0;background:transparent;color:#a1a1aa;font:600 12px/1 "DM Sans",sans-serif;padding:8px 10px;border-radius:9px;cursor:pointer;white-space:nowrap}
.seg.glass button{padding:0 12px;font-size:13px;border-radius:10px}
.seg button:hover{color:#f5f5f6}
.seg button.on{background:rgba(255,255,255,.12);color:#f5f5f6}

/* grade */
.dash{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 327px;grid-template-areas:"kpis kpis funnel" "chart pie funnel" "funis funis funis" "camps camps camps";gap:20px}
.card{border-radius:22px}
.sec{padding:22px;display:flex;flex-direction:column;gap:18px;min-width:0}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.sec-title{display:flex;align-items:center;gap:12px;font:600 13px "Poppins",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ico{width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#f5f5f6;flex:none}
.sec-title .ico{width:32px;height:32px;background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc-text)}
.cap{font-size:11px;color:#85858e;white-space:nowrap}

/* KPIs */
.kpis{grid-area:kpis;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0;border-radius:18px}
.kpi-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.label{font:600 11px "Poppins",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa}
.kpi-num{font:700 21px/28px "Poppins",sans-serif;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-num small{font-size:13px;color:#a1a1aa;font-weight:600;margin-right:3px}
.kpi-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:20px;margin-top:2px}
.badge{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:8px;font-size:10.5px;font-weight:700}
.good{background:rgba(74,222,128,.13);color:#4ade80}
.bad{background:rgba(229,35,45,.16);color:#ff5c64}
.neutral{background:rgba(255,255,255,.07);color:#a1a1aa}
.kpi.hero{background:linear-gradient(45deg,color-mix(in srgb,var(--a1) 88%,transparent),color-mix(in srgb,var(--a2) 88%,transparent));border:1px solid var(--acc-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.kpi.hero .label,.kpi.hero .cap{color:rgba(255,255,255,.9)}
.kpi.hero .ico{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2);color:#fff}
.kpi.hero .kpi-num small{color:rgba(255,255,255,.85)}
.kpi.hero .badge{background:rgba(0,0,0,.25);color:#fff}
.skel{color:transparent !important;background:rgba(255,255,255,.06);border-radius:8px;animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.5}}

/* gráfico */
.chartsec{grid-area:chart}
.chartsec,.piesec{height:420px;overflow:hidden}
.chartsec .chart{flex:1;align-content:center}
/* pizza */
.piesec{grid-area:pie}
.pie{flex:1;min-height:0;display:flex;align-items:center;gap:22px}
.donut{position:relative;width:176px;height:176px;flex:none}
.donut svg{width:100%;height:100%;overflow:visible}
.arc{transition:opacity .15s,stroke-width .15s;cursor:pointer}
.arc.dim,.plist li.dim{opacity:.3}
.donut-c{position:absolute;inset:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.donut-c small{font:600 10px "Poppins",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#85858e}
.donut-c b{font:700 18px/24px "Poppins",sans-serif;letter-spacing:-.02em;white-space:nowrap}
.donut-c span{font-size:11px;color:#a1a1aa;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plist{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;max-height:100%;overflow-y:auto}
.plist li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"c n p" ". v v";align-items:center;column-gap:10px;row-gap:1px;padding:5px 8px;border-radius:10px;font-size:13px;cursor:default;transition:opacity .15s;outline:none}
.plist li:hover,.plist li:focus-visible{background:rgba(255,255,255,.04)}
.plist i{grid-area:c;width:10px;height:10px;border-radius:3px}
.plist .pn{grid-area:n;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d4d4d8}
.plist b{grid-area:v;font:600 12px "Poppins",sans-serif;white-space:nowrap;color:#f5f5f6}
.plist em{grid-area:p;font-style:normal;font-size:11px;font-weight:700;color:#85858e;text-align:right}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#a1a1aa}
.legend.small{font-size:11px;gap:10px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.sw{width:14px;height:3px;border-radius:2px;display:inline-block}
.dash-sw{background:repeating-linear-gradient(90deg,#f5b544 0 4px,transparent 4px 7px)}
.sq{width:10px;height:6px;border-radius:2px;display:inline-block}
.chart{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:8px}
.yax{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#85858e;height:240px;padding:12px 0 22px;margin-top:-6px}
.yax.r{text-align:right;color:#c99a3c}
.plot{position:relative;height:230px}
.plot svg{position:absolute;inset:0;width:100%;height:100%}
.hit{position:absolute;top:0;bottom:0;cursor:crosshair}
.guide{position:absolute;top:8px;bottom:20px;width:1px;background:rgba(255,255,255,.18);pointer-events:none}
.tip{position:absolute;width:12px;height:12px;border-radius:99px;background:var(--acc);border:3px solid #060607;box-shadow:0 0 0 1px var(--acc);transform:translate(-50%,-50%);pointer-events:none}
.tipbox{position:absolute;top:6px;background:rgba(34,35,40,.92);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:12px;color:#a1a1aa;display:flex;flex-direction:column;gap:5px;pointer-events:none;min-width:176px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.tipbox .t{font-weight:700;color:#f5f5f6}
.tipbox .r{display:flex;justify-content:space-between;gap:14px}
.tipbox .r b{color:#f5f5f6;font:600 12px "Poppins",sans-serif}
.tipbox i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.xax{grid-column:2;position:relative;height:16px;font-size:11px;color:#85858e}
.xax span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.empty{font-size:13px;color:#85858e;padding:18px 0;text-align:center}

/* funis */
.funissec{grid-area:funis}
.flist{display:flex;flex-direction:column}
.frow{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}
.frow:first-child{border-top:0;padding-top:4px}
.ftop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fname{display:flex;flex-direction:column;gap:5px;min-width:0}
.fname span.meta{font-size:12px;color:#85858e}
.fval{display:flex;align-items:center;gap:10px;flex:none}
.fval b{font:700 16px "Poppins",sans-serif}
.roas{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:9px;font-size:12px;font-weight:700}
.stack{cursor:help;display:flex;height:6px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.06);gap:2px}
.stack i{display:block;height:100%}
.fpill{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:999px;font:600 13px "Poppins",sans-serif;white-space:nowrap}
.fpill i{width:7px;height:7px;border-radius:99px;display:inline-block;background:currentColor}
.fpill.sm{height:22px;padding:0 9px;font-size:11px;gap:6px}

/* funil de conversão */
.funnel{grid-area:funnel;align-self:stretch;background:linear-gradient(45deg,color-mix(in srgb,var(--a1) 90%,transparent),color-mix(in srgb,var(--a2) 90%,transparent));border:1px solid var(--acc-line);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.funnel .sec-title .ico{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff}
.stages{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.stage{flex:1 1 0;min-height:76px;max-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.13);border-top:1px solid rgba(255,255,255,.3);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);padding:8px 0}
.stage small{font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.92)}
.stage b{font:700 24px/30px "Poppins",sans-serif}
.rate{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.3);font-size:11px;font-weight:700;color:#fff;white-space:nowrap}
.rate i{font-style:normal;color:rgba(255,255,255,.85);font-weight:600}
.overall{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:rgba(255,255,255,.92);padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.overall b{color:#fff;font-family:"Poppins",sans-serif}
.funnel .note{font-size:12px;line-height:17px;color:rgba(255,255,255,.9);text-align:center;margin:0}

/* campanhas */
.campsec{grid-area:camps}
.tablewrap{overflow-x:auto;margin:0 -22px;padding:0 22px}
.table{display:flex;flex-direction:column;--cols:minmax(280px,1fr) 140px 100px 100px 110px 150px 90px 90px 100px}
.tr{display:grid;grid-template-columns:var(--cols);gap:14px;align-items:center;padding:14px 4px;border-top:1px solid rgba(255,255,255,.07)}
.tr:hover{background:rgba(255,255,255,.025)}
.tr.th{border-top:0;padding-top:0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#85858e;font-weight:600}
.tr.th:hover{background:transparent}
.tr.th>span{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:6px}
.tr.th>span.num{padding-right:8px}
.rz{position:absolute;top:-6px;bottom:-6px;right:0;width:9px;cursor:col-resize;touch-action:none}
.rz::after{content:"";position:absolute;top:4px;bottom:4px;right:3px;width:2px;border-radius:2px;background:rgba(255,255,255,.12);transition:background .15s}
.tr.th>span:hover .rz::after{background:rgba(255,255,255,.3)}
.rz.on::after,.rz:hover::after{background:var(--acc)}
body.resizing{cursor:col-resize;user-select:none}
.num{min-width:0;overflow:hidden;text-overflow:ellipsis}
.num{text-align:right;font:500 14px "Poppins",sans-serif}
.th .num{font:600 10.5px "DM Sans",sans-serif}
.camp{display:flex;align-items:center;gap:10px;min-width:0}
.camp b{font-weight:600;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{height:3px;border-radius:3px;background:rgba(255,255,255,.06);margin-top:6px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a2),var(--a1));border-radius:3px}
.tr.total .num,.tr.total b{font-weight:700}
.tr.dim{opacity:.55}

@media (max-width:1320px){.dash{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"kpis funnel" "chart funnel" "pie pie" "funis funis" "camps camps"}.piesec{height:auto;min-height:300px}}
@media (max-width:900px){.piesec{min-height:0}.dash{grid-template-columns:minmax(0,1fr);grid-template-areas:"kpis" "chart" "pie" "funnel" "funis" "camps"}.funnel{align-self:start}.stage{flex:none;height:84px}}
@media (max-width:560px){.pie{flex-direction:column;align-items:stretch}.donut{align-self:center;width:180px;height:180px}.chartsec{height:auto}}
@media (max-width:760px){
  .shell{padding:12px;gap:12px}
  .shell{padding-bottom:96px}
  .side{position:fixed;top:auto;left:12px;right:12px;bottom:12px;z-index:20;flex-direction:row;justify-content:space-between;padding:8px;border-radius:20px;background:rgba(36,37,42,.72);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  .logo:not(.big),.sep{display:none}
  .navs{flex-direction:row;justify-content:space-around;width:100%;gap:2px}
  .nav{width:42px;height:42px}
  .main{gap:12px}
  .head{padding:4px 2px 0;align-items:flex-start}
  .title{font-size:28px;line-height:34px}
  .subtitle{font-size:16px}
  .main{gap:18px}
  .filters{width:100%}
  .datepick{flex:1 1 150px}
  .datebtn{width:100%;min-width:0}
  .filter{flex:1 1 150px}
  .filter select{width:100%}
  .datepop{position:fixed;top:auto;left:12px;right:12px;bottom:92px;width:auto;max-width:none;flex-direction:column;max-height:calc(100vh - 120px);overflow:auto}
  .dp-presets{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}
  .dp-presets button{padding:9px 10px;font-size:13px}
  .kpi-sub{font-size:9.5px}
  .iconbtn{display:none}
  .notif .iconbtn{display:flex}
  .notifpop{position:fixed;top:auto;left:12px;right:12px;bottom:92px;width:auto;max-width:none;max-height:calc(100vh - 120px);overflow:auto}
  .dash{gap:14px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:11px 12px;gap:6px;border-radius:16px}
  .kpi .ico{width:24px;height:24px}
  .kpi .ico svg{width:12px;height:12px}
  .label{font-size:9.5px;letter-spacing:.06em}
  .kpi-num{font-size:16px;line-height:22px}
  .kpi-num small{font-size:10.5px;margin-right:2px}
  .badge{height:18px;padding:0 6px;font-size:9.5px}
  .kpi .cap{font-size:9.5px}
  .sec{padding:18px;border-radius:20px}
  .tablewrap{margin:0 -18px;padding:0 18px}
  .chart{grid-template-columns:34px minmax(0,1fr) 32px;gap:6px}
  .tipbox{min-width:150px}
}

/* ===================== cadastro de funis ===================== */
.lead{margin:10px 0 0;font-size:14px;color:#a1a1aa;max-width:640px;line-height:21px}
.btn{display:inline-flex}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f5f5f6}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.small{height:36px;padding:0 14px;font-size:13px;border-radius:11px}
.btn.danger{background:transparent;border:1px solid rgba(255,92,100,.4);color:#ff5c64}
.btn.danger:hover{background:rgba(229,35,45,.12)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.fcol{display:flex;flex-direction:column;gap:20px;min-width:0}
.ico.warn{background:rgba(245,181,68,.14);border-color:rgba(245,181,68,.32);color:#f5b544}
.count{font:700 11px/1 "DM Sans",sans-serif;padding:5px 8px;border-radius:999px;background:rgba(245,181,68,.16);color:#f5b544;letter-spacing:0;text-transform:none}
.code{font:600 12px "Poppins",sans-serif;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#d4d4d8;white-space:nowrap}
.plat{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:7px;text-transform:uppercase;white-space:nowrap}
.plat.kiwify{background:rgba(45,181,111,.14);color:#3ddc84}
.plat.hotmart{background:rgba(255,90,0,.14);color:#ff8a4c}
.alerts{display:flex;flex-direction:column}
.al{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}
.al:first-child{border-top:0;padding-top:2px}
.al-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.al-top{display:flex;align-items:center;gap:8px;min-width:0}
.al-top b{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-sub{font-size:12px;color:#85858e;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.al-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.al-err{grid-column:1/-1;margin:-4px 0 0;font-size:12px;color:#ff5c64}
.sug{font-size:11px;color:var(--acc-text);font-weight:600}
.sel{appearance:none;-webkit-appearance:none;height:36px;min-width:170px;max-width:220px;padding:0 30px 0 12px;border-radius:11px;background:rgba(255,255,255,.05) 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='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid rgba(255,255,255,.1);color:#f5f5f6;font:500 13px "DM Sans",sans-serif;cursor:pointer;outline:none}
.sel.sm{min-width:150px;max-width:170px}
.ftr.th .num{font:600 10.5px "DM Sans",sans-serif}
.sel:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.sel option,.sel optgroup{background:#18181b;color:#f5f5f6}
.ok-msg{display:flex;align-items:center;gap:10px;font-size:13px;color:#a1a1aa;padding:6px 0}
.ok-msg i{width:22px;height:22px;border-radius:99px;background:rgba(74,222,128,.15);color:#4ade80;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}
.ftable{min-width:820px;display:flex;flex-direction:column}
.ftr{display:grid;grid-template-columns:minmax(200px,1.6fr) 110px 120px 100px 70px 90px 56px 44px;gap:14px;align-items:center;padding:13px 4px;border-top:1px solid rgba(255,255,255,.07)}
.ftr.th{border-top:0;padding-top:0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#85858e;font-weight:600}
.ftr .num{font-size:14px}
.ftr.off{opacity:.5}
.ftr .muted{font-size:13px;color:#a1a1aa}
.toggle{width:40px;height:24px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;border:0;padding:0;cursor:pointer;flex:none}
.toggle::after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:99px;background:#a1a1aa;transition:left .15s}
.toggle[aria-checked="true"]{background:linear-gradient(45deg,var(--a1),var(--a2))}
.toggle[aria-checked="true"]::after{left:20px;background:#fff}
.icbtn{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none}
.icbtn:hover{color:#f5f5f6;background:rgba(255,255,255,.1)}
.icbtn.sm{width:30px;height:30px}
.roles{display:flex;flex-direction:column}
.role{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:#d4d4d8}
.role:first-child{border-top:0}
.role b{font:600 12px "Poppins",sans-serif;color:#f5f5f6;padding:3px 8px;border-radius:7px;background:rgba(255,255,255,.07);justify-self:start}
.fcol .note{margin:0;font-size:12px;color:#85858e;line-height:18px}
/* modal */
.overlay{position:fixed;inset:0;z-index:50;background:rgba(10,11,14,.52);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:64px 16px;overflow-y:auto}
.modal{width:100%;max-width:560px;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:18px;background:rgba(34,35,40,.84);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 80px rgba(0,0,0,.45)}
.m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.m-head h2{margin:0;font:700 20px "Poppins",sans-serif}
.m-head p{margin:4px 0 0;font-size:13px;color:#a1a1aa}
.mf{display:flex;flex-direction:column;gap:7px}
.mf>label,.mf>.flabel{font-size:12px;font-weight:600;color:#d4d4d8}
.mf input[type=text]{height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#f5f5f6;padding:0 14px;font:500 14px "DM Sans",sans-serif;outline:none;width:100%}
.mf input[type=text]:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.mf .sel{max-width:none;width:100%;height:44px;border-radius:12px;font-size:14px}
.hint{font-size:12px;color:#85858e}
.mrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.platpick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pp{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#f5f5f6;cursor:pointer;text-align:left;font:600 14px/1.2 "DM Sans",sans-serif}
.pp small{display:block;font-weight:500;font-size:12px;color:#85858e;margin-top:3px}
.pp .pdot{width:10px;height:10px;border-radius:99px;flex:none}
.pp[aria-checked="true"]{border-color:#f5f5f6;background:rgba(255,255,255,.07)}
.pp[disabled]{cursor:not-allowed;opacity:.55}
.pp[disabled][aria-checked="true"]{opacity:1}
.swatches{display:flex;flex-wrap:wrap;gap:10px}
.sw2{width:34px;height:34px;border-radius:999px;border:2px solid transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent}
.sw2 i{width:22px;height:22px;border-radius:99px;display:block}
.sw2[aria-checked="true"]{border-color:#f5f5f6}
.olist{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;max-height:260px;overflow-y:auto}
.orow{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-top:1px solid rgba(255,255,255,.06);font-size:13px}
.orow:first-child{border-top:0}
.orow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4d4d8}
.orow.rm span{text-decoration:line-through;color:#6b6b74}
.orow .sel{height:32px;min-width:0;width:84px;font-size:12px}
.linkbtn{border:0;background:none;color:var(--acc-text);font:600 12px "DM Sans",sans-serif;cursor:pointer;padding:4px}
.preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.preview>span:first-child{font-size:12px;color:#85858e}
.m-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}
.m-foot .r{display:flex;gap:10px;margin-left:auto}
.switch{display:flex;align-items:center;gap:10px;font-size:13px;color:#d4d4d8}
.confirm{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,92,100,.35);background:rgba(229,35,45,.08);font-size:13px;color:#f5f5f6}
.confirm .r{display:flex;gap:10px;justify-content:flex-end}
@media (max-width:1180px){.fgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .al{grid-template-columns:minmax(0,1fr)}
  .al-act{justify-content:stretch}
  .al-act .sel{flex:1 1 140px;max-width:none}
  .al-act .sel.sm{flex:1 1 130px}
  .mrow,.platpick{grid-template-columns:minmax(0,1fr)}
  .overlay{padding:16px 10px 96px}
  .modal{padding:20px;border-radius:20px}
  #fp-new{width:100%;justify-content:center}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tablewrap{position:relative}

/* ---------- vendas: busca, detalhes, venda manual ---------- */
.vsearch{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vs-input{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#a1a1aa;transition:border-color .15s,box-shadow .15s}
.vs-input:focus-within{border-color:var(--acc-line);box-shadow:0 0 0 3px var(--acc-soft);color:#f5f5f6}
.vs-input input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#f5f5f6;font:500 15px "DM Sans",sans-serif;outline:none}
.vs-input input::placeholder{color:#7c7c86}
.vs-input input::-webkit-search-cancel-button{filter:invert(.7)}
.vsearch .sel{height:50px;border-radius:15px;min-width:180px}
.vcap{min-height:18px;font-size:12px;color:#8b8b94;display:flex;align-items:center;gap:8px;margin-top:-6px}
.spin-dot{width:12px;height:12px;border-radius:99px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--acc);animation:spin .8s linear infinite;display:inline-block;vertical-align:-2px;margin-right:6px}
.vtable{min-width:860px;display:flex;flex-direction:column}
.vr{display:grid;grid-template-columns:96px minmax(220px,1.4fr) minmax(220px,1.5fr) 110px 130px 130px;gap:16px;align-items:center;padding:12px 10px;margin:0 -10px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:0;width:calc(100% + 20px)}
.vr:not(.th):hover{background:rgba(255,255,255,.04);border-radius:14px;border-top-color:transparent}
.vr:not(.th):hover+.vr{border-top-color:transparent}
.vr:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;border-radius:14px}
.vr.th{cursor:default;border-top:0;padding-top:0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#85858e;font-weight:600}
.vr>span{min-width:0}
.vr b{display:block;font-weight:600;font-size:14px;color:#f5f5f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr small{display:block;font-size:12px;color:#8b8b94;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr .num b{font-family:"Poppins",sans-serif}
.va{display:flex;align-items:center;gap:12px}
.vt{min-width:0;display:block}
.av{flex:none;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:600 12px "Poppins",sans-serif;color:#e4e4e7;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}
.vpm{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}
.papel{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:7px;font:700 10.5px "DM Sans",sans-serif;letter-spacing:.04em;color:#d4d4d8;background:rgba(255,255,255,.07)}
.papel.man{color:#c4a5ff;background:rgba(196,165,255,.12)}
.ptag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#d4d4d8}
.ptag i{width:8px;height:8px;border-radius:3px;background:var(--pc,#85858e)}
.schip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.schip i{width:6px;height:6px;border-radius:99px;background:currentColor}
.schip.ok{background:rgba(74,222,128,.12);color:#5ee69a}
.schip.rf{background:rgba(255,179,102,.13);color:#ffb366}
.schip.cb{background:rgba(255,92,100,.14);color:#ff7d84}
.schip.pd{background:rgba(255,255,255,.07);color:#b4b4bc}
/* modal de detalhes */
.modal.wide{max-width:760px}
.mclose{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mclose:hover{color:#fff;background:rgba(255,255,255,.08)}
.m-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.modal h3{margin:0 0 10px;font:600 12px "Poppins",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa}
.money3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}
.m3{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:0}
.m3 span{font-size:12px;color:#a1a1aa}
.m3 b{font:700 20px/1.2 "Poppins",sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3 small{font-size:11px;color:#a1a1aa}
.m3.main{background:linear-gradient(45deg,color-mix(in srgb,var(--a1) 30%,transparent),color-mix(in srgb,var(--a2) 22%,transparent));border-color:var(--acc-line)}
.m3.main span,.m3.main small{color:rgba(255,255,255,.85)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dgrid section{padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);min-width:0}
.dgrid dl{margin:0;display:flex;flex-direction:column;gap:10px}
.dl{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.dl dt{color:#8b8b94}
.dl dd{margin:0;color:#f5f5f6;display:flex;align-items:center;gap:6px;min-width:0}
.dl dd>a,.dl dd>span.t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl a{color:#f5f5f6;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.dl a:hover{text-decoration-color:var(--acc)}
code{font:500 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.07);padding:2px 6px;border-radius:6px}
.cpy{flex:none;width:26px;height:26px;border-radius:8px;border:0;background:transparent;color:#85858e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cpy:hover{background:rgba(255,255,255,.08);color:#fff}
.cpy.done{color:#5ee69a}
.outros{display:flex;flex-direction:column}
.o-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.olist2{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02)}
.orow2{display:grid;grid-template-columns:86px minmax(0,1fr) auto 104px 118px;gap:12px;align-items:center;padding:11px 14px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%}
.orow2:first-child{border-top:0}
.orow2:hover{background:rgba(255,255,255,.04)}
.orow2 .od{font-size:12px;color:#a1a1aa}
.orow2 .op{min-width:0}
.orow2 .op b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orow2 .op small{display:block;font-size:11.5px;color:#85858e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orow2 .num b{font:600 13px "Poppins",sans-serif}
.empty.sm{padding:16px;font-size:13px}
/* formulário */
.mrow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mf input[type=datetime-local]{height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#f5f5f6;padding:0 12px;font:500 14px "DM Sans",sans-serif;outline:none;width:100%;color-scheme:dark}
.mf input[type=datetime-local]:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.ro{height:44px;display:flex;align-items:center;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.12);font:600 14px "Poppins",sans-serif;color:#d4d4d8}
.msep{display:flex;align-items:center;gap:12px;font:600 11px "Poppins",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#85858e;margin-top:4px}
.msep::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.modal code{font-size:12px}
body.noscroll{overflow:hidden}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:80;padding:12px 18px;border-radius:14px;background:rgba(34,35,40,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);color:#f5f5f6;font:600 14px "DM Sans",sans-serif;box-shadow:0 16px 40px rgba(0,0,0,.4);transition:opacity .4s,transform .4s}
.toast.out{opacity:0;transform:translate(-50%,8px)}
@media (max-width:760px){
  .vsearch .sel{flex:1 1 140px;min-width:0}
  .vtable{min-width:0}
  .vr.th{display:none}
  .vr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a s" "p v" "d t";gap:8px 12px;margin:0;width:100%;padding:14px 4px}
  .vr .vd{grid-area:d}.vr .va{grid-area:a}.vr .vp{grid-area:p}.vr>span:nth-child(4){grid-area:t;text-align:right}.vr .num{grid-area:v}.vr>span:last-child{grid-area:s;justify-self:end}
  .vr .vd b,.vr .vd small{display:inline;font-size:12px;color:#8b8b94;font-weight:500}
  .vr .vd small{margin-left:6px}
  .dgrid{grid-template-columns:1fr}
  .money3{grid-template-columns:1fr 1fr}.m3.main{grid-column:1/-1}
  .m3 b{font-size:17px}
  .dl{grid-template-columns:104px minmax(0,1fr)}
  .orow2{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"p v" "d s"}
  .orow2 .op{grid-area:p}.orow2 .num{grid-area:v}.orow2 .od{grid-area:d}.orow2 .of{display:none}.orow2 .schip{grid-area:s;justify-self:end}
  .mrow3{grid-template-columns:1fr 1fr}
  .modal{padding:20px}
  .toast{bottom:100px}
}