@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
/* Central do Chico: tema único escuro, painel 360 na página inicial; demais páginas no mesmo tema. */
:root{
  --bg:#060a0f;--panel:#0b1219;--panel2:#101a24;--line:#1a2836;--line2:#24384a;
  --fg:#dce8f1;--muted:#8197ab;--dim:#56697b;
  --ice:#6fd3ff;--ice-soft:rgba(111,211,255,.12);
  --ok:#3fd99a;--warn:#ffb547;--crit:#ff6161;
  --f-display:"Chakra Petch","Segoe UI",system-ui,sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 var(--f-body);overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:wait}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--ice);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.label{font:500 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ok{--h:var(--ok)}.warn{--h:var(--warn)}.crit{--h:var(--crit)}
.boot{padding:80px;text-align:center;color:var(--muted)}
[hidden]{display:none!important}

/* ---------- casca ---------- */
.app{min-height:100vh;padding-inline:28px;background:radial-gradient(ellipse 60% 55% at 40% 50%,rgba(111,211,255,.06),transparent 70%),var(--bg)}
.top{display:flex;align-items:center;gap:20px;padding-block:14px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.brand b{font:600 22px/1 var(--f-display);letter-spacing:.22em}
.brand span{color:var(--muted);font-size:12px}
.proto{font:500 10px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(255,181,71,.4);padding:5px 7px;border-radius:3px;white-space:nowrap}
.proto.real{color:var(--ok);border-color:rgba(63,217,154,.4)}
.connbtn{margin-left:auto;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--panel);transition:border-color .2s,background .2s}
.connbtn:hover{border-color:var(--ice);background:var(--panel2)}
.connbtn .conn{color:var(--fg)}
.connbtn .conn small{display:inline;color:var(--h)}
.conn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.conn i{width:7px;height:7px;border-radius:50%;background:var(--h);box-shadow:0 0 8px var(--h)}
.conn small{color:var(--dim)}
.clock{font:500 24px/1 var(--f-mono);letter-spacing:.02em;text-align:right;white-space:nowrap}
.clock small{display:block;font:11px/1.4 var(--f-body);color:var(--muted);letter-spacing:0}
.org-select{width:auto;max-width:160px;margin:0;padding:6px 8px;font-size:12px}
.avatar{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);font:600 13px var(--f-display)}
a.avatar{height:34px;width:34px;color:var(--fg);transition:border-color .2s}
a.avatar:hover{border-color:var(--ice)}

/* ---------- central (página inicial) ---------- */
.central{display:grid;grid-template-columns:330px minmax(0,1fr) 340px;grid-template-rows:auto 1fr;gap:0 32px}
.strip{grid-column:1/-1;display:flex;border-bottom:1px solid var(--line);overflow:hidden}
.stat{flex:1 0 auto;display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;gap:3px 12px;padding:13px 22px 13px 0;margin-right:22px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0;margin-right:0}
.stat .label{grid-column:1/-1;font-size:10px}
.stat b{font:500 17px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.stat small{font-size:11.5px;color:var(--h,var(--muted));white-space:nowrap;padding-bottom:2px}
a.stat:hover b{color:var(--ice)}
.src{font-size:11px;color:var(--dim)}
.morebtn{background:none;border:0;color:var(--ice);font-size:12.5px;text-decoration:underline;text-underline-offset:3px;padding:4px}

/* cor de identidade de cada área (separada das cores de saúde) */
.c-vendas{--ac:#b49cff}.c-caixa{--ac:#4fd1c5}.c-estoque{--ac:#f59e6b}.c-clientes{--ac:#ff7eb6}.c-agenda{--ac:#7aa8ff}.c-equipe{--ac:#d4d86a}.c-chico{--ac:var(--ice)}
.alabel{color:var(--ac)!important}

/* esquerda: precisa de você */
.needside{border-right:1px solid var(--line);padding:24px 28px 24px 0;display:flex;flex-direction:column;gap:16px}
.needside .dayhead .label{color:var(--warn)}
.needlist{display:grid;gap:22px}
.agroup{display:grid;gap:8px;border-left:3px solid var(--ac);padding-left:12px}
.aghead{display:flex;align-items:center;gap:8px;padding:2px 0}
.aghead i{width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac)}
.aghead span{font:600 12px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.aghead b{font:500 11px/1 var(--f-mono);color:var(--bg);background:var(--ac);border-radius:999px;padding:3px 7px}
.aghead small{margin-left:auto;color:var(--dim);font-size:11px}
.aghead:hover small{color:var(--fg)}
.nitem{border:1px solid var(--line);border-radius:8px;padding:11px 12px;display:grid;gap:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 7%,transparent),transparent 60%),var(--panel)}
.nitem .nh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.nitem .sev{font:500 10px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--h)}
.nitem .imp{font:500 11px var(--f-mono);color:var(--dim);white-space:nowrap}
.nitem .chico-work{padding:0;border:0}
.nitem .action-header strong{font-size:13.5px;line-height:1.35}
.nitem p{margin:2px 0}
.needside .none{border:1px dashed var(--line2);border-radius:8px;padding:20px;text-align:center;color:var(--muted);font-size:13px}

