
:root{--ink:#10233d;--muted:#687b92;--line:#d8e6f3;--blue:#0788d8;--green:#0a9b6e;--orange:#d98608;--red:#dc3855;--panel:#fff;--bg:#eef8ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f8fcff 0%,#eaf7ff 58%,#effcf8 100%);min-height:100vh}
a{color:inherit}.sales-shell{width:min(1540px,calc(100% - 28px));margin:0 auto;padding:18px 0 48px}
.sales-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4px 22px}.sales-brand{display:flex;align-items:center;gap:14px}.sales-brand img{width:112px;max-height:56px;object-fit:contain}.sales-brand div{border-left:1px solid var(--line);padding-left:16px}.sales-brand small{display:block;color:#0784d4;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.sales-brand h1{font-size:19px;margin:4px 0 0}.sales-header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sales-header-actions a,.sales-header-actions button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 14px;text-decoration:none;font-weight:800;cursor:pointer}
.sales-hero{background:linear-gradient(120deg,#072c51 0%,#087fc6 60%,#10a77c 125%);color:#fff;border-radius:28px;padding:28px;box-shadow:0 25px 65px rgba(10,70,112,.18);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px}.sales-hero h2{font-size:clamp(26px,3vw,42px);margin:8px 0 12px}.sales-hero p{max-width:780px;color:#dcefff;line-height:1.65}.sales-hero .eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a8e8ff}.sales-hero-note{align-self:stretch;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:18px;display:grid;align-content:center;gap:8px}.sales-hero-note b{font-size:25px}.sales-hero-note span{color:#dcf4ff}
.sales-filters{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:12px;box-shadow:0 15px 40px rgba(28,89,129,.08)}.sales-filters label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#53677f}.sales-filters input,.sales-filters select{width:100%;min-height:43px;border:1px solid #cfddea;border-radius:12px;padding:9px 11px;background:#fff;color:var(--ink)}.sales-filter-actions{display:flex;align-items:end;gap:8px}.sales-filter-actions button{min-height:43px;border:0;border-radius:12px;padding:0 15px;font-weight:850;cursor:pointer}.sales-filter-actions .primary{background:#0788d8;color:#fff}.sales-filter-actions .secondary{background:#eef5fb;color:#34516d}
.sales-status{margin:14px 0;color:var(--muted);font-size:13px}
.sales-kpis{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:13px}.sales-kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-width:0;box-shadow:0 10px 30px rgba(20,78,116,.07)}.sales-kpi small{display:block;color:var(--muted);font-weight:800}.sales-kpi b{display:block;font-size:26px;margin:8px 0 3px;overflow-wrap:anywhere}.sales-kpi span{font-size:12px;color:#8191a4}.sales-kpi.good b{color:var(--green)}.sales-kpi.warn b{color:var(--orange)}
.sales-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px;margin-top:15px}.sales-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;min-width:0;box-shadow:0 12px 36px rgba(20,78,116,.07)}.sales-card h3{margin:0 0 4px;font-size:17px}.sales-card>p{margin:0 0 16px;color:var(--muted);font-size:13px}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-12{grid-column:span 12}
.chart-frame{position:relative;width:100%;min-height:300px;overflow:hidden}.chart-frame svg{width:100%;height:310px;display:block}.axis-label{font-size:11px;fill:#6b7f95}.grid-line{stroke:#e8f0f7;stroke-width:1}.line-sales{fill:none;stroke:#0788d8;stroke-width:3}.area-sales{fill:url(#salesArea)}.line-checkout{fill:none;stroke:#10a77c;stroke-width:2.5}
.funnel{display:grid;gap:10px;padding:4px 0}.funnel-step{display:grid;grid-template-columns:130px minmax(0,1fr) 76px;gap:10px;align-items:center}.funnel-step label{font-size:13px;font-weight:750}.funnel-bar{height:34px;background:#eaf2f8;border-radius:10px;overflow:hidden}.funnel-bar i{display:block;height:100%;background:linear-gradient(90deg,#0788d8,#0fb58a);border-radius:10px}.funnel-step b{text-align:right}
.breakdown-list{display:grid;gap:10px}.breakdown-row{display:grid;grid-template-columns:minmax(110px,1fr) 2fr 72px;gap:10px;align-items:center}.breakdown-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.breakdown-track{height:11px;border-radius:999px;background:#eaf1f7;overflow:hidden}.breakdown-track i{display:block;height:100%;background:#0788d8;border-radius:999px}.breakdown-row span{text-align:right;color:var(--muted);font-size:12px}
.donut-wrap{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px}.donut{width:176px;height:176px;border-radius:50%;position:relative;background:conic-gradient(#0788d8 0 50%,#10a77c 50% 75%,#f0a020 75% 90%,#b2bfd0 90%)}.donut::after{content:"";position:absolute;inset:32px;border-radius:50%;background:#fff}.donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;text-align:center}.donut-center b{font-size:25px}.donut-center small{color:var(--muted)}.legend{display:grid;gap:8px}.legend div{display:flex;align-items:center;justify-content:space-between;gap:12px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px}
.sales-table-wrap{overflow:auto;border:1px solid #e2ecf5;border-radius:15px}.sales-table{width:100%;border-collapse:collapse;min-width:980px}.sales-table th,.sales-table td{padding:11px 12px;border-bottom:1px solid #e9f0f6;text-align:left;font-size:12px;vertical-align:top}.sales-table th{background:#f5f9fc;color:#4e6178;position:sticky;top:0}.sales-table td{overflow-wrap:anywhere}.status-pill{display:inline-flex;border-radius:999px;padding:5px 8px;font-weight:850;font-size:11px}.status-pill.completed,.status-pill.active,.status-pill.paid{background:#dff7ed;color:#087b58}.status-pill.open,.status-pill.checkout_open{background:#e6f2ff;color:#0874bd}.status-pill.failed,.status-pill.canceled,.status-pill.expired{background:#ffe4e9;color:#b42c45}.status-pill.unknown{background:#eef1f5;color:#607184}
.sales-empty{padding:30px;text-align:center;color:var(--muted)}.sales-error{padding:18px;border-radius:15px;background:#ffe9ed;color:#a9253d}.sales-loading{opacity:.6;pointer-events:none}
.sales-footer{padding:28px 4px 0;color:#71839a;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:1200px){.sales-filters{grid-template-columns:repeat(4,1fr)}.sales-kpis{grid-template-columns:repeat(3,1fr)}.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12}}
@media(max-width:720px){.sales-shell{width:min(100% - 18px,1540px)}.sales-header{align-items:flex-start}.sales-brand img{width:82px}.sales-header-actions{justify-content:flex-end}.sales-hero{grid-template-columns:1fr;padding:22px}.sales-filters{grid-template-columns:1fr 1fr}.sales-kpis{grid-template-columns:1fr 1fr}.funnel-step{grid-template-columns:95px minmax(0,1fr) 54px}.donut-wrap{grid-template-columns:1fr;justify-items:center}}
@media print{
  body{background:#fff}.sales-shell{width:100%;padding:0}.sales-header-actions,.sales-filters,.hc-admin-notifications{display:none!important}.sales-hero{box-shadow:none;color:#10233d;background:#eef7ff;border:1px solid #cfe0f2}.sales-hero p,.sales-hero .eyebrow,.sales-hero-note span{color:#425970}.sales-card,.sales-kpi{box-shadow:none;break-inside:avoid}.sales-grid{display:block}.sales-card{margin:0 0 12px}.span-12,.span-8,.span-7,.span-6,.span-5,.span-4{width:100%}.sales-table-wrap{overflow:visible}.sales-table{min-width:0;font-size:9px}.sales-table th,.sales-table td{font-size:9px;padding:5px}.sales-footer{border-top:1px solid #ddd}.no-print{display:none!important}
}

/* M4.27 — atribuição inteligente e links limpos do YouTube */
.sales-link-generator{margin:0 0 16px;background:linear-gradient(135deg,#071f3b,#0a79bf 65%,#0aa37a);color:#fff;border-radius:24px;padding:22px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:22px;box-shadow:0 18px 48px rgba(8,74,118,.14)}
.sales-link-generator .eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#b9ebff}.sales-link-generator h3{margin:7px 0 8px;font-size:22px}.sales-link-generator p{margin:0;color:#dcefff;line-height:1.6}.sales-link-generator code{background:rgba(255,255,255,.14);padding:2px 6px;border-radius:7px}.sales-link-generator-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-link-generator-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.sales-link-generator-form input{width:100%;min-height:43px;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 12px;background:#fff;color:#10233d}.sales-link-generator-form .generated-link{grid-column:1/-1;background:#effbff;font-weight:800}.sales-link-actions{display:flex;gap:8px;align-items:end}.sales-link-actions button{min-height:43px;border:0;border-radius:12px;padding:0 16px;font-weight:850;cursor:pointer}.sales-link-actions .primary{background:#fff;color:#086ca9}.sales-link-actions .secondary{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35)}.sales-link-actions button:disabled{opacity:.45;cursor:not-allowed}.sales-link-generator-form small{grid-column:1/-1;color:#dcefff}
.sales-kpis{grid-template-columns:repeat(4,minmax(160px,1fr))}.cell-note{display:block;margin-top:4px;color:#8191a4}.confidence-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-weight:850;font-size:11px}.confidence-pill.high{background:#dff7ed;color:#087b58}.confidence-pill.medium{background:#fff2d7;color:#a76500}.confidence-pill.low{background:#eef1f5;color:#607184}.sales-table{min-width:1600px}
@media(max-width:1000px){.sales-link-generator{grid-template-columns:1fr}.sales-link-generator-form{grid-template-columns:1fr}.sales-link-actions,.sales-link-generator-form .generated-link,.sales-link-generator-form small{grid-column:1}.sales-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sales-kpis{grid-template-columns:1fr}.sales-link-generator{padding:18px}}

/* M4.28 — atualização em tempo real, carrinho abandonado e webhooks comerciais */
.sales-live-toolbar{margin:14px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px rgba(20,78,116,.06)}
.sales-live-toolbar>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;row-gap:2px;min-width:0}.sales-live-toolbar strong{font-size:13px}.sales-live-toolbar small{grid-column:2;color:var(--muted);overflow-wrap:anywhere}.sales-live-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(104,123,146,.1)}.sales-live-dot.connecting{background:#8ca1b7;animation:salesPulse 1.3s infinite}.sales-live-dot.online{background:#0a9b6e;box-shadow:0 0 0 5px rgba(10,155,110,.12)}.sales-live-dot.receiving{background:#0788d8;box-shadow:0 0 0 5px rgba(7,136,216,.15);animation:salesPulse .7s infinite}.sales-live-dot.polling{background:#d98608;box-shadow:0 0 0 5px rgba(217,134,8,.14)}.sales-live-dot.paused,.sales-live-dot.offline{background:#dc3855;box-shadow:0 0 0 5px rgba(220,56,85,.12)}
@keyframes salesPulse{50%{transform:scale(.7);opacity:.55}}
.sales-live-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sales-live-actions button{min-height:39px;border:0;border-radius:11px;padding:0 14px;font-weight:850;cursor:pointer}.sales-live-actions .secondary{background:#eef5fb;color:#34516d}.sales-auto-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#53677f;white-space:nowrap}.sales-auto-toggle input{accent-color:#0788d8}

.sales-webhook-card{margin:0 0 16px;padding:22px;border:1px solid #cfe1ef;border-radius:24px;background:linear-gradient(140deg,#fff,#f5fbff 72%,#f1fff9);display:grid;grid-template-columns:minmax(250px,.72fr) minmax(390px,1.28fr);gap:22px;box-shadow:0 16px 44px rgba(20,78,116,.08)}.sales-webhook-copy .eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#087bc0}.sales-webhook-copy h3{margin:7px 0 8px;font-size:22px}.sales-webhook-copy>p{margin:0;color:var(--muted);line-height:1.62}.sales-webhook-security{margin-top:16px;padding:14px;border:1px solid #cfe5f3;border-radius:15px;background:#eef9ff;display:grid;gap:4px}.sales-webhook-security strong{font-size:12px;color:#096caa}.sales-webhook-security span{font-size:12px;color:#526a80;line-height:1.5}.sales-webhook-security code{overflow-wrap:anywhere}
.sales-webhook-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:12px;align-content:start}.sales-webhook-form>label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#53677f}.sales-webhook-form input[type=url],.sales-webhook-form input[type=password],.sales-secret-once input{width:100%;min-height:43px;border:1px solid #cfddea;border-radius:12px;padding:9px 11px;background:#fff;color:var(--ink)}.sales-webhook-form label small{font-weight:500;color:#8191a4}.sales-webhook-url{grid-column:1/-1}.sales-webhook-enabled{display:flex!important;align-items:center;align-self:center;gap:8px}.sales-webhook-enabled input{accent-color:#0788d8}.sales-webhook-form fieldset{grid-column:1/-1;margin:0;border:1px solid #dbe8f2;border-radius:15px;padding:13px}.sales-webhook-form legend{padding:0 6px;color:#53677f;font-size:12px;font-weight:850}.sales-webhook-events{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}.sales-webhook-events label{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#f5f9fc;font-size:12px;color:#354f68}.sales-webhook-events input{accent-color:#0788d8}.sales-webhook-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.sales-webhook-actions button,.sales-secret-once button{min-height:41px;border:0;border-radius:11px;padding:0 15px;font-weight:850;cursor:pointer}.sales-webhook-actions .primary{background:#0788d8;color:#fff}.sales-webhook-actions .secondary,.sales-secret-once .secondary{background:#eaf2f8;color:#34516d}.sales-webhook-actions button:disabled{opacity:.55;cursor:wait}.sales-webhook-status{grid-column:1/-1;margin:0;color:#62758b;font-size:12px;line-height:1.5}.sales-secret-once{grid-column:1/-1;padding:14px;border:1px solid #f4cf73;border-radius:15px;background:#fff9e8}.sales-secret-once.hidden{display:none}.sales-secret-once strong{color:#815906}.sales-secret-once p{margin:3px 0 10px;color:#765e2b;font-size:12px}.sales-secret-once>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sales-webhook-deliveries{grid-column:1/-1;border-top:1px solid #dce8f1;padding-top:18px}.sales-webhook-deliveries-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:10px}.sales-webhook-deliveries-head h4{margin:0 0 3px}.sales-webhook-deliveries-head p{margin:0;color:var(--muted);font-size:12px}.sales-webhook-deliveries-head>span{color:#62758b;font-size:12px}.sales-table.compact{min-width:720px}.sales-table.compact th,.sales-table.compact td{padding:8px 10px}
.line-abandoned{fill:none;stroke:#d98608;stroke-width:2.5;stroke-dasharray:7 5}.status-pill.abandoned{background:#fff0d8;color:#a65c00}.status-pill.created{background:#edf1f6;color:#526477}.status-pill.delivered{background:#dff7ed;color:#087b58}.status-pill.queued,.status-pill.running{background:#e6f2ff;color:#0874bd}.status-pill.skipped{background:#f1f3f6;color:#657589}

@media(max-width:1050px){.sales-webhook-card{grid-template-columns:1fr}.sales-webhook-deliveries{grid-column:auto}.sales-webhook-events{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:720px){.sales-live-toolbar{align-items:flex-start;flex-direction:column}.sales-live-actions{width:100%;justify-content:space-between}.sales-webhook-card{padding:17px}.sales-webhook-form{grid-template-columns:1fr}.sales-webhook-url,.sales-webhook-form fieldset,.sales-webhook-actions,.sales-webhook-status,.sales-secret-once{grid-column:1}.sales-webhook-events{grid-template-columns:1fr}.sales-secret-once>div{grid-template-columns:1fr}.sales-webhook-deliveries-head{align-items:flex-start;flex-direction:column}}
@media print{.sales-live-toolbar,.sales-webhook-card{display:none!important}}

/* M4.35.0 — vídeo exato do YouTube e atribuição detalhada Meta Ads */
.youtube-generator{background:linear-gradient(135deg,#071f3b,#0a79bf 65%,#0aa37a)}
.meta-generator{background:linear-gradient(135deg,#321451,#7a2cc7 56%,#ee3d83)}
.field-recommended{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.17);font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.generator-help{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.1);display:grid;gap:3px}
.generator-help strong{font-size:12px}.generator-help span{font-size:12px;line-height:1.5;color:#f4eaff}
.sales-link-generator-form .wide-field{grid-column:1/-1}
.generated-parameters{min-height:112px;resize:vertical;font:700 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}
.meta-link-form .sales-link-actions{grid-column:1/-1;flex-wrap:wrap}
.meta-link-form .sales-link-actions .primary{color:#6b1aa8}
.sales-table{min-width:1920px}
@media(max-width:1000px){.meta-link-form .wide-field,.meta-link-form .sales-link-actions{grid-column:1}.sales-table{min-width:1800px}}

/* M4.35.1 — links curtos dinâmicos do YouTube */
.youtube-short-form label small{font-weight:500;color:#dcefff;line-height:1.45}
.youtube-short-form .sales-link-actions{grid-column:1/-1;flex-wrap:wrap}
.youtube-short-form .generated-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
@media(max-width:1000px){.youtube-short-form .wide-field,.youtube-short-form .sales-link-actions{grid-column:1}}
