:root{
  --bg:#07140f; --panel:#0f1f18; --panel2:#132a20; --line:#1c3a2c; --text:#e8f3ec; --muted:#8aa598;
  --green:#22c55e; --green-d:#16a34a; --red:#ef4444; --amber:#f59e0b; --blue:#38bdf8;
}
*{box-sizing:border-box}
*{scrollbar-width:thin;scrollbar-color:#236548 #091710}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{border:1px solid #ffffff07;border-radius:99px;background:linear-gradient(180deg,#091710,#0d2118)}
*::-webkit-scrollbar-thumb{border:2px solid #091710;border-radius:99px;background:linear-gradient(180deg,#2b9b69,#176043);box-shadow:inset 0 0 4px #c8ffe055}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45d38d,#208357);box-shadow:0 0 10px #22c55e66}
*::-webkit-scrollbar-corner{background:#091710}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 "Segoe UI",Inter,system-ui,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--green)}
#sidebar{position:fixed;inset:0 auto 0 0;width:325px;background:var(--bg);padding:22px 18px;overflow:auto;transition:.2s;z-index:20;scrollbar-width:thin;scrollbar-color:#236548 #091710;scrollbar-gutter:stable}
#sidebar::-webkit-scrollbar{width:9px}
#sidebar::-webkit-scrollbar-track{margin:14px 0;border:1px solid #ffffff08;border-radius:99px;background:linear-gradient(180deg,#0a1912,#0d2118)}
#sidebar::-webkit-scrollbar-thumb{border:2px solid #0a1912;border-radius:99px;background:linear-gradient(180deg,#2b9b69,#176043);box-shadow:inset 0 0 4px #c8ffe055}
#sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45d38d,#208357);box-shadow:0 0 10px #22c55e55}
#sidebar::-webkit-scrollbar-corner{background:var(--bg)}
#sidebarMiniProfile{display:none}
.brand{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:700;margin:0 0 24px 12px}
.brand #sidebarRailToggle{display:none}
.workspace-card{position:relative;isolation:isolate;overflow:hidden;margin:0 4px 15px;padding:12px 14px 11px;border:1px solid #1e644a;border-radius:19px;background:radial-gradient(ellipse at 100% 0%,#17a56b24,transparent 58%),linear-gradient(145deg,#103d2b,#0c281d 72%);box-shadow:0 8px 22px #0003,inset 0 1px #ffffff0a}
.workspace-card:before{position:absolute;z-index:-1;top:-34px;right:-20px;width:100px;height:100px;border-radius:50%;background:#22c55e14;filter:blur(20px);content:""}
.sidebar-plan{position:relative;display:grid;gap:6px;margin:0 4px 7px;padding:12px 13px;border:1px solid #24563b;border-radius:15px;background:radial-gradient(ellipse at 100% 0%,#1ecb7918,transparent 62%),linear-gradient(145deg,#0d2419,#0a1a12);box-shadow:inset 0 1px #ffffff08,0 7px 18px #0002}
.sidebar-plan.is-overdue{border-color:#dc5961;background:radial-gradient(ellipse at 100% 0%,#ef535025,transparent 62%),linear-gradient(145deg,#321d20,#1b1415)}
.sidebar-plan.is-exhausted{border-color:#967026;background:radial-gradient(ellipse at 100% 0%,#f5ad2818,transparent 62%),linear-gradient(145deg,#282313,#17170f)}
.sidebar-plan-head{display:flex;align-items:center;justify-content:space-between;color:#81b79a;font-size:9px;font-weight:850;letter-spacing:.16em}
.sidebar-plan-head i{padding:3px 7px;border:1px solid #35c98235;border-radius:99px;background:#0c3a27;color:#74e9a7;font-size:9px;font-style:normal;letter-spacing:.08em}
.sidebar-plan.is-exhausted .sidebar-plan-head i{border-color:#e8ae3d40;background:#3c2c10;color:#ffd476}
.sidebar-plan>b{color:#edfff3;font-size:13px;font-weight:800;letter-spacing:-.01em}
.sidebar-plan>small{color:#9ab8a7;font-size:10.5px;line-height:1.45}
.sidebar-plan-upgrade{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:3px;padding:7px 10px;border:1px solid #e2a93155;border-radius:10px;background:linear-gradient(105deg,#805819,#67450f);color:#fff3d0;font-size:11px;font-weight:800;cursor:pointer;transition:.18s}
.sidebar-plan-upgrade:hover{transform:translateY(-1px);border-color:#ffd267;background:linear-gradient(105deg,#9c6e1e,#78520f);box-shadow:0 0 16px #e6a92e22}
.plan-upgrade-modal{display:grid;gap:13px;min-width:min(530px,78vw)}
.plan-modal-kicker{color:#71dba2;font-size:10px;font-weight:850;letter-spacing:.16em}
.plan-upgrade-modal>h2{margin:0}
.plan-upgrade-modal>p{margin:0}
.plan-payment-note{padding:9px 11px;border:1px solid #246342;border-radius:10px;background:#0e2a1d;color:#b7e7c9;font-size:12px}
.plan-upgrade-options{display:grid;gap:9px}
.plan-upgrade-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #24533a;border-radius:13px;background:linear-gradient(130deg,#10271b,#0b1b13)}
.plan-upgrade-option>div{display:grid;gap:4px}.plan-upgrade-option b{font-size:14px}.plan-upgrade-option small{color:#9ab8a7;font-size:11px}
.plan-upgrade-empty{padding:13px;border:1px dashed #486250;border-radius:12px;color:#a6b8ac;font-size:13px}
.plan-upgrade-modal .hint{margin:0}.registration-plans{display:grid;gap:9px;margin:10px 0 16px;padding:13px;border:1px solid #24533a;border-radius:13px;background:#0b1d14}.registration-plans>b{font-size:13px}.registration-plans>small{color:#94b09f;font-size:11px}
#box:has(.plan-compare-grid){width:min(1760px,98vw);height:min(95vh,920px);max-height:95vh;padding:16px;overflow:hidden;border-color:#30463d;background:radial-gradient(ellipse at 95% 0,#16b98112,transparent 38%),linear-gradient(145deg,#171b1a,#101514 75%)}
.plan-upgrade-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;height:100%;min-height:0}.plan-compare-header{display:flex;align-items:flex-start;gap:14px}.plan-compare-header>div{flex:1}.plan-compare-header h2{margin:4px 0;color:#eff8f2;font-size:21px}.plan-compare-header p{margin:0;color:#a3b6ab;font-size:12px}.plan-modal-kicker{color:#55deb0;font-size:9px;font-weight:850;letter-spacing:.13em}.plan-compare-close{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff08;color:#c9ddd2;font-size:20px;cursor:pointer}.plan-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;min-height:0}.plan-compare-card{display:flex;min-width:0;flex-direction:column;padding:12px 9px;border:1px solid #39443f;border-radius:16px;background:linear-gradient(155deg,#191f1d,#141918 80%);text-align:center}.plan-compare-card.featured{border-color:#17bd83;box-shadow:inset 0 0 25px #12b9810a,0 0 20px #12b9810c}.plan-compare-card.current{border-color:#57cf9b;box-shadow:0 0 0 1px #57cf9b27}.plan-compare-tag{align-self:center;max-width:100%;padding:5px 8px;border-radius:999px;background:#0b3c2b;color:#63e7b7;font-size:7.5px;font-weight:800;letter-spacing:.025em}.plan-compare-card h3{margin:9px 0 4px;color:#f2f7f3;font-size:15px}.plan-compare-description{min-height:32px;margin:0;color:#a6b4ad;font-size:9px;line-height:1.4}.plan-compare-price{margin:8px 0;color:#f1f7f2;font-size:24px;font-weight:800;letter-spacing:-.04em;text-align:center}.plan-compare-price small{margin-left:4px;color:#b3c3ba;font-size:9px;font-weight:450;letter-spacing:0}.plan-compare-divider{height:1px;margin-bottom:7px;background:#ffffff1a}.plan-compare-card ul{display:grid;gap:5px;margin:0 0 8px;padding:0;list-style:none}.plan-compare-card li{display:flex;align-items:flex-start;justify-content:center;gap:5px;color:#c7d2cb;font-size:8.5px;line-height:1.28}.plan-compare-card li span{flex:none;color:#4be1ad;font-size:12px;font-weight:900}.plan-compare-button,.plan-current-button{display:flex;min-height:36px;align-items:center;justify-content:center;gap:6px;margin-top:auto;padding:7px 8px;border:1px solid #40534a;border-radius:10px;background:transparent;color:#e7f1eb;font-size:10px;font-weight:800;text-decoration:none}.plan-compare-button:hover{border-color:#6ce8b3;background:#0d3224}.plan-compare-button.primary{border-color:#18bb81;background:linear-gradient(110deg,#139b71,#0d8765);color:#eafff7}.plan-compare-button.primary:hover{filter:brightness(1.12)}.plan-compare-button span{font-size:14px}.plan-current-button{border-color:#276448;background:#0d3525;color:#73e8b4}.plan-compare-foot{margin-top:2px;color:#94a89b;font-size:8px;line-height:1.3;text-align:center}.plan-compare-sync{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #ffffff12;color:#94a99d;font-size:10px}.plan-compare-sync .btn{flex:none;padding:7px 10px;font-size:10px}
.plan-compare-card.has-agent-perk{position:relative;overflow:hidden}.plan-agent-ribbon{position:absolute;z-index:2;top:6px;right:-37px;display:grid;justify-items:center;gap:1px;width:148px;padding:6px 8px;transform:rotate(27deg);border:1px solid #67efbd66;background:linear-gradient(105deg,#0e7459,#13a87e 55%,#0b6d55);color:#eafff5;box-shadow:0 5px 18px #00d69b35, inset 0 1px #ffffff40;text-align:center}.plan-agent-ribbon span{font-size:7px;font-weight:850;letter-spacing:.14em}.plan-agent-ribbon b{font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.plan-compare-card.has-agent-perk .plan-compare-tag,.plan-compare-card.has-agent-perk h3,.plan-compare-card.has-agent-perk .plan-compare-description{position:relative;z-index:1}.plan-compare-card.has-agent-perk h3{padding-right:90px}
.plan-compare-card.plan-ia h3{padding-right:0;font-size:13px;line-height:1.25}
@media(max-width:1050px){#box:has(.plan-compare-grid){height:auto;max-height:94vh;overflow:auto}.plan-upgrade-modal{height:auto}.plan-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-compare-card{min-height:440px;padding:14px}.plan-compare-card li{font-size:10px}}
@media(max-width:680px){#box:has(.plan-compare-grid){padding:14px}.plan-compare-grid{grid-template-columns:1fr;max-height:65vh;overflow:auto;padding:1px 3px 5px}.plan-compare-card{min-height:0;padding:14px}.plan-compare-card h3{margin-top:9px}.plan-compare-description{min-height:0}.plan-compare-price{margin:9px 0}.plan-compare-card ul{gap:6px}.plan-compare-card li{font-size:10.5px}.plan-compare-sync{align-items:stretch;flex-direction:column}.plan-compare-sync .btn{width:100%}}
.workspace{min-width:0;margin:0;padding:2px 2px 10px;display:flex;align-items:center;gap:8px;background:transparent;color:#f0fff6;font-size:15px;font-weight:650;cursor:pointer}
.workspace:hover{color:#86efac}.workspace-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-active-mark{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 7px;border:1px solid #48e3a055;border-radius:999px;background:linear-gradient(120deg,#0b5135,#103a2a);color:#8df3bb;font-size:8px;font-weight:900;letter-spacing:.08em;line-height:1;box-shadow:0 0 12px #16d88920}.workspace-active-mark i{width:6px;height:6px;border-radius:50%;background:#38e49a;box-shadow:0 0 7px #38e49a;animation:workspace-pulse 2s ease-in-out infinite}.workspace small{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-left:auto;border:1px solid #ffffff18;border-radius:8px;background:#ffffff08;color:#b7d9c7;font-size:12px}
@keyframes workspace-pulse{50%{opacity:.55;box-shadow:0 0 2px #38e49a}}
.workspace-switch-list{display:grid;gap:9px}.workspace-switch-item{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:12px 14px;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.workspace-switch-item:hover{transform:translateY(-1px);border-color:#39d995;background:linear-gradient(110deg,#123322,#0b1b12)}.workspace-switch-item>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-create-box{display:grid;gap:9px;margin-top:15px;padding:14px;border:1px solid #28744e;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#27d88715,transparent 55%),linear-gradient(140deg,#10271a,#0a1911)}.workspace-create-box>b{color:#e9fff1;font-size:14px}.workspace-create-box>small,.workspace-switch-note{color:#9db6a7;font-size:11px;line-height:1.5}.workspace-create-box .l{margin:2px 0 0}.workspace-create-box .f{width:100%}.workspace-create-box .btn{justify-self:start;margin-top:2px}.workspace-switch-note{margin-top:13px;padding:11px 13px;border:1px solid #244a35;border-radius:12px;background:#0c1d14}
.wa-connection-list{display:grid;gap:6px}
.wa-connection-status{display:flex;align-items:center;gap:9px;margin:0;padding:9px 10px;border:1px solid #ffffff0d;border-radius:12px;background:#06191066;color:#b4d2c2;font-size:12.5px;min-height:34px;transition:background .2s,border-color .2s,color .2s}
.wa-connection-copy{display:grid;min-width:0;gap:2px}.wa-connection-label{min-width:0;overflow-wrap:anywhere}.wa-workspace-name{color:#8df3bb;font-size:10px;font-weight:750;letter-spacing:.02em}
.wa-connection-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#82938a;box-shadow:0 0 0 4px #82938a20}
.wa-connection-status.connected{border-color:#2dd48827;background:#0c3325;color:#91f0bc}.wa-connection-status.connected .wa-connection-dot{background:#35e28e;box-shadow:0 0 0 4px #22c55e24,0 0 12px #22c55e90}
.wa-connection-status.disconnected{border-color:#f8717133;background:#35191666;color:#ff9696}.wa-connection-status.disconnected .wa-connection-dot{background:#ff5c66;box-shadow:0 0 0 4px #ef444426,0 0 12px #ef444466}
.wa-connection-status.current-workspace{border-color:#39d995;background:linear-gradient(100deg,#123b2b,#0a2118);box-shadow:inset 3px 0 #42e3a0,0 0 14px #22c55e14}
.wa-connection-status.current-workspace.disconnected{border-color:#39d995;background:linear-gradient(100deg,#183428,#171f19);box-shadow:inset 3px 0 #42e3a0,0 0 14px #22c55e14}
.wa-current-badge{flex:none;margin-left:auto;padding:4px 7px;border:1px solid #43e3a077;border-radius:999px;background:linear-gradient(120deg,#0e4830,#103b29);color:#a4f5c6;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 10px #22c55e20}
#nav h6{margin:25px 0 8px 12px;font-size:10px;letter-spacing:.17em;color:#6ba88a;font-weight:800;text-shadow:0 0 14px #22c55e20}
#nav a{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;margin:4px 0;padding:12px 15px;border:1px solid transparent;border-radius:13px;color:#c1d8ca;text-decoration:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:-.015em;text-shadow:0 1px 0 #0002;transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s}
#nav a:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#123625,#0e281b 72%,#0b1b13);opacity:0;transition:opacity .18s;content:""}
#nav a:after{position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:0 4px 4px 0;background:#49e49b;box-shadow:0 0 12px #49e49b;transform:scaleY(0);transition:transform .18s;content:""}
#nav a:hover{transform:translateX(2px);border-color:#1f583c;color:#edfff4;box-shadow:0 5px 16px #0002}#nav a:hover:before{opacity:.65}
#nav a.on{border-color:#286746;background:#103421;color:#f2fff6;font-weight:800;letter-spacing:-.02em;text-shadow:0 0 14px #a8ffd01c;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff0d}#nav a.on:before{opacity:1}#nav a.on:after{transform:scaleY(1)}
#nav a svg{width:21px;height:21px;flex:none;stroke:#91bda4;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s,filter .18s}
#nav a:hover svg,#nav a.on svg{stroke:#62e5a1;filter:drop-shadow(0 0 5px #22c55e55)}
#main{margin-left:325px;height:100vh;display:flex;flex-direction:column;transition:.2s}
@media(min-width:901px){#burger{display:none}#sidebar .brand{width:100%;margin-left:0;gap:12px}#sidebar .brand #sidebarRailToggle{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-left:auto;border:1px solid #1f5339;border-radius:11px;background:linear-gradient(145deg,#10291c,#091810);color:#a9d9bd;font-size:18px;line-height:1;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}#sidebar .brand #sidebarRailToggle:hover{border-color:#39d995;background:#123a28;color:#e6fff0;transform:translateY(-1px)}body.collapsed #sidebar{width:68px;transform:none;padding:18px 8px 12px;overflow-x:hidden}body.collapsed #main{margin-left:68px}body.collapsed .brand{justify-content:center;gap:4px;margin:0 0 22px;padding:0}body.collapsed .brand span,body.collapsed .workspace-card,body.collapsed #nav h6,body.collapsed #nav>.sidebar-plan{display:none}body.collapsed .brand svg{width:24px;height:24px}body.collapsed #sidebarRailToggle{width:26px;height:28px;margin:0;border-radius:8px;font-size:14px}body.collapsed #nav a{justify-content:center;gap:0;width:48px;height:48px;margin:6px auto;padding:0;border-radius:13px;font-size:0;letter-spacing:0}body.collapsed #nav a svg{width:21px;height:21px}body.collapsed #nav a:hover{transform:translateY(-1px)}body.collapsed #nav .nav-upgrade-pill{display:none}body.collapsed #sidebarMiniProfile{position:sticky;bottom:0;display:grid;place-items:center;flex:none;width:38px;height:38px;margin:auto auto 2px;border:1px solid #1fbc7e;border-radius:50%;background:linear-gradient(145deg,#0f5339,#09291d);color:#d8ffeb;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 0 14px #00d99325}body.collapsed #sidebarMiniProfile:after{position:absolute;right:0;bottom:0;width:8px;height:8px;border:2px solid #07140f;border-radius:50%;background:#15d99a;content:""}body.collapsed #paymentLockScreen{left:68px}}
#topbar{height:76px;display:flex;align-items:center;gap:22px;padding:0 24px 0 10px;flex:none}
#burger{background:none;border:0;font-size:24px;cursor:pointer;padding:8px 12px}
.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:30px;padding:0 20px;height:54px;width:386px;color:var(--muted)}
.search input{flex:1;background:none;border:0;outline:0;color:var(--text)}
.spacer{flex:1}
.top-stat{display:flex;flex-direction:column;font-size:14px}
.top-stat.right{text-align:right}.top-stat small{font-size:12px;color:var(--muted)}
.top-stat.tokens b{font-weight:600}
.bar{display:block;height:3px;border-radius:3px;background:#173a29;margin-top:4px;width:164px}.bar i{display:block;height:100%;background:var(--green);border-radius:3px;width:20%}
.bell{position:relative;font-size:22px;cursor:pointer}.bell span{position:absolute;top:-8px;right:-10px;background:var(--red);color:#fff;font-size:11px;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}
.user{display:flex;flex-direction:column;text-align:right;font-size:14px}.user small{color:var(--muted);font-size:12.5px}
.ollama{font-size:20px;color:var(--red);cursor:help}.ollama.ok{color:var(--green)}
#content{flex:1;background:var(--panel);border-radius:22px 0 0 0;margin-left:0;overflow:auto;display:flex;flex-direction:column;min-height:0}
body.admin-wide #sidebar{display:none}body.admin-wide #main{margin-left:0}body.admin-wide #content{border-radius:0}body.admin-wide #page{padding:24px clamp(22px,3vw,52px)}body.admin-wide #page>div.card{max-width:none}body.admin-wide #page table{min-width:1320px}
.page-head{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:83px;border-bottom:1px solid var(--line);flex:none}
.page-head h1{font-size:20px;margin:0}
#actions{display:flex;gap:10px}
#page{padding:32px 34px;flex:1;min-height:0;overflow:auto}
.btn{background:var(--green);color:#04170c;border:0;border-radius:10px;padding:12px 20px;font-weight:600;cursor:pointer}
.btn:hover{background:#34d673}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost:hover{background:var(--panel2)}
.btn.danger{background:transparent;color:var(--red);border:1px solid #5b2222}.btn.sm{padding:7px 12px;font-size:13px;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,362px));gap:22px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;cursor:pointer;transition:.15s}
.card:hover{border-color:#2a5a42;background:#12281e}
.card.static{cursor:default}
.card .row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.card .row b{font-size:16.5px;flex:1}
.avatar{width:30px;height:30px;font-size:24px;display:grid;place-items:center}
.pill{font-size:12px;padding:4px 12px;border-radius:20px;background:#0f4a2a;color:#4ade80}
.pill.off{background:#3a2020;color:#f87171}.pill.warn{background:#4a3a10;color:#fbbf24}
.muted{color:var(--muted)}
.counts{display:flex;gap:20px;margin-top:18px;color:var(--muted)}
.counts span{display:flex;gap:6px;align-items:center}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:26px}
.kpi{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:20px}.kpi b{display:block;font-size:30px;margin-top:6px}
.chart{display:flex;align-items:flex-end;gap:18px;height:200px;padding:10px 0}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.chart .stack{display:flex;gap:4px;align-items:flex-end;height:160px;width:100%;justify-content:center}
.chart .stack i{width:16px;border-radius:4px 4px 0 0;min-height:2px}
.legend{display:flex;gap:18px;color:var(--muted);font-size:13px;margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:13px;font-weight:600}
tr:hover td{background:#10261c}
input.f,select.f,textarea.f{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 14px;outline:0}
input.f:focus,select.f:focus,textarea.f:focus{border-color:var(--green)}
textarea.f{resize:vertical;min-height:90px}
label.l{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}
select.f option{background:var(--bg)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:18px;align-items:start}
.col-k{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:300px}
.col-k h3{margin:0 0 12px;font-size:14px;display:flex;justify-content:space-between}
.lead{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}
.lead .mv{display:flex;gap:6px;margin-top:8px}
.pipeline-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 20px;padding:17px 20px;border:1px solid #1d4b38;border-radius:17px;background:radial-gradient(ellipse at 0 0,#1b855426,transparent 60%),linear-gradient(120deg,#10271c,#0a1d14);box-shadow:0 12px 28px #0002}
.pipeline-summary>div{display:flex;flex-direction:column;gap:3px}.pipeline-eyebrow{color:#55d89b;font-size:10px;font-weight:800;letter-spacing:.16em}.pipeline-summary>div>b{font-size:17px;color:#effbf4}.pipeline-summary small{color:#8eac9b;font-size:12px}
.pipeline-total{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff08;color:#b6d7c4;font-size:12px;white-space:nowrap}.pipeline-total i{width:7px;height:7px;border-radius:50%;background:#43df98;box-shadow:0 0 10px #43df98}
.kanban{gap:14px}.col-k{--stage-accent:#a6b4c0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:410px;padding:0;border:1px solid color-mix(in srgb,var(--stage-accent) 24%,#18392a);border-radius:17px;background:linear-gradient(160deg,color-mix(in srgb,var(--stage-accent) 7%,#10251a),#0b1b13 58%);box-shadow:0 10px 26px #0002,inset 0 1px #ffffff08}
.col-k:before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--stage-accent),transparent);opacity:.8;content:""}
.col-k.stage-novo{--stage-accent:#94a3b8}.col-k.stage-conversando{--stage-accent:#38bdf8}.col-k.stage-qualificado{--stage-accent:#fbbf24}.col-k.stage-fechado{--stage-accent:#34d399}
.pipeline-col-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 16px 12px}.pipeline-col-head>div>small{color:var(--stage-accent);font-size:9px;font-weight:800;letter-spacing:.16em}.pipeline-col-head h3{margin:3px 0 0;color:#effaf3;font-size:14px}.pipeline-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--stage-accent) 34%,transparent);border-radius:10px;background:color-mix(in srgb,var(--stage-accent) 12%,transparent);color:var(--stage-accent);font-size:13px;font-weight:750}
.pipeline-track{height:3px;margin:0 16px 12px;overflow:hidden;border-radius:99px;background:#ffffff0b}.pipeline-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--stage-accent) 70%,transparent),var(--stage-accent));box-shadow:0 0 10px color-mix(in srgb,var(--stage-accent) 65%,transparent);transition:width .35s ease}
.pipeline-leads{display:flex;flex:1;flex-direction:column;gap:9px;padding:0 10px 12px}.pipeline-leads .lead{margin:0;padding:12px;border:1px solid #ffffff0e;border-radius:13px;background:linear-gradient(145deg,#12291e,#0b1a13);box-shadow:0 5px 14px #0002;transition:transform .18s,border-color .18s,box-shadow .18s}.pipeline-leads .lead:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--stage-accent) 45%,#ffffff12);box-shadow:0 9px 20px #0003}
.lead-name{display:flex;align-items:center;gap:9px;min-width:0}.lead-name>b{overflow:hidden;color:#e6f4eb;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lead-avatar{display:grid;flex:none;place-items:center;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--stage-accent) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--stage-accent) 12%,#0d2117);color:var(--stage-accent);font-size:12px;font-weight:750}
.pipeline-leads .lead-preview{display:-webkit-box;overflow:hidden;margin:9px 0 0;color:#8aa697;font-size:11.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pipeline-leads .mv{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.pipeline-move{display:grid;place-items:center;width:30px;height:28px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff07;color:#b7d8c5;font-size:16px;cursor:pointer;transition:.18s}.pipeline-move:hover{border-color:#38d98f66;background:#22c55e18;color:#78f0b0}.pipeline-move.next{border-color:#2bd78c35;color:#55e3a0}
.pipeline-empty{display:flex;flex:1;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center}.pipeline-empty>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:1px solid color-mix(in srgb,var(--stage-accent) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--stage-accent) 9%,transparent);color:var(--stage-accent);font-size:23px}.pipeline-empty>b{color:#bfd7c9;font-size:12px}.pipeline-empty>small{max-width:170px;color:#718d7d;font-size:11px;line-height:1.45}
.chat{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);height:min(760px,calc(100dvh - 220px));min-height:480px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#081610;box-shadow:0 14px 40px #0002}
.chat-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#0b1912}
.chat-list-head{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}
.chat-list-head b{display:block;font-size:17px}.chat-list-head small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.chat-head-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);color:#8ee4ac;font-size:20px}
.chat-search{height:44px;flex:none;margin:12px 12px 8px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;background:#12231a;color:var(--muted)}
.chat-search:focus-within{border-color:#28613e}.chat-search span{font-size:23px;line-height:1}.chat-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.chat-search input::placeholder{color:#769083}
.clist{flex:1;min-height:0;overflow:auto;background:transparent}
.citem{min-height:76px;padding:12px 14px;border-bottom:1px solid #173025;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .14s}
.citem:hover,.citem.on{background:#13281e}.citem.on{box-shadow:inset 3px 0 #22c55e}
.ini{width:46px;height:46px;border-radius:50%;background:#14532d;display:grid;place-items:center;font-weight:700;flex:none;color:#dcfce7}
.citem .t{flex:1;min-width:0}.citem-title,.citem-preview{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.citem-title b{flex:1;min-width:0;font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citem-title small{flex:none;color:#779486;font-size:10px}.citem-stage{flex:none;max-width:94px;border:1px solid #2a513b;border-radius:999px;padding:3px 7px;background:#10251a;color:#a8cdb7;font:600 10px/1.2 "Segoe UI",Inter,system-ui,sans-serif;cursor:pointer;outline:none}.citem-stage:focus{box-shadow:0 0 0 2px #ffffff2e}.citem-stage.stage-novo{background:#293541;border-color:#64748b;color:#e2e8f0}.citem-stage.stage-conversando{background:#0b3a50;border-color:#0284c7;color:#7dd3fc}.citem-stage.stage-qualificado{background:#4a330b;border-color:#b45309;color:#fde047}.citem-stage.stage-fechado{background:#0e442b;border-color:#16a34a;color:#86efac}.citem-stage option{background:var(--bg);color:var(--text)}.citem-preview{margin-top:5px}.citem-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}.citem-preview .badge{flex:none}
.badge{background:var(--green);color:#04170c;border-radius:20px;min-width:20px;text-align:center;font-size:10px;padding:2px 6px;font-style:normal;font-weight:700}
.chat-list-empty{padding:30px 22px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
.cview{display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at top right,#10291d 0,transparent 55%),#091710}
.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.chat-welcome span{width:70px;height:70px;display:grid;place-items:center;border:1px solid #245239;border-radius:50%;color:#6edc98;font-size:34px}.chat-welcome b{color:#cde4d5;font-size:18px}.chat-welcome small{font-size:13px}
.chead{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:9px;background:#0d1b14}.chead-main{display:flex;align-items:center;gap:12px;min-height:44px}.flow-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:54px}.flow-controls .f{width:auto;max-width:210px}.flow-controls .pill{white-space:nowrap}.flow-controls button:disabled{opacity:.5;cursor:not-allowed}.flow-controls:empty{display:none}
.msgs{flex:1;overflow:auto;padding:22px clamp(16px,4vw,42px);display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#1f3c2c 0.7px,transparent .7px);background-size:20px 20px}
.m{max-width:min(76%,620px);padding:10px 14px;border-radius:15px;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 2px #0003}
.m small{display:block;font-size:11px;opacity:.6;margin-top:3px}
.m.contact{background:#182a20;align-self:flex-start;border-bottom-left-radius:4px}
.m.ai{background:#075e43;align-self:flex-end;border-bottom-right-radius:4px}
.m.flow{background:#174c38;align-self:flex-end;border-bottom-right-radius:4px}
.m.human{background:#075e43;align-self:flex-end;border-bottom-right-radius:4px}
.composer{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:#0d1b14;min-width:0}.composer .f{position:relative;z-index:1;pointer-events:auto;user-select:text;flex:1;min-width:0;width:0;min-height:50px;border-radius:24px;padding:13px 18px;background:#14251b}.composer .btn{min-width:92px;min-height:48px;border-radius:24px}
.composer .quick-reply-launcher{min-width:auto;min-height:42px;border-radius:12px;padding:8px 11px;white-space:nowrap}
.quick-replies-page{max-width:980px}.quick-replies-page>p{margin:0 0 20px;line-height:1.6}.quick-replies-list{display:flex;flex-direction:column;gap:12px}.quick-reply-card{display:flex;align-items:center;gap:18px;justify-content:space-between;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.quick-reply-copy{min-width:0;flex:1}.quick-reply-copy>b{font-size:15px}.quick-reply-copy p{margin:6px 0 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:5.6em;overflow:auto}.quick-reply-actions{display:flex;gap:8px;flex:none}.quick-picker{display:flex;flex-direction:column;gap:9px;margin-top:16px}.quick-pick{width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.quick-pick:hover{background:var(--panel2);border-color:#2a5a42}.quick-pick>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-pick>span small{color:#6ee7a0}.quick-pick p{margin:7px 0 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:4.2em;overflow:hidden}
.switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}
.empty{color:var(--muted);text-align:center;padding:60px 20px}
#modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center}#modal[hidden]{display:none}
.overlay{position:absolute;inset:0;background:#000a;backdrop-filter:blur(2px)}
.box{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;width:min(620px,94vw);max-height:92vh;overflow:auto}
.box h2{margin:0 0 6px}.box .acts{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.qr{display:grid;place-items:center;background:#fff;border-radius:16px;padding:12px;width:344px;height:344px;margin:16px auto}.qr img{width:320px;height:320px}
.qr.loading{background:var(--bg);color:var(--muted)}
.test{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.chk{display:flex;gap:10px;align-items:center;padding:6px 4px}
#toast{position:fixed;bottom:24px;right:24px;background:var(--panel2);border:1px solid var(--green);padding:14px 20px;border-radius:12px;z-index:99}
#toast.err{border-color:var(--red)}
@media(max-width:900px){#sidebar{transform:translateX(-100%)}#main{margin-left:0}body.open #sidebar{transform:none}.search{width:auto;flex:1}.top-stat,.user{display:none}.chat{grid-template-columns:minmax(245px,38%) minmax(0,1fr);height:calc(100dvh - 190px);min-height:420px}.flow-controls{padding-left:0}.m{max-width:88%}.kanban{grid-template-columns:repeat(4,minmax(245px,1fr));overflow-x:auto;align-items:stretch;padding:3px 2px 14px}}@media(max-width:600px){#page{padding:14px}.chat{grid-template-columns:1fr;height:calc(100dvh - 170px);min-height:460px}.chat-sidebar{max-height:42%;border-right:0;border-bottom:1px solid var(--line)}.cview{min-height:58%}.chat-list-head{height:54px}.chead{padding:10px}.chead-main{gap:8px}.flow-controls{gap:6px}.flow-controls .btn{padding:7px 9px}.flow-controls .pill{font-size:10px}.msgs{padding:14px 10px}.m{max-width:92%}.composer{padding:9px;gap:6px}.composer .btn{min-width:54px;padding:8px 10px}.composer .quick-reply-launcher{font-size:0;width:42px;min-width:42px;padding:8px}.quick-reply-card{align-items:flex-start;flex-direction:column}.quick-reply-actions{align-self:flex-end}}

/* ---------- login / cadastro ---------- */
#auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 500px at 20% -10%,#0e3b26 0,transparent 60%),var(--bg)}
#auth[hidden],#app[hidden]{display:none}
.auth-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px 30px}
.auth-card .brand{margin:0 0 6px}
.auth-card h2{margin:22px 0 4px;font-size:21px}
.auth-card p.sub{margin:0 0 6px;color:var(--muted)}
.auth-card .f{margin-bottom:2px}
.auth-card .btn{width:100%;margin-top:20px;padding:14px}
.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:14px}
.auth-links a{cursor:pointer}
.note{background:#0f3a26;border:1px solid #1f6b43;border-radius:12px;padding:11px 14px;margin-top:14px;font-size:14px}
.note.err{background:#3a1c1c;border-color:#7a2e2e}
.note.warn{background:#3b3314;border-color:#7a6320}
.linkbox{display:flex;gap:8px;margin-top:8px}.linkbox input{flex:1}
.banner{background:#3b3314;border-bottom:1px solid #7a6320;padding:10px 28px;font-size:14px}
.stat-ok{color:#4ade80}.stat-bad{color:#f87171}
.pill.proc{background:#1b3a55;color:#7dd3fc}

/* Identidade visual futurista unificada para as demais telas do AgentHub */
:root{--bg:#06110c;--panel:#0b1b12;--panel2:#10271a;--line:#1b3d2b;--text:#eaf7ef;--muted:#9ab2a3;--green:#35d58b;--green-d:#15945b;--red:#ff6570;--amber:#f5b942;--blue:#45c7fa}
body{background:radial-gradient(ellipse at 60% -15%,#164a3028,transparent 50%),linear-gradient(145deg,#06110c,#081710 60%,#06120d)}
#sidebar{background:linear-gradient(180deg,#06120d,#07150e 55%,#06110c);border-right:1px solid #ffffff07}
#main{background:transparent}#topbar{position:relative;background:linear-gradient(90deg,#07150f,#091810 65%,#07150f);border-bottom:1px solid #ffffff08}
#burger{color:#b4d3c1;border:1px solid #ffffff0d;border-radius:11px;transition:.18s}#burger:hover{border-color:#38d58a55;background:#123321;color:#7af0ae;box-shadow:0 0 16px #22c55e18}
.search{border-color:#214631;background:linear-gradient(120deg,#09170f,#0b1d14);box-shadow:inset 0 1px #ffffff08;transition:.18s}.search:focus-within{border-color:#35d58b;box-shadow:0 0 0 3px #22c55e15,0 0 20px #22c55e10}.search input::placeholder{color:#769183}
.top-stat b{color:#dff5e6}.top-stat small{color:#87a795}.bar{background:#173c2a}.bar i{box-shadow:0 0 10px #35d58b99}
.bell{transition:transform .18s,filter .18s}.bell:hover{transform:translateY(-2px);filter:drop-shadow(0 0 8px #f5b94277)}.user b{color:#e6f5ec}.user small{color:#8dab99}
#content{background:radial-gradient(ellipse at 92% 0,#123c2810,transparent 38%),linear-gradient(145deg,#0a1a11,#08160f);border-top:1px solid #ffffff08}
.page-head{border-bottom-color:#1a3a29;background:linear-gradient(90deg,#0b1c13,#0a1911)}.page-head h1{color:#ecf9f1;letter-spacing:.01em}
#page{scrollbar-gutter:stable}
.btn{position:relative;overflow:hidden;border:1px solid #4ee09b55;border-radius:11px;background:linear-gradient(135deg,#42df96,#18a967);color:#032314;box-shadow:0 5px 16px #22c55e1c,inset 0 1px #ffffff55;transition:transform .16s,filter .16s,box-shadow .16s}
.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 22px #22c55e33,inset 0 1px #ffffff66}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:2px solid #a0ffd0;outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn.ghost{border-color:#2a5139;background:linear-gradient(145deg,#10271a,#0a1911);color:#b9d9c5;box-shadow:inset 0 1px #ffffff08}.btn.ghost:hover:not(:disabled){border-color:#40d89188;background:#123423;color:#eafff1;box-shadow:0 0 18px #22c55e18}
.btn.danger{border-color:#a43e484f;background:linear-gradient(145deg,#30191a,#1b1111);color:#ff9299;box-shadow:inset 0 1px #ffffff08}.btn.danger:hover:not(:disabled){border-color:#fa697577;background:#411d20;color:#ffdadd;box-shadow:0 0 16px #ef444425}
.card:not(.agent-card){border-color:#1b422e;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#19a66b0c,transparent 46%),linear-gradient(145deg,#10241a,#0a1911 80%);box-shadow:0 9px 25px #0002,inset 0 1px #ffffff08;transition:transform .18s,border-color .18s,box-shadow .18s}
.card:not(.agent-card):hover{border-color:#2c6947;background:linear-gradient(145deg,#112a1d,#0b1b12 80%);box-shadow:0 14px 28px #0003,0 0 18px #22c55e12}.card.static:hover{transform:none}
.pill{border:1px solid #39ce8240;background:linear-gradient(120deg,#0e4229,#12351f);color:#80efad;font-weight:650}.pill.off{border-color:#ed667044;background:#351a1d;color:#ff8e97}.pill.warn{border-color:#e5b34555;background:#392c12;color:#ffd36f}.pill.proc{border-color:#38bdf84c;background:#102d3d;color:#86d9fa}
.kpi{border-color:#24533a;border-radius:15px;background:linear-gradient(145deg,#11291c,#0a1911);box-shadow:0 8px 22px #0002,inset 0 1px #ffffff09}.kpi b{color:#66e6a1;text-shadow:0 0 16px #22c55e25}
.grid{gap:16px}.card .row{color:#eaf7ef}.counts{color:#9bb8a7}.counts span{padding:5px 8px;border:1px solid #ffffff0b;border-radius:8px;background:#08170f}
input.f,select.f,textarea.f{border-color:#244632;border-radius:11px;background:linear-gradient(145deg,#07160e,#0a1a11);color:#e8f5ed;box-shadow:inset 0 1px #ffffff06;transition:border-color .18s,box-shadow .18s}input.f:focus,select.f:focus,textarea.f:focus{border-color:#36d58b;box-shadow:0 0 0 3px #22c55e17,0 0 18px #22c55e0c}input.f::placeholder,textarea.f::placeholder{color:#718b7b}input[type=checkbox],input[type=radio]{accent-color:#35d58b}
select.f{color-scheme:dark}input[type=range]{accent-color:#35d58b}
table{border:1px solid #1b402d;border-radius:13px;overflow:hidden;background:#091810}th{background:linear-gradient(100deg,#10271a,#0d2116);color:#88c8a2;letter-spacing:.04em}td{color:#d7e9dd;border-bottom-color:#183626}tr:hover td{background:#10291b}
.note{border-color:#286846;background:linear-gradient(120deg,#103b27,#0e281a);color:#d5f5df;box-shadow:inset 0 1px #ffffff08}.note.err{border-color:#8d3841;background:linear-gradient(120deg,#351a1d,#251315);color:#ffb0b5}.note.warn{border-color:#8c6d2c;background:linear-gradient(120deg,#382d14,#241f12);color:#f7dfa0}
.banner{border-bottom-color:#8c6d2c;background:linear-gradient(90deg,#342912,#211c10);color:#f7dfa0}
.platform-announcement{display:flex;align-items:flex-start;gap:12px;margin:12px 24px 0;padding:13px 15px;border:1px solid #3178a8;border-radius:13px;background:linear-gradient(110deg,#102e42,#10251e);color:#dff4ff;box-shadow:0 7px 20px #0002,inset 0 1px #ffffff0a}
.platform-announcement[hidden]{display:none!important}.platform-announcement-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#1a5273;color:#83d7ff;font-size:15px;font-weight:900}
.platform-announcement-copy{min-width:0;flex:1}.platform-announcement-copy>b{display:block;margin:1px 0 3px;color:#f2fbff;font-size:13px;font-weight:850}.platform-announcement-copy>p{margin:0;color:#c4dbe7;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.platform-announcement-close{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #ffffff1a;border-radius:8px;background:#ffffff08;color:#c7dce7;font-size:20px;line-height:1;cursor:pointer}.platform-announcement-close:hover{background:#ffffff14;color:#fff}
.platform-announcement.is-warning{border-color:#8a6d29;background:linear-gradient(110deg,#382d15,#1b1b12);color:#fff0c1}.platform-announcement.is-warning .platform-announcement-mark{background:#5a431a;color:#ffd878}.platform-announcement.is-warning .platform-announcement-copy>p{color:#f4dda1}
.platform-announcement.is-critical{border-color:#8a3d43;background:linear-gradient(110deg,#3c1b20,#211316);color:#ffe2e3}.platform-announcement.is-critical .platform-announcement-mark{background:#65272d;color:#ff9ba1}.platform-announcement.is-critical .platform-announcement-copy>p{color:#f6c4c7}
.platform-announcement.is-success{border-color:#28784e;background:linear-gradient(110deg,#103b28,#10251a);color:#d9ffea}.platform-announcement.is-success .platform-announcement-mark{background:#145333;color:#78edab}.platform-announcement.is-success .platform-announcement-copy>p{color:#b6e9ca}
.platform-announcement-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px;background:#020906c9;backdrop-filter:blur(7px);animation:platform-notice-fade .18s ease-out}
.platform-announcement-backdrop[hidden]{display:none!important}.platform-announcement-backdrop .platform-announcement{position:relative;display:flex;align-items:flex-start;gap:15px;width:min(560px,100%);max-height:min(78dvh,680px);overflow:auto;margin:0;padding:23px;border-radius:20px;box-shadow:0 26px 90px #000a,inset 0 1px #ffffff12;animation:platform-notice-pop .24s cubic-bezier(.2,.8,.2,1)}
.platform-announcement-backdrop .platform-announcement-mark{width:42px;height:42px;border:1px solid #ffffff19;border-radius:13px;font-size:20px;box-shadow:0 0 24px currentColor}
.platform-announcement-backdrop .platform-announcement-copy{padding:1px 28px 2px 0}.platform-announcement-backdrop .platform-announcement-copy>small{display:block;margin-bottom:7px;color:#7cdbab;font-size:9px;font-weight:900;letter-spacing:.16em}.platform-announcement-backdrop .platform-announcement-copy>b{margin:0 0 9px;font-size:19px;line-height:1.3}.platform-announcement-backdrop .platform-announcement-copy>p{font-size:14px;line-height:1.7;white-space:normal}.platform-announcement-backdrop .platform-announcement-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:10px;font-size:22px}
.platform-announcement-backdrop .platform-announcement.is-warning .platform-announcement-copy>small{color:#ffd878}.platform-announcement-backdrop .platform-announcement.is-critical .platform-announcement-copy>small{color:#ff9ba1}.platform-announcement-backdrop .platform-announcement.is-success .platform-announcement-copy>small{color:#78edab}
@keyframes platform-notice-fade{from{opacity:0}to{opacity:1}}@keyframes platform-notice-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.platform-announcement-backdrop,.platform-announcement-backdrop .platform-announcement{animation:none}}
.admin-settings-page{display:grid;gap:16px}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-settings-grid>article{display:grid;align-content:start;gap:8px;padding:15px;border:1px solid #1b4933;border-radius:12px;background:#0b1d13}.admin-settings-grid>article>span{color:#69dca0;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.admin-settings-grid>article>b{color:#e9f6ed;font-size:13px}.admin-settings-grid>article>small{color:#9bb2a3;font-size:11px;line-height:1.5}.admin-settings-grid>article>code{overflow-wrap:anywhere;color:#a4d5b7;font-size:10px}.admin-settings-link{justify-self:start;padding:7px 0;border:0;background:transparent;color:#61e19e;font-weight:750;cursor:pointer}
.admin-announcement-editor{display:grid;gap:13px;padding:17px;border:1px solid #27583e;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#20c78212,transparent 46%),linear-gradient(145deg,#10251a,#0b1a12 82%)}.admin-announcement-editor>header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.admin-announcement-editor>header>div{display:grid;gap:4px}.admin-announcement-editor>header>div>b{color:#eaf7ef;font-size:14px}.admin-announcement-editor>header>div>small{color:#9bb2a3;font-size:10px;line-height:1.45}.admin-announcement-editor>label,.admin-announcement-controls>label{display:grid;gap:6px;color:#afc4b6;font-size:11px;font-weight:750}.admin-announcement-editor>label>.f{width:100%;min-width:0;padding:10px 12px}.admin-announcement-editor textarea.f{resize:vertical;min-height:95px;line-height:1.5}.admin-announcement-editor label>small{color:#819b8a;font-size:9px;font-weight:500;text-align:right}.admin-announcement-controls{display:flex;align-items:end;justify-content:space-between;gap:12px}.admin-announcement-controls>label{width:min(100%,280px)}.admin-announcement-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border:1px solid #27583e;border-radius:11px;background:#0b2015}.admin-announcement-preview>div{min-width:0}.admin-announcement-preview b{color:#f0faf3;font-size:12px}.admin-announcement-preview p{margin:5px 0 0;color:#b6cbbb;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.admin-announcement-preview.is-warning{border-color:#8a6d29;background:#2b2414}.admin-announcement-preview.is-critical{border-color:#8a3d43;background:#2e191c}.admin-announcement-preview.is-success{border-color:#28784e;background:#10271b}.admin-announcement-current{display:grid;gap:7px}.admin-announcement-current>small{color:#879e8e;font-size:9px;line-height:1.45}.admin-announcement-error{color:#ff9ba1;font-size:11px}
.empty{border:1px dashed #28553b;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#1a9d6410,transparent 60%),#0a1911;color:#9bb7a5}
#modal .overlay{background:#020905c9;backdrop-filter:blur(9px)}.box{border-color:#23533a;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#18a46c10,transparent 46%),linear-gradient(145deg,#0d2117,#08160f);box-shadow:0 22px 70px #0009,0 0 28px #22c55e0a}.box h2{color:#edfaf2}.box .acts{padding-top:14px;border-top:1px solid #ffffff0d}
.auth-card{border-color:#24563b;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#1ca86c16,transparent 48%),linear-gradient(145deg,#10251a,#091710);box-shadow:0 20px 55px #0005,inset 0 1px #ffffff0c}.auth-card h2{color:#effbf4}.auth-card p.sub{color:#a3bdac}
.test{border-color:#1f4932;background:radial-gradient(ellipse at top right,#133b2418,transparent 60%),#07150e}.quick-reply-card,.quick-pick{border-color:#214731;border-radius:13px;background:linear-gradient(145deg,#10271a,#0b1911);box-shadow:0 7px 20px #0002}.quick-reply-card:hover,.quick-pick:hover{border-color:#36c98277;background:#10291b}.quick-pick>span small{color:#62e4a0}
.chat{border-color:#24513a;border-radius:17px;background:#07150e;box-shadow:0 16px 42px #0004,0 0 22px #22c55e0a}.chat-sidebar{background:linear-gradient(180deg,#0b1b12,#08160f)}.chat-list-head,.chead{border-color:#1d422e;background:linear-gradient(100deg,#10241a,#0b1a12)}.chat-search{border-color:#1f422e;background:#08170f}.chat-search:focus-within{border-color:#35d58b;box-shadow:0 0 0 3px #22c55e13}.citem{border-bottom-color:#173526}.citem:hover,.citem.on{background:linear-gradient(100deg,#123222,#0e2418)}.citem.on{box-shadow:inset 3px 0 #4be39a,0 0 18px #22c55e0b}.ini{border:1px solid #2b7650;background:linear-gradient(145deg,#176642,#0c3724);box-shadow:0 0 15px #22c55e14}.cview{background:radial-gradient(ellipse at top right,#143b271e,transparent 55%),#08160f}.m.contact{border:1px solid #ffffff0c;background:linear-gradient(140deg,#172c20,#102219)}.m.ai,.m.human{border:1px solid #25c77d30;background:linear-gradient(140deg,#096244,#074630);box-shadow:0 5px 16px #0003}.m.flow{border:1px solid #3bc68835;background:linear-gradient(140deg,#14553c,#103c2b)}.composer{border-color:#1c422e;background:linear-gradient(90deg,#0c1e14,#0a1911)}.composer .f{border-color:#245239;background:#10241a}.chat-welcome span{border-color:#2d8054;background:#123924;color:#73eaa6;box-shadow:0 0 26px #22c55e1d}

/* Copiloto COD contextual no inbox */
.cod-copilot{margin:0 0 0 54px;padding:10px 12px;border:1px solid #1f7651;border-radius:14px;background:linear-gradient(110deg,#0a251a,#0c1d15 72%);box-shadow:inset 0 1px #ffffff08,0 8px 24px #0002;min-width:0}.cod-copilot-head{display:flex;align-items:center;gap:9px}.cod-copilot-mark{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,#00e0a1,#078755);color:#042016;font-size:17px;box-shadow:0 0 16px #00d99835}.cod-copilot-head>div{display:flex;align-items:baseline;gap:8px;min-width:0}.cod-copilot-head b{font-size:12px;color:#e3fff0;letter-spacing:.02em}.cod-copilot-head small{color:#7fae93;font-size:10px}.cod-copilot-live{margin-left:auto;display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #155e42;border-radius:99px;color:#79edb6;background:#073721;font-size:10px;white-space:nowrap}.cod-copilot-live i{width:6px;height:6px;border-radius:50%;background:#19e59a;box-shadow:0 0 8px #19e59a}.cod-copilot-body{padding:8px 0 0 37px}.cod-copilot-context{display:block;margin:0 0 7px;color:#9ccab0;font-size:11px}.cod-copilot-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cod-copilot-actions .btn{min-height:32px;padding:6px 10px;border-radius:9px;font-size:11px}.cod-copilot-actions .btn:disabled{opacity:.42;cursor:not-allowed}.cod-copilot-order{display:flex;align-items:center;gap:6px;color:#9bc9af;font-size:10px}.cod-copilot-order .f{width:120px;min-height:32px;height:32px;padding:5px 8px;border-color:#1d5138;border-radius:9px;background:#07170f;color:#dcf5e6;font-size:11px}.cod-copilot-prepare{margin-left:auto}.cod-copilot-result{margin-top:8px;padding:8px 10px;border:1px solid #1a7750;border-radius:9px;background:#062d20;color:#baf4d3;font-size:11px;line-height:1.45}.cod-copilot-result.is-error{border-color:#8b5a22;background:#2b1d0c;color:#ffdfaa}.cod-copilot-note{display:block;margin-top:6px;color:#719681;font-size:10px}.cod-copilot[hidden],.cod-copilot-result[hidden]{display:none}
.progress{border:1px solid #214a33;background:#08170f}.progress i{background:linear-gradient(90deg,#20a96b,#50e4a0);box-shadow:0 0 12px #22c55e88}.linkbox input{min-width:0}
@media(prefers-reduced-motion:no-preference){.card:not(.agent-card),.btn,.quick-pick,.quick-reply-card{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.card:not(.agent-card):hover{transform:translateY(-2px)}}
@media(max-width:700px){#topbar{gap:10px;padding-right:12px}.search{height:44px;padding-inline:13px}.page-head{height:66px;padding:0 16px}.page-head h1{font-size:18px}#actions .btn{padding:9px 11px;font-size:12px}#page{padding:20px 14px}.auth-card{padding:28px 22px}.box:not(:has(.agent-editor)){padding:20px 16px}.box .acts{flex-wrap:wrap}.box .acts .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mascote animado na tela de login */
.auth-mascot{position:relative;display:grid;place-items:center;width:100%;height:142px;margin:12px auto 8px;overflow:hidden;border:1px solid #1b6945;border-radius:18px;background:radial-gradient(ellipse at 50% 78%,#18b87520,transparent 58%),linear-gradient(145deg,#0c2117,#08160f)}
.auth-card p.sub .auth-highlight-flow,.auth-card p.sub .auth-highlight-ai{font-weight:850;letter-spacing:.015em;text-shadow:0 0 12px #35e59a30}
.auth-card p.registration-expired-message{margin:12px 0 16px;padding:14px 16px;border:1px solid #42d99a70;border-radius:14px;background:radial-gradient(ellipse at 0 50%,#1acb8522,transparent 70%),linear-gradient(110deg,#0d3021,#10271b);color:#caffdf;font-size:16px;font-weight:800;line-height:1.5;text-shadow:0 0 16px #35e59a28;box-shadow:inset 0 1px #ffffff0c,0 8px 24px #0002}
.registration-plan-email-note{display:block;margin-top:5px;color:#f3d98a;font-size:10px;font-weight:750;line-height:1.45}
#box:has(.registration-gift-modal){width:min(430px,calc(100vw - 24px));min-height:490px;max-height:calc(100vh - 24px);padding:0;overflow:hidden;border-color:#4a9b7655;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,#235440,#0b241b 65%,#071510);box-shadow:0 25px 90px #0009}
.registration-gift-modal{position:relative;display:grid;min-height:490px;place-items:center;overflow:hidden;padding:34px 25px;color:#f5fff8;text-align:center}.registration-gift-modal [hidden]{display:none!important}.registration-gift-close{position:absolute;z-index:5;top:12px;right:14px;display:grid;width:32px;height:32px;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:#ffffff15;color:#fff;font-size:20px;cursor:pointer}.registration-gift-stage{width:100%;animation:registrationGiftAppear .65s cubic-bezier(.2,1.2,.3,1)}.registration-gift-medal{margin-bottom:8px;font-size:67px;animation:registrationGiftPulse 1.8s infinite}.registration-gift-tag{color:#f5d68b;font-size:10px;font-weight:850;letter-spacing:.14em}.registration-gift-stage h2{margin:13px 0 9px;color:#f2fff6;font-size:25px;line-height:1.15}.registration-gift-stage>b{font-size:16px}.registration-gift-stage>p{margin:10px auto;color:#c7dace;font-size:13px;line-height:1.55}.registration-gift-dots{margin-top:19px;color:#f5d68b;letter-spacing:6px;animation:registrationGiftPulse 1.2s infinite}.registration-gift-box{position:relative;width:140px;height:150px;margin:23px auto 17px;filter:drop-shadow(0 15px 25px #1ee7a650);animation:registrationGiftFloat 1.7s infinite}.registration-gift-base{position:absolute;bottom:0;width:140px;height:104px;border-radius:8px 8px 14px 14px;background:linear-gradient(120deg,#087b53,#2be8a8,#087b53)}.registration-gift-lid{position:absolute;z-index:3;top:25px;left:-8px;width:156px;height:34px;border-radius:7px;background:linear-gradient(110deg,#43f3b9,#0c9969)}.registration-gift-ribbon{position:absolute;z-index:4;top:25px;left:58px;width:24px;height:125px;background:linear-gradient(90deg,#b7822a,#ffeca4,#b7822a)}.registration-gift-bow{position:absolute;z-index:5;top:-10px;left:33px;width:75px;height:42px}.registration-gift-bow:before,.registration-gift-bow:after{position:absolute;width:38px;height:28px;border:9px solid #f8d77e;border-radius:60% 60% 15% 60%;content:"";transform:rotate(30deg)}.registration-gift-bow:after{left:31px;transform:rotate(-30deg) scaleX(-1)}.registration-gift-box.is-opening{animation:none}.registration-gift-box.is-opening .registration-gift-lid,.registration-gift-box.is-opening .registration-gift-bow{animation:registrationGiftLidFly .8s forwards}.registration-gift-box.is-opening .registration-gift-base{animation:registrationGiftVanish .75s .25s forwards}.registration-gift-box.is-opening .registration-gift-ribbon{opacity:0;transition:opacity .3s}.registration-gift-track{width:230px;max-width:100%;height:7px;margin:18px auto;overflow:hidden;border-radius:20px;background:#345b4a}.registration-gift-track>div{width:0;height:100%;background:linear-gradient(90deg,#16c68b,#f6d989);transition:width .04s}.registration-gift-confetti{margin-bottom:8px;font-size:24px;animation:registrationGiftPulse .7s ease-in-out 3}.registration-gift-ticket{margin:18px auto 14px;padding:18px 14px;border:1px solid #e4c37a77;border-radius:17px;background:linear-gradient(140deg,#22513e,#102d23)}.registration-gift-ticket code{display:block;margin-top:12px;padding:14px 5px;border:2px dashed #e4c37a;border-radius:12px;background:#091c16;color:#ffe3a0;font-size:clamp(17px,5vw,23px);font-weight:900;letter-spacing:.06em}.registration-gift-ticket small,.registration-gift-signoff{display:block;margin-top:10px;color:#c7dace;font-size:11px}.registration-gift-copy{border:0!important;background:linear-gradient(100deg,#ffe69e,#e5b44b)!important;color:#302304!important;font-weight:900}.registration-gift-copy-error{color:#ffe3a0!important;font-size:11px!important}.registration-gift-continue{margin-top:8px}.registration-gift-stage>button:disabled{opacity:.65}
@keyframes registrationGiftAppear{from{opacity:0;transform:translateY(22px) scale(.8)}to{opacity:1;transform:none}}@keyframes registrationGiftPulse{50%{transform:scale(1.08);opacity:.8}}@keyframes registrationGiftFloat{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes registrationGiftLidFly{to{transform:translateY(-140px) rotate(28deg);opacity:0}}@keyframes registrationGiftVanish{to{opacity:0;transform:scale(.4)}}
#box:has(.registration-gift-modal){isolation:isolate;background:radial-gradient(ellipse at 50% 32%,#164a39,#0a2119 62%,#07140f);box-shadow:0 25px 90px #000b,0 0 45px #1ee7a622,inset 0 1px #ffffff18}.registration-gift-modal{isolation:isolate;background-image:linear-gradient(#50f2b408 1px,transparent 1px),linear-gradient(90deg,#50f2b408 1px,transparent 1px);background-size:34px 34px}.registration-gift-modal:before,.registration-gift-modal:after{position:absolute;z-index:-1;inset:-35%;border-radius:50%;content:"";pointer-events:none}.registration-gift-modal:before{background:conic-gradient(from 0deg,transparent 0 18%,#3cf3bd15 24%,transparent 32% 55%,#ffd97810 62%,transparent 70%);filter:blur(10px);animation:registrationGiftSweep 12s linear infinite}.registration-gift-modal:after{inset:12%;border:1px solid #5ce8bc18;box-shadow:0 0 60px #14e4ac12,inset 0 0 60px #14e4ac0b;animation:registrationGiftHalo 4s ease-in-out infinite}.registration-gift-stage{position:relative;z-index:1}.registration-gift-sound{position:absolute;z-index:6;top:13px;left:14px;padding:7px 10px;border:1px solid #52deb555;border-radius:999px;background:#09291fc9;color:#b7ffe4;font-size:10px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.registration-gift-sound:hover{border-color:#8effd8;background:#0e4938}.registration-gift-medal{position:relative;display:grid;width:94px;height:94px;place-items:center;margin:0 auto 13px;border:1px solid #f5d68b7a;border-radius:50%;background:radial-gradient(circle,#fff0c61c 0 35%,#20d99b16 68%,transparent 70%);font-size:58px;filter:drop-shadow(0 0 20px #ffdf7c45)}.registration-gift-medal:before,.registration-gift-medal:after{position:absolute;inset:-9px;border:1px solid #62f3c144;border-radius:50%;content:"";animation:registrationGiftHalo 3.2s ease-out infinite}.registration-gift-medal:after{inset:-17px;border-color:#f6d77a30;animation-delay:1.1s}.registration-gift-tag{color:#82f8d2;text-shadow:0 0 12px #37edc266}.registration-gift-stage h2{background:linear-gradient(100deg,#fff,#baffdf 55%,#ffe59a);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px #67edc228}.registration-gift-dots{color:#92ffe0;text-shadow:0 0 16px #49f0c4;letter-spacing:9px}.registration-gift-box{filter:drop-shadow(0 0 20px #1ee7a660) drop-shadow(0 15px 20px #0005)}.registration-gift-orbit{position:absolute;inset:8px -22px 0;border:1px solid #6efbd250;border-radius:50%;transform:rotate(-17deg) scaleY(.42);box-shadow:0 0 18px #37e9b323}.registration-gift-orbit:before,.registration-gift-orbit:after{position:absolute;top:50%;left:7%;width:7px;height:7px;border-radius:50%;background:#a8ffe6;box-shadow:0 0 12px 4px #4dffcb88;content:""}.registration-gift-orbit:after{top:15%;left:82%;width:5px;height:5px;background:#ffe39a;box-shadow:0 0 12px 3px #ffe39a88}.registration-gift-track{height:8px;border:1px solid #60e6be3b;background:#09291f;box-shadow:inset 0 1px 5px #0008,0 0 18px #17e4b51d}.registration-gift-track>div{position:relative;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#15bf8b,#70f6cf,#ffe08a);box-shadow:0 0 16px #57f2c7}.registration-gift-track>div:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffffaa,transparent);content:"";animation:registrationGiftShimmer 1s linear infinite}.registration-gift-confetti{position:absolute;z-index:-1;inset:-26px -8px 0;overflow:visible;pointer-events:none}.registration-gift-particle{position:absolute;top:34%;left:50%;color:#85ffe0;font-size:15px;text-shadow:0 0 12px currentColor;animation:registrationGiftBurst 1.6s var(--spark-delay) cubic-bezier(.12,.75,.25,1) both}.registration-gift-particle:nth-child(3n){color:#ffe08a;font-size:19px}.registration-gift-particle:nth-child(3n + 1){color:#baffdf;font-size:12px}.registration-gift-ticket{position:relative;overflow:hidden;border-color:#e7d18a99;background:radial-gradient(ellipse at 50% 0,#42f0bd26,transparent 70%),linear-gradient(145deg,#123e31,#0b241b);box-shadow:0 0 28px #f3d9801c,inset 0 1px #ffffff18}.registration-gift-ticket:after{position:absolute;inset:-60% -100%;background:linear-gradient(110deg,transparent 43%,#fff9d51c 50%,transparent 57%);content:"";pointer-events:none;animation:registrationGiftSweep 5s linear infinite}.registration-gift-ticket code{border-color:#ffdf7c;background:linear-gradient(120deg,#101d18,#0b1712);color:#ffe8a9;text-shadow:0 0 16px #ffd86872;box-shadow:inset 0 0 20px #ffe28a0b,0 0 20px #ffe28a16}.registration-gift-copy{position:relative;overflow:hidden;border:1px solid #fff0b2!important;background:linear-gradient(105deg,#ffe6a1,#e4b448 48%,#fff0b7)!important;box-shadow:0 0 22px #f7d56838,inset 0 1px #ffffffa8;transition:transform .2s,box-shadow .2s}.registration-gift-copy:after{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff75 50%,transparent 80%);content:"";transform:translateX(-130%);animation:registrationGiftShimmer 2.8s .4s ease-in-out infinite}.registration-gift-copy:hover{transform:translateY(-2px);box-shadow:0 0 30px #f7d56860,inset 0 1px #ffffff}.registration-gift-copy-error{padding:7px;border:1px solid #e4c37a44;border-radius:9px;background:#281f10}.registration-gift-signoff{color:#9debd1}
@keyframes registrationGiftSweep{to{transform:rotate(360deg)}}@keyframes registrationGiftHalo{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes registrationGiftShimmer{to{transform:translateX(130%)}}@keyframes registrationGiftBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(0) rotate(210deg)}}
@media(max-width:480px){#box:has(.registration-gift-modal){min-height:0}.registration-gift-modal{min-height:min(490px,calc(100dvh - 24px));padding:38px 20px 24px}.registration-gift-stage h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.registration-gift-modal:before,.registration-gift-modal:after,.registration-gift-stage,.registration-gift-medal,.registration-gift-medal:before,.registration-gift-medal:after,.registration-gift-dots,.registration-gift-box,.registration-gift-confetti,.registration-gift-particle,.registration-gift-track>div:after,.registration-gift-ticket:after,.registration-gift-copy:after{animation:none!important}.registration-gift-box.is-opening .registration-gift-lid,.registration-gift-box.is-opening .registration-gift-bow,.registration-gift-box.is-opening .registration-gift-base{animation:none!important}}
.auth-card p.sub .auth-highlight-flow{color:#54e6a2}.auth-card p.sub .auth-highlight-ai{color:#b3ffd5}
.mascot-bot{position:relative;z-index:1;width:154px;height:128px;filter:drop-shadow(0 10px 18px #00d99124);animation:mascot-float 3.4s ease-in-out infinite}
.mascot-orbit{position:absolute;left:50%;top:50%;width:210px;height:68px;border:1px solid #38d89035;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}
.mascot-orbit-b{width:177px;height:104px;transform:translate(-50%,-50%) rotate(25deg);border-color:#38d89020}
.mascot-spark{position:absolute;z-index:2;color:#72ffc0;text-shadow:0 0 12px #31e69a;animation:mascot-twinkle 2.2s ease-in-out infinite}
.mascot-spark-a{left:calc(50% - 96px);top:32px;font-size:17px}.mascot-spark-b{right:calc(50% - 100px);top:77px;font-size:28px;animation-delay:.8s}
.mascot-eye{transform-box:fill-box;transform-origin:center;animation:mascot-blink 4.8s ease-in-out infinite}.mascot-eye-right{animation-delay:.04s}
@keyframes mascot-float{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes mascot-twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@keyframes mascot-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}
@media(max-width:600px){.auth-mascot{height:116px;margin:8px auto 4px}.mascot-bot{width:132px;height:110px}}

/* Indicadores e perfil futuristas na barra superior */
#topbar{gap:12px;padding-left:14px;padding-right:18px}
.top-stat{position:relative;min-width:148px;gap:3px;padding:8px 12px;border:1px solid #1e4832;border-radius:12px;background:linear-gradient(145deg,#10271a,#091810);box-shadow:inset 0 1px #ffffff09,0 4px 14px #0002}
.top-stat:before{position:absolute;inset:0 auto 0 0;width:2px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,transparent,#40d991,transparent);content:""}
.top-stat b{color:#eafff1;font-size:12px;font-weight:700;white-space:nowrap}.top-stat small{color:#87aa96;font-size:10.5px;white-space:nowrap}.top-stat.right{text-align:left}
.top-stat.tokens{min-width:170px}.bar{width:100%;height:4px;margin-top:4px;border:1px solid #234c35;background:#07150e}.bar i{background:linear-gradient(90deg,#1db66d,#59e9a1);box-shadow:0 0 10px #35d58b99}
.bell{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #2b6848;border-radius:13px;background:radial-gradient(circle at 50% 0,#35d58b20,transparent 70%),linear-gradient(145deg,#10291b,#09170f);box-shadow:inset 0 1px #ffffff10,0 5px 16px #0003;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer}.bell:hover{transform:translateY(-2px);border-color:#4ce39b99;box-shadow:0 0 19px #35d58b25,inset 0 1px #ffffff18;filter:none}.bell:focus-visible{outline:2px solid #87f3b6;outline-offset:3px}.bell svg{width:21px;height:21px;overflow:visible;fill:none;stroke:#83efb2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #35d58b77);transition:transform .18s,stroke .18s}.bell:hover svg{transform:rotate(-7deg);stroke:#c4ffda}.bell svg .bell-signal{stroke:#55daa0;stroke-width:1.4;opacity:.8}.bell span{top:-5px;right:-5px;width:17px;height:17px;border:2px solid #091810;background:linear-gradient(145deg,#ff7880,#e54452);font-size:9px;font-weight:800;box-shadow:0 0 9px #ef444466}
.user{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:102px;padding:7px 12px;border:1px solid #1e4832;border-radius:12px;background:linear-gradient(145deg,#10271a,#091810);text-align:left;transition:border-color .18s,background .18s}.user:hover{border-color:#35c98166;background:linear-gradient(145deg,#123322,#0a1b12)}.user b{overflow:hidden;color:#eaf8ef;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user small{overflow:hidden;color:#8eb29b;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.ollama{display:grid;place-items:center;width:10px;height:10px;flex:none;border:1px solid #ff687155;border-radius:50%;background:#f15c65;font-size:0;box-shadow:0 0 11px #ef444466;transition:background .2s,box-shadow .2s}.ollama.ok{border-color:#4ce39b77;background:#3cda8e;box-shadow:0 0 13px #35d58b99}
@media(max-width:1200px){#topbar{gap:8px;padding-right:12px}.top-stat{min-width:125px;padding:7px 9px}.top-stat.tokens{min-width:140px}.user{min-width:82px;padding:7px 9px}}
@media(max-width:900px){#topbar{gap:10px}.search{min-width:0}}
.progress{height:8px;border-radius:8px;background:#173a29;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--green)}
.hint{font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.banner{padding:10px 16px}}

.wz-steps{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.wz-steps span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:999px}
.wz-steps span b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel2);font-size:12px}
.wz-steps span.on{color:#eafff3;border-color:#2dd4a0}.wz-steps span.on b{background:#2dd4a0;color:#06251a}
.wz-steps span.done{color:#2dd4a0;border-color:#1f6b50}.wz-steps span.done b{background:#1f6b50;color:#eafff3}
.wz-num{font-size:26px;font-weight:700;text-align:center;margin:18px 0;letter-spacing:.5px}

/* editor de fluxos (tela cheia, visual escuro estilo Typebot) */
.fx-full{--e-bg:#0b0b0c;--e-pan:#111113;--e-card:#18181b;--e-card2:#1f1f23;--e-line:#2b2b30;--e-text:#f4f4f5;--e-mute:#9a9aa3;--e-acc:#f97316;position:fixed;inset:0;z-index:70;background:var(--e-bg);color:var(--e-text);display:flex;flex-direction:column;font-family:Inter,"Segoe UI",system-ui,sans-serif}
.fx-full .muted,.fx-full .hint{color:var(--e-mute)}
.fx-full .hint{font-size:12.5px;margin:6px 0;line-height:1.45}.fx-full code{background:#26262b;color:#d4d4d8;border-radius:5px;padding:1px 5px;font-size:12px}
.fx-full .f{background:var(--e-card);border:1px solid var(--e-line);color:var(--e-text);border-radius:10px;padding:9px 11px;font:inherit;width:100%;box-sizing:border-box}
.fx-full .f::placeholder{color:#6b6b74}
.fx-full .f:focus{outline:none;border-color:var(--e-acc);box-shadow:0 0 0 3px #f9731626}
.fx-full select.f{appearance:auto;color-scheme:dark}.fx-full textarea.f{resize:vertical}
.fx-full .l{display:block;margin:13px 0 5px;font-size:12.5px;font-weight:600;color:#c4c4cc}
.fx-full .chk{display:flex;gap:8px;align-items:center;color:var(--e-text);font-size:14px}
.fx-full .btn{background:var(--e-acc);color:#fff;border:1px solid var(--e-acc);border-radius:10px;padding:9px 18px;font-weight:600;cursor:pointer;font-size:14px}
.fx-full .btn:hover{background:#ea580c}
.fx-full .btn.ghost{background:var(--e-card);color:var(--e-text);border-color:var(--e-line)}.fx-full .btn.ghost:hover{background:var(--e-card2);border-color:#3a3a40}
.fx-full .btn.danger{background:transparent;color:#f87171;border-color:#5b2a2a}.fx-full .btn.danger:hover{background:#2a1515}
.fx-full .btn.sm{padding:6px 11px;font-size:13px}.fx-full .btn:disabled{opacity:.4;cursor:not-allowed}
.fx-bar{display:flex;gap:10px;align-items:center;padding:10px 16px;background:var(--e-bg);border-bottom:1px solid var(--e-line)}
.fx-ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--e-line);background:var(--e-card);color:var(--e-text);font-size:20px;cursor:pointer;display:grid;place-items:center;line-height:1}
.fx-ib:hover:not(:disabled){background:var(--e-card2)}.fx-ib:disabled{opacity:.35;cursor:default}
.fx-logo{width:36px;height:36px;border-radius:10px;border:1px solid var(--e-line);display:grid;place-items:center;color:#e4e4e7}
.fx-full .fx-name{max-width:300px;background:transparent;border-color:transparent;font-weight:600;font-size:15px}.fx-full .fx-name:hover{border-color:var(--e-line)}
.cv-shell{flex:1;min-height:0;display:grid;grid-template-columns:318px 1fr 340px;gap:0}
.fx-pal{overflow:auto;background:var(--e-pan);border:1px solid var(--e-line);border-radius:18px;margin:12px 0 12px 12px;padding:16px;z-index:2}
.fx-search{margin-bottom:6px}
.fx-ai{margin:0 0 14px;padding:13px;border:1px solid #246c51;border-radius:14px;background:radial-gradient(ellipse at 0 0,rgba(32,190,123,.16),transparent 65%),var(--e-card);box-shadow:inset 0 1px rgba(255,255,255,.035)}.fx-ai-title{display:flex;align-items:center;gap:9px}.fx-ai-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#0e5439;color:#63edb0;font-size:19px}.fx-ai-title b,.fx-ai-title small{display:block}.fx-ai-title b{font-size:14px}.fx-ai-title small,.fx-ai p,.fx-ai-ready small{color:var(--e-mute);font-size:11px}.fx-ai p{line-height:1.45;margin:9px 0}.fx-ai-chat{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto;margin:8px 0}.fx-ai-msg{white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 10px;border:1px solid var(--e-line);border-radius:10px;background:var(--e-card2);font-size:12px;line-height:1.4}.fx-ai-msg.user{align-self:flex-end;background:#0d4934;border-color:#237855}.fx-ai-empty{color:var(--e-mute);font-size:11px}.fx-ai-input{width:100%;resize:vertical;min-height:68px;font:inherit;font-size:12px}.fx-ai-actions{display:flex;gap:7px;margin-top:7px}.fx-ai-actions .btn{flex:1}.fx-ai-ready,.fx-ai-error{display:flex;flex-direction:column;gap:5px;margin-top:9px;padding:10px;border:1px solid #258b61;border-radius:10px;background:rgba(20,113,75,.18)}.fx-ai-ready small{margin-bottom:3px}.fx-ai-error{border-color:#96623a;background:#302116;color:#ffd6ab;font-size:12px;line-height:1.4}
.fx-pg{margin:18px 0 8px;font-size:15px;font-weight:700;color:#fff}
.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fx-pb{display:flex;gap:9px;align-items:center;min-width:0;text-align:left;padding:10px 11px;border-radius:11px;border:1px solid var(--e-line);background:var(--e-card);color:var(--e-text);cursor:grab;font:inherit;font-size:13.5px}
.fx-pb:hover:not(:disabled){border-color:#4a4a52;background:var(--e-card2)}.fx-pb:disabled{opacity:.5;cursor:not-allowed}
.fx-pb .pi{flex:none;display:grid;place-items:center;color:var(--gc,#e4e4e7)}.fx-pb .pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-pb em{margin-left:auto;font-style:normal;font-size:11px;background:#3a1f12;border-radius:20px;padding:1px 6px}
.g-b{--gc:#e4e4e7}.g-i{--gc:#f97316}.g-l{--gc:#a78bfa}.g-a{--gc:#34d399}.g-e{--gc:#f472b6}
.cv-ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--gc,#9ca3af);background:color-mix(in srgb,var(--gc,#9ca3af) 14%,#18181b)}
.cv-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.cv{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--e-bg);background-image:radial-gradient(#2c2c31 1.3px,transparent 1.3px);background-size:24px 24px;touch-action:none;cursor:grab;user-select:none}
.cv:active{cursor:grabbing}
.cv-world{position:absolute;left:0;top:0;transform-origin:0 0}
.cv-edges{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}
.cv-e .hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}
.cv-e .ln{fill:none;stroke:#5a5a63;stroke-width:2.2;pointer-events:none}.cv-e.sel .ln,.cv-e:hover .ln{stroke:var(--e-acc)}
.cv-x{cursor:pointer;pointer-events:all}.cv-x circle{fill:#ef4444;stroke:#0b0b0c;stroke-width:2}.cv-x text{fill:#fff;font-size:16px;font-weight:700}
.tmp{fill:none;stroke:var(--e-acc);stroke-width:2.2;stroke-dasharray:6 5}
.cv-n{position:absolute;background:var(--e-card);border:1.5px solid var(--e-line);border-radius:14px;padding:10px;cursor:move;box-shadow:0 6px 20px #0006}
.cv-n.sel{border-color:var(--e-acc);box-shadow:0 0 0 3px #f9731626,0 6px 20px #0008}
.cv-n.drop{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}
.cv-h{display:flex;gap:8px;align-items:center;padding:0 2px 8px}.cv-h b{flex:1;font-size:14px}
.cv-gt{flex:1;font-size:12.5px;font-weight:700;color:var(--e-mute);letter-spacing:.02em}
.cv-ev .cv-h{padding-bottom:4px}.cv-s{color:var(--e-mute);font-size:12.5px;padding:0 2px 2px;word-break:break-word}
.cv-items{display:flex;flex-direction:column;gap:6px}
.cv-it{border:1px solid var(--e-line);border-radius:10px;background:var(--e-card2);padding:6px 8px;cursor:pointer}
.cv-it:hover{border-color:#44444b}.cv-it.sel{border-color:var(--e-acc);background:#26180f}
.cv-ir{display:flex;gap:8px;align-items:center;min-width:0}.cv-ir b{font-size:13px;font-weight:600}
.cv-ir em{flex:1;min-width:0;color:#7d7d86;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.cv-ir .cv-ic{width:24px;height:24px;border-radius:7px}.cv-ir .cv-ic svg{width:14px;height:14px}
.cv-grip{cursor:grab;color:#55555d;padding:0 1px;font-size:13px}
.cv-empty{color:#6b6b74;font-size:12.5px;padding:8px;text-align:center}
.cv-thumb{position:relative;margin-top:7px;border-radius:8px;overflow:hidden;background:#26262b;min-height:46px;display:grid;place-items:center}
.cv-thumb img,.cv-thumb video{display:block;width:100%;max-height:150px;object-fit:cover;pointer-events:none}
.cv-thumb.audio{background:none;min-height:0}.cv-thumb audio{width:100%;height:36px;color-scheme:dark}
.cv-thumb.big{margin:8px 0}.cv-thumb.big img,.cv-thumb.big video{max-height:220px;pointer-events:auto}
.cv-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;text-shadow:0 1px 6px #0008;pointer-events:none}
.cv-tmiss{color:#6b6b74;font-size:12px;padding:12px}
.cv-drophint{display:none;margin-top:8px;border:1.5px dashed #60a5fa;color:#60a5fa;border-radius:10px;text-align:center;padding:7px;font-size:12.5px}
.cv-n.drop .cv-drophint{display:block}
.cv-p{position:relative;margin-top:6px;padding:7px 18px 7px 10px;background:var(--e-card2);border:1px solid var(--e-line);border-radius:9px;font-size:12.5px;text-align:right;color:#d4d4d8}
.pt{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--e-bg);border:3px solid var(--e-acc);cursor:crosshair;box-sizing:border-box}
.pt:hover{background:var(--e-acc);transform:scale(1.2)}
.pt.in{left:-8px;top:22px;border-color:#71717a}
.pt.out{right:-9px;top:50%;margin-top:-7px}
.cv-h .pt.out{top:16px;margin-top:0;right:-17px}
.cv-zoom{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px}
.cv-zoom button{width:38px;height:38px;border-radius:10px;border:1px solid var(--e-line);background:var(--e-card);color:var(--e-text);font-size:18px;cursor:pointer}
.cv-zoom button:hover{background:var(--e-card2)}
.cv-hint{position:absolute;left:14px;bottom:10px;font-size:12px;color:#6b6b74;pointer-events:none;max-width:70%}
.cv-insp{overflow:auto;background:var(--e-pan);border:1px solid var(--e-line);border-radius:18px;margin:12px 12px 12px 0;padding:16px}
.cv-ih{display:flex;gap:10px;align-items:center;font-size:16px;margin-bottom:6px}.cv-ih .cv-ic{width:34px;height:34px}.cv-ih .cv-ic svg{width:18px;height:18px}
.cv-tip p{margin:10px 0;color:var(--e-mute);font-size:13.5px;line-height:1.5}.cv-tip b{color:var(--e-text)}
.fx-full .fx-opt{display:flex;gap:6px;margin-bottom:6px;align-items:center;flex-wrap:wrap}
.fx-up{cursor:pointer;display:inline-block}
#fxGhost{position:fixed;z-index:200;pointer-events:none;background:#18181b;border:1.5px solid #f97316;border-radius:10px;padding:6px 12px;font-size:13px;color:#f4f4f5;box-shadow:0 6px 18px #000a}
#toast{z-index:300}
@media(max-width:1000px){.cv-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.fx-pal{margin:8px;max-height:150px}.fx-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.cv-insp{margin:8px;max-height:40vh}}
.fx-full .fx-ag{width:auto;max-width:190px;margin-right:10px;background:var(--e-card,#1f2937);border-color:var(--e-line)}
.fx-full .fx-ch{margin-right:10px}

/* Assistente de fluxo: formulário fixo em etapas, só para administração */
.fx-ai-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 8px;padding:7px 9px;border:1px solid #24543c;border-radius:9px;background:#0a1e14}.fx-ai-progress span{color:#58d99b;font-size:9px;font-weight:800;letter-spacing:.09em}.fx-ai-progress b{color:#d8f6e5;font-size:11px}
.fx-ai-step h4{margin:10px 0 8px;color:var(--e-text);font-size:12px}.fx-ai-choices{display:flex;gap:7px;margin:8px 0}.fx-ai-choices button{flex:1;min-width:0;padding:8px 9px;border:1px solid var(--e-line);border-radius:9px;background:var(--e-card);color:var(--e-text);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.fx-ai-choices button:hover,.fx-ai-choices button.selected{border-color:#37d58a;background:#103c28;box-shadow:0 0 0 2px #22c55e12;color:#aaf2c8}.fx-ai-choices.vertical{flex-direction:column}.fx-ai-choices.vertical button{text-align:left}.fx-ai-choices small{display:block;margin-top:3px;color:var(--e-mute);font-size:10px;font-weight:400;line-height:1.35}
.fx-ai-file{display:flex;flex-direction:column;gap:4px;margin:9px 0;padding:10px;border:1px dashed #31845a;border-radius:10px;background:#0b2418;color:#a9f0c4;font-size:11px;font-weight:700;cursor:pointer}.fx-ai-file small{color:var(--e-mute);font-size:10px;font-weight:400}.fx-ai-file input{max-width:100%;color:var(--e-mute);font-size:10px}.fx-ai-selected-file{overflow:hidden;padding:7px 9px;border:1px solid var(--e-line);border-radius:8px;color:var(--e-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.fx-ai-field-label{display:block;margin:9px 0 5px;color:#c4c4cc;font-size:11px;font-weight:650}.fx-ai-input{min-height:90px}.fx-ai-files{display:flex;flex-direction:column;gap:7px;margin-top:8px}.fx-ai-file-row{padding:8px;border:1px solid var(--e-line);border-radius:9px;background:var(--e-card)}.fx-ai-file-row>div{display:flex;align-items:center;gap:8px;margin-bottom:5px}.fx-ai-file-row>div b{overflow:hidden;flex:1;color:var(--e-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fx-ai-file-row label{color:var(--e-mute);font-size:10px}.fx-ai-file-row textarea{margin-top:4px;font-size:11px!important}.fx-ai-remove{flex:none;width:23px;height:23px;border:1px solid #63333b;border-radius:7px;background:#29171b;color:#ff9da4;font-size:16px;cursor:pointer}.fx-ai-wizard-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.fx-ai-wizard-actions>span{flex:1}.fx-ai-wizard-actions .btn{padding:6px 8px;font-size:11px}.fx-ai-status{margin-top:7px;color:#8ee6b2;font-size:10px;line-height:1.4}.fx-ai-review{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fx-ai-review>div{display:flex;min-width:0;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--e-line);border-radius:8px;background:var(--e-card)}.fx-ai-review small{color:var(--e-mute);font-size:9px}.fx-ai-review b{overflow:hidden;color:var(--e-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}

/* Área de agentes e formulário de configuração */
.agent-page-intro{margin:0 0 16px;padding:0 2px}.agent-page-intro>span{color:#4cda98;font-size:9px;font-weight:800;letter-spacing:.17em}.agent-page-intro p{margin:4px 0 0;color:#86a795;font-size:13px}
.agent-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}
.agent-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:18px;border:1px solid #1c4d37;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#1da86c12,transparent 44%),linear-gradient(145deg,#10271b,#0a1912 78%);box-shadow:0 9px 24px #0002,inset 0 1px #ffffff09;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.agent-card:before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#43dc96,transparent);opacity:.6;content:""}.agent-card:hover{transform:translateY(-3px);border-color:#35c9818c;box-shadow:0 16px 30px #0003,0 0 22px #22c55e16}
.agent-card-top{display:flex;align-items:center;gap:9px}.agent-orb{display:grid;flex:none;place-items:center;width:39px;height:39px;border:1px solid #39d9915c;border-radius:13px;background:linear-gradient(145deg,#176846,#103924);color:#9af2bf;font-size:21px;box-shadow:0 0 20px #22c55e1a}.agent-orb.large{width:48px;height:48px;border-radius:15px;font-size:25px}
.agent-state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff07;color:#b5cdbd;font-size:11px;font-weight:650;white-space:nowrap}.agent-state i{width:7px;height:7px;border-radius:50%;background:#ff6670;box-shadow:0 0 9px #ff667088}.agent-state.on{border-color:#2bd58235;background:#0e3b28;color:#7ce8ac}.agent-state.on i{background:#37df8e;box-shadow:0 0 10px #37df8e}
.agent-card-arrow{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid #ffffff10;border-radius:9px;color:#75b995;font-size:15px;transition:.18s}.agent-card:hover .agent-card-arrow{border-color:#34d58a55;background:#1b72431f;color:#8cf0b5;transform:translate(1px,-1px)}
.agent-card h3{overflow:hidden;margin:16px 0 5px;color:#effbf4;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.agent-card>p{display:-webkit-box;overflow:hidden;min-height:37px;margin:0;color:#88a795;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.agent-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 13px}.agent-metrics>span{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 9px;border:1px solid #ffffff0c;border-radius:9px;background:#07170f80;color:#e1f3e8;font-size:12px}.agent-metrics>span>i{color:#59d99b;font-size:14px;font-style:normal}.agent-metrics small{overflow:hidden;color:#a2bbaa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.agent-card>footer{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #ffffff0d;color:#69d99c;font-size:11px;font-weight:700;letter-spacing:.02em}.agent-card>footer span{font-size:16px;transition:transform .18s}.agent-card:hover>footer span{transform:translateX(3px)}
.agent-empty{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #28533c;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#19aa6c11,transparent 60%),#0c1c14;text-align:center}.agent-empty>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #38d58e50;border-radius:15px;background:#1b69401f;color:#72e8a8;font-size:25px}.agent-empty>b{color:#e3f5e9}.agent-empty>small{max-width:270px;color:#829e8d;font-size:12px}
#box:has(.agent-editor){width:min(980px,96vw);max-height:94vh;padding:0;border-color:#245b3e;border-radius:20px;background:#08160f;box-shadow:0 24px 80px #0009,0 0 30px #22c55e0c}
.agent-editor{padding:22px}.agent-editor-head{position:sticky;z-index:4;top:-22px;display:flex;align-items:center;gap:13px;margin:-22px -22px 17px;padding:18px 22px;border-bottom:1px solid #1e4a34;background:linear-gradient(110deg,#102b1df5,#091a11f5);backdrop-filter:blur(14px)}.agent-editor-head>div{flex:1;min-width:0}.agent-editor-head>div>span{color:#50d999;font-size:9px;font-weight:800;letter-spacing:.16em}.agent-editor-head h2{overflow:hidden;margin:3px 0;color:#f0fbf5;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.agent-editor-head p{margin:0;color:#85a693;font-size:11px}
.agent-section{margin-top:13px;padding:17px;border:1px solid #1c4431;border-radius:15px;background:linear-gradient(145deg,#0e2117,#0a1912 78%);box-shadow:inset 0 1px #ffffff06}.agent-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.agent-section-heading>span{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid #35d58e43;border-radius:10px;background:#17664130;color:#6ce7a3;font-size:10px;font-weight:800}.agent-section-heading>div{display:flex;min-width:0;flex-direction:column;gap:2px}.agent-section-heading b{color:#e5f6eb;font-size:13px}.agent-section-heading small{color:#9bb4a5;font-size:10.5px;line-height:1.4}
.agent-field-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:13px}.agent-section .l{margin:12px 0 6px;color:#b3cdbd;font-size:11px;font-weight:650}.agent-section .f{border-color:#244632;border-radius:10px;background:#07160f;color:#e8f4ec}.agent-section .f:focus{border-color:#36d58b;box-shadow:0 0 0 3px #22c55e16}.agent-section textarea.f{min-height:90px;resize:vertical}.agent-section input[type=file].agent-file{padding:9px 11px;color:#a4bcae;font-size:11px}.agent-section input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid #2b704b;border-radius:8px;background:#16452e;color:#b6f4ce;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}
.agent-file-list{margin-top:8px}.agent-file-list:empty{display:none}.agent-temp-value{float:right;padding:2px 7px;border:1px solid #2e704b;border-radius:7px;background:#15452d;color:#8af0b5;font-size:11px}.agent-section input[type=range]{width:100%;accent-color:#38d98f}.agent-active-toggle{align-items:flex-start;margin-top:14px;padding:11px 12px;border:1px solid #28553b;border-radius:10px;background:#10291b;color:#d9f0e2}.agent-active-toggle input{margin-top:3px;accent-color:#35d58b}.agent-active-toggle span{display:flex;flex-direction:column;gap:2px}.agent-active-toggle b{font-size:12px}.agent-active-toggle small{color:#a0b4a7;font-size:10px;line-height:1.45}
.agent-editor .test{min-height:100px;border-color:#214530;background:#07150e}.agent-test-composer{display:flex;gap:8px;margin-top:9px}.agent-test-composer .f{flex:1;min-width:0}.agent-test-composer .btn{border-radius:10px}.agent-editor-actions{position:sticky;z-index:3;bottom:-22px;display:flex;align-items:center;gap:9px;margin:16px -22px -22px;padding:13px 22px;border-top:1px solid #1c4431;background:#091810f5;backdrop-filter:blur(14px)}.agent-editor-actions>span{flex:1}.agent-editor-actions .btn{padding:9px 13px;border-radius:10px;font-size:11px}.agent-editor-actions .agent-save{background:linear-gradient(135deg,#39dc8e,#18a766);color:#032314;box-shadow:0 0 16px #22c55e2b}
/* Dashboard: painéis neon inspirados no visual futurista do funil */
.prospect-page{width:min(100%,1040px);margin:0 auto}
.prospect-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:21px 24px;border:1px solid #1b5039;border-radius:18px;background:radial-gradient(ellipse at 0 0,#20c77a20,transparent 48%),linear-gradient(120deg,#10291d,#0b1b13 75%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff09}
.prospect-hero:after{position:absolute;z-index:-1;right:-28px;top:-70px;width:190px;height:190px;border-radius:50%;background:#20c77a12;filter:blur(32px);content:""}
.prospect-mark{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid #42dc9655;border-radius:15px;background:linear-gradient(145deg,#1b704a,#103e2b);color:#a9f5cb;font-size:25px;box-shadow:0 0 24px #20c77a1c}
.prospect-title{min-width:0;flex:1}.prospect-title>span,.prospect-step{color:#56dda0;font-size:9px;font-weight:800;letter-spacing:.16em}.prospect-title h2{margin:3px 0;color:#f0fbf4;font-size:22px}.prospect-title p{margin:0;color:#8eac9a;font-size:13px}
.prospect-quick-stats{display:flex;gap:9px}.prospect-quick-stats>div{min-width:94px;padding:9px 12px;border:1px solid #ffffff12;border-radius:12px;background:#07171080;text-align:center}.prospect-quick-stats b,.prospect-quick-stats small{display:block}.prospect-quick-stats b{color:#78e9ad;font-size:18px}.prospect-quick-stats small{margin-top:1px;color:#83a292;font-size:10px}
.prospect-card{overflow:hidden;padding:22px;border:1px solid #1b4834;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#1ca86c0c,transparent 40%),linear-gradient(150deg,#10231a,#0a1912 80%);box-shadow:0 12px 30px #0002,inset 0 1px #ffffff08}
.prospect-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff0d}.prospect-card-head h3{margin:4px 0 0;color:#eaf7ef;font-size:17px}.prospect-card-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #36cb8350;border-radius:11px;background:#1c70471f;color:#6ae6a3;font-size:19px}
.prospect-warning{display:flex;align-items:flex-start;gap:11px;margin:16px 0;padding:12px 14px;border:1px solid #b4873440;border-radius:12px;background:linear-gradient(110deg,#8d64151c,#412f1117);color:#e6c985}.prospect-warning>span{display:grid;flex:none;place-items:center;width:21px;height:21px;border:1px solid #e9b84a77;border-radius:50%;color:#ffd36f;font-size:13px;font-weight:800}.prospect-warning p{margin:1px 0;font-size:12px;line-height:1.5}
.prospect-field{min-width:0;margin-top:16px}.prospect-field .l{margin:0 0 7px;color:#b9d3c3;font-size:12px;font-weight:650}.prospect-field small{display:block;margin-top:6px;color:#789888;font-size:11px;line-height:1.45}.prospect-field code{padding:2px 5px;border:1px solid #2e6046;border-radius:5px;background:#123223;color:#74e9aa;font-size:11px}
.prospect-field .f{border-color:#234632;border-radius:11px;background:#08170f;color:#e8f5ed;transition:border-color .18s,box-shadow .18s}.prospect-field .f:focus{border-color:#35c982;box-shadow:0 0 0 3px #22c55e16}.prospect-field textarea.f{min-height:unset;resize:vertical}
.prospect-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prospect-contacts{height:140px;overflow:auto;padding:6px;border:1px solid #234632;border-radius:11px;background:#08170f}.prospect-contacts .chk{display:flex;align-items:center;gap:10px;margin:2px;padding:8px 9px;border:1px solid transparent;border-radius:8px;color:#c5dbcd;font-size:12px;cursor:pointer}.prospect-contacts .chk:hover{border-color:#286544;background:#123021}.prospect-contacts .chk input{accent-color:#35d58d}.prospect-contacts .chk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prospect-contacts .chk small{margin:2px 0 0;color:#718f7e;font-size:10px}.prospect-no-contacts{display:grid;height:100%;place-items:center;color:#718f7e;font-size:12px}
.prospect-interval{max-width:360px}.prospect-interval>div{display:flex;align-items:center;gap:10px}.prospect-interval input{max-width:120px}.prospect-interval>div>span{color:#7f9d8d;font-size:11px}
.prospect-actions{display:flex;align-items:center;gap:10px;margin-top:21px;padding-top:16px;border-top:1px solid #ffffff0d}.prospect-progress{flex:1;color:#85a895;font-size:12px}.prospect-actions .btn{border-radius:10px}.prospect-send{display:flex;align-items:center;gap:8px;padding-inline:18px;box-shadow:0 0 18px #22c55e26}.prospect-send>span{font-size:16px}
.dash-panel{position:relative;overflow:hidden;margin:0 0 18px;padding:22px;border:1px solid #1a4834;border-radius:19px;background:radial-gradient(ellipse at 100% 0,#18a46c13,transparent 42%),linear-gradient(145deg,#10251a,#0b1a13 76%);color:#e8f5ed;box-shadow:0 12px 28px #0002,inset 0 1px #ffffff08}
.dash-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
.dash-eyebrow{display:block;margin-bottom:4px;color:#4cda98;font-size:9px;font-weight:800;letter-spacing:.17em}
.dash-panel-head h2{margin:0;color:#effbf4;font-size:18px}.dash-panel-head p{margin:6px 0 0;color:#88a999;font-size:13px}
.dash-periods{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #254b38;border-radius:12px;background:#08170f;box-shadow:inset 0 1px #ffffff08}
.dash-period{border:1px solid transparent;border-radius:9px;padding:9px 14px;background:transparent;color:#8eac9a;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;transition:.18s}
.dash-period:hover{border-color:#2c6348;background:#12301f;color:#d7f7e4}.dash-period.selected{border-color:#36d68d55;background:linear-gradient(135deg,#176c49,#105336);color:#edfff5;box-shadow:0 0 16px #22c55e22,inset 0 1px #ffffff20}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dash-kpi{--dash-accent:#42d995;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:122px;padding:19px 18px 17px;border:1px solid color-mix(in srgb,var(--dash-accent) 42%,#183b2b);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--dash-accent) 8%,#11271b),#0b1a13 76%);box-shadow:0 7px 20px #0002,inset 0 1px #ffffff0a;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:transform .18s,border-color .18s,box-shadow .18s}
.dash-kpi:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--dash-accent),transparent);box-shadow:0 0 13px color-mix(in srgb,var(--dash-accent) 65%,transparent);content:""}
.dash-kpi[data-accent="blue"]{--dash-accent:#38bdf8}.dash-kpi[data-accent="violet"]{--dash-accent:#b49aff}.dash-kpi[data-accent="cyan"]{--dash-accent:#4de3dc}.dash-kpi[data-accent="amber"]{--dash-accent:#f5b942}
.dash-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dash-accent) 55%,#183b2b);box-shadow:0 12px 24px #0003,0 0 18px color-mix(in srgb,var(--dash-accent) 10%,transparent)}
.dash-kpi-glow{position:absolute;z-index:-1;top:-45px;right:-36px;width:130px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--dash-accent) 16%,transparent);filter:blur(28px);pointer-events:none}
.dash-kpi>span,.dash-highlight>span{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dash-accent)}
.dash-kpi>b{margin:10px 0 4px;color:var(--dash-accent);font-size:32px;line-height:1.05;text-shadow:0 0 20px color-mix(in srgb,var(--dash-accent) 34%,transparent)}.dash-kpi>small,.dash-highlight>small{color:#a0b9aa;font-size:11.5px;line-height:1.45}
.dash-kpi.featured{background:radial-gradient(ellipse at 100% 0,#21c77b2b,transparent 58%),linear-gradient(145deg,#124531,#0c281b 80%);border-color:#39d99588}.dash-kpi.featured>span{color:#b5f4ce}.dash-kpi.featured>b{color:#73f0ac}
.dash-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.dash-highlight{--dash-accent:#43d895;position:relative;overflow:hidden;padding:15px 18px;border:1px solid color-mix(in srgb,var(--dash-accent) 22%,#193a2b);border-radius:14px;background:linear-gradient(130deg,#10251a,#0a1912);display:flex;flex-direction:column;gap:5px}.dash-highlight[data-accent="violet"]{--dash-accent:#b49aff}
.dash-highlight:before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--dash-accent),transparent);content:""}.dash-highlight>b{color:#eafff2;font-size:22px;text-shadow:0 0 18px color-mix(in srgb,var(--dash-accent) 20%,transparent)}
.dash-funnel{margin-top:18px;color:#dcefe3}.dash-funnel> b{font-size:13px;letter-spacing:.02em}
.dash-funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.dash-funnel-grid>div{--stage-color:#94a3b8;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--stage-color) 23%,#18382a);border-radius:12px;background:linear-gradient(140deg,color-mix(in srgb,var(--stage-color) 9%,#102319),#0a1912)}
.dash-funnel-grid>.stage-conversando{--stage-color:#38bdf8}.dash-funnel-grid>.stage-qualificado{--stage-color:#fbbf24}.dash-funnel-grid>.stage-fechado{--stage-color:#34d399}
.dash-funnel-grid>div:before{position:absolute;inset:0 auto 0 0;width:2px;background:var(--stage-color);box-shadow:0 0 9px var(--stage-color);content:""}.dash-funnel-grid span{color:#9bb7a6;font-size:12px}.dash-funnel-grid b{color:var(--stage-color);font-size:20px}
.dash-detail-link{margin:16px 0 0;color:#789887;font-size:12px}.dash-detail-link a{color:#55dc9d;font-weight:700}
.dash-panel .chart{min-height:160px}.dash-panel .chart .muted{color:#799687}.dash-panel .legend{color:#9bb5a5}.dash-panel .legend i{box-shadow:0 0 8px currentColor}
@media(max-width:1050px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dash-panel{padding:16px;border-radius:15px}.dash-panel-head{align-items:flex-start;flex-direction:column}.dash-periods{width:100%;justify-content:space-between}.dash-period{flex:1;padding:9px 7px;font-size:12px}.dash-kpis{grid-template-columns:1fr 1fr;gap:9px}.dash-kpi{min-height:105px;padding:13px}.dash-kpi>b{font-size:25px}.dash-kpi>small{font-size:11px}.dash-highlight-grid,.dash-funnel-grid{grid-template-columns:1fr 1fr}.dash-funnel-grid>div{padding:10px}.dash-funnel-grid span{font-size:12px}}
@media(max-width:650px){.agent-grid{grid-template-columns:1fr}.agent-editor{padding:15px}.agent-editor-head{top:-15px;margin:-15px -15px 12px;padding:13px 15px;gap:9px}.agent-editor-head .agent-orb{width:38px;height:38px}.agent-editor-head h2{font-size:16px}.agent-editor-head p{max-width:210px}.agent-editor-head>.agent-state{padding:5px 7px;font-size:10px}.agent-section{padding:13px}.agent-field-grid{grid-template-columns:1fr;gap:0}.agent-editor-actions{bottom:-15px;flex-wrap:wrap;margin:14px -15px -15px;padding:10px 15px}.agent-editor-actions>span{display:none}.agent-editor-actions .btn{flex:1;padding:9px 7px;font-size:10px}.agent-editor-actions #aDel{flex-basis:100%}.agent-test-composer .btn{padding:9px 11px}}
@media(max-width:700px){.prospect-hero{align-items:flex-start;flex-wrap:wrap;padding:17px}.prospect-title{flex-basis:calc(100% - 68px)}.prospect-quick-stats{width:100%;margin-left:64px}.prospect-quick-stats>div{flex:1}.prospect-card{padding:16px}.prospect-grid{grid-template-columns:1fr;gap:0}.prospect-contacts{height:130px}.prospect-actions{flex-wrap:wrap}.prospect-progress{flex-basis:100%;order:-1}.prospect-actions .btn{flex:1;padding-inline:9px;font-size:12px}}

/* Remarketing: retomada de conversas paradas, com segmentação e prévia de personalização */
.remarketing-page{width:min(100%,1320px);margin:0 auto}.rm-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:21px 23px;border:1px solid #205b40;border-radius:18px;background:radial-gradient(ellipse at 0 0,#20c77a22,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff0a}.rm-hero:after{position:absolute;z-index:-1;right:-38px;top:-90px;width:220px;height:220px;border-radius:50%;background:#20c77a13;filter:blur(32px);content:""}.rm-hero-mark{display:grid;flex:none;place-items:center;width:50px;height:50px;border:1px solid #42dc965a;border-radius:16px;background:linear-gradient(145deg,#1b704a,#103e2b);color:#a9f5cb;font-size:27px;box-shadow:0 0 24px #20c77a1e}.rm-hero-copy{flex:1;min-width:0}.rm-hero-copy>span,.rm-panel-head>div>span{color:#56dda0;font-size:9px;font-weight:800;letter-spacing:.16em}.rm-hero-copy h2{margin:3px 0;color:#effbf4;font-size:22px}.rm-hero-copy p{margin:0;color:#9bb6a5;font-size:12.5px}.rm-hero-stat{min-width:144px;padding:10px 14px;border:1px solid #39d99538;border-radius:13px;background:#071710a6;text-align:center}.rm-hero-stat b,.rm-hero-stat small{display:block}.rm-hero-stat b{color:#72e9ad;font-size:23px}.rm-hero-stat small{color:#94ad9d;font-size:10px}.rm-insight{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 15px;border:1px solid #35704b70;border-radius:13px;background:linear-gradient(100deg,#123522,#10271a);box-shadow:inset 0 1px #ffffff09}.rm-insight-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border:1px solid #54dfa15c;border-radius:10px;background:#1b69402c;color:#7cedb0;font-size:17px}.rm-insight>div{flex:1;min-width:0}.rm-insight b{color:#dff7e8;font-size:12px}.rm-insight p{margin:3px 0 0;color:#99b4a4;font-size:11px;line-height:1.4}.rm-insight-tag{padding:7px 9px;border:1px solid #2e6747;border-radius:9px;background:#0b1e14;color:#77e9a9;font-size:10px;font-weight:650;white-space:nowrap}.rm-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);align-items:start;gap:14px}.rm-panel{min-width:0;padding:18px;border:1px solid #1c4833;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#1ca86c0d,transparent 38%),linear-gradient(150deg,#10231a,#0a1912 80%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff08}.rm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #ffffff0e}.rm-panel-head h3{margin:4px 0;color:#edf9f1;font-size:15px}.rm-panel-head small{display:block;color:#8da998;font-size:10.5px;line-height:1.45}.rm-panel-icon{display:grid;flex:none;place-items:center;width:35px;height:35px;border:1px solid #3bd58e4a;border-radius:11px;background:#14643a26;color:#74e9a7;font-size:19px}.rm-channel{display:block}.rm-channel .f{width:100%;border-color:#244632;border-radius:10px;background:#08170f;color:#e8f5ed}.rm-channel .l{display:block;margin:0 0 6px;color:#b9d3c3;font-size:11px;font-weight:650}.rm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.rm-tabs button{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #214632;border-radius:9px;background:#0a1c13;color:#a2bdad;font-family:inherit;font-size:10px;font-weight:600;line-height:1.2;cursor:pointer;transition:.18s}.rm-tabs button:hover{border-color:#39845a;color:#e1f8e9}.rm-tabs button.selected{border-color:#3bd58e74;background:linear-gradient(120deg,#145437,#103322);color:#dcf8e6;box-shadow:0 0 14px #22c55e12}.rm-tabs b{display:grid;place-items:center;min-width:20px;height:19px;padding:0 5px;border-radius:6px;background:#ffffff0d;color:#69dfa0;font-size:10px}.rm-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 8px;color:#9db9a8;font-size:10px}.rm-list-toolbar label{display:flex;align-items:center;gap:6px;cursor:pointer}.rm-list-toolbar input,.rm-contact input{accent-color:#37d58a}.rm-list-toolbar span{color:#708d7c;text-align:right}.rm-search{width:100%;padding:9px 11px;border:1px solid #234632;border-radius:10px;background:#07160f;color:#e8f5ed;font-size:11px}.rm-contact-list{display:flex;max-height:440px;min-height:215px;flex-direction:column;gap:6px;overflow:auto;margin-top:8px;padding-right:3px}.rm-contact{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #ffffff0d;border-radius:11px;background:linear-gradient(120deg,#10251a,#0b1a13);cursor:pointer;transition:.16s}.rm-contact:hover{border-color:#36c98270;background:#123021}.rm-contact>input{flex:none}.rm-avatar{display:grid;flex:none;place-items:center;width:32px;height:32px;border:1px solid #36c98255;border-radius:10px;background:#145437;color:#9af2bf;font-size:12px;font-weight:750}.rm-avatar.stage-conversando{border-color:#38bdf850;background:#0a3245;color:#7dd3fc}.rm-avatar.stage-qualificado{border-color:#fbbf2450;background:#3a2c10;color:#fde68a}.rm-contact-main{flex:1;min-width:0}.rm-contact-main>b,.rm-contact-main>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-contact-main>b{color:#e2f2e8;font-size:11.5px}.rm-contact-main>small{margin-top:3px;color:#809b8b;font-size:9.5px}.rm-contact-meta{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:5px}.rm-contact-meta i{padding:3px 7px;border:1px solid #66708555;border-radius:999px;background:#33415533;color:#dbe5ef;font-size:9px;font-style:normal;font-weight:650}.rm-contact-meta i.stage-conversando{border-color:#0284c788;background:#0b3a5055;color:#7dd3fc}.rm-contact-meta i.stage-qualificado{border-color:#b4530988;background:#4a330b66;color:#fde047}.rm-contact-meta small{color:#83a18f;font-size:9px}.rm-empty{display:flex;flex:1;min-height:205px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center}.rm-empty>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #37d58e4a;border-radius:12px;background:#14643a26;color:#71e8a5;font-size:21px}.rm-empty>b{color:#d7eee0;font-size:11px}.rm-empty>small{max-width:280px;color:#86a392;font-size:10px;line-height:1.5}.rm-campaign>.prospect-field{margin-top:15px}.rm-campaign .prospect-field .l{display:block;margin-bottom:6px;color:#b9d3c3;font-size:11px;font-weight:650}.rm-campaign .prospect-field .f{width:100%;border-color:#244632;border-radius:10px;background:#08170f;color:#e8f5ed;font-size:12px}.rm-campaign .prospect-field textarea{min-height:114px;resize:vertical}.rm-campaign .prospect-field small{display:block;margin-top:5px;color:#819b8b;font-size:9.5px;line-height:1.45}.rm-upload-wrap{margin-top:13px}.rm-upload{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border:1px dashed #34744e;border-radius:12px;background:linear-gradient(130deg,#102b1d,#0c1d14);text-align:center;cursor:pointer;transition:.18s}.rm-upload:hover{border-color:#4de3a0;background:#123522}.rm-upload>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #37d58e55;border-radius:7px;color:#73e9a7;font-size:16px}.rm-upload>b{color:#d5ecdd;font-size:10px}.rm-upload>small{color:#809b8a;font-size:9px}.rm-upload-wrap>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rm-file-info{display:flex;align-items:center;gap:8px;margin-top:7px;padding:8px 10px;border:1px solid #286443;border-radius:9px;background:#0a2116;color:#d9eee1}.rm-file-info>span{color:#68e4a1}.rm-file-info>b{flex:1;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rm-file-info>small{color:#89a493;font-size:9px}.rm-file-info>button{border:0;background:transparent;color:#e49494;font-size:18px;cursor:pointer}.rm-preview{margin-top:12px;padding:12px;border:1px solid #28533b;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#1caa6b13,transparent 50%),#091a11}.rm-preview-kicker{color:#5bdb9c;font-size:8px;font-weight:800;letter-spacing:.14em}.rm-preview p{margin:7px 0;color:#deefe4;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.rm-preview small{color:#829d8d;font-size:9px;line-height:1.4}.rm-preview code{color:#7be9aa}.rm-send-rule{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px;border:1px solid #27633f;border-radius:11px;background:#0d2418}.rm-pulse{width:8px;height:8px;flex:none;border-radius:50%;background:#43e496;box-shadow:0 0 11px #43e496;animation:rm-pulse 1.8s ease-in-out infinite}.rm-send-rule>div{flex:1}.rm-send-rule b,.rm-send-rule small{display:block}.rm-send-rule b{color:#d9f3e2;font-size:10px}.rm-send-rule small{margin-top:2px;color:#8da997;font-size:9px;line-height:1.4}.rm-send-rule strong{padding:5px 8px;border:1px solid #3ed99155;border-radius:8px;background:#17452e;color:#85efb3;font-size:11px}.rm-send-summary{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#819b8b;font-size:9px}.rm-send-summary b{color:#b9d7c4;text-align:right;font-size:9px;font-weight:600}.rm-actions{display:flex;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff0d}.rm-actions .btn{flex:1;padding:9px 8px;border-radius:9px;font-size:10px}.rm-send{background:linear-gradient(135deg,#39dc8e,#18a766);color:#032314;box-shadow:0 0 16px #22c55e25}.rm-progress{margin-top:9px;color:#76dda2;font-size:10px;text-align:center}.rm-progress:empty{display:none}@keyframes rm-pulse{50%{opacity:.45;box-shadow:0 0 3px #43e496}}@media(max-width:960px){.rm-layout{grid-template-columns:1fr}.rm-contact-list{max-height:330px}}@media(max-width:650px){.rm-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.rm-hero-copy{flex-basis:calc(100% - 68px)}.rm-hero-stat{width:100%;margin-left:65px}.rm-insight{align-items:flex-start}.rm-insight-tag{display:none}.rm-panel{padding:14px}.rm-tabs{display:grid;grid-template-columns:1fr 1fr}.rm-tabs button{justify-content:space-between}.rm-actions{flex-wrap:wrap}.rm-actions .btn{flex-basis:100%;min-height:40px}.rm-send-summary{flex-direction:column}.rm-send-summary b{text-align:left}}

/* acionador (bloco inicial) */
.cv-start .cv-h{gap:10px;align-items:center}.cv-st{display:flex;flex-direction:column;flex:1;min-width:0}.cv-st b{font-size:14px}.cv-st small{color:var(--e-mute);font-size:11.5px}
.cv-trgs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.cv-trg{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--e-line);border-radius:10px;background:rgba(255,255,255,.03);cursor:pointer}
.cv-trg.sel{border-color:#f97316;background:rgba(249,115,22,.1)}.cv-trg em{font-style:normal;font-size:11px;color:var(--e-mute)}
.cv-trg span{display:flex;flex-direction:column;min-width:0}.cv-trg b{font-size:13px}.cv-trg small{color:var(--e-mute);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.cv-addtrig{margin-top:10px;width:100%;padding:9px;border:1px dashed var(--e-line);border-radius:10px;background:transparent;color:#fb923c;font-weight:600;cursor:pointer}.cv-addtrig:hover{background:rgba(249,115,22,.1)}
.fx-sec{margin:16px 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--e-mute);border-top:1px solid var(--e-line);padding-top:12px}
.fx-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.fx-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(249,115,22,.15);color:#fdba74;font-size:12.5px}.fx-tag button{background:none;border:0;color:inherit;cursor:pointer;font-size:14px;line-height:1}

.rm-avatar.stage-fechado{border-color:#16a34a70;background:#0e442b;color:#86efac}.rm-contact-meta i.stage-fechado{border-color:#16a34a88;background:#0e442b66;color:#86efac}

/* Biblioteca de fluxos: cards com camadas, brilho discreto e hierarquia clara */
.flow-library{width:min(100%,1180px);margin:0 auto}.flow-library-head{position:relative;overflow:hidden;margin-bottom:17px;padding:20px 22px;border:1px solid #205b40;border-radius:17px;background:radial-gradient(ellipse at 0 0,#20c77a1c,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff09}.flow-library-head>span{color:#56dda0;font-size:9px;font-weight:800;letter-spacing:.17em}.flow-library-head h2{margin:4px 0;color:#effbf4;font-size:21px}.flow-library-head p{margin:0;color:#91aa9b;font-size:12px}.flow-library-count{position:absolute;right:20px;top:50%;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2d6547;border-radius:10px;background:#071710b8;color:#b9d9c6;font-size:10px;transform:translateY(-50%)}.flow-library-count i{width:7px;height:7px;border-radius:50%;background:#47e39a;box-shadow:0 0 10px #47e39a}.flow-created-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}.flow-created-card{--flow-accent:#43dc96;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--flow-accent) 25%,#1a3c2b);border-radius:17px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--flow-accent) 11%,transparent),transparent 45%),linear-gradient(148deg,#10281b,#0a1912 78%);box-shadow:0 12px 27px #0003,inset 0 1px #ffffff09;transition:transform .2s,border-color .2s,box-shadow .2s}.flow-created-card:before{position:absolute;z-index:-1;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--flow-accent),transparent);box-shadow:0 0 14px color-mix(in srgb,var(--flow-accent) 58%,transparent);content:""}.flow-created-card:after{position:absolute;z-index:-1;right:-46px;top:-61px;width:135px;height:135px;border:1px solid color-mix(in srgb,var(--flow-accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 13px color-mix(in srgb,var(--flow-accent) 4%,transparent),0 0 0 27px color-mix(in srgb,var(--flow-accent) 3%,transparent);content:"";pointer-events:none}.flow-created-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--flow-accent) 55%,#1a3c2b);box-shadow:0 18px 33px #0004,0 0 24px color-mix(in srgb,var(--flow-accent) 9%,transparent)}.flow-created-card.is-inactive{--flow-accent:#94a3b8}.flow-created-top{display:flex;align-items:center;gap:10px;min-width:0}.flow-created-icon{display:grid;flex:none;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--flow-accent) 40%,transparent);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--flow-accent) 20%,#10271a),#0b1a12);color:var(--flow-accent);font-size:24px;box-shadow:0 0 20px color-mix(in srgb,var(--flow-accent) 12%,transparent)}.flow-created-title{flex:1;min-width:0}.flow-created-title>small{color:color-mix(in srgb,var(--flow-accent) 82%,white);font-size:8px;font-weight:800;letter-spacing:.14em}.flow-created-title h3{overflow:hidden;margin:3px 0 0;color:#edf9f1;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.flow-created-status{display:inline-flex;flex:none;align-items:center;gap:6px;padding:6px 9px;border:1px solid #32ce8050;border-radius:999px;background:#0b3c27;color:#7de9a9;font-size:10px;font-weight:700}.flow-created-status i{width:6px;height:6px;border-radius:50%;background:#43e394;box-shadow:0 0 8px #43e394}.is-inactive .flow-created-status{border-color:#64748b66;background:#1e293b99;color:#cbd5e1}.is-inactive .flow-created-status i{background:#94a3b8;box-shadow:0 0 7px #94a3b866}.flow-created-agent,.flow-created-channel{display:flex;align-items:center;gap:9px;min-width:0;margin-top:12px;padding:9px 10px;border:1px solid #ffffff0d;border-radius:11px;background:#07170f80}.flow-created-agent>span,.flow-created-channel>span{display:grid;flex:none;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--flow-accent) 24%,transparent);border-radius:8px;background:color-mix(in srgb,var(--flow-accent) 8%,transparent);color:var(--flow-accent);font-size:15px}.flow-created-agent>div,.flow-created-channel>div{display:flex;min-width:0;flex-direction:column;gap:2px}.flow-created-agent small,.flow-created-channel small{color:#789787;font-size:8px;font-weight:800;letter-spacing:.12em}.flow-created-agent b,.flow-created-channel b{overflow:hidden;color:#cfe4d6;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.flow-created-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff0e}.flow-updated{color:#718d7c;font-size:9px;white-space:nowrap}.flow-created-actions{display:flex;align-items:center;gap:5px}.flow-created-actions .btn{min-height:30px;padding:6px 9px;border-radius:8px;font-size:9px}.flow-created-actions .flow-edit{border:1px solid #35d58b66;background:linear-gradient(135deg,#2cce83,#15965a);color:#042314;box-shadow:0 0 13px #22c55e20}.flow-created-actions .flow-toggle{border-color:#2a503a;background:#0c1e14;color:#afd0bc}.flow-created-actions .flow-delete{min-width:30px;padding:4px;border-color:#70363b;background:#30171a;color:#ff9b9f;font-size:15px}.flow-library-empty{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed #286041;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#1ca86c12,transparent 60%),#0c1c14;text-align:center}.flow-library-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #39d99166;border-radius:16px;background:linear-gradient(145deg,#176846,#103924);color:#8bf0b6;font-size:26px;box-shadow:0 0 24px #20c77a17}.flow-library-empty>b{color:#e2f5e9;font-size:14px}.flow-library-empty>small{max-width:350px;color:#88a695;font-size:11px;line-height:1.5}@media(max-width:650px){.flow-library-head{padding:17px}.flow-library-head p{max-width:75%}.flow-library-count{right:12px;padding:7px;font-size:9px}.flow-created-grid{grid-template-columns:1fr}.flow-created-card{padding:15px}.flow-created-bottom{align-items:flex-start;flex-direction:column}.flow-created-actions{width:100%}.flow-created-actions .btn:not(.flow-delete){flex:1}}

/* Canais: conexão e escolha de agente com leitura rápida do estado */
.channel-library{width:min(100%,1180px);margin:0 auto}.channel-library-head{position:relative;overflow:hidden;margin-bottom:17px;padding:20px 22px;border:1px solid #205b40;border-radius:17px;background:radial-gradient(ellipse at 0 0,#20c77a1c,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff09}.channel-library-head>span{color:#56dda0;font-size:9px;font-weight:800;letter-spacing:.17em}.channel-library-head h2{margin:4px 0;color:#effbf4;font-size:21px}.channel-library-head p{margin:0;color:#91aa9b;font-size:12px}.channel-library-count{position:absolute;top:50%;right:20px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2d6547;border-radius:10px;background:#071710b8;color:#b9d9c6;font-size:10px;transform:translateY(-50%)}.channel-library-count i{width:7px;height:7px;border-radius:50%;background:#47e39a;box-shadow:0 0 10px #47e39a}.channel-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:15px}.channel-card{--channel-accent:#f1a9ff;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--channel-accent) 23%,#1a3b2b);border-radius:18px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--channel-accent) 10%,transparent),transparent 44%),linear-gradient(150deg,#10271b,#0a1912 80%);box-shadow:0 12px 28px #0003,inset 0 1px #ffffff09;transition:transform .2s,border-color .2s,box-shadow .2s}.channel-card:before{position:absolute;z-index:-1;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--channel-accent),transparent);box-shadow:0 0 13px color-mix(in srgb,var(--channel-accent) 55%,transparent);content:""}.channel-card:after{position:absolute;z-index:-1;top:-64px;right:-49px;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--channel-accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--channel-accent) 4%,transparent),0 0 0 28px color-mix(in srgb,var(--channel-accent) 3%,transparent);content:"";pointer-events:none}.channel-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--channel-accent) 48%,#1a3b2b);box-shadow:0 18px 34px #0004,0 0 24px color-mix(in srgb,var(--channel-accent) 8%,transparent)}.channel-card.channel-online{--channel-accent:#42dc96}.channel-card.channel-offline{--channel-accent:#91a4b5}.channel-card-top{display:flex;align-items:center;gap:11px;min-width:0}.channel-card-icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--channel-accent) 38%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--channel-accent) 18%,#10291d),#0a1912);color:var(--channel-accent);font-size:22px;box-shadow:0 0 20px color-mix(in srgb,var(--channel-accent) 13%,transparent)}.channel-card-title{flex:1;min-width:0}.channel-card-title small{color:color-mix(in srgb,var(--channel-accent) 76%,white);font-size:8px;font-weight:800;letter-spacing:.15em}.channel-card-title h3{overflow:hidden;margin:3px 0 0;color:#effbf4;font-size:16px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.channel-state{display:inline-flex;flex:none;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08;color:#bdcfc4;font-size:10px;font-weight:700}.channel-state i{width:7px;height:7px;border-radius:50%;background:#91a4b5;box-shadow:0 0 8px #91a4b566}.channel-state.is-online{border-color:#32ce8055;background:#0b3c27;color:#83efb2}.channel-state.is-online i{background:#43e394;box-shadow:0 0 9px #43e394}.channel-state.is-pending{border-color:#f5b94255;background:#352a12;color:#f7d47f}.channel-state.is-pending i{background:#f5b942;box-shadow:0 0 9px #f5b942}.channel-state.is-offline{border-color:#64748b55;background:#1e293b66;color:#cbd5e1}.channel-phone{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px 11px;border:1px solid #ffffff0d;border-radius:11px;background:#07170f85}.channel-phone>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #39d99135;border-radius:8px;background:#14643a22;color:#77e8a8;font-size:15px}.channel-phone>b{overflow:hidden;color:#d4e9dc;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.channel-agent-field{margin-top:14px}.channel-agent-field>label{display:block;margin:0 0 7px;color:#7fb394;font-size:8px;font-weight:850;letter-spacing:.15em}.channel-select-wrap{position:relative;display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px;border:1px solid #275a3f;border-radius:12px;background:linear-gradient(120deg,#091b12,#0c2117);box-shadow:inset 0 1px #ffffff08;transition:border-color .18s,box-shadow .18s}.channel-select-wrap:focus-within{border-color:#45dc97;box-shadow:0 0 0 3px #22c55e14,0 0 20px #22c55e0c}.channel-select-wrap>span{display:grid;flex:none;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--channel-accent) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--channel-accent) 9%,transparent);color:var(--channel-accent);font-size:13px}.channel-select-wrap select.f{flex:1;min-width:0;height:44px;padding:0 20px 0 0;border:0;outline:0;background:transparent;color:#e9f6ed;font-size:12px;font-weight:650;appearance:none}.channel-select-wrap select.f option{background:#0b1b13;color:#e9f6ed}.channel-select-wrap select.f:disabled{opacity:.9;cursor:not-allowed}.channel-select-wrap>b{position:absolute;right:12px;color:#6cdb9b;font-size:14px;pointer-events:none}.channel-agent-field>small{display:block;margin-top:6px;color:#799485;font-size:9px;line-height:1.45}.channel-card-actions{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff0e}.channel-card-actions .btn{min-height:34px;padding:7px 10px;border-radius:9px;font-size:10px}.channel-card-actions .channel-connect{flex:1;border:1px solid #31d18b66;background:linear-gradient(135deg,#31ce83,#15945a);color:#052415;box-shadow:0 0 15px #22c55e1c}.channel-card-actions .channel-disconnect,.channel-card-actions .channel-history{border-color:#28523c;background:#0c1e14;color:#b5d2c1}.channel-card-actions .channel-delete{min-width:34px;padding:4px;border-color:#71373c;background:#30171a;color:#ff9da1;font-size:16px}.channel-library-empty{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed #286041;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#1ca86c12,transparent 60%),#0c1c14;text-align:center}.channel-library-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #39d99166;border-radius:16px;background:linear-gradient(145deg,#176846,#103924);color:#8bf0b6;font-size:25px}.channel-library-empty>b{color:#e2f5e9;font-size:14px}.channel-library-empty>small{max-width:330px;color:#88a695;font-size:11px;line-height:1.5}@media(max-width:650px){.channel-library-head{padding:17px}.channel-library-head p{max-width:72%}.channel-library-count{right:12px;padding:7px;font-size:9px}.channel-card-grid{grid-template-columns:1fr}.channel-card{padding:15px}.channel-card-actions{flex-wrap:wrap}.channel-card-actions .channel-connect{flex-basis:100%;min-height:38px}.channel-card-actions .channel-disconnect,.channel-card-actions .channel-history{flex:1}}

/* Equipe: cartões consistentes com respostas rápidas e hierarquia de acesso */
.team-page{width:min(100%,1180px);margin:0 auto}.team-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:19px 21px;border:1px solid #205b40;border-radius:17px;background:radial-gradient(ellipse at 0 0,#20c77a1c,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 26px #0002,inset 0 1px #ffffff09}.team-hero:after{position:absolute;z-index:-1;top:-65px;right:-33px;width:170px;height:170px;border-radius:50%;background:#22c55e12;filter:blur(30px);content:""}.team-hero-icon{display:grid;flex:none;place-items:center;width:46px;height:46px;border:1px solid #42dc9655;border-radius:14px;background:linear-gradient(145deg,#1b704a,#103e2b);color:#a9f5cb;font-size:24px;box-shadow:0 0 22px #20c77a18}.team-hero-copy{flex:1;min-width:0}.team-hero-copy>span,.team-section-head>div>span{color:#56dda0;font-size:9px;font-weight:850;letter-spacing:.16em}.team-hero-copy h2{margin:3px 0;color:#effbf4;font-size:21px}.team-hero-copy p{margin:0;color:#91aa9b;font-size:11.5px}.team-hero-count{min-width:126px;padding:9px 12px;border:1px solid #39d99538;border-radius:11px;background:#071710a6;text-align:center}.team-hero-count b,.team-hero-count small{display:block}.team-hero-count b{color:#72e9ad;font-size:20px}.team-hero-count small{color:#94ad9d;font-size:9px}.team-section{margin-bottom:15px;padding:17px;border:1px solid #1c4833;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#1ca86c0b,transparent 38%),linear-gradient(150deg,#10231a,#0a1912 80%);box-shadow:0 10px 24px #0002,inset 0 1px #ffffff08}.team-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ffffff0d}.team-section-head h3{margin:3px 0 0;color:#eaf7ef;font-size:14px}.team-section-head>small{color:#809b8a;font-size:10px}.team-member-grid,.team-invite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:11px}.team-member-card,.team-invite-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:14px;border:1px solid #214731;border-radius:13px;background:linear-gradient(145deg,#10271a,#0b1911);box-shadow:0 7px 20px #0002;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.team-member-card:hover,.team-invite-card:hover{transform:translateY(-2px);border-color:#36c98277;background:linear-gradient(145deg,#123021,#0c1d14);box-shadow:0 12px 24px #0003,0 0 18px #22c55e0b}.team-member-card:before{position:absolute;z-index:-1;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#42dc96,transparent);opacity:.55;content:""}.team-member-card.team-owner:before{opacity:1}.team-member-top{display:flex;align-items:center;gap:10px;min-width:0}.team-avatar{display:grid;flex:none;place-items:center;width:42px;height:42px;border:1px solid #39d99160;border-radius:13px;background:linear-gradient(145deg,#176846,#103924);color:#a4f2c2;font-size:16px;font-weight:800;box-shadow:0 0 16px #22c55e12}.team-member-identity{flex:1;min-width:0}.team-member-identity h4{display:flex;align-items:center;gap:7px;overflow:hidden;margin:0;color:#eaf7ef;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.team-member-identity h4 small{flex:none;padding:3px 5px;border:1px solid #35d58b44;border-radius:5px;background:#10402a;color:#72e9a8;font-size:7px;letter-spacing:.08em}.team-member-identity>span{display:block;overflow:hidden;margin-top:4px;color:#88a695;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-role-badge{display:inline-flex;flex:none;align-items:center;gap:6px;padding:5px 8px;border:1px solid #ffffff16;border-radius:999px;background:#ffffff07;color:#c6d8cc;font-size:9px;font-weight:700;white-space:nowrap}.team-role-badge i{width:6px;height:6px;border-radius:50%;background:#a7b8ac}.team-role-badge.role-owner{border-color:#32ce8055;background:#0b3c27;color:#83efb2}.team-role-badge.role-owner i{background:#43e394;box-shadow:0 0 8px #43e394}.team-role-badge.role-admin{border-color:#38bdf855;background:#0b344766;color:#7dd3fc}.team-role-badge.role-admin i{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.team-role-badge.role-agent{border-color:#b49aff44;background:#30244855;color:#c7b7ff}.team-role-badge.role-agent i{background:#b49aff;box-shadow:0 0 8px #b49aff}.team-member-detail{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 10px;border:1px solid #ffffff0d;border-radius:10px;background:#07170f80}.team-member-detail>span{color:#779685;font-size:8px;font-weight:800;letter-spacing:.13em}.team-member-detail>b{color:#bdd5c5;font-size:9px;font-weight:600;text-align:right}.team-role-select{position:relative;min-width:145px}.team-role-select select.f{width:100%;height:31px;padding:4px 23px 4px 8px;border:1px solid #275a3f;border-radius:8px;background:#0a1c13;color:#dff2e6;font-size:10px;appearance:none}.team-role-select>b{position:absolute;top:5px;right:9px;color:#6cdb9b;pointer-events:none}.team-member-actions,.team-member-footnote{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.team-member-actions>span{color:#718d7c;font-size:9px}.team-member-actions .btn{min-height:29px;padding:6px 9px;border-radius:8px;font-size:9px}.team-member-footnote{justify-content:flex-start;color:#789586;font-size:9px}.team-secure-dot{width:7px;height:7px;border-radius:50%;background:#43e394;box-shadow:0 0 8px #43e394}.team-invites{border-color:#24513a}.team-invite-count{padding:5px 8px;border:1px solid #2d6547;border-radius:8px;background:#0a2116;color:#83dfa9;font-size:9px;font-weight:700}.team-invite-card{display:flex;align-items:center;gap:10px}.team-invite-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border:1px solid #39d99148;border-radius:10px;background:#14643a25;color:#75e7a6}.team-invite-info{flex:1;min-width:0}.team-invite-info>b,.team-invite-info>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-invite-info>b{color:#dff2e6;font-size:11px}.team-invite-info>span{margin-top:3px;color:#809b8a;font-size:9px}.team-invite-actions{display:flex;gap:6px}.team-invite-actions .btn{min-height:29px;padding:6px 8px;border-radius:8px;font-size:9px}.team-empty{display:flex;min-height:100px;align-items:center;justify-content:center;padding:20px;border:1px dashed #2a563e;border-radius:11px;color:#829e8e;font-size:11px;text-align:center}.team-invite-empty{flex-direction:column;gap:5px}.team-invite-empty>span{color:#77e8a8;font-size:19px}.team-invite-empty>b{color:#dff2e6;font-size:11px}.team-invite-empty>small{color:#829e8e;font-size:9px}@media(max-width:650px){.team-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.team-hero-copy{flex-basis:calc(100% - 62px)}.team-hero-copy p{max-width:95%}.team-hero-count{width:100%;margin-left:60px}.team-section{padding:13px}.team-member-grid,.team-invite-grid{grid-template-columns:1fr}.team-invite-card{align-items:flex-start;flex-wrap:wrap}.team-invite-info{padding-top:3px}.team-invite-actions{width:100%;justify-content:flex-end}}
#actions #nm{border:1px solid #48e1a074;border-radius:11px;background:linear-gradient(135deg,#36d890,#16975e);color:#052415;font-weight:750;box-shadow:0 0 18px #22c55e21}
.team-hero-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Contatos: painel futurista com visão por etapa e diretório interativo */
.contacts-page{width:min(100%,1320px);margin:0 auto}
.contacts-import-modal{width:min(560px,calc(100vw - 36px))}.contacts-import-modal h2{margin:6px 0 8px}.contacts-import-modal>p{color:#98b5a5;line-height:1.55}.contacts-import-modal .l{display:block;margin:15px 0 6px}.contacts-import-modal input[type=file]{padding:10px}.contacts-import-hint{margin-top:12px;padding:11px 13px;border:1px solid #214d36;border-radius:11px;background:linear-gradient(135deg,#10271b,#0a1912);color:#9ab6a5;font-size:12px;line-height:1.6}.contacts-import-hint code{color:#55e5aa}.contacts-import-modal .acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}.contacts-import-status{min-height:4px;color:#91aa9b;font-size:12px}
.contacts-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:15px;margin-bottom:14px;padding:21px 22px;border:1px solid #205b40;border-radius:18px;background:radial-gradient(ellipse at 0 0,#20c77a22,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 28px #0003,inset 0 1px #ffffff0a}
.contacts-hero:after{position:absolute;z-index:-1;top:-72px;right:8%;width:180px;height:180px;border-radius:50%;background:#22c55e14;filter:blur(34px);content:""}
.contacts-hero-icon{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid #42dc9655;border-radius:15px;background:linear-gradient(145deg,#1b704a,#103e2b);color:#a9f5cb;font-size:24px;box-shadow:0 0 24px #20c77a20}
.contacts-hero-copy{flex:1;min-width:0}
.contacts-hero-copy>span{color:#56dda0;font-size:9px;font-weight:850;letter-spacing:.16em}
.contacts-hero-copy h2{margin:4px 0;color:#effbf4;font-size:22px;font-weight:800;letter-spacing:-.025em}
.contacts-hero-copy p{margin:0;color:#91aa9b;font-size:12px}
.contacts-total{min-width:132px;padding:10px 13px;border:1px solid #39d99542;border-radius:12px;background:#071710b5;text-align:center}
.contacts-total b,.contacts-total small{display:block}
.contacts-total b{color:#72e9ad;font-size:22px;line-height:1.1}
.contacts-total small{margin-top:4px;color:#94ad9d;font-size:9px}
.contacts-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.contact-stat{position:relative;isolation:isolate;overflow:hidden;display:flex;min-width:0;min-height:94px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px 14px;border:1px solid #214d36;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#1ca86c12,transparent 55%),linear-gradient(145deg,#10271b,#0a1912);color:#dff2e6;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.contact-stat:hover{transform:translateY(-2px);border-color:#39cf8a88;box-shadow:0 10px 24px #0003,0 0 18px #22c55e0c}
.contact-stat.selected{border-color:#43dc96a0;background:radial-gradient(ellipse at 0 0,#22c55e20,transparent 65%),linear-gradient(145deg,#123525,#0b1b12);box-shadow:inset 0 0 0 1px #43dc961c,0 0 20px #22c55e0b}
.contact-stat>span{color:#7fa28d;font-size:8px;font-weight:850;letter-spacing:.12em}
.contact-stat>b{color:#ecfaf1;font-size:22px;line-height:1.15}
.contact-stat>small{color:#91aa9b;font-size:9px}
.contact-stat.stage-stat-novo>b{color:#71dfa5}.contact-stat.stage-stat-conversando>b{color:#7dd3fc}.contact-stat.stage-stat-qualificado>b{color:#c4a5fd}.contact-stat.stage-stat-fechado>b{color:#fbbf73}
.contacts-directory{overflow:hidden;border:1px solid #1c4833;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#1ca86c0c,transparent 38%),linear-gradient(150deg,#10231a,#0a1912 80%);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff08}
.contacts-directory-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid #ffffff0e}
.contacts-directory-head>div>span{color:#56dda0;font-size:8px;font-weight:850;letter-spacing:.16em}
.contacts-directory-head h3{margin:3px 0 0;color:#eaf7ef;font-size:14px;font-weight:800}
.contacts-search{display:flex;width:min(350px,48%);height:38px;align-items:center;gap:8px;padding:0 10px;border:1px solid #244b35;border-radius:10px;background:#07170f;color:#79dfa5}
.contacts-search:focus-within{border-color:#39d995;box-shadow:0 0 0 3px #22c55e13}
.contacts-search>span{font-size:19px;line-height:1}
.contacts-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e5f5eb;font:inherit;font-size:10px}
.contacts-search input::placeholder{color:#6d8c7a}
.contacts-search kbd{flex:none;padding:2px 5px;border:1px solid #ffffff15;border-radius:5px;color:#769180;font:9px inherit}
.contacts-table-wrap{overflow:auto}
.contacts-table{width:100%;border-collapse:collapse;min-width:760px}
.contacts-table thead{background:#0b1b12b8}
.contacts-table th{padding:11px 13px;border-bottom:1px solid #20432e;color:#70c995;font-size:8px;font-weight:850;letter-spacing:.12em;text-align:left;white-space:nowrap}
.contacts-table td{padding:10px 13px;border-bottom:1px solid #173526;vertical-align:middle}
.contacts-table tbody tr{transition:background .16s}
.contacts-table tbody tr:hover{background:#12302166}
.contacts-table tbody tr:last-child td{border-bottom:0}
.contact-identity{display:flex;min-width:190px;align-items:center;gap:9px}
.contact-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid #39d99155;border-radius:12px;background:linear-gradient(145deg,#176846,#103924);color:#a4f2c2;font-size:13px;font-weight:800;box-shadow:0 0 14px #22c55e10}
.contact-identity>div{min-width:0}
.contact-identity .cn{width:100%;max-width:210px;height:31px;padding:5px 8px;border-color:transparent;border-radius:7px;background:transparent;color:#e5f5eb;font-size:11px;font-weight:750}
.contact-identity .cn:hover,.contact-identity .cn:focus{border-color:#285a3d;background:#08170f}
.contact-identity>div>small{display:block;margin:2px 0 0 8px;color:#789786;font-size:9px}
.contact-stage-select{position:relative;display:inline-flex;min-width:115px;align-items:center;padding:0 25px 0 8px;border:1px solid #2d6044;border-radius:9px;background:#0a1c13}
.contact-stage-select:before{position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:#58dfa0;content:""}
.contact-stage-select select.f{width:100%;height:31px;padding:4px 0;border:0;outline:0;background:transparent;color:#bfe9ce;font-size:10px;font-weight:700;appearance:none}
.contact-stage-select>span{position:absolute;right:9px;color:#76dfa3;font-size:13px;pointer-events:none}
.contact-stage-select.stage-novo{border-color:#34865c66;background:#0c281a}.contact-stage-select.stage-novo:before{background:#4ade80}.contact-stage-select.stage-conversando{border-color:#3284a866;background:#102634}.contact-stage-select.stage-conversando:before{background:#38bdf8}.contact-stage-select.stage-qualificado{border-color:#7954a866;background:#211a31}.contact-stage-select.stage-qualificado:before{background:#a78bfa}.contact-stage-select.stage-fechado{border-color:#a16e3d66;background:#2a2115}.contact-stage-select.stage-fechado:before{background:#fbbf24}
.contact-stage-select option{background:#0b1b13;color:#e5f5eb}
.contact-ai-toggle{display:inline-flex;align-items:center;gap:7px;color:#91aa9b;font-size:9px;cursor:pointer;white-space:nowrap}
.contact-ai-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.contact-ai-switch{position:relative;width:30px;height:17px;border:1px solid #385341;border-radius:999px;background:#17261d;transition:background .16s,border-color .16s}
.contact-ai-switch:after{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#82998a;transition:transform .16s,background .16s,box-shadow .16s;content:""}
.contact-ai-toggle input:checked+.contact-ai-switch{border-color:#30d487;background:#0d603b;box-shadow:0 0 12px #22c55e20}
.contact-ai-toggle input:checked+.contact-ai-switch:after{transform:translateX(13px);background:#75f0ad;box-shadow:0 0 8px #54e99c}
.contact-ai-toggle input:checked~b{color:#72e9ad}
.contact-last-message{display:inline-flex;align-items:center;gap:6px;color:#a8c4b2;font-size:9px;white-space:nowrap}
.contact-last-message i,.contacts-directory-foot>span i{width:6px;height:6px;border-radius:50%;background:#44d994;box-shadow:0 0 8px #44d994}
.contact-last-message.no-activity{color:#6d8878}.contact-last-message.no-activity i{background:#718174;box-shadow:none}
.contact-row-actions{display:flex;align-items:center;gap:6px}
.contact-row-actions .btn{min-height:30px;padding:6px 9px;border-color:#2a6043;border-radius:8px;background:#0c2015;color:#b9d8c5;font-size:9px;white-space:nowrap}
.contact-row-actions .btn>span{color:#6ee7a0}
.contact-row-actions .contact-delete{width:30px;min-width:30px;padding:4px;border-color:#71373c;background:#30171a;color:#ff9da1;font-size:17px}
.contacts-directory-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #ffffff0d;color:#789786;font-size:9px}
.contacts-directory-foot>span{display:flex;align-items:center;gap:7px}.contacts-directory-foot>b{color:#9ab6a5;font-weight:650}
.contacts-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;text-align:center}
.contacts-empty>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid #39d99155;border-radius:13px;background:#11452d;color:#83efb2;font-size:22px}
.contacts-empty>b{color:#e2f5e9;font-size:12px}.contacts-empty>small{max-width:360px;color:#88a695;font-size:10px;line-height:1.5}
@media(max-width:900px){.contacts-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.contacts-directory-head{align-items:flex-start;flex-direction:column}.contacts-search{width:100%}}
@media(max-width:600px){.contacts-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.contacts-hero-copy{flex-basis:calc(100% - 65px)}.contacts-hero-copy h2{font-size:19px}.contacts-total{width:100%;margin-left:63px}.contacts-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contact-stat{min-height:82px}.contacts-directory-head{padding:13px}.contacts-directory-foot{align-items:flex-start;flex-direction:column}.contacts-table{min-width:740px}}
.contacts-directory-foot{flex-wrap:wrap}.contacts-pagination{display:flex;align-items:center;gap:8px}.contacts-pagination>b{margin-right:4px;color:#b5cebf;font-weight:700}.contacts-pagination>span{color:#819b8c;font-size:9px;white-space:nowrap}.contacts-pagination .btn{min-height:28px;padding:5px 8px;border-radius:8px;font-size:9px}.contacts-pagination .btn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.3)}
@media(max-width:600px){.contacts-pagination{width:100%;justify-content:space-between;gap:5px}.contacts-pagination>b{font-size:8px}.contacts-pagination>span{font-size:8px}.contacts-pagination .btn{padding:5px 6px;font-size:8px}}

/* Respostas rápidas: biblioteca visual de mensagens pronta para uso no chat */
.quick-replies-page{width:min(100%,1180px);max-width:none;margin:0 auto}
.quick-replies-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:15px;margin-bottom:14px;padding:21px 22px;border:1px solid #205b40;border-radius:18px;background:radial-gradient(ellipse at 0 0,#20c77a22,transparent 48%),linear-gradient(120deg,#10291d,#0a1912 78%);box-shadow:0 12px 28px #0003,inset 0 1px #ffffff0a}
.quick-replies-hero:after{position:absolute;z-index:-1;top:-75px;right:10%;width:180px;height:180px;border-radius:50%;background:#22c55e14;filter:blur(34px);content:""}
.quick-replies-hero-icon{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid #42dc9655;border-radius:15px;background:linear-gradient(145deg,#1b704a,#103e2b);color:#a9f5cb;font-size:27px;box-shadow:0 0 24px #20c77a20}
.quick-replies-hero-copy{flex:1;min-width:0}
.quick-replies-hero-copy>span{color:#56dda0;font-size:9px;font-weight:850;letter-spacing:.16em}
.quick-replies-hero-copy h2{margin:4px 0;color:#effbf4;font-size:22px;font-weight:800;letter-spacing:-.025em}
.quick-replies-hero-copy p{margin:0;color:#91aa9b;font-size:12px}
.quick-replies-total{min-width:132px;padding:10px 13px;border:1px solid #39d99542;border-radius:12px;background:#071710b5;text-align:center;box-shadow:inset 0 1px #ffffff08}
.quick-replies-total b,.quick-replies-total small{display:block}
.quick-replies-total b{color:#72e9ad;font-size:22px;line-height:1.1}
.quick-replies-total small{margin-top:4px;color:#94ad9d;font-size:9px}
.quick-replies-tip{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:11px 14px;border:1px solid #1c4833;border-radius:12px;background:linear-gradient(100deg,#10251a,#0a1912);box-shadow:inset 0 1px #ffffff06}
.quick-replies-tip>span{display:grid;flex:none;place-items:center;width:29px;height:29px;border:1px solid #39d99142;border-radius:9px;background:#11452d;color:#83efb2;font-size:15px}
.quick-replies-tip p{flex:1;margin:0;color:#a8c1b1;font-size:11px;line-height:1.55}
.quick-replies-tip code{padding:2px 5px;border:1px solid #286044;border-radius:5px;background:#07170f;color:#7de8ad;font-size:10px}
.quick-replies-tip>small{color:#5fd99c;font-size:8px;font-weight:800;letter-spacing:.11em;text-align:right}
.quick-replies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.quick-replies-page .quick-reply-card{position:relative;isolation:isolate;overflow:hidden;display:flex;min-width:0;min-height:230px;flex-direction:column;align-items:stretch;gap:0;padding:16px;border:1px solid #214d36;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#1ca86c12,transparent 42%),linear-gradient(150deg,#10271b,#0a1912 82%);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff08;transition:transform .18s,border-color .18s,box-shadow .18s}
.quick-replies-page .quick-reply-card:before{position:absolute;z-index:-1;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#42dc96,#94f2c1,transparent);opacity:.7;content:""}
.quick-replies-page .quick-reply-card:after{position:absolute;z-index:-1;right:-35px;bottom:-55px;width:125px;height:125px;border:1px solid #43e39412;border-radius:50%;box-shadow:0 0 0 12px #43e39406,0 0 0 25px #43e39404;content:"";pointer-events:none}
.quick-replies-page .quick-reply-card:hover{transform:translateY(-3px);border-color:#3cbd7b88;box-shadow:0 16px 32px #0004,0 0 22px #22c55e10}
.quick-reply-card-head{display:flex;align-items:center;gap:10px;min-width:0}
.quick-reply-card-icon{display:grid;flex:none;place-items:center;width:38px;height:38px;border:1px solid #39d99155;border-radius:12px;background:linear-gradient(145deg,#176846,#103924);color:#a4f2c2;font-size:17px;box-shadow:0 0 16px #22c55e12}
.quick-replies-page .quick-reply-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.quick-replies-page .quick-reply-copy>small{color:#62d99c;font-size:8px;font-weight:850;letter-spacing:.14em}
.quick-replies-page .quick-reply-copy>b{overflow:hidden;color:#eaf7ef;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.quick-reply-shortcut{padding:5px 7px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff06;color:#9bb5a5;font-size:8px;font-weight:800;letter-spacing:.1em}
.quick-reply-message{display:flex;min-height:96px;flex:1;flex-direction:column;margin-top:14px;padding:11px 12px;border:1px solid #ffffff0c;border-radius:11px;background:#07170f98}
.quick-reply-message>span{color:#718f7d;font-size:8px;font-weight:800;letter-spacing:.13em}
.quick-reply-message>p{display:-webkit-box;overflow:auto;margin:7px 0 0;color:#c6dbcd;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.quick-replies-page .quick-reply-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #ffffff0d}
.quick-reply-meta{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:5px;color:#779484;font-size:9px}
.quick-reply-meta i{padding:3px 5px;border:1px solid #286044;border-radius:5px;background:#0b281a;color:#77dfa5;font-size:8px;font-style:normal}
.quick-replies-page .quick-reply-actions{display:flex;flex:none;gap:7px}
.quick-replies-page .quick-reply-actions .btn{min-height:31px;padding:6px 10px;border-radius:8px;font-size:9px}
.quick-replies-page .quick-reply-actions .btn.ghost{border-color:#2a6043;background:#0c2015;color:#b9d8c5}
.quick-replies-page .quick-reply-actions .btn.danger{border-color:#71373c;background:#30171a;color:#ff9da1}
.quick-reply-media-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:7px;padding:4px 7px;border:1px solid #28724d;border-radius:999px;background:#0b2c1b;color:#78e6aa;font-size:9px;font-weight:700}
.quick-media-current{margin-top:9px}
.quick-media-existing{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #286044;border-radius:10px;background:#0b1c13}
.quick-media-existing>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#12472e;color:#75e6a9}
.quick-media-existing>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.quick-media-existing b{overflow:hidden;color:#d9eee1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.quick-media-existing small{color:#82a391;font-size:9px}
.quick-reply-attachment{display:flex;align-items:center;gap:7px;max-width:190px;padding:5px 8px;border:1px solid #2d7952;border-radius:10px;background:#0c2b1b;color:#85e8b0;font-size:10px}
.quick-reply-attachment[hidden]{display:none}
.quick-reply-attachment b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-reply-attachment .btn{min-width:24px;padding:2px 5px}
#actions #newQuickReply{border:1px solid #48e1a074;border-radius:11px;background:linear-gradient(135deg,#36d890,#16975e);color:#052415;font-weight:800;box-shadow:0 0 18px #22c55e21}
.quick-replies-empty{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed #286041;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#1ca86c12,transparent 60%),#0c1c14;text-align:center}
.quick-replies-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #39d99166;border-radius:15px;background:linear-gradient(145deg,#176846,#103924);color:#8bf0b6;font-size:24px}
.quick-replies-empty>b{color:#e2f5e9;font-size:14px}
.quick-replies-empty>small{max-width:380px;color:#88a695;font-size:11px;line-height:1.5}
.quick-replies-empty>.btn{margin-top:8px}
@media(max-width:650px){.quick-replies-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.quick-replies-hero-copy{flex-basis:calc(100% - 65px)}.quick-replies-hero-copy h2{font-size:19px}.quick-replies-total{width:100%;margin-left:63px}.quick-replies-tip{align-items:flex-start;flex-wrap:wrap}.quick-replies-tip p{flex-basis:calc(100% - 42px)}.quick-replies-tip>small{margin-left:39px;text-align:left}.quick-replies-list{grid-template-columns:1fr}.quick-replies-page .quick-reply-card{min-height:215px;padding:13px}.quick-replies-page .quick-reply-card-foot{align-items:flex-start;flex-direction:column}.quick-replies-page .quick-reply-actions{align-self:flex-end}}

/* Suporte direto pelo WhatsApp na barra superior */
.support-link{display:flex;flex:none;align-items:center;gap:9px;padding:8px 12px;border:1px solid #286244;border-radius:14px;background:linear-gradient(135deg,#102b1d,#0b1c13);color:#dcf7e7;text-decoration:none;box-shadow:inset 0 1px #ffffff0a,0 0 18px #16b8760a;transition:.18s}
.support-link:hover{transform:translateY(-1px);border-color:#3cda91;background:linear-gradient(135deg,#16432d,#0d2418);box-shadow:0 0 18px #16b87620}
.support-link-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #36d58e50;border-radius:10px;background:#14643a26;color:#72e7a6;font-size:17px}
.support-link>span:last-child{display:grid;gap:2px}.support-link b{font-size:11px;font-weight:800}.support-link small{color:#8fb59e;font-size:9px;white-space:nowrap}
@media(max-width:1100px){.support-link{padding:7px 9px}.support-link small{display:none}}
@media(max-width:600px){.support-link{gap:0;padding:6px}.support-link>span:last-child{display:none}.support-link-icon{width:32px;height:32px}}
.sidebar-plan-actions{display:grid;gap:6px;margin-top:5px}.sidebar-plan-details{width:100%;padding:6px 8px;border:1px solid #2a6746;border-radius:9px;background:#0d281b;color:#b8e9cc;font-size:10px;font-weight:700;cursor:pointer}.sidebar-plan-details:hover{border-color:#3edb91;background:#123923}.sidebar-plan-head .plan-badge{max-width:120px}.plan-badge-assinado,.plan-badge-teste{border-color:#299a684f!important;background:#103a28!important;color:#6ee7a7!important}.plan-badge-aguardando{border-color:#ce9c3755!important;background:#402e12!important;color:#f5c96a!important}.plan-badge-atrasado,.plan-badge-inativo{border-color:#dc596155!important;background:#401c20!important;color:#ff959b!important}.plan-detail-modal{display:grid;min-width:min(420px,80vw);gap:12px}.plan-detail-modal h2{margin:0}.plan-detail-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #27764d;border-radius:11px;background:#0d3221;color:#81e8aa;font-size:13px;font-weight:750}.plan-detail-status i{width:8px;height:8px;border-radius:50%;background:#39d98b;box-shadow:0 0 10px #39d98b}.plan-detail-status.pending{border-color:#a77d2b;background:#342811;color:#f3ca71}.plan-detail-status.pending i{background:#e9b54b;box-shadow:0 0 10px #e9b54b}.plan-detail-modal>p{margin:0}.plan-detail-limits{display:grid;gap:8px;padding:13px;border:1px solid #244934;border-radius:12px;background:#0b1d14}.plan-detail-limits>b{margin-bottom:2px;color:#e4f5e9;font-size:12px}.plan-detail-row{display:flex;justify-content:space-between;gap:12px;color:#a9c0b1;font-size:11px}.plan-detail-row b{color:#e0f2e7;font-variant-numeric:tabular-nums}.plan-detail-modal .acts{flex-wrap:wrap}.plan-detail-modal .acts button{flex:1}
.sidebar-plan-details.needs-payment{border-color:#bd8e2d;background:linear-gradient(110deg,#6b4b16,#50380f);color:#ffdfa0}.sidebar-plan-details.needs-payment:hover{border-color:#f3c354;background:linear-gradient(110deg,#806020,#62450f);color:#fff0c7}.plan-detail-note{display:grid;gap:5px;padding:11px 12px;border:1px solid #a77d2b66;border-radius:11px;background:linear-gradient(120deg,#352a14,#241e11);color:#f3d58f;font-size:12px;line-height:1.5}.plan-detail-note>b{font-size:12px}.plan-detail-note>span{color:#d8c99f;font-size:11px}
.plan-alert{display:flex;align-items:center;gap:12px;margin:12px 24px 0;padding:13px 15px;border:1px solid #b7873266;border-radius:14px;background:radial-gradient(ellipse at 0 0,#e8af3014,transparent 55%),linear-gradient(120deg,#2d2717,#191d17);box-shadow:0 8px 22px #0002}.plan-alert.is-urgent{border-color:#d15d5366;background:radial-gradient(ellipse at 0 0,#ef535014,transparent 55%),linear-gradient(120deg,#321d1d,#1d1717)}.plan-alert-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border:1px solid #dbad4e66;border-radius:11px;background:#5b431b;color:#ffdc83;font-size:17px;font-weight:900}.plan-alert.is-urgent .plan-alert-icon{border-color:#e66c6666;background:#512526;color:#ffaaa5}.plan-alert-copy{flex:1;min-width:0}.plan-alert-copy>b{color:#f9e6b5;font-size:12px}.plan-alert.is-urgent .plan-alert-copy>b{color:#ffd0cc}.plan-alert-copy>p{margin:3px 0 0;color:#d1c6a9;font-size:10.5px;line-height:1.5}.plan-alert.is-urgent .plan-alert-copy>p{color:#d8b9b5}.plan-alert-action{flex:none;padding:8px 12px;border:1px solid #bc8e36;border-radius:9px;background:linear-gradient(110deg,#76551e,#5d4315);color:#fff0c6;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.plan-alert-action:hover{border-color:#f0c65f;filter:brightness(1.1)}.plan-alert.is-urgent .plan-alert-action{border-color:#b34d4d;background:linear-gradient(110deg,#8e3333,#642626);color:#ffe2df}.plan-alert[hidden]{display:none}@media(max-width:700px){.plan-alert{align-items:flex-start;flex-wrap:wrap;margin:9px 12px 0;padding:11px}.plan-alert-copy{flex-basis:calc(100% - 50px)}.plan-alert-copy>p{font-size:10px}.plan-alert-action{margin-left:46px}}

/* Bloqueio por vencimento: o cartão do plano permanece utilizável. */
#paymentLockScreen[hidden]{display:none}#paymentLockScreen{position:fixed;z-index:100;inset:0 0 0 325px;display:grid;place-items:center;padding:24px;background:#06110de8;backdrop-filter:blur(7px)}body.collapsed #paymentLockScreen,body.admin-wide #paymentLockScreen{left:0}.payment-lock-card{display:grid;justify-items:center;gap:12px;width:min(520px,100%);padding:30px;border:1px solid #98434a;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#ef535018,transparent 58%),linear-gradient(145deg,#1d1c1c,#111615);box-shadow:0 25px 70px #0008;text-align:center}.payment-lock-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #df656555;border-radius:15px;background:#421e22;color:#ff9da2;font-size:27px;font-weight:900}.payment-lock-card h2{margin:5px 0;color:#fff1f0;font-size:23px}.payment-lock-card p{margin:0;color:#d1bdbc;font-size:13px;line-height:1.65}.payment-lock-action{padding:11px 18px;border:1px solid #b94b54;border-radius:11px;background:linear-gradient(110deg,#862f37,#5d242a);color:#ffe5e5;font-weight:800;cursor:pointer}.payment-lock-action:hover{filter:brightness(1.15)}.payment-lock-card>small{color:#ac9899;font-size:11px;line-height:1.5}body.payment-locked #nav>:not(.sidebar-plan){pointer-events:none;opacity:.24;filter:grayscale(.75)}body.payment-locked #nav .sidebar-plan{position:sticky;top:0;z-index:3}body.payment-locked #main{pointer-events:none}body.payment-locked #paymentLockScreen{pointer-events:auto}body.payment-locked #sidebarPlanDetails{pointer-events:auto}body.payment-locked .sidebar-plan.is-overdue .plan-badge-aguardando{border-color:#dc596155!important;background:#401c20!important;color:#ff959b!important}
.plan-detail-status.pending.overdue{border-color:#b94b54;background:#401c20;color:#ffabad}.plan-detail-status.pending.overdue i{background:#ff6670;box-shadow:0 0 10px #ff6670}.plan-detail-note.overdue{border-color:#b94b5480;background:linear-gradient(120deg,#391d21,#241719);color:#ffc6c8}.plan-detail-note.overdue>span{color:#e3babc}
@media(max-width:900px){#paymentLockScreen{left:0;padding:16px}.payment-lock-card{padding:22px}}
body.payment-locked .sidebar-plan.is-overdue>small{color:#ffacb0}body.payment-locked .sidebar-plan-details.is-overdue{border-color:#b94b54;background:linear-gradient(110deg,#792b32,#4f2025);color:#ffe0e1}body.payment-locked .sidebar-plan-details.is-overdue:hover{border-color:#ef7b83;background:linear-gradient(110deg,#923841,#60252b)}

/* Mais opções: workspace e perfil em cartões com hierarquia futurista */
.more-options-layout{width:min(100%,1050px)!important;max-width:1050px!important;margin:0 auto;display:grid;gap:18px!important}
#page .more-options-layout>.card.static{position:relative;overflow:hidden;padding:clamp(20px,2.8vw,30px);border:1px solid #205b3d;border-radius:22px;background:radial-gradient(ellipse at 94% 0,#20d98a12,transparent 38%),linear-gradient(145deg,#10241a 0%,#0a1911 78%);box-shadow:0 16px 40px #0003,inset 0 1px #ffffff0b;color:#e9f6ee;transition:border-color .2s,box-shadow .2s}
#page .more-options-layout>.card.static:before{content:"";position:absolute;inset:0 22px auto;height:1px;background:linear-gradient(90deg,transparent,#37e49a8a,transparent);pointer-events:none}
#page .more-options-layout>.card.static:hover{border-color:#2d8055;box-shadow:0 18px 42px #0004,0 0 24px #22c55e12}
.more-workspace-card>.row{position:relative;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #ffffff10}
.more-workspace-card>.row:before{content:"⌘";display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #36d58e55;border-radius:13px;background:linear-gradient(145deg,#174d34,#10291d);color:#72e6a5;font-size:20px;box-shadow:0 0 18px #22c55e12}
.more-workspace-card>.row b{font-size:20px;letter-spacing:-.025em}
.more-workspace-card>.row .pill{padding:7px 13px;border-color:#38d48a55;background:linear-gradient(120deg,#0c3a25,#123821);font-size:11px;letter-spacing:.02em}
.more-workspace-card>.l,.more-account-card>.l{display:block;margin:15px 0 7px;color:#82a995;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.more-workspace-card>#wName,.more-account-card>#pName,.more-account-card>#pPass{width:100%;min-height:49px;padding:12px 15px;border:1px solid #24563b;border-radius:13px;background:#08170f;color:#e8f5ec;box-shadow:inset 0 1px #ffffff08;transition:border-color .18s,box-shadow .18s}
.more-workspace-card>#wName:focus,.more-account-card>#pName:focus,.more-account-card>#pPass:focus{border-color:#3bdc93;outline:0;box-shadow:0 0 0 3px #22c55e1c,0 0 18px #22c55e10}
.more-workspace-card .switch{display:flex;align-items:center;gap:11px;margin:10px 0 0!important;padding:12px 14px;border:1px solid #1e4933;border-radius:13px;background:linear-gradient(110deg,#0c2116,#0a1911);color:#c1d9ca;font-size:12px;line-height:1.45;transition:border-color .18s,background .18s}
.more-workspace-card .switch:has(input:not(:disabled)){cursor:pointer}
.more-workspace-card .switch:has(input:checked){border-color:#28754c;background:linear-gradient(110deg,#103322,#0b1d13)}
.more-workspace-card .switch input{flex:none;width:16px;height:16px;margin:0;accent-color:#37d995}
.more-workspace-card .hint{position:relative;margin:16px 0 0;padding:13px 14px 13px 42px;border:1px solid #27583c;border-radius:13px;background:radial-gradient(ellipse at 0 50%,#27d88712,transparent 55%),#0b1c13;color:#a8c8b4;font-size:12px;line-height:1.55}
.more-workspace-card .hint:before{content:"◈";position:absolute;left:14px;top:12px;color:#4bdd98;font-size:17px}
.more-workspace-card .acts{display:flex;justify-content:flex-end;margin-top:17px;padding-top:15px;border-top:1px solid #ffffff10}
.more-workspace-card .acts .btn{min-height:43px;padding:10px 20px;border:1px solid #53e3a077;border-radius:12px;background:linear-gradient(120deg,#35d99a,#159963);color:#042616;font-weight:800;box-shadow:0 8px 20px #16a56a28}
.more-ai-card{display:flex;align-items:center;gap:14px!important;padding:18px 22px!important;border-color:#2e7954!important;background:radial-gradient(ellipse at 0 50%,#32df9416,transparent 40%),linear-gradient(120deg,#10271b,#0a1911)!important}
.more-ai-card>.row{flex:none;min-width:160px;margin:0!important}.more-ai-card>.row b{font-size:16px}.more-ai-card>.muted{flex:1;color:#91b4a0;font-size:12px;line-height:1.5}
.more-account-card> b{display:flex;align-items:center;gap:12px;color:#e9f6ee;font-size:19px;letter-spacing:-.02em}
.more-account-card> b:before{content:"◎";display:grid;place-items:center;width:38px;height:38px;border:1px solid #36d58e4c;border-radius:12px;background:linear-gradient(145deg,#174d34,#10291d);color:#75e6a7;font-size:20px}
.more-account-card>.muted{margin:10px 0 16px!important;color:#85a995;font-size:12px}
.more-account-card .acts{display:flex;justify-content:space-between;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #ffffff10}
.more-account-card .acts .btn{min-height:41px;border-radius:11px;font-weight:750}
.more-account-card .acts .btn:not(.danger){background:linear-gradient(120deg,#35d99a,#159963);color:#042616;box-shadow:0 8px 20px #16a56a24}
@media(max-width:650px){.more-options-layout{gap:13px!important}#page .more-options-layout>.card.static{padding:18px;border-radius:18px}.more-workspace-card>.row b{font-size:18px}.more-workspace-card .switch{align-items:flex-start;font-size:11px}.more-ai-card{align-items:flex-start;flex-wrap:wrap}.more-ai-card>.row{flex:1}.more-ai-card>.muted{flex-basis:100%}.more-account-card .acts{flex-wrap:wrap}.more-account-card .acts .btn{flex:1}}
/* Selo dos agentes: acento dourado para criar foco sem perder contraste */
.plan-agent-ribbon{border-color:#f2d36d;background:linear-gradient(108deg,#0c7658 0%,#147c59 44%,#8b671b 100%);color:#fff8df;box-shadow:0 6px 20px #d9ad3540,0 0 15px #f0c64a30,inset 0 1px #fff7cf75;text-shadow:0 1px 2px #06150dcc}
.plan-agent-ribbon:after{content:"";position:absolute;inset:1px;background:linear-gradient(112deg,transparent 30%,#fff3b822 48%,transparent 66%);pointer-events:none}
.plan-agent-ribbon span{color:#ffe68f;text-shadow:0 1px 2px #17200e}
.plan-agent-ribbon b{color:#fffdf0;text-shadow:0 1px 2px #17200e}
.plan-compare-card.has-agent-perk:hover .plan-agent-ribbon{border-color:#ffeb9b;box-shadow:0 7px 24px #e5b63f55,0 0 20px #ffd65a48,inset 0 1px #fff9d999}
.plan-agent-ribbon span,.plan-agent-ribbon b{position:relative;z-index:1}
@media(max-width:760px){
  #box:has(.plan-compare-grid){width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 20px);padding:15px 13px;overflow-x:hidden;overflow-y:auto}
  .plan-upgrade-modal{height:auto;min-height:0;grid-template-rows:auto auto auto;gap:12px}
  .plan-compare-header h2{font-size:20px}
  .plan-compare-header p{max-width:34ch;line-height:1.45}
  .plan-compare-grid{grid-template-columns:minmax(0,1fr);align-content:start;grid-auto-rows:max-content;gap:12px;max-height:none;min-height:0;overflow:visible;padding:0 1px 4px}
  .plan-compare-card{min-height:0;padding:17px 15px}
  .plan-compare-card.has-agent-perk{overflow:visible}
  .plan-agent-ribbon{position:static;justify-self:end;width:auto;max-width:100%;margin:-8px -7px 8px 0;padding:5px 10px;transform:none;border-radius:8px;font-size:9px}
  .plan-agent-ribbon span{font-size:7px}
  .plan-agent-ribbon b{font-size:9px}
  .plan-compare-card h3{margin:7px 0 5px;padding-right:0;font-size:17px}
  .plan-compare-card.plan-ia h3{font-size:14px}
  .plan-compare-description{min-height:0;font-size:11px;line-height:1.45}
  .plan-compare-price{margin:10px 0;font-size:28px}
  .plan-compare-card ul{gap:8px;margin:0 0 12px}
  .plan-compare-card li{justify-content:flex-start;gap:8px;font-size:12px;line-height:1.4;text-align:left}
  .plan-compare-card li span{font-size:14px}
  .plan-compare-button,.plan-current-button{min-height:43px;font-size:12px}
  .plan-compare-foot{font-size:9px}
  .plan-compare-sync{position:sticky;bottom:-15px;z-index:3;align-items:stretch;flex-direction:column;margin:0 -13px -15px;padding:10px 13px 13px;border-top:1px solid #ffffff18;background:#101714f5;backdrop-filter:blur(12px)}
  .plan-compare-sync .btn{width:100%;min-height:40px;font-size:11px}
}
.nav-locked{gap:9px!important;color:#b2c6b8!important;cursor:pointer}
.nav-locked:hover{border-color:#715c2c!important;color:#f5edd0!important}
.nav-upgrade-pill{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;border:1px solid #d6ad4f66;border-radius:8px;background:linear-gradient(110deg,#403416,#282515);color:#ffe18b;font-size:9px;font-weight:800;white-space:nowrap;box-shadow:0 0 12px #d6ad4f14}
.nav-upgrade-pill b{font-size:12px;color:#ffe279;text-shadow:0 0 9px #f7ca4a88}
.agent-plan-lock{display:grid;justify-items:center;gap:12px;max-width:620px;margin:34px auto;padding:36px 28px;border:1px solid #6f5b2b88;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#ddb43b18,transparent 55%),linear-gradient(145deg,#17211b,#101814);box-shadow:0 18px 50px #0004;text-align:center}
.agent-plan-lock-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #e0b94488;border-radius:17px;background:linear-gradient(145deg,#5b481b,#302918);color:#ffe17a;font-size:26px;box-shadow:0 0 25px #e0b9442b}
.agent-plan-lock-kicker{color:#e2bd5c;font-size:10px;font-weight:850;letter-spacing:.14em}
.agent-plan-lock h2{margin:0;color:#eff8f2;font-size:23px}
.agent-plan-lock p{max-width:48ch;margin:0;color:#a8b9ae;font-size:13px;line-height:1.65}
.agent-upgrade-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dbb74f;background:linear-gradient(110deg,#957121,#6f5216);color:#fff4cb;font-weight:850;box-shadow:0 8px 22px #ba8e2729}
.agent-upgrade-button:hover{border-color:#ffe28a;background:linear-gradient(110deg,#a9832e,#795e1b);filter:brightness(1.08)}
.agent-upgrade-button>span{color:#ffe279;font-size:16px;text-shadow:0 0 9px #f7ca4a88}
.hyppe-shell{max-width:1240px;margin:0 auto}.hyppe-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 24px}.hyppe-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#45d99b}.hyppe-heading h2{font-size:26px;margin:7px 0}.hyppe-heading p,.hyppe-step p{color:var(--muted);margin:0;line-height:1.55}.hyppe-status{display:flex;align-items:center;gap:9px;white-space:nowrap;background:#2e3018;color:#f6c453;border:1px solid #75601d;border-radius:22px;padding:8px 13px;font-size:13px;font-weight:700}.hyppe-status i{width:8px;height:8px;border-radius:50%;background:#eabf4c;box-shadow:0 0 12px #eabf4c88}.hyppe-status.is-on{background:#0e3828;color:#68e9ae;border-color:#176747}.hyppe-status.is-on i{background:#42e69a;box-shadow:0 0 12px #42e69a}.hyppe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hyppe-panel,.hyppe-products{background:linear-gradient(140deg,#10271d,#0b1d15 70%);border:1px solid #204a36;border-radius:20px;padding:24px;box-shadow:0 12px 34px #0002}.hyppe-step{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.hyppe-step>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;color:#65e9ae;background:#0e4933;border:1px solid #18724d;font-weight:800;font-size:13px}.hyppe-step h3{margin:1px 0 4px;font-size:17px}.hyppe-step p{font-size:13px}.hyppe-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.hyppe-panel .hint{line-height:1.5}.hyppe-panel.is-locked{opacity:.58}.hyppe-panel input:disabled{cursor:not-allowed}.hyppe-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.hyppe-panel>#hyppeAdd{width:100%}.hyppe-feedback{margin-top:13px;border-radius:12px;padding:12px 14px;font-size:14px}.hyppe-feedback p{margin:5px 0 0;color:var(--muted)}.hyppe-feedback.success{border:1px solid #1b8055;background:#0b3525}.hyppe-feedback.error{border:1px solid #8e4d24;background:#382317;color:#ffc17b}.hyppe-products{margin-top:20px}.hyppe-products-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.hyppe-products-head h3{margin:6px 0 0;font-size:19px}.hyppe-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.hyppe-product{overflow:hidden;border:1px solid #214733;border-radius:16px;background:#0a1c14}.hyppe-product>img{display:block;width:100%;height:150px;object-fit:cover;background:#12271d}.hyppe-product-body{padding:16px}.hyppe-product-id{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#65dca3}.hyppe-product h4{font-size:17px;margin:7px 0}.hyppe-product p{font-size:13px;color:var(--muted);line-height:1.5;min-height:38px}.hyppe-product-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hyppe-product-meta span{font-size:11px;color:#abd2bd;background:#122c20;border:1px solid #214733;padding:5px 8px;border-radius:20px}.hyppe-product a{display:block;color:#66e6aa;font-size:13px;margin:10px 0 14px}.hyppe-product .btn{margin-top:5px}.hyppe-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 16px;border:1px dashed #28543d;border-radius:15px;color:var(--muted)}.hyppe-empty>span{font-size:32px;color:#3bd88f}.hyppe-empty b{color:var(--text);margin-top:8px}.hyppe-empty p{max-width:390px;margin:7px 0 0;font-size:13px;line-height:1.5}
.hyppe-product-filters{display:grid;grid-template-columns:1.3fr .8fr .8fr .65fr;gap:10px;margin-bottom:13px}.hyppe-product-filters .l{margin-top:0}.hyppe-source-list{margin:14px 0}.hyppe-source-grid{display:grid;grid-template-columns:1fr;gap:8px;max-height:310px;overflow:auto;padding:2px}.hyppe-source-card{position:relative;display:grid;grid-template-columns:20px 1fr;align-items:start;gap:3px 9px;padding:12px;border:1px solid #234633;border-radius:13px;background:#0b1d15;cursor:pointer;transition:.15s}.hyppe-source-card:hover,.hyppe-source-card.selected{border-color:#36d994;background:linear-gradient(100deg,#113b29,#10251b);box-shadow:0 0 17px #1cd27c16}.hyppe-source-card input{grid-row:1/4;accent-color:#39d993;margin:4px 0 0}.hyppe-source-card>b{font-size:14px;color:var(--text)}.hyppe-source-card>small{color:var(--muted);font-size:11px}.hyppe-source-check{display:none}.hyppe-source-meta{grid-column:2;display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.hyppe-source-meta i{font-style:normal;font-size:10px;padding:3px 7px;border-radius:15px;background:#1a3024;color:#a9c5b3}.hyppe-source-meta i.active{background:#0f432d;color:#56e6a0}.hyppe-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 14px}.hyppe-pagination[hidden]{display:none}.hyppe-pagination>span{color:var(--muted);font-size:12px;text-align:center}.hyppe-panel button:disabled{opacity:.48;cursor:not-allowed}
.hyppe-source-wrap{display:flex;align-items:center;gap:8px}.hyppe-source-wrap .hyppe-source-card{flex:1}.hyppe-stock-source{white-space:nowrap}
.hyppe-abandoned-panel>p{margin:5px 0 0;color:var(--muted);font-size:13px}.hyppe-abandonment-filters{display:grid;grid-template-columns:1.1fr .9fr 1fr 1fr;gap:12px;margin-bottom:14px}.hyppe-abandonment-filters .l{margin-top:0}.hyppe-abandoned-panel>#hyppeAbandonedSearch{min-width:220px}.hyppe-abandonment-results{margin-top:16px}.hyppe-abandonment-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:#dff1e7}.hyppe-abandonment-head small{color:var(--muted)}.hyppe-abandonment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.hyppe-abandonment{padding:15px;border:1px solid #224a35;border-radius:14px;background:linear-gradient(145deg,#0c2117,#0b1a13)}.hyppe-abandonment-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.hyppe-abandonment-title>b{font-size:14px}.hyppe-abandonment>p{margin:9px 0;color:var(--muted);font-size:13px}.hyppe-abandonment-phone{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #ffffff12;font-size:12px}.hyppe-abandonment-phone>span{color:var(--muted)}.hyppe-abandonment-phone>b{color:#6de5aa}
.hyppe-city-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hyppe-city-fields .l{margin-top:0}.hyppe-city-check{margin:12px 0 14px}.hyppe-city-panel>#hyppeResolveCity{min-width:230px}.hyppe-city-result{margin-top:15px;padding:15px;border:1px solid #216342;border-radius:14px;background:linear-gradient(130deg,#0c3625,#10241a)}.hyppe-city-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hyppe-city-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.hyppe-city-codes>div{display:grid;gap:5px;padding:11px;border-radius:11px;background:#0a1c14;border:1px solid #214733}.hyppe-city-codes small,.hyppe-cds>small{font-size:11px;color:var(--muted)}.hyppe-city-codes b{font-size:16px;color:#6de5aa}.hyppe-cds{margin-top:12px}.hyppe-cds>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.hyppe-cds span{padding:5px 9px;border-radius:18px;background:#113b29;border:1px solid #1b7049;color:#8bedbd;font-size:12px;font-weight:700}
.hyppe-cep-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin-bottom:14px}.hyppe-cep-fields .l{margin-top:0}.hyppe-cep-panel>#hyppeVerifyCep{min-width:230px}.hyppe-cep-result{display:flex;align-items:flex-start;gap:12px;max-width:720px;margin-top:15px;padding:15px;border:1px solid #3c4b42;border-radius:14px;background:#10231a}.hyppe-cep-result[hidden]{display:none}.hyppe-cep-result.valid{border-color:#216342;background:linear-gradient(130deg,#0c3625,#10241a)}.hyppe-cep-result.blocked{border-color:#88452d;background:linear-gradient(130deg,#3a211a,#241913)}.hyppe-cep-result-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#26352c;color:#cbd9cf;font-weight:900}.hyppe-cep-result.valid .hyppe-cep-result-icon{background:#0d5438;color:#8df0be}.hyppe-cep-result.blocked .hyppe-cep-result-icon{background:#652b24;color:#ffaaa0}.hyppe-cep-result b{display:block}.hyppe-cep-result p{margin:5px 0;color:#d1dfd5;line-height:1.5}.hyppe-cep-result small{font-size:11px;color:var(--muted)}
.hyppe-map-fields{display:grid;grid-template-columns:.7fr 1.5fr 1.2fr .5fr;gap:12px;max-width:900px;margin-bottom:14px}.hyppe-map-fields .l{margin-top:0}.hyppe-map-panel>#hyppeGeocode{min-width:230px}.hyppe-map-result{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:900px;margin-top:15px;padding:15px;border:1px solid #216342;border-radius:14px;background:linear-gradient(130deg,#0c3625,#10241a)}.hyppe-map-result[hidden]{display:none}.hyppe-map-result p{margin:6px 0 0;color:#c6dacf;line-height:1.5}.hyppe-map-result strong{color:#6de5aa}.hyppe-map-result.not-found{display:block;border-color:#88452d;background:linear-gradient(130deg,#3a211a,#241913)}.hyppe-map-result.not-found p{color:#f0c5ad}
.hyppe-order-search{display:grid;grid-template-columns:minmax(220px,360px) auto;align-items:end;gap:12px}.hyppe-order-search .l{margin-top:0}.hyppe-order-search .btn{min-width:190px}.hyppe-order-result{margin-top:16px}.hyppe-order-card{max-width:1000px;padding:18px;border:1px solid #224a35;border-radius:16px;background:linear-gradient(145deg,#0c2117,#0b1a13)}.hyppe-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #ffffff15}.hyppe-order-card h4{margin:5px 0 0;font-size:18px}.hyppe-order-status{display:inline-flex;align-items:center;padding:7px 11px;border-radius:20px;border:1px solid #715923;background:#3b3116;color:#f4d875;font-size:12px;font-weight:800}.hyppe-order-status.good{border-color:#176747;background:#0e3828;color:#68e9ae}.hyppe-order-status.bad{border-color:#88452d;background:#3a211a;color:#ffaaa0}.hyppe-order-status.pending{border-color:#715923;background:#3b3116;color:#f4d875}.hyppe-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.hyppe-order-grid>div{display:grid;gap:5px;padding:11px;border:1px solid #1d3c2b;border-radius:11px;background:#0a1c14;min-width:0}.hyppe-order-grid small{font-size:11px;color:var(--muted)}.hyppe-order-grid b{font-size:13px;color:#dcece2;overflow-wrap:anywhere}
.hyppe-stock{width:100%;margin:4px 0}.hyppe-stock-modal h2{margin:7px 0 4px}.hyppe-stock-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0 14px}.hyppe-stock-filters .l{margin-top:0}.hyppe-stock-modal>#hyppeStockSearch{width:100%}.hyppe-stock-result{margin-top:16px;max-height:50vh;overflow:auto}.hyppe-stock-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:16px;border:1px solid #216342;border-radius:14px;background:linear-gradient(120deg,#0c3927,#10251a)}.hyppe-stock-summary>span{color:var(--muted);font-size:12px}.hyppe-stock-summary>b{grid-column:2;grid-row:1/3;font-size:28px;color:#55e4a0}.hyppe-stock-summary>small{color:#c0d5c8}.hyppe-stock-result h3{margin:18px 0 10px;font-size:15px}.hyppe-movement-list{display:grid;gap:9px}.hyppe-movement{padding:13px;border:1px solid #244735;border-radius:13px;background:#0a1c14}.hyppe-movement>b{color:#61dda2;font-size:13px}.hyppe-movement dl{display:grid;gap:7px;margin:10px 0 0}.hyppe-movement dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff0d;padding-top:7px}.hyppe-movement dt{color:var(--muted);font-size:12px;text-transform:capitalize}.hyppe-movement dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:12px}
@media(max-width:600px){.nav-upgrade-pill{gap:3px;padding:4px 5px;font-size:8px}.nav-locked{gap:7px!important}.agent-plan-lock{margin:18px 0;padding:28px 19px}.agent-plan-lock h2{font-size:20px}.agent-plan-lock p{font-size:12px}}
@media(max-width:760px){.hyppe-heading{flex-direction:column}.hyppe-heading h2{font-size:22px}.hyppe-grid{grid-template-columns:1fr}.hyppe-panel,.hyppe-products{padding:18px}.hyppe-two-fields{grid-template-columns:1fr;gap:0}.hyppe-product-filters{grid-template-columns:1fr 1fr}.hyppe-status{font-size:12px}.hyppe-stock-filters{grid-template-columns:1fr}.hyppe-stock-result{max-height:44vh}.hyppe-abandonment-filters{grid-template-columns:1fr 1fr}.hyppe-abandonment-list{grid-template-columns:1fr}.hyppe-abandoned-panel>#hyppeAbandonedSearch{width:100%}.hyppe-city-fields,.hyppe-cep-fields,.hyppe-map-fields{grid-template-columns:1fr}.hyppe-city-codes{grid-template-columns:1fr}.hyppe-city-panel>#hyppeResolveCity,.hyppe-cep-panel>#hyppeVerifyCep,.hyppe-map-panel>#hyppeGeocode{width:100%}.hyppe-map-result{align-items:stretch;flex-direction:column}.hyppe-order-search{grid-template-columns:1fr}.hyppe-order-search .btn{width:100%}.hyppe-order-grid{grid-template-columns:1fr 1fr}.hyppe-order-card>header{align-items:flex-start;flex-direction:column}}
.hyppe-order-warning{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:13px 15px;border:1px solid #8d662b;border-radius:13px;background:linear-gradient(110deg,#302816,#1a2119);color:#f4d786}.hyppe-order-warning span{color:#c9c6ad;font-size:12px;line-height:1.5}.hyppe-cod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hyppe-cod-grid>div{min-width:0}.hyppe-cod-grid .l,.hyppe-cod-product-fields .l{margin-top:0}.hyppe-cod-grid.address{grid-template-columns:repeat(4,minmax(0,1fr))}.hyppe-cod-grid .wide{grid-column:span 2}.hyppe-cod-subtitle{margin:20px 0 12px;font-size:15px}.hyppe-cod-products-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hyppe-cod-products-head .hyppe-cod-subtitle{margin-bottom:12px}.hyppe-cod-lines{display:grid;gap:11px;margin-bottom:14px}.hyppe-cod-line{padding:15px;border:1px solid #214733;border-radius:15px;background:linear-gradient(145deg,#0d2419,#0a1a13)}.hyppe-cod-line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#dcece2}.hyppe-cod-product-fields{display:grid;grid-template-columns:1.3fr 1.3fr .8fr .6fr .8fr .7fr;gap:10px}.hyppe-cod-product-fields>div{min-width:0}.hyppe-cod-offer-hint{display:block;margin-top:9px;color:var(--muted);font-size:11px}.hyppe-create-order-panel>#hyppeCreateCodOrder{min-width:230px}.hyppe-cod-line .hyppe-remove-line{color:#ffc0b3}
@media(max-width:900px){.hyppe-cod-grid,.hyppe-cod-grid.address{grid-template-columns:repeat(2,minmax(0,1fr))}.hyppe-cod-product-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hyppe-cod-grid,.hyppe-cod-grid.address,.hyppe-cod-product-fields{grid-template-columns:1fr}.hyppe-cod-grid .wide{grid-column:auto}.hyppe-cod-products-head{align-items:flex-start;flex-direction:column}.hyppe-create-order-panel>#hyppeCreateCodOrder,.hyppe-cod-products-head .btn{width:100%}}
.hyppe-cod-dashboard{margin:0 0 28px;padding:24px;border:1px solid #24553e;border-radius:22px;background:radial-gradient(ellipse at 8% 0,#1372481c,transparent 35%),linear-gradient(145deg,#0d2018,#0b1712 75%);box-shadow:0 18px 50px #0003}.hyppe-cod-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.hyppe-cod-dashboard-head h2{margin:6px 0;font-size:28px;letter-spacing:-.025em}.hyppe-cod-dashboard-head p{margin:0;color:var(--muted);font-size:13px}.hyppe-cod-dashboard-filters{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.hyppe-cod-dashboard-filters label{display:grid;gap:5px}.hyppe-cod-dashboard-filters label>span{font-size:10px;color:var(--muted);font-weight:700}.hyppe-cod-dashboard-filters .f{min-width:135px;min-height:42px}.hyppe-cod-dashboard-filters #hyppeCodDateMode{min-width:175px}.hyppe-cod-quick-actions{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:20px 0 17px}.hyppe-cod-quick-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:43px;padding:8px 9px;border:1px solid #24513b;border-radius:12px;background:linear-gradient(145deg,#11291d,#0d2017);color:#72e7ad;font-size:15px;transition:.18s}.hyppe-cod-quick-actions button:hover{border-color:#32d88c;background:#123b29;box-shadow:0 0 18px #2ad78618;transform:translateY(-1px)}.hyppe-cod-quick-actions button span{color:#d4e7db;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hyppe-cod-tabs{display:flex;align-items:center;gap:20px;min-height:46px;border-bottom:1px solid #ffffff18}.hyppe-cod-tabs>button{align-self:stretch;border:0;border-bottom:2px solid transparent;background:none;color:#a9c7b7;font-size:13px;font-weight:750}.hyppe-cod-tabs>button.active{border-bottom-color:#40e39a;color:#65e9ae}.hyppe-cod-tabs>.hyppe-cod-refresh{margin-left:auto;align-self:center;min-height:36px;padding:0 12px;border:1px solid #286044;border-radius:10px;background:#102c1f;color:#b5e3c9}.hyppe-cod-tabs>.hyppe-cod-refresh:hover{border-color:#38d894;color:#76edb5}.hyppe-cod-metrics,.hyppe-cod-logistics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.hyppe-cod-metric{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;border:1px solid #203d2d;border-radius:15px;background:linear-gradient(145deg,#12271d,#101d17);box-shadow:0 8px 20px #0002}.hyppe-cod-metric>div{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #ffffff12;color:#dff2e7}.hyppe-cod-metric>div>span{color:#59dfa1;font-size:17px}.hyppe-cod-metric>div>b{font-size:13px}.hyppe-cod-metric>strong{padding-top:10px;color:#65e6aa;text-align:center;font-size:27px;font-weight:850;letter-spacing:-.02em}.hyppe-cod-chart-card,.hyppe-cod-orders-card{margin-top:11px;padding:16px;border:1px solid #203d2d;border-radius:16px;background:linear-gradient(145deg,#11231a,#101a15)}.hyppe-cod-chart-card>header,.hyppe-cod-orders-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e1f2e8}.hyppe-cod-chart-card>header>b,.hyppe-cod-orders-card>header>b{font-size:15px}.hyppe-cod-chart-card>header>span,.hyppe-cod-orders-card>header>span{color:var(--muted);font-size:11px}.hyppe-cod-chart{width:100%;overflow-x:auto;margin-top:14px}.hyppe-cod-chart svg{display:block;width:100%;min-width:560px;height:auto;overflow:visible}.hyppe-cod-chart svg line{stroke:#ffffff20;stroke-width:1}.hyppe-cod-chart svg text{fill:#96b4a2;font:12px system-ui,sans-serif}.hyppe-cod-chart svg polyline{fill:none;stroke:#43e09a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hyppe-cod-chart svg circle{fill:#73edb3;stroke:#10231a;stroke-width:2}.hyppe-cod-table-wrap{width:100%;overflow:auto;margin-top:13px}.hyppe-cod-table{width:100%;border-collapse:collapse;min-width:650px}.hyppe-cod-table th,.hyppe-cod-table td{padding:11px 12px;border-bottom:1px solid #ffffff12;text-align:left;white-space:nowrap;font-size:12px}.hyppe-cod-table th{color:#81c7a1;background:#10231a;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.hyppe-cod-table td{color:#d5e7db}.hyppe-cod-table tr:hover td{background:#ffffff05}.hyppe-cod-status{display:inline-flex;padding:5px 8px;border:1px solid #665525;border-radius:20px;background:#302a17;color:#efcf72;font-size:10px;font-weight:800}.hyppe-cod-status.delivered{border-color:#176747;background:#0d3826;color:#6de6aa}.hyppe-cod-status.canceled{border-color:#753b32;background:#321b19;color:#ffaaa0}.hyppe-cod-status.pending{border-color:#665525;background:#302a17;color:#efcf72}.hyppe-cod-logistics .hyppe-cod-metric.is-good>strong{color:#6de6aa}.hyppe-cod-logistics .hyppe-cod-metric.is-pending>strong{color:#f3ca68}.hyppe-cod-logistics .hyppe-cod-metric.is-bad>strong{color:#ff8b80}.hyppe-cod-scope,.hyppe-cod-limit-note{margin:12px 0 0;color:#93ac9d;font-size:11px;line-height:1.5}.hyppe-cod-limit-note{color:#eed082}.hyppe-cod-dashboard #hyppeCodDashboardBody>.hyppe-empty{margin-top:15px}
@media(max-width:1100px){.hyppe-cod-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.hyppe-cod-dashboard-head{flex-direction:column}.hyppe-cod-dashboard-filters{width:100%}}
@media(max-width:760px){.hyppe-cod-dashboard{padding:17px}.hyppe-cod-dashboard-head h2{font-size:23px}.hyppe-cod-dashboard-filters{display:grid;grid-template-columns:1fr 1fr}.hyppe-cod-dashboard-filters label:first-child{grid-column:1/-1}.hyppe-cod-dashboard-filters .f,.hyppe-cod-dashboard-filters #hyppeCodDateMode{width:100%;min-width:0}.hyppe-cod-dashboard-filters .btn{width:100%;min-height:42px}.hyppe-cod-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hyppe-cod-quick-actions button{min-height:50px;flex-direction:column;gap:2px;padding:5px}.hyppe-cod-quick-actions button span{max-width:100%;font-size:9px}.hyppe-cod-tabs{gap:13px}.hyppe-cod-tabs>button{font-size:11px}.hyppe-cod-tabs>.hyppe-cod-refresh{max-width:145px;padding:0 7px;font-size:10px}.hyppe-cod-metrics,.hyppe-cod-logistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hyppe-cod-metric{min-height:94px;padding:12px}.hyppe-cod-metric>div>b{font-size:11px}.hyppe-cod-metric>strong{font-size:22px}.hyppe-cod-chart-card,.hyppe-cod-orders-card{padding:12px}.hyppe-cod-chart-card>header>span,.hyppe-cod-orders-card>header>span{font-size:9px}.hyppe-cod-chart svg{min-width:520px}}
/* Hyppe COD: dashboard in the visual structure supplied by the user */
.hyppe-cod-view[hidden]{display:none!important}.hyppe-cod-view{width:100%;min-width:0}.hyppe-cod-view-head{margin:0 0 22px;padding:2px 0 16px;border-bottom:1px solid #e1e7ef}.hyppe-cod-view-head h2{margin:5px 0 0;color:#12213b;font-size:28px;font-weight:850;letter-spacing:-.03em}.hyppe-cod-view .hyppe-heading{margin-top:0}.hyppe-cod-view .hyppe-grid{grid-template-columns:minmax(0,1fr)}.hyppe-cod-orders-page{margin:0 0 14px}.hyppe-cod-orders-page .hyppe-products-head{margin-bottom:10px}
.hyppe-cod-side-tools{display:grid;gap:4px;margin-top:18px;padding:15px 0 0;border-top:1px solid #ffffff18}.hyppe-cod-side-tools h6{margin:0 12px 5px;color:#72a7e7;font-size:10px;letter-spacing:.13em}.hyppe-cod-side-tools button{display:flex;align-items:center;gap:13px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#bac9dc;text-align:left;font-size:12px;font-weight:550;cursor:pointer;transition:.18s}.hyppe-cod-side-tools button>span{width:22px;color:#76b4ff;font-size:17px;text-align:center}.hyppe-cod-side-tools button:hover{background:#ffffff0d;color:#fff}.hyppe-cod-side-tools button.active{border-color:#244879;background:linear-gradient(100deg,#1d3d6b,#16345f);color:#fff;box-shadow:inset 3px 0 #2381ff}.hyppe-cod-view[data-cod-view="tools"]>.hyppe-panel{max-width:100%;margin-top:0}
body.hyppe-dashboard-page #sidebar,body.hyppe-dashboard-page #topbar,body.hyppe-dashboard-page .page-head{display:none!important}body.hyppe-dashboard-page #main{height:100dvh;margin-left:0}body.hyppe-dashboard-page #content{margin:0;border-radius:0;background:#f4f7fc;overflow:hidden}body.hyppe-dashboard-page #page{display:flex;min-height:0;overflow:hidden;padding:0;background:#f4f7fc;color:#14223a}body.hyppe-dashboard-page #actions{display:none}
.hyppe-cod-app{display:grid;grid-template-columns:252px minmax(0,1fr);width:100%;height:100%;min-height:0;background:#f4f7fc;color:#17243b;font-family:Inter,"Segoe UI",system-ui,sans-serif}.hyppe-cod-sidebar{display:flex;min-height:0;flex-direction:column;padding:25px 12px 14px;background:linear-gradient(180deg,#10213b,#0b1b34 72%,#0a1a32);color:#f5f8ff}.hyppe-cod-brand{display:flex;align-items:center;gap:10px;margin:0 12px 28px;font-size:23px;letter-spacing:-.04em}.hyppe-cod-brand-mark{display:grid;place-items:center;width:37px;height:37px;background:linear-gradient(145deg,#56b8ff,#0762e9);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:39px;font-weight:1000;line-height:1}.hyppe-cod-brand b{font-weight:850}.hyppe-cod-brand b span{color:#73b8ff}.hyppe-cod-side-nav{display:grid;gap:7px}.hyppe-cod-side-nav button{display:flex;align-items:center;gap:15px;min-height:51px;padding:0 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d7e0ee;text-align:left;font-size:14px;font-weight:520;cursor:pointer;transition:.18s}.hyppe-cod-side-nav button>span{width:22px;color:#c7d7ed;font-size:21px;text-align:center}.hyppe-cod-side-nav button:hover{background:#ffffff0d;color:#fff}.hyppe-cod-side-nav button.active{border-color:#244879;background:linear-gradient(100deg,#1d3d6b,#16345f);color:#fff;box-shadow:inset 3px 0 #2381ff}.hyppe-cod-side-nav button.active>span{color:#65aaff}.hyppe-cod-side-profile{display:flex;align-items:center;gap:10px;width:100%;margin-top:auto;padding:13px 7px 3px;border:0;border-top:1px solid #ffffff18;background:transparent;color:#eaf1fb;text-align:left;cursor:pointer}.hyppe-cod-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#39557a,#213755);color:#dceaff;font-size:12px;font-weight:800}.hyppe-cod-side-profile>span:nth-child(2){display:grid;min-width:0;gap:2px;flex:1}.hyppe-cod-side-profile b{overflow:hidden;color:#f1f5fb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hyppe-cod-side-profile small{color:#93a8c2;font-size:10px}.hyppe-cod-side-profile>i{color:#d1dded;font-size:22px;font-style:normal}
.hyppe-cod-content{min-width:0;height:100%;overflow:auto;padding:25px 30px 35px;background:#f4f7fc;color:#17243b}.hyppe-cod-content .hyppe-cod-dashboard{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.hyppe-cod-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 24px}.hyppe-cod-greeting{color:#78869d;font-size:13px}.hyppe-cod-dashboard-head h2{margin:3px 0 1px;color:#0e192e;font-size:36px;font-weight:850;letter-spacing:-.04em}.hyppe-cod-dashboard-head p{margin:0;color:#76839a;font-size:15px}.hyppe-cod-dashboard-filters{display:flex;align-items:flex-end;gap:10px}.hyppe-cod-dashboard-filters>label{display:grid;gap:4px}.hyppe-cod-dashboard-filters>label>span{display:none}.hyppe-cod-date-range{display:flex;align-items:center;gap:6px;min-height:46px;padding:4px 10px;border:1px solid #dce4ef;border-radius:11px;background:#fff;box-shadow:0 3px 10px #13254608}.hyppe-cod-date-range .f{width:126px;min-width:0;padding:5px 2px;border:0;background:transparent;color:#20314e;font-size:12px}.hyppe-cod-date-range .f#hyppeCodDateMode{width:158px;font-weight:700}.hyppe-cod-date-range>i{color:#9ca8b9;font-style:normal}.hyppe-cod-dashboard-filters .hyppe-cod-filter{width:45px;height:46px;padding:0;border:1px solid #dce4ef;border-radius:11px;background:#fff;color:#5f6f87;font-size:23px}.hyppe-cod-create-cta{height:46px;padding:0 18px!important;border:1px solid #0867ee!important;border-radius:11px!important;background:linear-gradient(110deg,#1474ff,#075ee7)!important;color:#fff!important;font-size:13px;font-weight:800!important;box-shadow:0 6px 14px #176ef024}.hyppe-cod-create-cta:hover{background:linear-gradient(110deg,#3388ff,#0e6af3)!important;filter:none!important}
.hyppe-cod-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 17px;padding:0;border:1px solid #e1e7f0;border-radius:12px;background:#fff;box-shadow:0 4px 14px #14294a08}.hyppe-cod-quick-actions button{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:12px 16px;border:0;border-right:1px solid #e7ebf2;border-radius:0;background:transparent;text-align:left;color:#17243b;box-shadow:none;transform:none}.hyppe-cod-quick-actions button:last-child{border-right:0}.hyppe-cod-quick-actions button:hover{border-color:#e7ebf2;background:#f9fbfe;box-shadow:none;transform:none}.hyppe-cod-action-icon,.hyppe-cod-card-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e2edff;border-radius:12px;background:linear-gradient(145deg,#f0f6ff,#e8f1ff);color:#1269f5;font-size:23px}.hyppe-cod-quick-actions button>span:nth-child(2){display:grid;min-width:0;gap:4px;flex:1}.hyppe-cod-quick-actions button b{overflow:hidden;color:#16233a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.hyppe-cod-quick-actions button small{overflow:hidden;color:#75839a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hyppe-cod-quick-actions button>i{color:#71809a;font-size:20px;font-style:normal}
.hyppe-cod-dashboard-body{min-width:0}.hyppe-cod-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.hyppe-cod-metric{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;min-width:0;min-height:136px;padding:14px 16px;border:1px solid #e1e7ef;border-radius:15px;background:#fff;box-shadow:0 4px 14px #14294a08}.hyppe-cod-metric>div{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:0 0 10px;border:0;color:#1c2940}.hyppe-cod-metric>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#1672fa;font-size:19px}.hyppe-cod-metric>div>b{font-size:14px}.hyppe-cod-metric>strong{align-self:start;padding:0;color:#101b31;text-align:left;font-size:25px;font-weight:850;letter-spacing:-.03em}.hyppe-cod-trend{align-self:start;justify-self:start;margin-top:3px;padding:5px 9px;border-radius:99px;background:#e5f8ed;color:#139750;font-size:11px;font-weight:800}.hyppe-cod-trend i{display:none}.hyppe-cod-spark{grid-column:2;grid-row:2/4;align-self:end;width:98px;height:38px}.hyppe-cod-spark polyline{fill:none;stroke:#1975ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hyppe-cod-middle{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:14px;margin-bottom:14px}.hyppe-cod-chart-card,.hyppe-cod-status-card,.hyppe-cod-orders-card,.hyppe-cod-featured-card{min-width:0;margin:0;padding:16px 18px;border:1px solid #e0e7f0;border-radius:15px;background:#fff;box-shadow:0 4px 14px #14294a08}.hyppe-cod-chart-card>header,.hyppe-cod-status-card>header,.hyppe-cod-orders-card>header,.hyppe-cod-featured-card>header{display:flex;align-items:center;gap:10px;min-height:34px;color:#17243b}.hyppe-cod-chart-card>header>div:first-child,.hyppe-cod-orders-card>header>div,.hyppe-cod-featured-card>header>div{display:flex;align-items:center;gap:10px}.hyppe-cod-chart-card>header b,.hyppe-cod-status-card>header b,.hyppe-cod-orders-card>header b,.hyppe-cod-featured-card>header b{font-size:15px;font-weight:800}.hyppe-cod-chart-card .hyppe-cod-card-icon,.hyppe-cod-featured-card .hyppe-cod-card-icon,.hyppe-cod-orders-card .hyppe-cod-card-icon,.hyppe-cod-status-card .hyppe-cod-card-icon{width:36px;height:36px;border-radius:10px;font-size:18px}.hyppe-cod-chart-toggle{display:flex;gap:3px;margin-left:auto;padding:3px;border-radius:9px;background:#f0f3f8}.hyppe-cod-chart-toggle button{padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#6b7890;font-size:11px;font-weight:700;cursor:pointer}.hyppe-cod-chart-toggle button.active{background:#1472f7;color:#fff;box-shadow:0 2px 7px #176ef02c}.hyppe-cod-chart{width:100%;overflow:auto;margin:15px 0 2px}.hyppe-cod-chart svg{display:block;width:100%;min-width:520px;height:auto;overflow:visible}.hyppe-cod-chart svg line{stroke:#e3e8ef;stroke-width:1}.hyppe-cod-chart svg text{fill:#7d899e;font:12px system-ui,sans-serif}.hyppe-cod-chart svg polyline.current{fill:none;stroke:#1672f8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hyppe-cod-chart svg polyline.previous{fill:none;stroke:#49c27e;stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round}.hyppe-cod-chart svg circle.current{fill:#1672f8;stroke:#fff;stroke-width:1.5}.hyppe-cod-chart-card>footer{display:flex;justify-content:center;gap:24px;margin:5px 0 0;color:#68758d;font-size:11px}.hyppe-cod-chart-card>footer>span{display:flex;align-items:center;gap:7px}.hyppe-cod-chart-card>footer i{width:9px;height:9px;border-radius:50%;background:#1672f8}.hyppe-cod-chart-card>footer i.previous{background:#49c27e}.hyppe-cod-status-card>header button{margin-left:auto;width:31px;height:31px;border:1px solid #e0e7f0;border-radius:9px;background:#fff;color:#52647e;font-size:18px;cursor:pointer}.hyppe-cod-status-row{display:grid;grid-template-columns:1fr minmax(70px,1.2fr) 38px;align-items:center;gap:10px;margin-top:16px;padding-bottom:13px;border-bottom:1px solid #edf0f5}.hyppe-cod-status-row:last-of-type{border-bottom:0}.hyppe-cod-status-row>div{display:flex;align-items:center;gap:9px;min-width:0}.hyppe-cod-status-row>div>b{overflow:hidden;color:#1c2940;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hyppe-cod-status-row>div>strong{margin-left:auto;color:#19263e;font-size:13px}.hyppe-cod-status-row>div>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e0f7eb;color:#28b36a;font-size:11px;font-style:normal}.hyppe-cod-status-row>div>i.in-transit{background:#e6f0ff;color:#2680ff}.hyppe-cod-status-row>div>i.pending{background:#fff4d8;color:#e8a300}.hyppe-cod-status-row>div>i.canceled{background:#ffebeb;color:#e55d61}.hyppe-cod-status-row>span{height:9px;overflow:hidden;border-radius:10px;background:#e8edf4}.hyppe-cod-status-row>span>i{display:block;height:100%;border-radius:10px;background:#43c77e}.hyppe-cod-status-row>span>i.in-transit{background:#2580ff}.hyppe-cod-status-row>span>i.pending{background:#f6b400}.hyppe-cod-status-row>span>i.canceled{background:#e96a6b}.hyppe-cod-status-row>small{color:#738198;text-align:right;font-size:10px}.hyppe-cod-status-empty,.hyppe-cod-empty-orders{display:grid;justify-items:center;gap:7px;padding:29px 14px;color:#738198;text-align:center;font-size:12px}.hyppe-cod-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:14px}.hyppe-cod-orders-card>header button,.hyppe-cod-featured-card>header button{display:flex;align-items:center;gap:6px;margin-left:auto;border:0;background:transparent;color:#176df1;font-size:12px;font-weight:750;cursor:pointer}.hyppe-cod-orders-card>header button i{font-size:18px;font-style:normal}.hyppe-cod-table-wrap{width:100%;overflow:auto;margin-top:12px}.hyppe-cod-table{width:100%;border-collapse:collapse;min-width:560px}.hyppe-cod-table th,.hyppe-cod-table td{padding:10px 9px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap;font-size:11px}.hyppe-cod-table th{background:#f5f7fa;color:#66758e;font-size:10px;font-weight:750}.hyppe-cod-table td{color:#24324a}.hyppe-cod-table tr:last-child td{border-bottom:0}.hyppe-cod-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:0;border-radius:30px;background:#e4f7ec;color:#168e4b;font-size:10px;font-weight:750}.hyppe-cod-status>i{width:7px;height:7px;border-radius:50%;background:#28b36a}.hyppe-cod-status.in-transit{background:#e8f1ff;color:#1f70e5}.hyppe-cod-status.in-transit>i{background:#2580ff}.hyppe-cod-status.pending{background:#fff4dd;color:#aa7300}.hyppe-cod-status.pending>i{background:#f0ae00}.hyppe-cod-status.canceled{background:#ffeded;color:#cb3e46}.hyppe-cod-status.canceled>i{background:#e45158}.hyppe-cod-order-more{border:0;background:transparent;color:#748197;letter-spacing:2px;cursor:pointer}.hyppe-cod-featured-card>header{margin-bottom:13px}.hyppe-cod-featured-product{display:grid;grid-template-columns:124px minmax(0,1fr);gap:15px;align-items:center}.hyppe-cod-featured-product>img,.hyppe-cod-product-placeholder{display:grid;place-items:center;width:124px;height:144px;object-fit:cover;border-radius:12px;background:#eff2f6;color:#2277f5;font-size:42px}.hyppe-cod-featured-product h4{margin:0 0 5px;color:#14213a;font-size:16px}.hyppe-cod-featured-product>b,.hyppe-cod-featured-product>div>b{color:#176df1;font-size:12px}.hyppe-cod-featured-product p{display:-webkit-box;overflow:hidden;margin:8px 0;color:#758198;font-size:11px;line-height:1.45;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hyppe-cod-featured-product a{display:inline-flex;margin-top:5px;padding:8px 12px;border-radius:9px;background:#ecf3ff;color:#1469ed;font-size:11px;font-weight:800;text-decoration:none}.hyppe-cod-scope,.hyppe-cod-limit-note{margin:11px 0 0;color:#77859a;font-size:10px;line-height:1.5}.hyppe-cod-limit-note{color:#9d6b0b}.hyppe-cod-loading{padding:35px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;color:#718099;font-size:13px;text-align:center}
.hyppe-cod-content .hyppe-heading{margin:45px 0 18px;padding:14px 0 15px;border-bottom:1px solid #e3e8ef}.hyppe-cod-content .hyppe-heading h2,.hyppe-cod-content .hyppe-step h3,.hyppe-cod-content .hyppe-products-head h3,.hyppe-cod-content .hyppe-cod-subtitle,.hyppe-cod-content .hyppe-products h4{color:#17243b}.hyppe-cod-content .hyppe-heading p,.hyppe-cod-content .hyppe-step p,.hyppe-cod-content .hyppe-products-head p{color:#75839a}.hyppe-cod-content .hyppe-panel,.hyppe-cod-content .hyppe-products{border-color:#e0e7f0;background:#fff;box-shadow:0 4px 14px #14294a08}.hyppe-cod-content .hyppe-product{border-color:#e0e7f0;background:#fff}.hyppe-cod-content .hyppe-product h4{color:#17243b}.hyppe-cod-content .hyppe-product p,.hyppe-cod-content .hyppe-empty,.hyppe-cod-content .hyppe-panel .hint{color:#75839a}.hyppe-cod-content .hyppe-cod-line{border-color:#e0e7f0;background:#f9fbfe}.hyppe-cod-content .hyppe-cod-line-head,.hyppe-cod-content .hyppe-cod-product-fields label{color:#17243b}.hyppe-cod-content .f{border-color:#d9e1ec;background:#fff;color:#1c2940}.hyppe-cod-content .f:focus{border-color:#5a9bff;box-shadow:0 0 0 3px #2d7fff1c}.hyppe-cod-content .l{color:#65738b}.hyppe-cod-content .hyppe-products a{color:#176df1}
.dash-hyppe-sales{overflow:hidden;border-color:#1e4935;background:radial-gradient(ellipse at 6% 0,#17a96614,transparent 42%),linear-gradient(145deg,#0e2118,#0a1711 75%)}.dash-hyppe-sales>.dash-panel-head{align-items:center}.dash-hyppe-sales .dash-eyebrow{color:#4ad89a}.dash-hyppe-sales .dash-panel-head p{color:#9db5a7}.dash-hyppe-sales #hyppeSalesRefresh{white-space:nowrap}.dash-hyppe-content{display:grid;gap:14px}.dash-hyppe-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.dash-hyppe-kpi{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;min-width:0;min-height:112px;padding:14px;border:1px solid #234532;border-radius:15px;background:linear-gradient(145deg,#12291e,#101d16);box-shadow:0 7px 18px #0002}.dash-hyppe-kpi>div{grid-column:1/-1;display:flex;align-items:center;gap:9px;color:#dceee3}.dash-hyppe-kpi>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#172e23;color:#5cdda0;font-size:17px}.dash-hyppe-kpi>div>b{font-size:12px}.dash-hyppe-kpi>strong{align-self:start;color:#ecf8f0;font-size:22px;font-weight:850;letter-spacing:-.03em}.dash-hyppe-kpi>small{align-self:start;justify-self:start;padding:4px 8px;border-radius:20px;background:#123c29;color:#64e1a4;font-size:10px;font-weight:800}.dash-hyppe-kpi>i{position:absolute;right:13px;bottom:16px;width:78px;height:22px;border-bottom:2px solid #41a8ff;transform:skewY(-12deg);opacity:.9}.dash-hyppe-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:12px}.dash-hyppe-chart,.dash-hyppe-status{min-width:0;padding:16px;border:1px solid #234532;border-radius:15px;background:#101e17}.dash-hyppe-chart>header,.dash-hyppe-status>header{display:flex;align-items:center;justify-content:space-between;color:#e6f4eb;font-size:14px;font-weight:800}.dash-hyppe-chart>header>span{color:#82a390;font-size:11px;font-weight:600}.dash-hyppe-chart svg{display:block;width:100%;height:auto;margin:12px 0 0;overflow:visible}.dash-hyppe-chart svg line{stroke:#ffffff18;stroke-width:1}.dash-hyppe-chart svg text{fill:#88a292;font:10px system-ui,sans-serif}.dash-hyppe-chart svg polyline{fill:none;stroke:#46a3ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dash-hyppe-chart svg polyline.old{stroke:#43d493;stroke-width:2;stroke-dasharray:5 5}.dash-hyppe-chart svg circle{fill:#46a3ff;stroke:#112219;stroke-width:2}.dash-hyppe-chart>footer{display:flex;justify-content:center;gap:18px;color:#9db5a7;font-size:10px}.dash-hyppe-chart>footer>span{display:flex;align-items:center;gap:6px}.dash-hyppe-chart>footer i{width:8px;height:8px;border-radius:50%;background:#46a3ff}.dash-hyppe-chart>footer i.old{background:#43d493}.dash-hyppe-status-row{display:grid;grid-template-columns:1fr minmax(54px,.9fr) 34px;align-items:center;gap:9px;margin-top:14px;padding-bottom:11px;border-bottom:1px solid #ffffff12}.dash-hyppe-status-row>div{display:flex;align-items:center;gap:7px;min-width:0}.dash-hyppe-status-row>div>b{overflow:hidden;color:#d5e6db;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dash-hyppe-status-row>div>strong{margin-left:auto;color:#f0f8f3;font-size:12px}.dash-hyppe-status-row>div>i{width:9px;height:9px;border-radius:50%;background:#3dc782}.dash-hyppe-status-row>div>i.transit{background:#46a3ff}.dash-hyppe-status-row>div>i.pending{background:#f0b744}.dash-hyppe-status-row>div>i.canceled{background:#fa7778}.dash-hyppe-status-row>span{height:7px;overflow:hidden;border-radius:9px;background:#ffffff13}.dash-hyppe-status-row>span>i{display:block;height:100%;border-radius:9px;background:#3dc782}.dash-hyppe-status-row>span>i.transit{background:#46a3ff}.dash-hyppe-status-row>span>i.pending{background:#f0b744}.dash-hyppe-status-row>span>i.canceled{background:#fa7778}.dash-hyppe-status-row>small{color:#90a99a;text-align:right;font-size:10px}.dash-hyppe-delivery{display:grid;grid-template-columns:1fr auto;gap:3px;margin-top:13px;padding:11px;border:1px solid #25543b;border-radius:12px;background:#102a1e}.dash-hyppe-delivery>span{color:#b8d5c3;font-size:11px}.dash-hyppe-delivery>b{grid-row:span 2;color:#58dfa0;font-size:23px}.dash-hyppe-delivery>small{color:#84ab94;font-size:9px}.dash-hyppe-empty-status,.dash-hyppe-loading,.dash-hyppe-empty{padding:24px;color:#99b4a3;text-align:center;font-size:12px}.dash-hyppe-empty{display:grid;justify-items:center;gap:7px}.dash-hyppe-empty>span{font-size:25px;color:#59d99e}.dash-hyppe-empty>small{color:#9ab1a1}.dash-hyppe-empty>a{margin-top:5px;color:#67dda4;text-decoration:none}.dash-hyppe-note{margin:12px 0 0;color:#789181;font-size:10px;line-height:1.5}
.dash-hyppe-chart-toggle{display:flex;gap:3px;padding:3px;border-radius:9px;background:#1a2d22}.dash-hyppe-chart-toggle button{padding:6px 10px;border:0;border-radius:7px;background:transparent;color:#96ac9b;font-size:10px;font-weight:750;cursor:pointer}.dash-hyppe-chart-toggle button.selected{background:#1877ff;color:#fff}
@media(max-width:900px){.dash-hyppe-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hyppe-panels{grid-template-columns:1fr}}
@media(max-width:560px){.dash-hyppe-sales>.dash-panel-head{align-items:flex-start}.dash-hyppe-sales #hyppeSalesRefresh{padding:7px;font-size:10px}.dash-hyppe-kpi{min-height:100px;padding:10px}.dash-hyppe-kpi>strong{font-size:18px}.dash-hyppe-kpi>i{width:52px}.dash-hyppe-chart,.dash-hyppe-status{padding:12px}}
@media(max-width:600px){.cod-copilot{margin-left:0;padding:9px}.cod-copilot-body{padding-left:0}.cod-copilot-head>div{display:flex;flex-direction:column;gap:1px}.cod-copilot-actions{gap:6px}.cod-copilot-order{order:2}.cod-copilot-prepare{margin-left:0}.cod-copilot-actions .btn{min-height:34px}.cod-copilot-note{line-height:1.4}}

/* Chat compacto: mantém a hierarquia visual com controles menores e proporcionais */
body:has(.chat) .page-head{height:46px;padding:0 18px}
body:has(.chat) .page-head h1{font-size:15px}
body:has(.chat) #actions{gap:5px}
body:has(.chat) #actions .btn{min-height:30px;padding:5px 10px;border-radius:9px;font-size:11px}
body:has(.chat) #page{padding:18px 22px}
body:has(.chat) .chat{grid-template-columns:minmax(250px,300px) minmax(0,1fr);height:min(760px,calc(100dvh - 155px));min-height:440px;border-radius:15px}
body:has(.chat) .chat-list-head{height:58px;padding:0 14px}
body:has(.chat) .chat-list-head b{font-size:15px}
body:has(.chat) .chat-search{height:38px;margin:9px 10px 6px;padding:0 10px}
body:has(.chat) .chat-search input{font-size:12px}
body:has(.chat) .citem{min-height:66px;padding:9px 11px;gap:9px}
body:has(.chat) .citem .ini{width:42px;height:42px;flex:none;font-size:15px}
body:has(.chat) .citem-title b{font-size:12px}
body:has(.chat) .citem-stage{max-width:80px;padding:3px 6px;font-size:9px}
body:has(.chat) .citem-preview span{font-size:11px}
body:has(.chat) .chead{gap:6px;padding:9px 13px}
body:has(.chat) .chead-main{min-height:38px;gap:9px}
body:has(.chat) .chead-main .ini{width:42px;height:42px;flex:none;font-size:15px}
body:has(.chat) .chead-main b{font-size:14px}
body:has(.chat) .flow-controls{gap:6px;padding-left:50px}
body:has(.chat) .flow-controls .f{max-width:180px;min-height:34px;height:34px;padding:6px 9px;font-size:11px}
body:has(.chat) .flow-controls .btn{min-height:34px;padding:6px 9px;border-radius:9px;font-size:11px}
body:has(.chat) .flow-controls .pill{padding:6px 9px;font-size:10px}
body:has(.chat) .cod-copilot{margin-left:50px;padding:8px 10px;border-radius:12px}
body:has(.chat) .cod-copilot-mark{width:24px;height:24px;border-radius:8px;font-size:14px}
body:has(.chat) .cod-copilot-head{gap:7px}
body:has(.chat) .cod-copilot-head b{font-size:11px}
body:has(.chat) .cod-copilot-head small{font-size:9px}
body:has(.chat) .cod-copilot-live{padding:3px 7px;font-size:9px}
body:has(.chat) .cod-copilot-body{padding:6px 0 0 31px}
body:has(.chat) .cod-copilot-context{margin-bottom:5px;font-size:10px}
body:has(.chat) .cod-copilot-actions{gap:5px}
body:has(.chat) .cod-copilot-actions .btn{min-height:29px;padding:5px 8px;border-radius:8px;font-size:10px}
body:has(.chat) .cod-copilot-order{gap:5px;font-size:9px}
body:has(.chat) .cod-copilot-order .f{width:104px;min-height:29px;height:29px;padding:4px 7px;font-size:10px}
body:has(.chat) .cod-copilot-note{margin-top:5px;font-size:9px}
body:has(.chat) .msgs{gap:8px;padding:16px clamp(14px,3vw,30px)}
body:has(.chat) .m{max-width:min(74%,560px);padding:8px 11px;border-radius:13px;font-size:13px;line-height:1.4}
body:has(.chat) .m small{margin-top:4px;font-size:9px}
body:has(.chat) .composer{gap:8px;padding:9px 11px}
body:has(.chat) .composer .f{min-height:42px;padding:10px 14px;font-size:12px}
body:has(.chat) .composer .btn{min-width:78px;min-height:40px;padding:8px 12px;font-size:12px}
body:has(.chat) .composer .quick-reply-launcher{min-height:36px;padding:7px 9px;font-size:11px}
@media(max-width:900px){body:has(.chat) .chat{grid-template-columns:minmax(220px,34%) minmax(0,1fr);height:calc(100dvh - 175px);min-height:410px}body:has(.chat) .flow-controls{padding-left:0}}
@media(max-width:600px){body:has(.chat) .page-head{height:42px;padding:0 12px}body:has(.chat) .page-head h1{font-size:14px}body:has(.chat) #actions .btn{min-height:28px;padding:4px 8px;font-size:10px}body:has(.chat) #page{padding:12px}.chat{height:calc(100dvh - 170px);min-height:390px}.chat-sidebar{max-height:36%}.chead{padding:8px}.chead-main .ini{width:36px;height:36px}.flow-controls{gap:5px}.flow-controls .btn{min-height:31px;padding:5px 7px;font-size:10px}.cod-copilot{margin-left:0;padding:8px}.cod-copilot-body{padding-left:0}.cod-copilot-head>div{display:flex;flex-direction:row;gap:6px}.cod-copilot-actions .btn{min-height:30px;font-size:9px}.cod-copilot-order{order:0}.cod-copilot-prepare{margin-left:0}.msgs{padding:12px 9px}.m{max-width:90%;font-size:12px}.composer{gap:5px;padding:7px}.composer .btn{min-width:52px;padding:7px 8px;font-size:10px}.composer .quick-reply-launcher{width:38px;min-width:38px;padding:6px;font-size:0}}

/* Copiloto ao lado do histórico, em um painel lateral contextual */
body:has(.chat) .chat-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);flex:1;min-height:0;overflow:hidden}
body:has(.chat) .chat-body .msgs{width:100%;height:100%;min-width:0;min-height:0}
body:has(.chat) .chat-body .cod-copilot{display:flex;flex-direction:column;align-self:stretch;gap:0;min-width:0;margin:10px 10px 10px 0;padding:12px;border-radius:14px;overflow:auto}
body:has(.chat) .chat-body .cod-copilot-head{align-items:flex-start;flex-wrap:wrap}
body:has(.chat) .chat-body .cod-copilot-head>div{display:grid;gap:3px}
body:has(.chat) .cod-copilot-product-picker{display:grid;gap:3px;flex:0 1 125px;min-width:100px;margin-left:auto;color:#8fbda1;font-size:9px}
body:has(.chat) .cod-copilot-product-picker .f{width:100%;min-width:0;height:29px;min-height:29px;padding:4px 7px;border-color:#24543a;background:#081a11;color:#dff5e7;font-size:10px}
body:has(.chat) .chat-body .cod-copilot-live{margin-left:0}
body:has(.chat) .chat-body .cod-copilot-live{margin-left:auto}
body:has(.chat) .chat-body .cod-copilot-body{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 0}
body:has(.chat) .chat-body .cod-copilot-context{line-height:1.45}
body:has(.chat) .cod-copilot-cep-entry{display:grid;gap:5px;min-width:0}
body:has(.chat) .cod-copilot-cep-entry .f{width:100%;min-width:0;min-height:34px;height:34px;padding:6px 9px;border-color:#24543a;background:#081a11;color:#e1f6e9;font-size:11px}
body:has(.chat) .chat-body .cod-copilot-actions{flex-direction:column;align-items:stretch;gap:7px}
body:has(.chat) .chat-body .cod-copilot-actions .btn{width:100%;min-height:34px;justify-content:center;font-size:10px}
body:has(.chat) .chat-body .cod-copilot-order{display:grid;gap:5px;font-size:10px}
body:has(.chat) .chat-body .cod-copilot-order .f{width:100%;height:34px;min-height:34px}
body:has(.chat) .chat-body .cod-copilot-prepare{margin:4px 0 0}
body:has(.chat) .chat-body .cod-copilot-note{margin-top:auto;padding-top:12px;line-height:1.45}
body:has(.chat) .chat-body .cod-copilot-result{line-height:1.5}
@media(max-width:1100px){body:has(.chat) .chat-body{grid-template-columns:minmax(0,1.25fr) minmax(285px,.95fr)}body:has(.chat) .chat-body .cod-copilot{padding:10px}}
@media(max-width:800px){body:has(.chat) .chat-body{display:flex;flex-direction:column;overflow:auto}body:has(.chat) .chat-body .msgs{flex:1 0 280px;height:auto;min-height:280px}body:has(.chat) .chat-body .cod-copilot{flex:none;overflow:visible;margin:8px;padding:10px}body:has(.chat) .chat-body .cod-copilot-body{padding-top:8px}body:has(.chat) .chat-body .cod-copilot-actions{flex-direction:row;align-items:center;flex-wrap:wrap}body:has(.chat) .chat-body .cod-copilot-actions .btn{width:auto;flex:1 1 130px}body:has(.chat) .chat-body .cod-copilot-order{flex:1 1 145px}body:has(.chat) .chat-body .cod-copilot-note{margin-top:4px;padding-top:0}}
body:has(.chat) .cod-copilot-order-form{display:grid;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid #ffffff14}
body:has(.chat) .cod-copilot-order-form[hidden]{display:none}
.cod-order-form-head{display:grid;gap:3px}.cod-order-form-head b{color:#dcffeb;font-size:12px}.cod-order-form-head small{color:#88ae98;font-size:10px;line-height:1.4}
.cod-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cod-order-fields label,.cod-order-line>label,.cod-order-item-fields label{display:grid;gap:4px;min-width:0;color:#91bba2;font-size:9px}
.cod-order-fields .f,.cod-order-line .f{width:100%;min-width:0;min-height:32px;height:32px;padding:6px 8px;border:1px solid #244c35;border-radius:8px;background:#07170f;color:#e0f3e7;font-size:10px}
.cod-order-fields label:nth-child(3),.cod-order-fields label:nth-child(7),.cod-order-fields label:nth-child(9){grid-column:1/-1}
.cod-order-items-head,.cod-order-line-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.cod-order-items-head>b,.cod-order-line-head>b{font-size:10px;color:#d6f2e0}.cod-order-items-head .btn,.cod-order-line-head .btn{min-height:26px;padding:4px 7px;border-radius:7px;font-size:9px}
.cod-order-lines{display:grid;gap:8px}.cod-order-line{display:grid;gap:7px;padding:8px;border:1px solid #1b4932;border-radius:10px;background:#07180f}.cod-order-line-head{margin-bottom:1px}
.cod-order-item-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cod-order-warning{padding:8px;border:1px solid #6f5927;border-radius:8px;background:#2a210f;color:#f0d58e;font-size:9px;line-height:1.45}
.hyppe-cod-locked[readonly],.cod-order-locked[readonly],.hyppe-cod-commission[readonly],.cod-order-item-fields [data-cod-commission][readonly]{border-color:#2b6245;background:linear-gradient(120deg,#102d1e,#0b2116);color:#69e2a7;cursor:not-allowed;opacity:1}
.cod-order-submit{width:100%;min-height:36px;padding:7px 9px;border-radius:9px;font-size:10px;font-weight:750}.cod-order-submit:disabled{opacity:.65;cursor:wait}
.cod-order-feedback,.cod-order-loading{padding:9px;border:1px solid #287550;border-radius:9px;background:#08281b;color:#b6f1ce;font-size:10px;line-height:1.5}.cod-order-feedback.is-error{border-color:#90562c;background:#2e1e12;color:#ffdcad}.cod-order-loading{color:#a5cfb5;background:#0a1d13;border-color:#244b34}
@media(max-width:800px){.cod-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cod-order-item-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.cod-order-item-fields .f{font-size:10px}}
@media(max-width:480px){.cod-order-fields{grid-template-columns:1fr}.cod-order-fields label:nth-child(3),.cod-order-fields label:nth-child(7),.cod-order-fields label:nth-child(9){grid-column:auto}.cod-order-item-fields{grid-template-columns:1fr 1fr}}
@media(max-width:1200px){.hyppe-cod-app{grid-template-columns:220px minmax(0,1fr)}.hyppe-cod-content{padding:22px 20px}.hyppe-cod-middle{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.hyppe-cod-quick-actions button{padding:10px}.hyppe-cod-action-icon{width:38px;height:38px}}
@media(max-width:980px){.hyppe-cod-dashboard-head{flex-direction:column}.hyppe-cod-dashboard-filters{width:100%;justify-content:flex-start}.hyppe-cod-middle{grid-template-columns:1fr}.hyppe-cod-bottom{grid-template-columns:1fr}.hyppe-cod-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent;gap:9px}.hyppe-cod-quick-actions button{border:1px solid #e1e7f0;border-radius:11px;background:#fff}.hyppe-cod-quick-actions button:nth-child(2){border-right:1px solid #e1e7f0}}
@media(max-width:700px){.hyppe-cod-app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.hyppe-cod-sidebar{gap:5px;padding:7px 9px;background:#10213b}.hyppe-cod-brand{display:none}.hyppe-cod-side-nav{display:flex;overflow-x:auto;gap:4px}.hyppe-cod-side-nav button{flex:none;min-height:42px;gap:7px;padding:0 10px;font-size:10px}.hyppe-cod-side-nav button>span{width:auto;font-size:15px}.hyppe-cod-side-tools{display:flex;align-items:center;overflow-x:auto;gap:4px;margin:0;padding:0;border:0}.hyppe-cod-side-tools h6{flex:none;margin:0 3px;color:#72a7e7;font-size:8px}.hyppe-cod-side-tools button{flex:none;min-height:33px;gap:5px;padding:0 8px;font-size:9px}.hyppe-cod-side-tools button>span{width:auto;font-size:13px}.hyppe-cod-side-profile{position:absolute;right:5px;top:4px;width:34px;margin:0;padding:0;border:0}.hyppe-cod-side-profile>span:nth-child(2),.hyppe-cod-side-profile>i{display:none}.hyppe-cod-avatar{width:30px;height:30px}.hyppe-cod-content{padding:19px 13px 25px}.hyppe-cod-dashboard-head h2{font-size:28px}.hyppe-cod-dashboard-head p{font-size:12px}.hyppe-cod-dashboard-filters{display:grid;grid-template-columns:1fr 44px}.hyppe-cod-dashboard-filters>label{grid-column:1/-1}.hyppe-cod-date-range{width:100%;justify-content:space-between}.hyppe-cod-date-range .f{width:27%;font-size:10px}.hyppe-cod-date-range .f#hyppeCodDateMode{width:38%;font-size:10px}.hyppe-cod-create-cta{grid-column:1/-1;width:100%}.hyppe-cod-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hyppe-cod-metric{min-height:120px;padding:11px}.hyppe-cod-metric>div>b{font-size:11px}.hyppe-cod-metric>strong{font-size:19px}.hyppe-cod-spark{width:60px}.hyppe-cod-chart-card,.hyppe-cod-status-card,.hyppe-cod-orders-card,.hyppe-cod-featured-card{padding:12px}.hyppe-cod-featured-product{grid-template-columns:92px minmax(0,1fr);gap:11px}.hyppe-cod-featured-product>img,.hyppe-cod-product-placeholder{width:92px;height:112px}.hyppe-cod-content .hyppe-panel,.hyppe-cod-content .hyppe-products{padding:15px}.hyppe-cod-content .hyppe-heading{margin-top:30px}}

.cod-copilot-city-fallback{margin:6px 0 8px;padding:6px 9px;border:1px solid #1d5138;border-radius:9px;background:#07170f;color:#9ccab0;font-size:10px}.cod-copilot-city-fallback summary{cursor:pointer;color:#a8d8ba}.cod-copilot-city-fields{display:grid;grid-template-columns:minmax(90px,1fr) 54px minmax(90px,1fr);gap:6px;margin-top:7px}.cod-copilot-city-fields .f{min-width:0;min-height:30px;height:30px;padding:5px 8px;border-color:#24543a;background:#081a11;color:#e1f6e9;font-size:10px}.cod-copilot-city-fallback small{display:block;margin-top:5px;color:#719681;font-size:9px}@media(max-width:520px){.cod-copilot-city-fields{grid-template-columns:minmax(0,1fr) 52px}.cod-copilot-city-fields #codCopilotNeighborhood{grid-column:1/-1}}
/* Hyppe connection-only screen while the integration dashboard is paused. */
.hyppe-connect-only{width:min(100%,820px);margin:10px auto;padding:clamp(16px,3vw,34px)}
.hyppe-connect-only .hyppe-heading{margin-bottom:18px}
.hyppe-connect-card{max-width:720px}
.hyppe-connect-card>.hyppe-status{width:max-content;margin:0 0 14px}
.hyppe-connect-message{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6}
.hyppe-connect-card>.l{display:block;margin:0 0 7px}
.hyppe-connect-card>.f{width:100%}
.hyppe-connect-card .hyppe-actions>.btn:disabled{opacity:.62;cursor:not-allowed}
@media(max-width:600px){.hyppe-connect-only{padding:18px 14px}.hyppe-connect-only .hyppe-heading h2{font-size:22px}.hyppe-connect-card{padding:18px}.hyppe-connect-card .hyppe-actions{align-items:stretch;flex-direction:column}.hyppe-connect-card .hyppe-actions>.btn{width:100%}}

/* Dashboard Hyppe: acabamento alinhado ao painel de vendas do AgentHub */
.dash-hyppe-sales{padding:20px;background:radial-gradient(ellipse at 18% -12%,#0bc9881b,transparent 42%),linear-gradient(145deg,#071b13,#06130e 82%);border-color:#164a34;box-shadow:0 16px 38px #0003}
.dash-hyppe-sales>.dash-panel-head{gap:20px;margin:-2px 0 18px;padding:0 2px 2px}
.dash-hyppe-sales .dash-eyebrow{font-size:10px;font-weight:850;letter-spacing:.2em;color:#36dfaa}
.dash-hyppe-sales>.dash-panel-head h2{margin:4px 0 3px;color:#f1fff7;font-size:23px;font-weight:850;letter-spacing:-.035em}
.dash-hyppe-sales .dash-panel-head p{margin:0;color:#9ab9aa;font-size:12px}
.dash-hyppe-sales #hyppeSalesRefresh{min-height:42px;padding:0 17px;border:1px solid #48e5b4;border-radius:11px;background:linear-gradient(115deg,#36dba3,#1dbc86);color:#032318;font-weight:850;box-shadow:0 8px 22px #18cb8b25;white-space:nowrap}
.dash-hyppe-sales #hyppeSalesRefresh:hover{filter:brightness(1.08);transform:translateY(-1px)}
.dash-hyppe-content{gap:14px}
.dash-hyppe-kpis{gap:12px}
.dash-hyppe-kpi{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:7px;min-height:135px;padding:17px 18px;border-color:#14543d;border-radius:15px;background:linear-gradient(145deg,#0d2a1e,#0b2118 72%);box-shadow:inset 0 1px #ffffff09,0 10px 23px #0002}
.dash-hyppe-kpi-head{display:flex;align-items:center;gap:10px;color:#edfff6}
.dash-hyppe-kpi-head>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #0f5b43;border-radius:12px;background:linear-gradient(145deg,#104533,#0a3426);color:#51efc0;font-size:21px;font-weight:800}
.dash-hyppe-kpi-head>b{font-size:13px;font-weight:800}
.dash-hyppe-kpi-head>i{display:grid;place-items:center;width:15px;height:15px;margin-left:-4px;border:1px solid #426d5c;border-radius:50%;color:#8fb6a2;font-size:10px;font-style:normal}
.dash-hyppe-kpi>strong{position:relative;z-index:1;color:#f2fff8;font-size:27px;font-weight:900;letter-spacing:-.04em}
.dash-hyppe-kpi>small{justify-self:start;padding:0;background:none;color:#9ab9aa;font-size:11px;font-weight:550}
.dash-hyppe-watermark{position:absolute;right:16px;bottom:8px;color:#36dba324;font-size:58px;font-weight:900;line-height:1;pointer-events:none}
.dash-hyppe-panels{grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);gap:14px}
.dash-hyppe-chart,.dash-hyppe-status{min-width:0;min-height:330px;padding:18px;border-color:#164a34;border-radius:15px;background:linear-gradient(145deg,#0b2118,#091a13);box-shadow:inset 0 1px #ffffff08,0 10px 24px #0002}
.dash-hyppe-chart>header,.dash-hyppe-status>header{min-height:34px;color:#effff6;font-size:15px}
.dash-hyppe-chart-toggle{background:#0d2b1e;border:1px solid #164632;border-radius:11px}
.dash-hyppe-chart-toggle button{padding:8px 13px;color:#9ab9aa;font-size:11px}
.dash-hyppe-chart-toggle button.selected{background:linear-gradient(120deg,#43e1b3,#18b987);color:#05251a;box-shadow:0 3px 12px #20d69e30}
.dash-hyppe-chart-body{display:flex;min-height:255px;flex-direction:column;justify-content:center;margin-top:8px}
.dash-hyppe-chart-body>svg{width:100%;max-height:245px}
.dash-hyppe-chart-empty{display:grid;justify-items:center;align-content:center;gap:10px;min-height:245px;text-align:center}
.dash-hyppe-chart-empty>span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #146047;border-radius:21px;background:radial-gradient(circle,#14513b,#0b2a1e);box-shadow:0 0 30px #13c9891b}
.dash-hyppe-chart-empty svg{width:34px;height:34px;fill:none;stroke:#4fe2b4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dash-hyppe-chart-empty>b{color:#eafff3;font-size:15px}
.dash-hyppe-chart-empty>small{max-width:350px;color:#8eae9d;font-size:11px;line-height:1.5}
.dash-hyppe-chart>footer{padding-top:7px;color:#9ab9aa;font-size:11px}
.dash-hyppe-status{display:flex;flex-direction:column}
.dash-hyppe-status>header{justify-content:flex-start}
.dash-hyppe-empty-status{display:grid;flex:1;align-content:center;justify-items:center;gap:9px;min-height:180px;padding:16px;color:#a9c4b5;text-align:center}
.dash-hyppe-box-icon{display:grid;place-items:center;width:92px;height:92px;margin-bottom:1px;border:1px solid #124b37;border-radius:50%;background:radial-gradient(circle at 50% 40%,#153e2e,#0c251a 72%);box-shadow:0 0 35px #22ce9312}
.dash-hyppe-box-icon svg{width:49px;height:49px;fill:#385c4d;stroke:#91b6a3;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 4px 6px #0007)}
.dash-hyppe-empty-status>b{color:#e9fff2;font-size:13px}
.dash-hyppe-empty-status>small{max-width:270px;color:#91ad9d;font-size:11px;line-height:1.5}
.dash-hyppe-delivery{margin-top:auto;padding:13px 15px;border-color:#145b42;border-radius:12px;background:linear-gradient(110deg,#0c3021,#0d281c)}
.dash-hyppe-delivery>span{font-size:12px;font-weight:750;color:#d8f3e3}
.dash-hyppe-delivery>b{font-size:27px}
.dash-hyppe-delivery>small{font-size:10px}
.dash-hyppe-note{color:#779987}
@media(max-width:900px){.dash-hyppe-panels{grid-template-columns:1fr}.dash-hyppe-chart,.dash-hyppe-status{min-height:280px}}
@media(max-width:560px){.dash-hyppe-sales{padding:14px}.dash-hyppe-sales>.dash-panel-head{align-items:flex-start}.dash-hyppe-sales>.dash-panel-head h2{font-size:20px}.dash-hyppe-sales .dash-panel-head p{max-width:32ch;font-size:11px}.dash-hyppe-sales #hyppeSalesRefresh{min-height:36px;padding:0 9px;font-size:10px}.dash-hyppe-kpis{gap:8px}.dash-hyppe-kpi{min-height:112px;padding:11px}.dash-hyppe-kpi-head{gap:7px}.dash-hyppe-kpi-head>span{width:34px;height:34px;font-size:17px}.dash-hyppe-kpi-head>b{font-size:11px}.dash-hyppe-kpi>strong{font-size:20px}.dash-hyppe-kpi>small{font-size:9px}.dash-hyppe-watermark{right:9px;bottom:5px;font-size:42px}.dash-hyppe-chart,.dash-hyppe-status{min-height:260px;padding:13px}.dash-hyppe-chart>header{align-items:flex-start;gap:8px;font-size:13px}.dash-hyppe-chart-toggle button{padding:7px 8px;font-size:9px}.dash-hyppe-chart-empty{min-height:205px}}
.dash-hyppe-kpi>small.positive{color:#59e0a0}.dash-hyppe-kpi>small.negative{color:#ff9292}

/* Cabeçalho mais compacto no Dashboard para liberar área útil vertical */
body:has(#hyppeSalesDashboard) #topbar{height:58px;min-height:58px;gap:10px;padding:0 18px 0 10px}
body:has(#hyppeSalesDashboard) #topbar .search{height:42px;padding:0 15px}
body:has(#hyppeSalesDashboard) #topbar .top-stat{gap:2px;padding:6px 10px}
body:has(#hyppeSalesDashboard) #topbar .bell{width:36px;height:36px;border-radius:11px}
body:has(#hyppeSalesDashboard) #topbar .user{padding:5px 10px}
body:has(#hyppeSalesDashboard) .page-head{height:60px;min-height:60px;padding:0 22px}
body:has(#hyppeSalesDashboard) .page-head h1{font-size:18px}
body:has(#hyppeSalesDashboard) #actions{gap:7px}
body:has(#hyppeSalesDashboard) #actions .btn{min-height:34px;padding:7px 12px;font-size:11px}
@media(max-width:700px){body:has(#hyppeSalesDashboard) #topbar{height:52px;min-height:52px;padding:0 10px}body:has(#hyppeSalesDashboard) #topbar .search{height:38px}body:has(#hyppeSalesDashboard) .page-head{height:52px;min-height:52px;padding:0 14px}}
/* Cabeçalho do Dashboard ainda mais enxuto */
body:has(#hyppeSalesDashboard) .page-head{box-sizing:border-box;height:44px;min-height:44px;padding:0 18px}
body:has(#hyppeSalesDashboard) .page-head h1{font-size:16px;line-height:1.1}
body:has(#hyppeSalesDashboard) #actions .btn{min-height:29px;padding:5px 10px;border-radius:8px;font-size:10px}
@media(max-width:700px){body:has(#hyppeSalesDashboard) .page-head{height:40px;min-height:40px;padding:0 12px}}

/* Painel de administração no mesmo padrão de tela ampla dos painéis de integração */
body.admin-wide #content{background:radial-gradient(ellipse at 92% 0,#123c2810,transparent 38%),linear-gradient(145deg,#091a11,#07140e)}
body.admin-wide .page-head{height:58px;min-height:58px;padding:0 24px;border-color:#1a3b2a;background:linear-gradient(90deg,#0b1c13,#09170f)}
body.admin-wide .page-head h1{color:#edf8f0;font-size:18px;font-weight:800}
body.admin-wide #page{padding:16px clamp(18px,2.4vw,34px) 28px;background:transparent;color:#e5f4e9}
.admin-console{display:grid;gap:14px;min-width:0;max-width:100%;color:#e4f3e9}
.admin-console-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border:1px solid #1d573c;border-radius:16px;background:radial-gradient(ellipse at 0 0,#18c77b1b,transparent 52%),linear-gradient(120deg,#10291d,#0a1912 76%);box-shadow:0 10px 26px #0002,inset 0 1px #ffffff0a}
.admin-console-hero>div:first-child>span{color:#48dfa0;font-size:9px;font-weight:850;letter-spacing:.18em}
.admin-console-hero h2{margin:4px 0;color:#effbf4;font-size:20px;font-weight:850;letter-spacing:-.025em}
.admin-console-hero p{margin:0;color:#91ac9b;font-size:11px}
.admin-console-sync{display:grid;gap:4px;flex:none;padding:9px 12px;border:1px solid #24543a;border-radius:10px;background:#07170f;color:#c7e4d2;text-align:right}
.admin-console-sync b{font-size:10px}.admin-console-sync small{color:#82a28f;font-size:9px}
.admin-console-note{margin-top:-7px;color:#7f9c8b;font-size:10px;line-height:1.45}
.admin-console-section{min-width:0;padding:16px;border:1px solid #1a4a33;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#17b7740b,transparent 40%),linear-gradient(145deg,#0e2218,#091810 82%);box-shadow:0 9px 22px #0002,inset 0 1px #ffffff08}
.admin-pending>.row{align-items:center;gap:10px;margin-bottom:10px;color:#e6f5eb}
.admin-pending>.row b,.admin-plan-config>.row>b{font-size:13px;color:#eaf8ef}
.admin-console .muted,.admin-console .hint{color:#86a391}
.admin-console .pill{border-color:#286344;background:#103723;color:#88edb3}
.admin-console .pill.warn{border-color:#7b6129;background:#332a14;color:#f3d487}
.admin-console .pill.off{border-color:#783d40;background:#32191b;color:#ff9da2}
.admin-console-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.admin-console-kpis .kpi{min-width:0;min-height:86px;padding:12px 14px;border:1px solid #1c5037;border-radius:13px;background:linear-gradient(145deg,#10291d,#0a1a12);box-shadow:inset 0 1px #ffffff08,0 7px 18px #0002}
.admin-console-kpis .kpi>span{color:#8eaa99;font-size:10px}
.admin-console-kpis .kpi>b{margin-top:5px;color:#51dfa0;font-size:22px;letter-spacing:-.03em}
.admin-accounts{padding:0;overflow:hidden}
.admin-table-wrap{width:100%;overflow:auto}
.admin-console table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0;color:#d9ebe0;font-size:10px}
.admin-console th{position:sticky;top:0;z-index:1;padding:10px 9px;border-bottom:1px solid #28553b;background:#10271b;color:#83cda0;text-align:left;font-size:9px;font-weight:800;white-space:nowrap}
.admin-console td{padding:9px;border-bottom:1px solid #ffffff0c;color:#c6d9cc;vertical-align:middle}
.admin-console tbody tr:hover td,.admin-console tr:hover td{background:#ffffff05}
.admin-console .f{border-color:#28543b;background:#07170f;color:#e3f5e9}
.admin-console .btn{min-height:29px;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:750}
.admin-console-plans{min-width:0}
.admin-plan-config{overflow:auto}
.admin-plan-config>.row{align-items:center;gap:9px;margin-bottom:8px}
.admin-plan-config .hint{font-size:10px;line-height:1.5}
.admin-plan-config table{min-width:1200px}
.admin-plan-config table+ .hint{max-width:1000px}
.admin-plan-config code{overflow-wrap:anywhere;color:#7debb0}
.admin-console-footnote{margin:0;color:#789584;font-size:10px;line-height:1.5}
@media(max-width:1000px){.admin-console-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-console-hero{padding:14px 16px}}
@media(max-width:900px){.platform-announcement{margin:9px 12px 0;padding:11px 12px}}
@media(max-width:650px){body.admin-wide #page{padding:12px}.admin-console{gap:10px}.admin-console-hero{align-items:flex-start;flex-direction:column;padding:13px}.admin-console-hero h2{font-size:17px}.admin-console-sync{width:100%;text-align:left}.admin-console-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-console-kpis .kpi{min-height:74px;padding:10px}.admin-console-kpis .kpi>b{font-size:19px}.admin-console-section{padding:12px}.admin-accounts{padding:0}.admin-pending>.row{align-items:flex-start}.admin-plan-config>.row{align-items:flex-start;flex-wrap:wrap}}
.admin-pending{overflow:auto}.admin-pending table{min-width:650px}

/* Administração: layout de gestão inspirado no painel de integração AgentHub */
body.admin-wide #topbar,body.admin-wide .page-head,body.admin-wide #planAlert,body.admin-wide #banner{display:none!important}
body.admin-wide #platformAnnouncement{display:none!important}
body.admin-wide #main{height:100dvh;margin-left:0}
body.admin-wide #content{height:100dvh;margin:0;overflow:hidden;border-radius:0;background:#f4f8f7}
body.admin-wide #page{display:flex;min-height:0;overflow:hidden;padding:0;background:#f4f8f7;color:#172235}
.admin-console{display:grid;grid-template-columns:263px minmax(0,1fr);width:100%;height:100%;min-height:0;max-width:none;overflow:hidden;background:#f4f8f7;color:#172235}
.admin-console-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;padding:23px 14px 13px;background:linear-gradient(180deg,#073d31,#06352c 70%,#052f28);color:#eef9f3}
.admin-console-brand{display:flex;align-items:center;gap:10px;margin:0 12px 29px;color:#f0faf5;text-decoration:none;font-size:23px;letter-spacing:-.045em}
.admin-console-brand>span{display:grid;place-items:center;color:#28cb83;font-size:33px;line-height:1}.admin-console-brand>b{font-weight:850}
.admin-console-sidebar nav{display:grid;gap:7px}
.admin-console-sidebar nav button{display:flex;align-items:center;gap:13px;min-height:49px;padding:0 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d4e6df;text-align:left;font-size:14px;font-weight:550;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.admin-console-sidebar nav button>span{display:grid;place-items:center;flex:none;width:24px;color:#d5e9e1;font-size:19px}
.admin-console-sidebar nav button:hover{background:#ffffff0c;color:#fff}
.admin-console-sidebar nav button.active{border-color:#2b6653;background:linear-gradient(100deg,#205749,#17493e);color:#fff;box-shadow:inset 3px 0 #38d18c}
.admin-console-sidebar nav button.active>span{color:#53e0a0}
.admin-console-profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px 6px 3px;border-top:1px solid #ffffff20;color:#edf8f2;text-decoration:none}
.admin-console-profile>i{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#3c6080,#243e59);color:#fff;font-size:12px;font-style:normal;font-weight:800}
.admin-console-profile>span{display:grid;gap:3px;min-width:0;flex:1}.admin-console-profile b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-console-profile small{color:#a8c2b9;font-size:10px}.admin-console-profile>strong{font-size:22px;font-weight:400}
.admin-main{min-width:0;min-height:0;overflow:auto;scroll-behavior:smooth;background:#f5f8f7}
.admin-main-head{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 30px 16px;border-bottom:1px solid #e7edeb;background:#f7faf9ed;backdrop-filter:blur(12px)}
.admin-main-head h1{margin:0;color:#111b2b;font-size:28px;font-weight:850;letter-spacing:-.04em}.admin-main-head p{margin:4px 0 0;color:#647287;font-size:14px}
.admin-main-head>div:last-child{display:grid;justify-items:end;gap:7px;flex:none}.admin-main-head>div:last-child>small{color:#718095;font-size:10px}
.admin-refresh-button{display:flex;align-items:center;gap:9px;min-height:41px;padding:0 18px;border:1px solid #078653;border-radius:10px;background:linear-gradient(120deg,#078c58,#08784e);color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 12px #078c5820;cursor:pointer}.admin-refresh-button:hover{filter:brightness(1.08)}.admin-refresh-button:disabled{opacity:.65;cursor:wait}
.admin-main-content{display:grid;gap:18px;padding:17px 28px 30px}
.admin-overview{display:grid;gap:17px;scroll-margin-top:95px}
.admin-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.admin-metric-card{display:flex;align-items:flex-start;gap:13px;min-width:0;min-height:125px;padding:18px;border:1px solid #e2e9e8;border-radius:14px;background:#fff;box-shadow:0 3px 10px #1e3c3108}
.admin-metric-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:13px;background:#e3f8ef;color:#07834d;font-size:21px;font-weight:800}.admin-metric-icon.amber{background:#fff4db;color:#e8a100}.admin-metric-icon.red{background:#ffe7e9;color:#e33e4b}
.admin-metric-card>div{display:grid;gap:4px;min-width:0;padding-top:3px}.admin-metric-card label{color:#29364a;font-size:13px}.admin-metric-card b{color:#101a2b;font-size:31px;font-weight:850;line-height:1.12}.admin-metric-card small{color:#748196;font-size:11px;line-height:1.4}
.admin-visual-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(265px,.78fr);gap:13px}
.admin-whatsapp-status{padding-bottom:8px}.admin-whatsapp-status>.admin-section-heading{margin-bottom:9px}.admin-whatsapp-status .admin-section-heading>div{display:grid;gap:2px}.admin-whatsapp-status .admin-section-heading>div>small{margin:0}.admin-whatsapp-table{min-width:650px}.admin-whatsapp-table tbody td{padding-block:9px}.admin-whatsapp-phone{font-variant-numeric:tabular-nums}.admin-whatsapp-refresh{min-height:32px;padding:0 11px;font-size:10px;box-shadow:none}
.admin-console-section{min-width:0;padding:16px;border:1px solid #e1e9e7;border-radius:14px;background:#fff;box-shadow:0 3px 12px #1e3c3108;color:#182336;scroll-margin-top:95px}
.admin-section-heading{display:flex;align-items:center;gap:11px;min-height:36px;color:#182336}.admin-section-heading>b{font-size:15px;font-weight:800}.admin-section-heading>small{margin-left:4px;color:#7c899a;font-size:10px}.admin-heading-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#e7f8f0;color:#078c54;font-size:20px;font-weight:800}.admin-heading-icon.amber{background:#fff4db;color:#de9b0c}
.admin-period-chip{margin-left:auto;padding:8px 11px;border:1px solid #e3e9ed;border-radius:8px;color:#364257;font-size:10px;white-space:nowrap}
.admin-activity-chart{display:block;width:100%;height:auto;max-height:230px;margin:19px 0 5px;overflow:visible}.admin-activity-chart>line{stroke:#e3e9ee;stroke-width:1}.admin-activity-chart>text{fill:#7c899c;font:11px system-ui,sans-serif}.admin-activity-chart>polyline{fill:none;stroke:#078b55;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.admin-activity-chart>circle{fill:#078b55;stroke:#fff;stroke-width:1.5}.admin-activity-card>footer{padding:5px 4px 0;color:#758297;font-size:10px}
.admin-distribution-card{display:grid;grid-template-rows:auto 1fr auto;align-items:start}.admin-donut{display:grid;place-items:center;width:160px;height:160px;margin:13px auto 10px;border-radius:50%;background:conic-gradient(var(--admin-donut));box-shadow:0 2px 8px #15372a12}.admin-donut>div{display:grid;place-content:center;gap:2px;width:94px;height:94px;border-radius:50%;background:#fff;text-align:center}.admin-donut>div>b{color:#111b2c;font-size:24px;font-weight:850}.admin-donut>div>small{color:#718095;font-size:11px}
.admin-plan-legend{display:grid;gap:7px;width:100%}.admin-plan-legend-row{display:grid;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:10px;font-size:11px}.admin-plan-legend-row>span{display:flex;align-items:center;gap:8px;overflow:hidden;color:#283448;white-space:nowrap;text-overflow:ellipsis}.admin-plan-legend-row>span>i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--legend-color)}.admin-plan-legend-row>b{color:#1c273a}.admin-plan-legend-row>small{color:#7b8798;text-align:right}
.admin-usage-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-usage-strip>article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid #e2e9e7;border-radius:11px;background:#fff}.admin-usage-strip>article>span{color:#68768b;font-size:10px}.admin-usage-strip>article>b{color:#078651;font-size:14px}
.admin-pending{overflow:auto}.admin-pending>.admin-section-heading{margin-bottom:11px}.admin-count-badge{margin-left:auto;padding:6px 9px;border:1px solid #e1e8e7;border-radius:20px;background:#f4f7f6;color:#68768a;font-size:10px;font-weight:750}.admin-count-badge.is-pending{border-color:#f0d895;background:#fff7e6;color:#a97805}
.admin-table-wrap{width:100%;overflow:auto}.admin-data-table{width:100%;min-width:1210px;border-collapse:separate;border-spacing:0;color:#263349;font-size:10px}.admin-data-table thead th{position:sticky;top:0;z-index:1;padding:11px 9px;border-bottom:1px solid #e7ecef;background:#f4f7f8;color:#526177;text-align:left;font-size:9px;font-weight:800;white-space:nowrap}.admin-data-table tbody td{padding:10px 9px;border-bottom:1px solid #edf1f2;color:#344157;vertical-align:middle;white-space:nowrap}.admin-data-table tbody tr:hover td{background:#f9fbfa}.admin-data-table tbody tr.is-suspended td{background:#fffafa}.admin-data-table .admin-empty-inline{padding:20px;text-align:center;color:#7b8798;white-space:normal}
.admin-accounts{padding:15px 15px 0}.admin-accounts-head{display:grid;gap:12px;margin-bottom:13px}.admin-accounts-head>.admin-section-heading{min-height:38px}.admin-account-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-search-field{display:flex;align-items:center;gap:8px;flex:1 1 235px;min-width:180px;height:36px;padding:0 10px;border:1px solid #e0e7eb;border-radius:8px;background:#fff;color:#7a8798;font-size:20px}.admin-search-field input{width:100%;min-width:0;border:0;outline:none;color:#273349;font-size:10px;background:transparent}.admin-account-filters select{height:36px;max-width:170px;padding:0 28px 0 10px;border:1px solid #e0e7eb;border-radius:8px;background:#fff;color:#334158;font-size:10px}
.admin-account-name{display:flex;align-items:center;gap:8px;min-width:145px}.admin-account-name>i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#19b56d,#07834d);color:#fff;font-size:10px;font-style:normal;font-weight:850}.admin-account-name>span{display:grid;gap:3px;min-width:0}.admin-account-name b{max-width:180px;overflow:hidden;color:#1b2639;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-account-name small{color:#7a8799;font-size:9px}.admin-table-plan{display:inline-block;padding:5px 8px;border-radius:20px;background:#edf1f4;color:#4b596c;font-size:9px;font-weight:750}.admin-state-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:#e0f8ec;color:#078247;font-size:9px;font-weight:800}.admin-state-pill>i{width:7px;height:7px;border-radius:50%;background:#0a9c5b}.admin-state-pill.is-off{background:#ffe7e8;color:#c63743}.admin-state-pill.is-off>i{background:#e33f4d}.admin-mono{font-variant-numeric:tabular-nums}.admin-cell-sub{display:block;margin-top:3px;color:#8490a0;font-size:8px}.admin-token-meter{display:block;width:74px;height:4px;margin-top:4px;overflow:hidden;border-radius:4px;background:#e9efed}.admin-token-meter>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#10a865,#41d98c)}
.admin-row-actions{position:relative;width:32px}.admin-row-more{display:grid;place-items:center;width:28px;height:30px;border:0;border-radius:7px;background:transparent;color:#69778d;font-size:19px;cursor:pointer}.admin-row-more:hover{background:#eff4f2}.admin-row-action{position:absolute;z-index:4;top:29px;right:5px;display:none;min-width:132px;padding:5px;border:1px solid #e0e7e5;border-radius:8px;background:#fff;box-shadow:0 8px 22px #1a302426}.admin-row-actions.is-open .admin-row-action{display:grid;gap:5px}.admin-row-action .btn{width:100%;min-height:27px;padding:5px 8px;font-size:9px}
.admin-pending-table{min-width:650px}.admin-trial-input{display:flex;align-items:center;gap:6px;color:#657388;font-size:10px}.admin-trial-input input{width:68px;height:31px;padding:4px 7px;border:1px solid #dce5e4;border-radius:7px;background:#fff;color:#243249}.admin-extend-trial-form{display:grid;gap:7px;margin-top:16px;color:#c8ddcf;font-size:12px;font-weight:700}.admin-extend-trial-form input{max-width:180px}.admin-extend-trial-form small{color:#94ad9d;font-size:10px;font-weight:500}
.admin-console .muted,.admin-console .hint{color:#718094}.admin-console .pill{border-color:#d9e7e0;background:#e6f8ee;color:#07834e}.admin-console .pill.warn{border-color:#f1d998;background:#fff5df;color:#986b00}.admin-console .pill.off{border-color:#f0cdd0;background:#ffe9ea;color:#c33c45}.admin-console .f{border-color:#d9e2e5;background:#fff;color:#1f2c41}.admin-console .btn{min-height:30px;padding:6px 10px;border-radius:8px;font-size:10px;font-weight:750}
.admin-plan-config{overflow:auto}.admin-plan-config>.row{align-items:center;gap:9px;margin-bottom:8px}.admin-plan-config table{min-width:1200px;border-collapse:separate;border-spacing:0}.admin-plan-config th{position:sticky;top:0;background:#f4f7f8;color:#526177}.admin-plan-config td{border-bottom:1px solid #edf1f2;color:#344157}.admin-plan-config .hint{font-size:10px;line-height:1.5}.admin-plan-config code{overflow-wrap:anywhere;color:#087b4f}.admin-console-footnote{margin:0;color:#7d899a;font-size:10px;line-height:1.5}.admin-empty-inline{color:#778498;font-size:11px}
@media(max-width:1150px){.admin-console{grid-template-columns:220px minmax(0,1fr)}.admin-console-sidebar{padding-inline:10px}.admin-main-head{padding:18px 20px 14px}.admin-main-content{padding:15px 19px 24px}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-visual-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,.9fr)}}
@media(max-width:760px){body.admin-wide #content{height:100dvh}.admin-console{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.admin-console-sidebar{gap:6px;padding:7px 10px;background:#07392f}.admin-console-brand{display:none}.admin-console-sidebar nav{display:flex;overflow:auto;gap:4px}.admin-console-sidebar nav button{flex:none;min-height:38px;gap:7px;padding:0 10px;font-size:10px}.admin-console-sidebar nav button>span{width:auto;font-size:14px}.admin-console-profile{position:absolute;z-index:2;top:8px;right:8px;width:34px;margin:0;padding:0;border:0}.admin-console-profile>span,.admin-console-profile>strong{display:none}.admin-console-profile>i{width:30px;height:30px}.admin-main-head{position:relative;align-items:flex-start;padding:14px 13px 11px}.admin-main-head h1{font-size:20px}.admin-main-head p{max-width:40ch;font-size:10px}.admin-main-head>div:last-child>small{display:none}.admin-refresh-button{min-height:34px;padding:0 9px;font-size:10px}.admin-refresh-button span{display:none}.admin-main-content{gap:11px;padding:11px 10px 20px}.admin-metric-grid{gap:7px}.admin-metric-card{min-height:98px;gap:8px;padding:10px}.admin-metric-icon{width:34px;height:34px;border-radius:9px;font-size:16px}.admin-metric-card label{font-size:10px}.admin-metric-card b{font-size:23px}.admin-metric-card small{font-size:9px}.admin-visual-grid{grid-template-columns:1fr}.admin-activity-chart{min-height:150px}.admin-distribution-card{grid-template-columns:1fr}.admin-donut{width:130px;height:130px}.admin-donut>div{width:78px;height:78px}.admin-usage-strip{grid-template-columns:1fr}.admin-account-filters select{flex:1;max-width:none}.admin-console-section{padding:11px}.admin-accounts{padding:11px 11px 0}.admin-settings-grid{grid-template-columns:1fr}.admin-announcement-editor{padding:13px}.admin-announcement-controls{align-items:stretch;flex-direction:column}.admin-announcement-controls>label,.admin-announcement-controls>.btn{width:100%}.admin-announcement-preview{flex-direction:column}}

/* As opções do painel administrativo trocam de página sem manter seções anteriores visíveis. */
.admin-console .admin-view[hidden]{display:none!important}
.admin-console .admin-view.is-active{display:block}
.admin-console #adminOverview.admin-view.is-active{display:grid}
.admin-console #admPlans.admin-view.is-active{display:block}

.admin-copy-flow{max-width:920px;padding:22px;background:radial-gradient(ellipse at 100% 0,#20c78212,transparent 48%),linear-gradient(145deg,#fff,#f8fbfa)}
.admin-copy-flow>.admin-section-heading{align-items:flex-start;margin-bottom:20px}
.admin-copy-flow>.admin-section-heading>div{display:grid;gap:4px}
.admin-copy-flow>.admin-section-heading>div>b{font-size:16px}
.admin-copy-flow>.admin-section-heading>div>small{color:#738194;font-size:11px;line-height:1.5}
.admin-copy-flow-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.admin-copy-flow-form>label{display:grid;gap:7px;color:#516176;font-size:11px;font-weight:750}
.admin-copy-flow-form .f{width:100%;min-width:0;min-height:42px;padding:0 12px;border:1px solid #d7e4df;border-radius:10px;background:#fff;color:#1a2b3d;font-size:12px}
.admin-copy-flow-form .f:focus{border-color:#15aa70;outline:3px solid #17b97820}
.admin-copy-flow-note{grid-column:1/-1;display:grid;gap:5px;padding:14px 16px;border:1px solid #b7e5cf;border-radius:11px;background:linear-gradient(110deg,#e8fbf1,#f5fcf8);color:#506b61;font-size:11px;line-height:1.55}
.admin-copy-flow-note>b{color:#087b4d;font-size:12px}
.admin-copy-flow-form>#adminCopyFlow{grid-column:1/-1;justify-self:start;min-height:42px;padding:0 18px;border:1px solid #078b55;border-radius:10px;background:linear-gradient(120deg,#18be7c,#07975e);color:white;font-size:12px;font-weight:800;cursor:pointer}
.admin-copy-flow-form>#adminCopyFlow:disabled{opacity:.48;cursor:not-allowed}
.admin-copy-flow-result{grid-column:1/-1;display:grid;gap:5px;color:#14774d;font-size:11px;line-height:1.5}
.admin-copy-flow-result:empty{display:none}
@media(max-width:760px){.admin-copy-flow{padding:14px}.admin-copy-flow-form{grid-template-columns:1fr}.admin-copy-flow-note,.admin-copy-flow-form>#adminCopyFlow,.admin-copy-flow-result{grid-column:1}}
.admin-ai-test{max-width:980px;padding:22px;background:radial-gradient(ellipse at 100% 0,#20c78212,transparent 48%),linear-gradient(145deg,#10251a,#0b1a12 82%)}
.admin-ai-test>.admin-section-heading{align-items:flex-start;margin-bottom:16px}
.admin-ai-test>.admin-section-heading>div{display:grid;gap:4px}
.admin-ai-test>.admin-section-heading>div>b{font-size:16px}
.admin-ai-test>.admin-section-heading>div>small{color:#9bb2a3;font-size:11px;line-height:1.5}
.admin-ai-test-note{display:grid;gap:5px;margin-bottom:14px;padding:13px 15px;border:1px solid #286345;border-radius:11px;background:linear-gradient(110deg,#103522,#102219);color:#b6d1c0;font-size:11px;line-height:1.55}
.admin-ai-test-note>b{color:#70e3a5;font-size:12px}
.admin-ai-test-messages{display:grid;align-content:start;gap:10px;min-height:280px;max-height:min(54vh,560px);overflow:auto;padding:16px;border:1px solid #234b37;border-radius:13px;background:radial-gradient(#173628 1px,transparent 1px),#07140d;background-size:18px 18px}
.admin-ai-test-welcome{display:grid;justify-items:center;align-content:center;gap:9px;min-height:240px;color:#a8c3b3;text-align:center}
.admin-ai-test-welcome>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #16865d;border-radius:15px;background:#0e3928;color:#58e4a5;font-size:23px;font-style:normal}
.admin-ai-test-welcome>b{color:#e7f3eb;font-size:15px}
.admin-ai-test-welcome>span{font-size:12px}
.admin-ai-test-message{max-width:min(82%,680px);padding:11px 13px;border:1px solid #294b37;border-radius:12px;background:#102219;color:#e4f1e8;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.admin-ai-test-message.from-admin{justify-self:end;border-color:#14734e;background:linear-gradient(135deg,#104b35,#0e3829)}
.admin-ai-test-message>span{display:block;margin-bottom:4px;color:#79dca8;font-size:10px;font-weight:800}
.admin-ai-test-message p{margin:0}
.admin-ai-test-draft{display:grid;gap:5px;margin-top:10px;padding:10px;border:1px solid #286345;border-radius:9px;background:#09180f}
.admin-ai-test-draft>b{color:#70e3a5}
.admin-ai-test-draft>small{color:#9bb2a3}
.admin-ai-test-draft details{margin-top:4px;color:#c5d9cc;font-size:11px}
.admin-ai-test-draft summary{cursor:pointer;color:#70e3a5}
.admin-ai-test-draft ol{margin:7px 0 0;padding-left:20px}
.admin-ai-test-draft li{padding:3px 0;overflow-wrap:anywhere}
.admin-ai-test-form{display:grid;gap:9px;margin-top:12px}
.admin-ai-test-form textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #294b37;border-radius:11px;background:#09180f;color:#e4f1e8;color-scheme:dark}
.admin-ai-test-form textarea::placeholder{color:#789584}
.admin-ai-test-form>div{display:flex;justify-content:flex-end;gap:9px}
.admin-ai-test-form button{min-height:39px}
.admin-ai-test-form button:disabled{opacity:.58;cursor:wait}
.admin-ai-test-footnote{display:block;margin-top:10px;color:#91a999;font-size:10px;line-height:1.5}
@media(max-width:760px){.admin-ai-test{padding:14px}.admin-ai-test-messages{min-height:220px;padding:10px}.admin-ai-test-message{max-width:95%;font-size:12px}.admin-ai-test-form>div{justify-content:stretch}.admin-ai-test-form>div button{flex:1}}

/* Administração em tema escuro, alinhado ao restante do AgentHub. */
body.admin-wide #content,body.admin-wide #page{background:#07140f;color:#e5f2e9}
.admin-console{background:#07140f;color:#e5f2e9;color-scheme:dark}
.admin-console-sidebar{background:linear-gradient(180deg,#071b13,#06160f 72%,#05120c);border-right:1px solid #173d2b}
.admin-main{background:#091710}
.admin-main-head{border-color:#1a3b2b;background:#091710ed}
.admin-main-head h1{color:#eff9f2}.admin-main-head p{color:#a2b8aa}.admin-main-head>div:last-child>small{color:#829d8c}
.admin-refresh-button{border-color:#18764c;background:linear-gradient(120deg,#118653,#087247);color:#effff5;box-shadow:0 5px 16px #00bd7020}
.admin-metric-card,.admin-console-section,.admin-usage-strip>article{border-color:#1b4933;background:radial-gradient(ellipse at 100% 0,#16b8740d,transparent 45%),linear-gradient(145deg,#10251a,#0b1a12 82%);box-shadow:0 8px 22px #0003,inset 0 1px #ffffff08;color:#e4f1e8}
.admin-metric-icon{background:#123a28;color:#55dfa0}.admin-metric-icon.amber{background:#382d17;color:#f1c45c}.admin-metric-icon.red{background:#3a1d20;color:#ff8d91}
.admin-metric-card label,.admin-section-heading,.admin-section-heading>b{color:#e7f3eb}.admin-metric-card b{color:#f2fbf5}.admin-metric-card small,.admin-section-heading>small,.admin-activity-card>footer,.admin-period-chip,.admin-copy-flow>.admin-section-heading>div>small{color:#9bb2a3}
.admin-heading-icon{background:#123b29;color:#55dfa0}.admin-heading-icon.amber{background:#382d17;color:#f1c45c}
.admin-period-chip{border-color:#28513b;background:#0b1b13}
.admin-activity-chart>line{stroke:#294333}.admin-activity-chart>text{fill:#9bb2a3}.admin-activity-chart>polyline{stroke:#39d18b}.admin-activity-chart>circle{fill:#39d18b;stroke:#10251a}
.admin-donut>div{background:#10251a}.admin-donut>div>b{color:#f2fbf5}.admin-donut>div>small,.admin-plan-legend-row>small{color:#9bb2a3}.admin-plan-legend-row>span{color:#d5e7db}.admin-plan-legend-row>b{color:#e7f4eb}
.admin-usage-strip>article{border-color:#1b4933}.admin-usage-strip>article>span{color:#a4b8aa}.admin-usage-strip>article>b{color:#55dfa0}
.admin-count-badge{border-color:#294b37;background:#14271b;color:#aec1b4}.admin-count-badge.is-pending{border-color:#6f5721;background:#302713;color:#f2cf78}
.admin-data-table{color:#dcebe1}.admin-data-table thead th,.admin-plan-config th{border-color:#284b36;background:#12271b;color:#9cd3af}.admin-data-table tbody td,.admin-plan-config td{border-color:#ffffff12;color:#c9dbce}.admin-data-table tbody tr:hover td,.admin-console tr:hover td{background:#ffffff08}.admin-data-table tbody tr.is-suspended td{background:#291719}.admin-data-table .admin-empty-inline{color:#9bb2a3}
.admin-account-filters select,.admin-search-field,.admin-pending-table select,.admin-trial-input input,.admin-plan-config input,.admin-plan-config select{border-color:#294b37;background:#09180f;color:#e4f1e8;color-scheme:dark}.admin-search-field{color:#95ad9e}.admin-search-field input{color:#e4f1e8}.admin-search-field input::placeholder,.admin-copy-flow-form .f::placeholder{color:#789584}
.admin-account-name b{color:#e8f4ec}.admin-account-name small,.admin-cell-sub{color:#91a999}.admin-table-plan{background:#1b3024;color:#c6d8cb}.admin-state-pill{background:#123725;color:#7ce5a7}.admin-state-pill.is-off{background:#3b1d20;color:#ff9da2}.admin-token-meter{background:#203a2b}
.admin-row-more{color:#a7beaf}.admin-row-more:hover{background:#ffffff12}.admin-row-action{border-color:#294b37;background:#102219;box-shadow:0 8px 22px #0006}
.admin-trial-input{color:#a9c0b0}.admin-console .muted,.admin-console .hint{color:#98afa0}.admin-console .f{border-color:#294b37;background:#09180f;color:#e4f1e8}.admin-console .btn{border-color:#28533c;background:#10251a;color:#dff1e5}.admin-console .btn:hover{background:#173725}.admin-console .btn.danger{border-color:#733b3f;background:#32191c;color:#ffadb1}
.admin-plan-config code{color:#78e5a9}.admin-console-footnote,.admin-empty-inline{color:#92a999}
.admin-copy-flow{border-color:#1b4933;background:radial-gradient(ellipse at 100% 0,#20c78212,transparent 48%),linear-gradient(145deg,#10251a,#0b1a12 82%)}
.admin-copy-flow-form>label{color:#aec2b4}.admin-copy-flow-form .f{border-color:#294b37;background:#09180f;color:#e4f1e8;color-scheme:dark}.admin-copy-flow-note{border-color:#286345;background:linear-gradient(110deg,#103522,#102219);color:#b6d1c0}.admin-copy-flow-note>b{color:#70e3a5}.admin-copy-flow-result{color:#80e6aa}
.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 3px 14px;color:#91aa9a;font-size:10px}.admin-pagination>div{display:flex;align-items:center;gap:8px}.admin-pagination #adminPageNumber{min-width:92px;color:#d8e9de;text-align:center;font-variant-numeric:tabular-nums}.admin-pagination .btn{min-height:31px;padding:6px 10px;border:1px solid #28533c;border-radius:8px;background:#10251a;color:#dff1e5;font-size:10px;font-weight:750;cursor:pointer}.admin-pagination .btn:hover:not(:disabled){background:#173725;border-color:#328455}.admin-pagination .btn:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:760px){.admin-console-sidebar{border-right:0;border-bottom:1px solid #173d2b}}
.admin-state-pill.is-warn{background:#fff5df;color:#986b00}.admin-state-pill.is-warn>i{background:#e8a100}
body.admin-wide .admin-state-pill.is-warn{background:#382d17;color:#f2cf78}body.admin-wide .admin-state-pill.is-warn>i{background:#eab54e}
@media(max-width:520px){.admin-pagination{align-items:flex-start;flex-direction:column}.admin-pagination>div{width:100%;justify-content:space-between}}

/* Monitor de consumo Supabase: somente consulta sob demanda no painel administrativo. */
.admin-supabase-usage{display:grid;gap:14px}
.admin-supabase-usage>.admin-section-heading{display:flex;align-items:center;gap:12px}
.admin-supabase-usage>.admin-section-heading>div{flex:1;min-width:0}
.admin-supabase-usage>.admin-section-heading>div>b{display:block;color:#e7f3eb;font-size:16px}
.admin-supabase-usage>.admin-section-heading>div>small{display:block;margin-top:4px;color:#9bb2a3;font-size:11px}
.admin-supabase-usage>.admin-section-heading>.admin-refresh-button{flex:none}
.admin-usage-updated{color:#91aa9a;font-size:10px;text-align:right}
.admin-usage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-usage-metric{display:grid;align-content:start;gap:8px;min-width:0;min-height:112px;padding:14px;border:1px solid #1b4933;border-radius:12px;background:linear-gradient(145deg,#10251a,#0b1a12 82%)}
.admin-usage-metric>span{color:#a4b8aa;font-size:11px;font-weight:750}
.admin-usage-metric>b{color:#e8f4ec;font-size:19px;overflow-wrap:anywhere}
.admin-usage-metric>small{color:#91aa9a;font-size:10px;line-height:1.45}
.admin-usage-metric.green>b{color:#55dfa0}.admin-usage-metric.amber>b{color:#f2cf78}.admin-usage-metric.blue>b{color:#85cfff}
.admin-usage-explainer{padding:12px 14px;border:1px solid #28513b;border-radius:10px;background:#0c1e14;color:#a9c2b1;font-size:11px;line-height:1.6}
.admin-usage-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-usage-detail{padding:13px;overflow:hidden}
.admin-usage-detail>.admin-section-heading{margin-bottom:10px}
.admin-usage-detail>.admin-section-heading>div>b{display:block;color:#e7f3eb;font-size:13px}
.admin-usage-detail>.admin-section-heading>div>small{display:block;margin-top:3px;color:#91aa9a;font-size:10px;line-height:1.45}
.admin-usage-detail .admin-table-wrap{max-height:330px;overflow:auto}
.admin-usage-detail .admin-data-table{min-width:0;font-size:10px}
.admin-usage-detail .admin-data-table th,.admin-usage-detail .admin-data-table td{padding:8px 7px;overflow-wrap:anywhere}
.admin-mono-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}
.admin-console .admin-view[data-admin-view="usage"].is-active{display:block}
@media(max-width:850px){.admin-usage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-usage-tables{grid-template-columns:1fr}}
@media(max-width:520px){.admin-supabase-usage>.admin-section-heading{align-items:flex-start;flex-wrap:wrap}.admin-supabase-usage>.admin-section-heading>div{flex-basis:calc(100% - 44px)}.admin-supabase-usage>.admin-section-heading>.admin-refresh-button{margin-left:44px}.admin-usage-cards{grid-template-columns:1fr}.admin-usage-metric{min-height:0}}


.fx-bar #fxCopy,.fx-bar #fxPaste{font-size:16px;font-weight:800}.fx-bar #fxPaste{font-size:14px}

/* Promoção do cupom nos cards de planos. */
.plan-upgrade-modal{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.plan-payment-note.is-empty{height:0;padding:0;border:0;overflow:hidden}
.plan-coupon-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:13px;min-width:0;padding:10px 13px;border:1px solid #b9953f80;border-radius:13px;background:radial-gradient(ellipse at 12% 0,#49edb525,transparent 42%),linear-gradient(105deg,#123629,#17372b 58%,#2d2918);box-shadow:inset 0 1px #ffffff12,0 8px 22px #0003;overflow:hidden;animation:couponBannerIn .55s cubic-bezier(.2,.8,.2,1) both}
.plan-coupon-banner:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,#fff4c51a 48%,transparent 68%);content:"";transform:translateX(-120%);animation:couponShine 1.1s .45s ease-out both}
.plan-coupon-spark{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #4de5b460;border-radius:11px;background:linear-gradient(145deg,#0a7657,#0b4437);color:#8fffd2;font-size:22px;box-shadow:0 0 19px #28e0a12e;animation:couponSpark 2s .8s ease-in-out infinite}
.plan-coupon-copy{display:grid;gap:1px;min-width:0;flex:1}.plan-coupon-copy>span{color:#f4d77c;font-size:8px;font-weight:900;letter-spacing:.15em}.plan-coupon-copy>b{color:#edfff6;font-size:13px;font-weight:850}.plan-coupon-copy>small{color:#a9c8b8;font-size:9px}
.plan-coupon-copy-button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;flex:none;padding:7px 10px;border:1px solid #d8bb6575;border-radius:10px;background:linear-gradient(120deg,#244d3a,#473c1d);color:#fff3c5;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.plan-coupon-copy-button:hover{transform:translateY(-1px);border-color:#ffe18b;background:linear-gradient(120deg,#28614a,#63501f);box-shadow:0 0 18px #f4ce6433}
.plan-coupon-copy-button:active{transform:scale(.97)}.coupon-copy-icon{grid-row:span 2;color:#ffdf78;font-size:16px}.coupon-copy-label{font-size:9px;font-weight:850}.plan-coupon-copy-button code{color:#fff;font-size:10px;font-weight:900;letter-spacing:.07em}.plan-coupon-copy-button.is-copied{border-color:#4de3a3;background:linear-gradient(120deg,#0d7652,#14583c);color:#d9ffed;box-shadow:0 0 18px #27d9943d}.plan-coupon-copy-button.is-copied .coupon-copy-icon,.plan-coupon-copy-button.is-copied code{color:#a5ffd3}
.plan-promo-price{display:grid;justify-items:center;gap:0;margin:7px 0 9px;line-height:1.05}.plan-original-price{position:relative;display:inline-block;color:#ff7777;font-size:25px;font-weight:850;letter-spacing:-.025em;text-shadow:0 0 10px #ff62621c;animation:priceFadeIn .45s ease-out both}.plan-original-price i{position:absolute;inset:0;pointer-events:none}.plan-original-price i:after{position:absolute;top:52%;left:-4%;width:108%;height:2px;border-radius:4px;background:linear-gradient(90deg,#ffe27a,#ffc542);box-shadow:0 0 9px #ffd34d75;content:"";transform:scaleX(0);transform-origin:left;animation:couponPriceSlash .48s .25s cubic-bezier(.2,.8,.2,1) forwards}.plan-discounted-price{display:flex;align-items:baseline;gap:4px;color:#71f2bd;font-size:25px;font-weight:900;letter-spacing:-.045em;text-shadow:0 0 17px #35e6a32b;opacity:0;transform:translateY(7px);animation:discountPriceIn .48s .48s cubic-bezier(.2,.8,.2,1) forwards}.plan-discounted-price small{color:#b6c9bf;font-size:9px;font-weight:450;letter-spacing:0;text-shadow:none}
.plan-compare-card.plan-ia ul{flex:0 1 auto;max-height:min(30vh,210px);overflow-y:auto;gap:3px;margin-bottom:7px}.plan-compare-card.plan-ia li{font-size:7.6px;line-height:1.16}.plan-compare-card.plan-ia .plan-compare-button{flex:none;margin-top:auto}
@keyframes couponBannerIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes couponShine{to{transform:translateX(120%)}}
@keyframes couponSpark{0%,100%{box-shadow:0 0 12px #28e0a12e}50%{box-shadow:0 0 22px #28e0a160}}
@keyframes priceFadeIn{from{opacity:.2}to{opacity:.85}}
@keyframes couponPriceSlash{to{transform:scaleX(1)}}
@keyframes discountPriceIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.plan-upgrade-modal{grid-template-rows:auto auto auto auto auto}.plan-coupon-banner{gap:9px;padding:9px}.plan-coupon-spark{width:32px;height:32px}.plan-coupon-copy>b{font-size:11px}.plan-coupon-copy>small{font-size:8px}.plan-coupon-copy-button{padding:7px 8px}.plan-promo-price{margin:8px 0}.plan-original-price{font-size:27px}.plan-discounted-price{font-size:27px}.plan-compare-card.plan-ia li{font-size:12px;line-height:1.4}.plan-compare-card.plan-ia ul{flex:initial;max-height:none;overflow:visible;gap:8px;margin:0 0 12px}}
@media(max-width:440px){.plan-coupon-banner{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px}.plan-coupon-spark{grid-row:span 2}.plan-coupon-copy-button{grid-column:2;justify-self:start;min-width:150px}.plan-coupon-copy>small{max-width:27ch}}
@media(prefers-reduced-motion:reduce){.plan-coupon-banner,.plan-coupon-banner:before,.plan-coupon-spark,.plan-original-price,.plan-original-price i:after,.plan-discounted-price{animation:none;opacity:1;transform:none}.plan-original-price i:after{transform:scaleX(1)}}

/* Sidebar mais estreita no celular para liberar espaço para a tela principal. */
@media(max-width:600px){
  #sidebar{width:min(300px,84vw);padding:16px 12px}
  .workspace-card,.sidebar-plan{width:fit-content;max-width:100%;margin-inline:2px}
  .workspace-card{padding:10px 11px 9px}
  .sidebar-plan{padding:10px;gap:5px}
  .wa-connection-status{min-height:31px;padding:7px 9px;font-size:11.5px}
  .sidebar-plan>small{font-size:10px}
  .sidebar-plan-upgrade,.sidebar-plan-details{min-height:30px;padding:6px 8px}
}

/* Tutorial incorporado na área Prospectar */
.prospect-tutorial-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;border-color:#286544;color:#a8e9c1}
.prospect-tutorial-btn>span{color:#48dda0;font-size:11px}
#box:has(.prospect-tutorial){width:min(900px,94vw);padding:22px}
.prospect-tutorial>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.prospect-tutorial h2{margin:5px 0 0;color:#effbf4;font-size:20px}
.prospect-tutorial-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #28543b;border-radius:14px;background:#06120c}
.prospect-tutorial-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){.prospect-hero{flex-wrap:wrap}.prospect-title{flex:1 1 calc(100% - 70px)}.prospect-tutorial-btn{order:3}.prospect-quick-stats{order:4;margin-left:auto}#box:has(.prospect-tutorial){padding:16px}}

/* Pareamento WhatsApp por código numérico */
.connect-methods{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#pairingForm{display:grid;gap:9px;margin:12px 0;padding:14px;border:1px solid #24563b;border-radius:12px;background:#091a11}
#pairingForm[hidden]{display:none}
#pairingForm .muted{font-size:12px;line-height:1.55}
.qr.pairing-code{display:grid;min-height:116px;place-items:center;padding:18px;color:#82f0b5;font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:.2em}
.qr.pairing-error{display:grid;min-height:90px;place-items:center;padding:18px;color:#ffc27a;font-size:14px;line-height:1.5;text-align:center}