/* centro */
.center{position:relative;display:flex;flex-direction:column;padding-bottom:12px;min-width:0}
.doingbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:22px}
.dp{display:grid;gap:4px;width:232px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 12px}
.dp:hover{border-color:var(--ice)}
.dp .dl{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.dp .dl .label{font-size:10px}
.dp .dl i{font:500 11px var(--f-mono);font-style:normal;color:var(--ice);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp b{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.stage{position:relative;height:clamp(400px,56vh,540px)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.node{position:absolute;transform:translate(-50%,-50%);background:rgba(11,18,25,.82);border:1px solid var(--line2);border-radius:6px;padding:8px 12px 9px;display:grid;gap:2px;min-width:132px;backdrop-filter:blur(4px)}
.node .nn{display:flex;align-items:center;gap:7px;font:600 13px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase}
.node .nn i{width:8px;height:8px;border-radius:50%;background:var(--h);box-shadow:0 0 10px var(--h)}
.node .nk{font:500 14px/1.2 var(--f-mono)}
.node .na{font-size:11px;color:var(--muted)}
.node.active .na{color:var(--ice)}
.node.active .na::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ice);margin-right:5px;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}

.bot3d{position:absolute;left:50%;top:46%;width:var(--cw,300px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer}
.bot3d .fl{position:absolute;inset:0;animation:float 5s ease-in-out infinite}
.bot3d img,.bot3d svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bot3d img{filter:drop-shadow(0 0 28px rgba(111,211,255,.22)) drop-shadow(0 18px 30px rgba(0,0,0,.5))}
@keyframes float{50%{transform:translateY(-2.2%)}}
.face>g{display:none}
.bot3d[data-mode=idle] .f-idle,.bot3d[data-mode=listening] .f-listen,.bot3d[data-mode=working] .f-work,.bot3d[data-mode=speaking] .f-speak{display:inline}
.face .glow{filter:url(#fglow)}
.f-idle .eyes{animation:blinkY 6s infinite;transform-origin:637px 335px}
@keyframes blinkY{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.15)}}
.f-work .eyes{animation:scanX 1.3s ease-in-out infinite}
@keyframes scanX{0%,100%{transform:translateX(-26px)}50%{transform:translateX(26px)}}
.f-speak .mouth{animation:talkY .2s infinite alternate;transform-origin:637px 432px}
@keyframes talkY{from{transform:scaleY(.4)}to{transform:scaleY(1.3)}}
.f-listen .eyes{animation:breathe 1.6s ease-in-out infinite;transform-origin:637px 335px}
@keyframes breathe{50%{transform:scale(1.08)}}
.chest{mix-blend-mode:screen;animation:pulse 2.6s ease-in-out infinite}
.bot3d[data-mode=working] .chest{animation-duration:.8s}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.95}}
.coretag{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;pointer-events:none}
.corename{font:500 22px/1 var(--f-display);letter-spacing:.38em;margin-right:-.38em;text-shadow:0 0 18px rgba(6,10,15,.9),0 0 4px rgba(6,10,15,.9)}
.states{display:flex;gap:4px}
.states span{font:500 11px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:3px;color:var(--dim);border:1px solid transparent}
.states span.on{color:var(--fg);border-color:var(--line2);background:var(--panel2)}

.coreinfo{display:grid;justify-items:center;gap:12px;padding-bottom:22px}
.brief{max-width:620px;text-align:center;color:#c3d3e0;font-size:15px;text-wrap:balance;margin:0}
.brief b{color:var(--fg);font-weight:600}
.briefbar{display:inline-flex;gap:14px;margin-left:10px;vertical-align:baseline}
.briefbar button{background:none;border:0;padding:0;color:var(--ice);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.coreinfo .field-note{text-align:center;margin:0}

.composer{display:grid;gap:4px;width:min(640px,100%);background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:6px}
.composer .crow{display:flex;gap:8px;align-items:center}
.composer textarea{flex:1;min-width:0;min-height:0;max-height:160px;resize:none;margin:0;background:transparent;border:0;color:var(--fg);font:15px/1.4 var(--f-body);padding:10px 8px;outline:none;field-sizing:content}
.composer textarea::placeholder{color:var(--dim)}
#attachments-list:empty{display:none}
#attachments-list{padding:4px 6px 0}
.ibtn{flex:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--line2);background:var(--panel2);display:grid;place-items:center;cursor:pointer;margin:0}
.ibtn:hover{border-color:var(--ice)}
.ibtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ibtn.send{background:var(--ice);color:#04121b;border-color:var(--ice)}
.ibtn.rec{background:var(--warn);color:#1b1004;border-color:var(--warn);animation:blink 1s infinite}

/* conversa (ocupa o lugar do palco) */
.chatpane{margin-top:22px;height:clamp(440px,64vh,640px);background:rgba(8,13,19,.96);border:1px solid var(--line2);border-radius:10px;display:flex;flex-direction:column;margin-bottom:14px}
.ch{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.x{width:36px;height:36px;border-radius:6px;border:1px solid var(--line2);background:transparent;font-size:18px;color:var(--fg)}
.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.chat-message{max-width:82%;padding:10px 13px;border-radius:10px}
.chat-message.user{align-self:flex-end;background:var(--ice-soft);border:1px solid rgba(111,211,255,.3)}
.chat-message.assistant{align-self:flex-start;background:var(--panel2);border:1px solid var(--line)}
.chat-message .who{font:500 10px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.chat-message.assistant .who{color:var(--ice)}
.chat-message p{white-space:pre-wrap;font-size:14px;line-height:1.6;margin:0}
.busy-line{padding:8px 4px;color:var(--ice);font-size:13px}
.chico-welcome{padding:20px 8px;max-width:620px;align-self:center;text-align:center}
.chico-welcome h2{font:500 20px/1.2 var(--f-display);letter-spacing:.06em;margin:0 0 8px}
.chico-welcome>p{color:var(--muted)}
.prompt-list{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.prompt-item{justify-content:flex-start;white-space:normal;text-align:left;font-weight:400;font-size:13px}
.tool-receipt{display:flex;gap:10px;padding:10px 0 0;font-size:12px}
.tool-receipt small{display:block;margin-top:4px;color:var(--muted)}
.receipt-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-top:5px}
.receipt-dot.failed{background:var(--crit)}
.creative-preview{max-width:260px;border-radius:6px;margin:8px 0;display:block}

/* direita: hoje no negócio */
.dayside{border-left:1px solid var(--line);padding:24px 0 24px 28px;display:flex;flex-direction:column;gap:16px}
.dayhead{display:flex;align-items:baseline;gap:10px}
.dayhead .label{color:var(--fg)}
.dayhead small{color:var(--dim);font-size:12px}
.daysum{margin:0;color:var(--muted);font-size:13px}
.daysum b{color:var(--fg);font-weight:500}
.tl{position:relative;display:grid;gap:2px}
.tl::before{content:"";position:absolute;left:11px;top:16px;bottom:16px;width:1px;background:linear-gradient(var(--ice),var(--line2) 25%)}
.tgroup{font:500 10px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:12px 0 6px 30px}
.ti{position:relative;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline;border-radius:8px;padding:10px 10px 10px 30px}
a.ti:hover{background:var(--panel)}
.ti::before{content:"";position:absolute;left:7px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--line2);box-sizing:border-box}
.ti.recent::before{border-color:var(--ice)}
.ti.first{background:linear-gradient(90deg,var(--ice-soft),transparent 80%)}
.ti.first::before{background:var(--ice);border-color:var(--ice);box-shadow:0 0 0 4px rgba(111,211,255,.18)}
.ti time{font:500 12px var(--f-mono);color:var(--ice)}
.ti:not(.recent) time{color:var(--muted)}
.ti .label{font-size:10px}
.ti b{grid-column:1/-1;font-weight:500;font-size:14px;line-height:1.35}
.ti small{grid-column:1/-1;color:var(--muted);font-size:12.5px}
.dayside .morebtn{align-self:flex-start;margin-left:24px}

/* ---------- demais páginas ---------- */
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
.eyebrow{font:500 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
h1{font:600 28px/1.15 var(--f-display);letter-spacing:.04em;margin:0 0 9px;color:var(--fg)}
h2{font:600 15px/1.3 var(--f-display);letter-spacing:.06em;text-transform:uppercase;margin:0}
h3{font:600 12px/1.3 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
p{line-height:1.6;margin:5px 0 14px}
.subtext{font-size:13px;color:var(--muted);margin:0}
.button{border:1px solid var(--line2);background:var(--panel2);color:var(--fg);padding:9px 14px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:12.5px;white-space:nowrap}
.button:hover{border-color:var(--ice)}
.button.primary{background:var(--ice);border-color:var(--ice);color:#04121b}
.button.warm{background:rgba(255,181,71,.12);border-color:rgba(255,181,71,.5);color:var(--warn)}
.button.danger{color:var(--crit);border-color:rgba(255,97,97,.5)}
.button.small{padding:6px 10px}
.button.ghost{border:0;background:transparent;padding:4px 0;color:var(--ice)}
.icon{width:16px;height:16px;flex-shrink:0}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.overview{border-bottom:1px solid var(--line);display:flex;gap:30px;padding-bottom:20px;margin-bottom:26px;flex-wrap:wrap}
.overview-item{display:flex;align-items:baseline;gap:9px;font-size:12px;color:var(--muted)}
.overview-item b{font:500 22px var(--f-mono);color:var(--fg)}
.overview-item.attention b{color:var(--warn)}
.work-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.section{margin:0 0 26px}
.section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.section-head .count{background:var(--panel2);border:1px solid var(--line2);color:var(--muted);padding:3px 7px;border-radius:999px;font:500 11px var(--f-mono)}
.section-head small{margin-left:auto;color:var(--muted)}
.work-list{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}
.work-row{display:grid;grid-template-columns:6px 1fr auto;gap:15px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.work-row:last-child{border-bottom:0}
.work-row h3{margin:0 0 6px;font:500 14px var(--f-body);letter-spacing:0;text-transform:none;color:var(--fg)}
.work-row h3 a:hover{color:var(--ice)}
.work-row .meta{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.priority-line{width:3px;border-radius:2px;align-self:stretch;background:var(--line2)}
.priority-line.high{background:var(--crit)}
.row-end{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.badge{font:500 10px/1.3 var(--f-display);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:3px;background:var(--panel2);border:1px solid var(--line2);color:var(--muted);display:inline-block;max-width:220px}
.badge.amber{color:var(--warn);border-color:rgba(255,181,71,.4);background:rgba(255,181,71,.08)}
.badge.green{color:var(--ok);border-color:rgba(63,217,154,.4);background:rgba(63,217,154,.08)}
.badge.blue{color:var(--ice);border-color:rgba(111,211,255,.4);background:var(--ice-soft)}
.badge.red{color:var(--crit);border-color:rgba(255,97,97,.4);background:rgba(255,97,97,.08)}
.badge.demo{color:var(--warn);border-color:rgba(255,181,71,.4)}
.rail{border-left:1px solid var(--line);padding-left:25px}
.rail-block{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.rail-title{font:500 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:2px 0 16px}
.connection-line{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;flex-wrap:wrap}
.connection-line small{margin-left:auto;color:var(--muted)}
.dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.rail p{font-size:12px;color:var(--muted);line-height:1.7}
.next-event{margin:14px 0}
.next-event strong{font-size:12.5px;display:block;margin-bottom:4px;font-weight:500}
.next-event small{font-size:11.5px;color:var(--muted)}
.empty{padding:28px;color:var(--muted);font-size:13px;text-align:center;border:1px dashed var(--line2);border-radius:8px}
.empty a{color:var(--ice)}
.empty.compact{padding:18px}
.notice{padding:12px 16px;border-left:3px solid var(--warn);background:rgba(255,181,71,.08);color:#f3d6a8;font-size:12.5px;line-height:1.7;margin-bottom:20px;border-radius:0 6px 6px 0}
.notice.good{background:rgba(63,217,154,.08);color:#b6efd6;border-color:var(--ok)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.panel{background:var(--panel);border:1px solid var(--line);padding:20px 22px;border-radius:8px;margin-bottom:20px}
.panel>h2{margin-bottom:12px}
.step-list{list-style:none;padding:0;margin:0}
.step-list li{display:flex;align-items:flex-start;gap:11px;font-size:12.5px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.6}
.step-list li:last-child{border:0}
.step-num{display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);border-radius:4px;height:22px;min-width:22px;color:var(--ice);font:500 10px var(--f-mono)}
.action{padding:16px 0;border-bottom:1px solid var(--line)}
.action:first-of-type{padding-top:4px}
.action:last-child{border-bottom:0;padding-bottom:0}
.action-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.action-header .badge{margin-left:auto}
.message-text{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:6px;font-size:12.5px;line-height:1.65;margin:10px 0}
.muted{color:var(--muted);font-size:12px}
.response{border-left:2px solid var(--ice);padding-left:14px;margin:16px 0}
.response-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.response p{white-space:pre-wrap;font-size:13px}
.inline-form{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;padding:14px;background:var(--panel2);border-radius:6px;margin:12px 0}
.inline-form label{flex:1;min-width:130px}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{border-left:1px solid var(--line2);padding:0 0 16px 16px;margin-left:4px;position:relative;font-size:12px}
.timeline li:before{content:'';width:7px;height:7px;background:var(--ice);border-radius:50%;position:absolute;left:-4px;top:3px}
.timeline strong{display:block;margin-bottom:3px;font-weight:500}
.timeline small{color:var(--muted)}
.evidence{padding:12px 0;border-bottom:1px solid var(--line)}
.evidence:last-child{border:0}
.evidence strong{font-size:12.5px;display:block;font-weight:500}
.evidence p{white-space:pre-wrap;word-break:break-word;font-size:11.5px;color:var(--muted);margin:6px 0}
.evidence code{font:10.5px var(--f-mono);color:var(--dim);overflow-wrap:anywhere}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}
.tab{border:0;background:none;white-space:nowrap;color:var(--muted);padding:12px 14px;border-bottom:2px solid transparent;font:500 12px var(--f-display);letter-spacing:.08em;text-transform:uppercase}
.tab.active{color:var(--fg);border-color:var(--ice)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}
th{font:500 10.5px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--panel2);padding:13px 16px;white-space:nowrap}
td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
td strong{display:block;font-weight:500}
td small{display:block;margin-top:4px;color:var(--muted)}
label{display:block;font-size:11.5px;color:var(--muted);line-height:1.5}
input,textarea,select{display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--line2);border-radius:5px;background:var(--bg);color:var(--fg);font-size:13px}
input:focus,textarea:focus,select:focus{border-color:var(--ice);outline:none}
textarea{resize:vertical;min-height:75px}
input[type=checkbox]{display:inline;width:16px;margin:0 7px 0 0;vertical-align:middle;accent-color:var(--ice)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.full{grid-column:1/-1}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.check-line{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--fg)}
.check-line small{display:block;margin:5px 0 0 25px;color:var(--muted);font-size:11.5px}
.conn-line{display:flex;align-items:center;justify-content:space-between;gap:14px}
.conn-line small{margin:3px 0 0}
.conn-name{display:flex;align-items:center;gap:12px;min-width:0}
.logo{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ice);background:var(--panel2);border:1px solid var(--line2)}
.logo svg{width:18px;height:18px}
.logo-facebook{background:#0866ff;border-color:#0866ff;color:#fff}
.logo-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:transparent;color:#fff}
.logo-whatsapp{background:#25d366;border-color:#25d366;color:#fff}
.logo-gmail{background:#fff;border-color:#fff;color:#ea4335}
.logo-meta{background:#0467df;border-color:#0467df;color:#fff}
.button>svg:not(.icon){width:15px;height:15px;flex:none}
.conn-line:last-of-type{border-bottom:0}
.policy-table input[type=number]{width:80px}
.policy-table select{min-width:115px}
.field-note{display:block;color:var(--muted);font-size:11.5px;margin-top:6px;line-height:1.6}
.missing{font:11px/1.8 var(--f-mono);background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:11px;white-space:pre-wrap;word-break:break-word;border-radius:5px}
.attachment-chip{font-size:11px;background:var(--panel2);border:1px solid var(--line2);padding:4px 8px;margin:6px 4px 4px 0;display:inline-block;border-radius:999px;color:var(--muted)}
.agent-panel>.button{margin-bottom:14px}
.agent-report{padding:14px 0;border-top:1px solid var(--line)}
.agent-report p{font-size:12.5px}
.agent-report details{font-size:12px;color:var(--muted);margin:10px 0}
.agent-report summary{cursor:pointer}
.agent-report .action-header{margin-bottom:4px}
.chico-work{padding:14px 0;border-bottom:1px solid var(--line)}
.chat-decision{font-size:12px;margin:8px 0}
.chat-decision summary{cursor:pointer;color:var(--muted)}
.team-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:24px}
.team-member{display:flex;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}
.team-member h2{margin-bottom:6px}
.team-member p{font-size:13px;color:#c3d3e0;margin:0 0 8px}
.team-member small{color:var(--muted);font-size:11.5px}
.team-initial{flex:none;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--ice-soft);border:1px solid rgba(111,211,255,.3);color:var(--ice);font:600 18px var(--f-display)}
.advanced-sources{color:var(--muted);font-size:12.5px}
.advanced-sources summary{cursor:pointer}
.advanced-sources a{color:var(--ice)}
.error-text{color:var(--crit);font-size:12px;line-height:1.7}
.micro{font-size:10.5px;color:var(--dim)}
.ref{font:11px var(--f-mono);color:var(--dim)}

/* login */
.login-wrap{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse 60% 55% at 50% 40%,rgba(111,211,255,.08),transparent 70%),var(--bg)}
.login{width:min(440px,calc(100% - 32px));padding:36px;background:var(--panel);border:1px solid var(--line2);border-radius:10px}
.login .brand{margin-bottom:28px;align-items:center}
.brand-mark{width:28px;height:28px;border:1px solid var(--line2);border-radius:7px;display:grid;place-items:center;color:var(--ice);font-size:18px}
.login .brand span{font:600 22px/1 var(--f-display);letter-spacing:.22em;color:var(--fg);text-transform:uppercase}
.login h1{font-size:24px}
.login label{margin:16px 0}
.login .button{width:100%;margin:8px 0}
.login .divider{font-size:11px;color:var(--muted);text-align:center;margin:20px 0}
.login-note{font-size:11.5px;color:var(--muted);margin-top:16px}

/* avisos e modal */
#toast{position:fixed;inset:auto auto 25px 50%;margin:0;overflow:visible;transform:translateX(-50%);padding:12px 18px;border-radius:6px;background:var(--panel2);border:1px solid var(--ice);color:var(--fg);box-shadow:0 10px 40px rgba(0,0,0,.6);z-index:40;display:none;max-width:90vw;font-size:13px}
#toast.error{border-color:var(--crit);color:#ffd0d0}
dialog{border:1px solid var(--line2);border-radius:10px;padding:26px;width:min(600px,calc(100vw - 32px));max-height:90vh;background:var(--panel);color:var(--fg)}
dialog::backdrop{background:rgba(2,5,8,.7)}
.modal-top{display:flex;justify-content:space-between;align-items:center}
.modal-top button{background:none;border:0;font-size:22px;color:var(--muted)}
.sheet{width:min(1080px,calc(100vw - 48px));max-height:min(88vh,1000px);padding:0;background:var(--bg);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.sheet[data-kind=settings],.sheet[data-kind=email],.sheet[data-kind=account]{width:min(680px,calc(100vw - 48px))}
.sheet[open]{display:flex;flex-direction:column;animation:sheet-in .32s cubic-bezier(.16,1,.3,1)}
.sheet::backdrop{background:rgba(2,5,8,.7);backdrop-filter:blur(3px)}
.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:30px 34px 34px;scrollbar-color:var(--line2) transparent}
.sheet-body>.page-heading{padding-right:46px}
.sheet-body>.panel:last-child{margin-bottom:0}
.sheet-x{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--line2);background:var(--panel2);color:var(--muted);display:grid;place-items:center;transition:color .2s,border-color .2s}
.sheet-x:hover{color:var(--fg);border-color:var(--ice)}
.sheet-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@keyframes sheet-in{from{opacity:0;transform:translateY(14px) scale(.985)}}

@media (max-width:1380px){.conn small{display:none}.clock{font-size:20px}}
@media (max-width:1180px){
  .node{min-width:112px;padding:6px 9px}.node .na{display:none}
  .central{grid-template-columns:280px minmax(0,1fr) 290px;gap:0 22px}
  .top{flex-wrap:wrap}
  .work-grid,.detail-grid{grid-template-columns:1fr}
  .rail{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}
  .rail-block{margin:0}
  .detail-rail{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .detail-rail .panel{margin:0}
  .settings-grid{grid-template-columns:1fr}
}
/* celular */
@media (max-width:900px){
  .app{padding-inline:16px}
  .app.home{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
  .top{gap:10px}
  .proto{order:3}
  .connbtn{padding:7px 11px}.connbtn .conn small{display:none}
  .top a.avatar{order:2}
  .sheet,.sheet[data-kind]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .sheet-body{padding:22px 16px calc(28px + env(safe-area-inset-bottom,0px))}
  .sheet-x{top:12px;right:12px;width:44px;height:44px}
  .clock{display:none}
  .central{display:flex;flex-direction:column}
  .strip{display:grid;grid-template-columns:1fr 1fr}
  .stat{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-right:8px}
  .stat small{white-space:normal}
  .center{order:1}
  .needside{order:2;border-right:0;border-top:1px solid var(--line);padding:20px 0}
  .dayside{order:3;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
  .stage{height:260px}
  .node{display:none}
  .corename{font-size:26px}
  .doingbar{flex-direction:column;align-items:stretch;padding-top:16px}
  .dp{width:auto}
  .coreinfo{padding-bottom:0}
  .center .composer.main{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;z-index:15;box-shadow:0 10px 40px rgba(0,0,0,.6)}
  .ibtn{width:48px;height:48px}
  .chatpane{height:calc(100vh - 230px)}
  .chat-message{max-width:100%}
  .page-heading{flex-direction:column;margin-bottom:22px}
  h1{font-size:23px}
  .overview{gap:18px}
  .work-row{padding:16px 13px;gap:10px;grid-template-columns:4px 1fr}
  .row-end{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
  .rail,.detail-rail{display:block}
  .rail-block{margin-bottom:20px}
  .detail-rail .panel{margin-bottom:20px}
  .form-grid{grid-template-columns:1fr}
  .panel{padding:16px}
  .toolbar{width:100%}
  .inline-form .button{width:100%}
  .policy-table{min-width:680px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
.chat-message .md p{white-space:normal;margin:0 0 9px}
.chat-message .md p:last-child{margin-bottom:0}
.chat-message .md .md-h{font-weight:600;font-size:15px;margin:2px 0 8px}
.chat-message .md ul{margin:0 0 9px;padding-left:18px;font-size:14px;line-height:1.55}
.chat-message .md .md-table{overflow-x:auto;margin:2px 0 10px;border:1px solid var(--line);border-radius:8px}
.chat-message .md table{border-collapse:collapse;width:100%;font-size:12.5px;line-height:1.35}
.chat-message .md th{text-align:left;font-weight:600;color:var(--muted);background:rgba(255,255,255,.04);padding:6px 9px;white-space:nowrap}
.chat-message .md td{padding:6px 9px;border-top:1px solid var(--line);vertical-align:top}
.chat-message .md td:not(:first-child){white-space:nowrap}
.chat-message .md strong{font-weight:600}
.linkbtn{background:none;border:0;padding:0;margin:0;color:var(--ice);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.linkbtn:hover{opacity:.8}
.team-table{width:100%;border-collapse:collapse;margin-bottom:24px;background:var(--panel);border:1px solid var(--line)}
.team-table th,.team-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:13px;vertical-align:top}
.team-table th{color:var(--muted);font-weight:600}
.team-table small{display:block;color:var(--muted);font-size:11.5px;margin-top:4px}

.live-work{border-color:rgba(111,211,255,.35)}
.live-spin{display:inline-block;width:9px;height:9px;margin-right:8px;border:2px solid var(--ice);border-right-color:transparent;border-radius:50%;animation:livespin .8s linear infinite;vertical-align:-1px}
@keyframes livespin{to{transform:rotate(360deg)}}
.live-step{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:13px;line-height:1.5;padding:3px 0;color:var(--muted)}
.live-step small{flex-basis:100%;margin-left:18px;color:var(--ice);font-size:12px}
.live-step .live-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
.live-step.run{color:var(--text,#fff)}.live-step.run .live-dot{background:var(--ice);animation:pulse 1.1s ease-in-out infinite}
.live-step.ok .live-dot{background:#4ade80}.live-step.fail .live-dot{background:#f87171}
@media (prefers-reduced-motion:reduce){.live-spin,.live-step.run .live-dot{animation:none}}