:root{--ink:#19332e;--muted:#6b7772;--green:#245747;--bg:#f6f7f3;--line:#e0e6df;--cream:#eae6d6;--gold:#d5a45c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a77c36;outline-offset:3px}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:32px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:-.6px}.brand-and{display:block;font-size:14px;font-weight:500;letter-spacing:.1px;color:var(--muted)}.brand-symbol{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid var(--green);border-radius:12px;font-family:Georgia,serif;font-size:21px;letter-spacing:-2px;background:#f4f5ed;color:var(--green)}.brand-symbol span{color:#ae813a;margin:0 2px}.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8c9690;margin:48px 12px 14px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;font-size:13px;font-weight:550;color:#68766f}nav a span{font-size:21px;width:23px;text-align:center;color:#768b80}nav a:hover,nav a.active{background:#eaf0e9;color:#234d3d}nav a.active{font-weight:700}nav a.active span{color:var(--green)}.sidebar-bottom{margin-top:auto;padding:26px 12px 0;font-size:12px}.sidebar-bottom strong{display:block;font-size:13px;line-height:1.5}.sidebar-bottom p{color:var(--muted)}.sidebar-bottom a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.small-mark{font-size:11px;border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;margin-bottom:12px}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{min-height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#fff;gap:16px}.breadcrumb{font-size:10px;letter-spacing:1.3px;color:#74827a}.breadcrumb span{margin:0 15px;color:#b4bcb7}.breadcrumb b{letter-spacing:0;font-size:12px;font-weight:500;color:var(--ink)}#userbar{display:flex;align-items:center;gap:12px;font-size:12px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:white;padding:11px 18px;font-weight:600;font-size:13px;white-space:normal}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.small{font-size:12px;padding:8px 15px}.button.text{border:none;background:none;color:var(--green);padding-left:0}.button.danger{background:#fff;color:#a1382c;border-color:#dba99d}.menu-toggle{display:none}main{max-width:1500px;margin:0 auto;padding:35px 40px 60px;min-height:75vh}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.18;letter-spacing:-1px;font-weight:650;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.4px;line-height:1.3;margin-bottom:8px}h3{font-size:15px;font-weight:650;margin-bottom:8px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--green);margin-bottom:12px}.muted{color:var(--muted)}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.heading p{color:var(--muted);font-size:14px;margin-bottom:0}.date-tag{font-size:11px;border:1px solid var(--line);border-radius:6px;background:white;padding:7px 10px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;border-radius:12px;background:#eaeedf;border:1px solid #dce2d2;padding:34px;margin-bottom:25px;position:relative;overflow:hidden}.hero h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.13;letter-spacing:-1px;font-weight:400;margin-bottom:17px;max-width:460px}.hero p{font-size:13px;color:#5f705e;max-width:410px}.hero-visual{display:flex;align-items:center;justify-content:center;min-height:180px}.editorial{width:260px;height:195px;position:relative;border:1px solid #b8c6b1;border-radius:50%}.editorial:before,.editorial:after{content:"";position:absolute;border:1px solid #b8c6b1;border-radius:50%;inset:23px}.editorial:after{inset:47px}.number-tile{position:absolute;display:grid;place-items:center;background:#fdfef7;border:1px solid #d4d9cb;border-radius:13px;width:64px;height:70px;font-size:25px;font-family:Georgia,serif;box-shadow:0 8px 18px #3147300a;z-index:1}.number-tile:nth-child(1){left:-15px;top:30px;transform:rotate(-10deg)}.number-tile:nth-child(2){left:85px;top:-12px;transform:rotate(8deg)}.number-tile:nth-child(3){right:-10px;top:55px;transform:rotate(13deg)}.number-tile:nth-child(4){left:65px;bottom:-5px;transform:rotate(-5deg);background:#275341;color:#fff}.visual-caption{position:absolute;bottom:-35px;width:100%;text-align:center;font-size:9px;color:#76846d;letter-spacing:1.3px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:9px}.metric-label{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:27px;font-weight:600;margin:5px 0}.metric small{font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.section-heading h2{margin-bottom:0}.section-heading a{font-size:12px;color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.card,.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lottery-mark{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#edf2e9;color:#3c684d;font-size:15px;margin-bottom:12px}.card small{font-size:10px;color:var(--muted)}.balls{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.ball{border:1px solid #dfe7d9;background:#f5f8f0;color:#355c39;border-radius:50%;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;padding:0 5px}.card-bottom{border-top:1px solid #edf0e9;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#627660}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:#729b6e}.notice{background:#f2f0e7;border:1px solid #e4dfcf;border-radius:8px;padding:14px 17px;font-size:12px;color:#73674c;margin:16px 0;line-height:1.6}.notice.error{background:#fff0ed;border-color:#eac7be;color:#a03c28}.notice.success{background:#edf6ec;border-color:#c5dec2;color:#365f37}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.panel p{font-size:13px;color:var(--muted)}.field{display:grid;gap:6px;margin:16px 0}.field label{font-size:12px;font-weight:600}.field small{font-size:11px;color:var(--muted)}input,select,textarea{width:100%;background:#fff;border:1px solid #d3ddd3;border-radius:6px;padding:11px 12px;color:var(--ink);min-height:43px}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green)}.checklabel{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:12px 0}.checklabel input{flex-shrink:0;margin-top:3px}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:20px 0}.number-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:13px;padding:3px}.number-grid button.selected{background:var(--green);color:white;border-color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.auth-panel{max-width:460px;margin:30px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px}.auth-panel h1{font-size:25px}.auth-panel p{font-size:13px;color:var(--muted)}.auth-panel button.primary{width:100%;margin-top:10px}.auth-panel .links{display:flex;gap:15px;font-size:12px;margin-top:20px;flex-wrap:wrap}.capsule{font-size:10px;display:inline-block;border:1px solid var(--line);border-radius:4px;padding:3px 7px;color:var(--green)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;background:#f6f7f3;color:#738074}th,td{padding:13px 14px;border-bottom:1px solid var(--line)}td .balls{margin:0}.bar{width:140px;height:6px;background:#edf0e7;border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:#608068;width:var(--width,0%)}progress{width:140px;height:7px;accent-color:#608068}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:850px;margin:30px auto}.plan{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.plan.featured{border:2px solid var(--green);background:#f1f5ec}.price{font-size:44px;letter-spacing:-1.5px;line-height:1.2;margin:15px 0}.price span{font-size:14px;letter-spacing:0;color:var(--muted)}.plan ul{list-style:none;padding:0;font-size:13px}.plan li{padding:8px 0}.plan li:before{content:"✓";color:var(--green);margin-right:9px}.plan .button{width:100%;margin-top:15px}.policy{max-width:840px}.policy h2{margin-top:30px}.policy p,.policy li{font-size:14px;color:#53685b}.empty{padding:34px 20px;text-align:center;color:var(--muted);font-size:13px}.loading{padding:40px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all;font-size:13px;padding:12px;background:#f3f5ef;border-radius:6px}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-family:monospace;background:#f3f5ef;padding:15px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:17px;border-top:1px solid var(--line);padding:24px 40px;font-size:10px;color:var(--muted)}footer div{display:flex;flex-wrap:wrap;gap:20px}footer small{flex-basis:100%;font-size:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#173d35;color:white;border-radius:9px;box-shadow:0 5px 25px #0002;padding:12px 20px;z-index:100;font-size:13px;display:none}#toast.visible{display:block}dialog{max-width:540px;width:calc(100% - 30px);border:1px solid var(--line);border-radius:12px;padding:30px;color:var(--ink)}dialog::backdrop{background:#132e2680}.close{float:right;border:none;background:none;font-size:25px;color:var(--muted)}.form-error{color:#a03c28;font-size:12px;margin:12px 0}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-line strong{font-weight:600}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-form .field{flex:1;min-width:180px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){main{padding-top:45px}.hero{padding:44px}}@media(max-width:1150px){.sidebar{width:218px;padding:27px 14px}.workspace{margin-left:218px;width:calc(100% - 218px)}main{padding:28px 26px}.topbar{padding:18px 26px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:32px}.hero{padding:28px}.editorial{transform:scale(.82)}.two-col{grid-template-columns:1fr}.breadcrumb{letter-spacing:0}.metrics{gap:10px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .15s;width:248px;box-shadow:8px 0 30px #0001}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}.menu-toggle{display:block;border:none;background:none;font-size:23px;color:var(--ink);padding:0 6px}.topbar{padding:14px 16px;min-height:70px;gap:8px}.breadcrumb{display:none}#userbar{gap:8px}.heading{align-items:start}.heading h1{font-size:25px}.heading .date-tag{display:none}main{padding:25px 18px 40px}.hero{grid-template-columns:1fr;padding:26px}.hero h2{font-size:35px}.hero-visual{display:none}.metrics{grid-template-columns:1fr 1fr 1fr;gap:8px}.metric{padding:12px 9px}.metric strong{font-size:22px}.metric-label,.metric small{font-size:9px}.cards{grid-template-columns:1fr}.card,.panel{padding:19px}.number-grid{grid-template-columns:repeat(6,1fr);gap:7px}.number-grid button{font-size:14px}.plan-grid{grid-template-columns:1fr}.plan{padding:25px}.auth-panel{padding:24px;margin:5px auto}.button{min-height:42px}.table-wrap{margin:0 -5px}.section-heading h2{font-size:17px}footer{padding:22px 18px}.hero p{font-size:13px}.brand{font-size:20px}.two-col{gap:16px}}

/* Menu visivel so apos login: ocupa largura total deslogado */
body.logged-out .workspace{margin-left:0;width:100%}
.sidebar[hidden]{display:none}
/* Botao e divisor de login Google */
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.google-btn{width:100%;gap:10px}
.google-btn svg{flex-shrink:0}

/* ========================================================================
   REDESIGN MINIMALISTA — paleta indigo/roxo, cards clean, mais respiro
   ======================================================================== */
:root{
  --ink:#2a2d4a; --muted:#8a8fa3; --green:#5b5fdd; /* "green" = cor primaria agora (indigo) */
  --bg:#f4f5fb; --line:#ececf4; --cream:#eef0fb; --gold:#7c80e8;
  --surface:#ffffff; --primary:#5b5fdd; --primary-dark:#4a4ec9; --primary-soft:#eef0fb;
  --radius:16px; --radius-sm:11px; --shadow:0 4px 20px rgba(42,45,74,.06); --shadow-sm:0 2px 10px rgba(42,45,74,.05);
}
body{background:var(--bg);color:var(--ink);font-size:14px}
/* Sidebar clean */
.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:26px 16px}
.brand-symbol{background:var(--primary-soft);border-color:transparent;color:var(--primary)}
nav a{border-radius:11px;padding:10px 13px;font-size:13px;color:#70748c}
nav a span{color:#a6aabf}
nav a:hover,nav a.active{background:var(--primary-soft);color:var(--primary)}
nav a.active span{color:var(--primary)}
.nav-label{color:#aab0c2}
/* Topbar + workspace */
.topbar{background:transparent;border-bottom:1px solid var(--line);min-height:76px}
.breadcrumb b{color:var(--ink)}
/* Cards / panels: mais arredondados, sombra suave, sem borda pesada */
.card,.panel,.metric,.feature,.chart-panel,.plan,.auth-panel,.hero,.mini-result,.notice{
  border-radius:var(--radius)!important;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--surface);
}
.panel,.card{padding:22px}
.hero{background:linear-gradient(135deg,#eef0fb,#f6f4ff);border:none;box-shadow:var(--shadow)}
.hero h2{color:var(--ink)}
.metric{box-shadow:var(--shadow-sm)}
.metric strong{color:var(--ink)}
/* Botoes arredondados estilo pill */
.button,button.primary{background:var(--primary);border-color:var(--primary);border-radius:11px;font-weight:600;box-shadow:0 4px 14px rgba(91,95,221,.25)}
.button:hover,button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}
.button.secondary:hover{background:var(--primary-soft);color:var(--primary);border-color:transparent}
.button.text{color:var(--primary);box-shadow:none;background:none}
/* Balls / numeros */
.ball{background:var(--primary-soft);border-color:transparent;color:var(--primary);font-weight:650}
.number-grid button.selected{background:var(--primary);border-color:var(--primary)}
.lottery-mark{background:var(--primary-soft);color:var(--primary)}
.capsule{color:var(--primary);border-color:var(--line);background:var(--primary-soft)}
/* Inputs suaves */
input,select,textarea{border-radius:11px;border-color:var(--line);background:#fbfbfe}
input:focus,select:focus,textarea:focus{border-color:var(--primary)}
/* Tabela mais leve */
th{background:transparent;color:#9195a8;border-bottom:1px solid var(--line)}
td{border-bottom:1px solid var(--line)}
.summary-line{border-color:var(--line)}
/* Progress / bar em indigo */
.bar span{background:var(--primary)}
progress{accent-color:var(--primary)}
/* Charts em indigo */
.chart-panel .plot-bar{fill:var(--primary)}
.chart-panel .plot-bar.low{fill:#b9b6e8}
.chart-panel .trend-line{stroke:var(--primary)}
.chart-panel .trend-dot{fill:var(--primary)}
.chart-panel .trend-area{fill:#eceefb}
.chart-panel .gridline{stroke:#f0f1f8}
.preview-column rect{fill:var(--primary)}
.preview-column:nth-child(3n) rect{fill:var(--primary-dark)}
/* Plano destaque */
.plan.featured{border:2px solid var(--primary);background:var(--primary-soft)}
.plan li:before{color:var(--primary)}
.eyebrow{color:var(--primary)}
/* Headings um pouco menores e mais leves */
h1{font-size:26px;font-weight:650;letter-spacing:-.6px}
h2{font-size:18px}
.heading p{color:var(--muted)}
/* Status dot indigo */
.status:before{background:var(--primary)}

/* Selo colorido por loteria (cor caracteristica + sigla; nao usa marca oficial) */
.lotto-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:9px;font-size:12px;font-weight:750;letter-spacing:.3px;flex-shrink:0}
.lotto-badge.big{min-width:46px;height:46px;font-size:15px;border-radius:12px}
.lotto-select{display:flex;align-items:center;gap:10px}
.lotto-select select{flex:1}
.lottery-mark{font-weight:750;font-size:13px;letter-spacing:.3px}

/* Fechamento: passos e resumo minimalistas */
.closing-steps{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
.closing-steps>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#70748c;background:var(--primary-soft);border-radius:10px;padding:8px 12px}
.closing-steps span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}
.closing-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.closing-summary>div{flex:1;min-width:92px;background:var(--primary-soft);border-radius:12px;padding:14px;text-align:center}
.closing-summary strong{display:block;font-size:20px;color:var(--primary);font-weight:700}
.closing-summary span{font-size:11px;color:#70748c}
.closing-games{max-height:360px;overflow:auto;margin-top:8px}

/* Analise avancada: grid e mini-graficos */
.deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.mini-bars{display:flex;align-items:flex-end;gap:6px;height:130px;margin:10px 0 4px}
.mini-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%}
.mini-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:#f6f7fc;border-radius:7px;overflow:hidden}
.mini-bar-fill{width:100%;border-radius:7px 7px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:3px;transition:height .3s}
.mini-bar-fill span{font-size:9px;color:#fff;padding-top:3px;font-weight:600}
.mini-bar small{font-size:10px;color:var(--muted);white-space:nowrap}
.deep-axis{display:flex;gap:6px;justify-content:space-between}
.deep-axis small{flex:1;text-align:center;font-size:9px;color:var(--muted)}
@media(max-width:760px){.deep-grid{grid-template-columns:1fr}}

/* Logo horizontal completo (inclui o texto na imagem) */
.brand-logo-full{display:block;padding:0}
.brand-logo-full img{height:68px;width:auto;max-width:100%;object-fit:contain;display:block}
.marketing-header .brand-logo-full img{height:60px}
.marketing-footer .brand-logo-full img{height:48px}
@media(max-width:760px){.brand-logo-full img{height:52px}.marketing-header .brand-logo-full img{height:48px}}