:root{--bg:#0B0B0C;--surface:#151618;--raised:#1D1F23;--border:#2A2D31;--text:#F5F7FA;--muted:#A7ADB5;--green:#1DBE73;--blue:#3B82F6;--yellow:#F2C94C;--purple:#9C92FE;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;left:-9999px}.app{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:#101112;border-right:1px solid #24262A;display:flex;flex-direction:column;padding:28px 14px 20px;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:12px;padding:0 12px 32px}.brand-mark{font-size:59px;font-weight:850;line-height:1;letter-spacing:-.14em}.brand-mark span{color:var(--green)}.brand-mark.mini{font-size:42px}.side-brand strong{display:block;font-size:22px;letter-spacing:-.055em;line-height:1}.side-brand small{display:block;color:#8D939A;font-size:9px;letter-spacing:.17em;font-weight:750;margin-top:7px}.workspace{background:#1B1C1E;border:1px solid #2B2D30;border-radius:12px;display:flex;align-items:center;gap:10px;padding:11px 9px;margin:0 6px 29px}.workspace-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#323437;font-weight:750}.workspace b,.workspace small{display:block}.workspace b{font-size:12px}.workspace small{font-size:10px;color:var(--muted);margin-top:4px}.chevron{margin-left:auto;color:var(--muted)}.side-label{color:#777D85;font-size:10px;letter-spacing:.11em;font-weight:750;padding:0 16px;margin:0 0 11px}.sidebar nav{display:grid;gap:4px;margin-bottom:30px}.nav{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:#A7ADB5;font-size:13px;font-weight:550;transition:background .16s,color .16s}.nav:hover{color:white;background:#1D1F23}.nav.active{color:white;background:#26282B;border-color:#313337;font-weight:660}.ni{width:19px;text-align:center;font-size:18px;font-weight:450}.product-dot,.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.p-green{background:var(--green)}.p-blue{background:var(--blue)}.p-grey{background:#B1B6BF}.side-footer{margin-top:auto;padding:15px 13px;border-top:1px solid var(--border)}.side-footer small{display:block;color:#666C74;font-size:10px;margin-top:16px}.monitor{display:flex;align-items:center;gap:9px;font-size:12px;color:#B0B6BD}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(29,190,115,.1)}main{min-width:0}.topbar{height:75px;border-bottom:1px solid #25272A;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;gap:12px;font-size:12px;color:#858B92}.breadcrumb b{color:#DBDEE3;font-weight:650}.top-actions{display:flex;align-items:center;gap:13px}.date{font-size:12px;color:var(--muted);margin-right:12px}.avatar{width:34px;height:34px;border-radius:10px;background:#35383C;display:grid;place-items:center;font-weight:700}.user-title b,.user-title small{display:block}.user-title b{font-size:12px}.user-title small{font-size:10px;color:#9299A2;margin-top:3px}.icon-button{border:none;background:none;color:var(--muted);padding:7px 9px;font-size:20px}.content{max-width:1760px;margin:auto;padding:40px 39px 20px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#8D939A;font-weight:750;display:flex;align-items:center;gap:11px}.heading h1{font-size:31px;letter-spacing:-.045em;line-height:1.13;margin:10px 0}.heading p,.panel-head p{font-size:13px;color:#8E959E;margin:6px 0 0;line-height:1.5}.heading-actions{display:flex;gap:10px}.button,select,input{border:1px solid #34373C;border-radius:10px;background:#1B1D20;color:#DFE3E8;padding:10px 13px;min-height:39px;font-size:12px}.button{font-weight:650}.button:hover,select:hover{border-color:#5B6067}.button.primary{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#07160F;border:none;padding:14px 17px;font-size:13px}.button.quiet{background:#222427}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{position:relative;min-height:139px;border:1px solid var(--border);border-radius:13px;padding:22px;background:var(--surface);overflow:hidden}.stat>span:first-child{display:block;font-size:12px;color:#B2B8BE;font-weight:580}.stat strong{font-size:35px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.045em;display:block;margin-top:13px}.stat strong.smaller{font-size:24px}.stat small{display:block;font-size:11px;color:#848B93;margin-top:8px}.stat-glyph{position:absolute;right:22px;top:20px;color:#737A83;opacity:.8;font-size:21px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0}.panel.wide{padding:25px 26px 19px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 25px 17px}.wide .panel-head{padding:0 0 18px}.panel h2{font-size:16px;letter-spacing:-.02em;margin:7px 0 0;font-weight:650}.legend{font-size:11px;color:#AAB0B9;display:flex;align-items:center;gap:9px}.legend-dot{margin-left:12px}.legend-dot.violet{background:var(--purple)}.legend-dot.green{background:var(--green)}.chart-frame{height:260px;width:100%;overflow:hidden}.chart-frame svg{width:100%;height:100%}.axis{display:flex;justify-content:space-between;color:#777E88;font-size:10px;margin-top:2px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:17px;margin-top:17px}.products{padding:4px 25px 24px}.product-row{margin:18px 0}.product-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.product-top span:last-child{color:#BABFC5;font-variant-numeric:tabular-nums}.meter{height:6px;border-radius:20px;background:#303236;margin-top:11px;overflow:hidden}.meter>i{display:block;height:100%;background:var(--purple);border-radius:20px}.product-row:nth-child(2) .meter>i{background:var(--blue)}.product-row:nth-child(3) .meter>i{background:var(--green)}.product-row:nth-child(4) .meter>i{background:var(--yellow)}.text-button{border:0;background:transparent;color:#B9BFC8;font-size:12px;padding:6px}.text-button:hover{text-decoration:underline}.event-list{padding:2px 24px 17px;max-height:355px;overflow:auto}.event-list.expanded{max-height:none;min-height:370px}.event{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #292B2F}.event:last-child{border:0}.event-icon{display:grid;place-items:center;border-radius:9px;width:34px;height:34px;background:#24272B;flex-shrink:0;color:#B7C0C9;font-size:15px}.event-body{flex:1;min-width:0}.event-body b{display:block;font-weight:600;font-size:12px}.event-body span{display:block;color:#878F97;font-size:11px;margin-top:4px}.event time{color:#7C838B;font-size:10px;white-space:nowrap;margin-top:5px}.empty{padding:35px 5px;color:#8B929B;font-size:12px;text-align:center}.filters{display:flex;gap:9px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;color:#89919B;text-transform:uppercase;letter-spacing:.08em;background:#191B1D;font-weight:700}th,td{padding:15px 22px;border-bottom:1px solid #292B2F;white-space:nowrap}td{color:#D3D8DE}td small{display:block;color:#89919B;font-size:10px;margin-top:4px}td b{font-weight:650}.table-foot{padding:17px 24px;color:#9097A0;font-size:11px}.pill{padding:5px 9px;background:#282B30;border:1px solid #35383E;border-radius:6px;font-size:11px}.pill.good{background:#183E2C;border-color:#1D7650;color:#A0E5C2}.pill.warn{color:#F4CA65}.small-button{border:1px solid #3B4147;border-radius:7px;background:#25282C;color:white;font-size:11px;padding:7px 10px}.small-button:disabled{cursor:default;opacity:.45}.small-button.danger{color:#F4A4A6}.link-grid{padding:8px 24px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.link-card{display:flex;align-items:center;gap:14px;background:var(--raised);padding:19px;border:1px solid var(--border);border-radius:11px}.link-card:hover{border-color:#656B73}.link-icon{width:43px;height:43px;background:#34383C;display:grid;place-items:center;border-radius:10px;font-size:20px}.link-card b{display:block;font-size:13px}.link-card small{display:block;margin-top:5px;color:#8C949D;font-size:11px}.link-arrow{margin-left:auto;color:#A4AAB1}.notice{margin-bottom:18px;color:#D2D8E0;background:#27292E;border:1px solid #454B52;padding:13px 16px;border-radius:9px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 1px;color:#727983;font-size:10px}footer span:first-child{letter-spacing:.16em;font-weight:650}.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 35%,#17201C 0%,#0B0B0C 47%)}.login-card{width:min(100%,410px);border:1px solid #313439;border-radius:18px;background:#151618;padding:39px}.login-card h1{font-size:27px;letter-spacing:-.035em;margin:12px 0}.login-card p{color:var(--muted);line-height:1.65;margin:0 0 30px}.login-note{color:#858D96;font-size:11px;margin-top:22px;text-align:center}@media(max-width:1100px){.app{grid-template-columns:210px 1fr}.content{padding:30px 23px}.topbar{padding:0 23px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{height:auto;position:static;padding:10px 14px;border-right:0;border-bottom:1px solid var(--border)}.side-brand{padding:3px 4px 11px}.workspace,.side-label,.sidebar nav,.side-footer{display:none}.topbar{height:55px;padding:0 16px}.date,.user-title{display:none}.content{padding:25px 15px}.heading{display:block}.heading h1{font-size:26px}.heading-actions{margin-top:17px}.stat-grid,.stat-grid.three,.two-col,.link-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.stat{min-height:118px}.panel-head{padding:20px 16px;align-items:flex-start;flex-wrap:wrap}.panel.wide{padding:18px 15px}.event-list,.products{padding-left:16px;padding-right:16px}.chart-frame{height:205px}footer{display:block;line-height:1.7}footer span{display:block}.filters{flex-wrap:wrap}td,th{padding:13px}}@media(min-width:761px) and (max-width:1200px){.two-col{grid-template-columns:1fr}}
/* Suprime o brilho azul do toque em telas sensiveis; foco de teclado continua visivel. */
@media (hover: none) and (pointer: coarse){
 html,body,button,a,input,select,textarea,label,[role="button"],.nav,.link-card{
  -webkit-tap-highlight-color: transparent;
 }
 button,a,.nav,.link-card{touch-action:manipulation}
}
/* Lucide: icones SVG consistentes, sem fontes externas. */
svg.lucide{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle;stroke-width:1.8}
svg.lucide.ni{width:18px;height:18px}
svg.lucide.product-lucide{width:17px;height:17px}
svg.lucide.p-green{color:var(--green)}svg.lucide.p-blue{color:var(--blue)}svg.lucide.p-grey{color:#B1B6BF}
.workspace-icon svg,.chevron svg{width:16px;height:16px}
.stat-glyph svg.lucide{width:21px;height:21px}
.button{gap:9px}.button svg.lucide,.text-button svg.lucide{width:15px;height:15px}
.text-button{display:flex;align-items:center;gap:5px}
.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid transparent;border-radius:9px}
.icon-button:hover{background:var(--raised);border-color:var(--border);color:var(--text)}
.event-icon svg.lucide{width:17px;height:17px}
.link-icon svg.lucide{width:20px;height:20px}
.link-arrow svg.lucide{width:15px;height:15px}
.nav.active svg.lucide{color:var(--green)}
.heading-actions .button{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){
 .sidebar{padding:11px 12px 8px}
 .sidebar nav{display:flex;gap:7px;margin-bottom:0;overflow:auto;scrollbar-width:thin;padding-bottom:9px}
 .sidebar nav[aria-label="Produtos"]{margin-top:6px}
 .sidebar .nav{flex:0 0 auto;width:auto;padding:9px 12px;white-space:nowrap;font-size:12px}
 .sidebar .side-label,.sidebar .workspace,.sidebar .side-footer{display:none}
 .sidebar .side-brand{padding:3px 5px 11px}
 .topbar{gap:8px}.top-actions{gap:7px}
}

/* Credenciais e quotas dos provedores de e-mail. */
.email-console .panel-head{padding:0 0 21px}.email-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.email-metrics .stat{min-height:113px;padding:17px}.email-metrics .stat strong{font-size:24px}.email-alert{background:#212327;border:1px solid #383C43;border-radius:10px;padding:13px 16px;margin:19px 0;font-size:12px;line-height:1.6;color:#CAD1DA}.email-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.email-form-grid label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#B9C0C7}.email-form-grid input,.email-form-grid select{width:100%;min-width:0}.email-hint{color:#9299A1;line-height:1.65;font-size:11px;max-width:890px}.email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.email-actions .button.primary{justify-content:center;cursor:pointer}.email-actions button:disabled{opacity:.45;cursor:wait}
@media(max-width:1100px){.email-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.email-metrics,.email-form-grid{grid-template-columns:1fr}.email-console{padding:18px!important}.email-console .panel-head{display:flex}.email-actions{display:grid}.email-actions button{width:100%}.top-actions #emailQuick{padding:8px 9px;font-size:11px}}