:root{--on-accent:#fff;--user-bubble:var(--accent);--user-text:#fff;--logo-bg:linear-gradient(135deg,var(--accent),#7c5cff);--logo-text:#fff;--bg:#f6f7f9;--panel:#fff;--soft:#f0f2f5;--text:#16202c;--muted:#66758a;--line:#e3e7ed;--accent:#4b53bc;--accent-2:#eef0ff;--ok:#1a8f4c;--ok-bg:#e6f6ec;--warn:#a96500;--warn-bg:#fff4df;--off:#7b8794;--off-bg:#eef1f4;--bad:#c7362b;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.06),0 2px 8px rgba(16,24,40,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1318;--panel:#171c23;--soft:#1e252e;--text:#e8edf3;--muted:#98a6b8;--line:#28313c;--accent:#8b91ff;--accent-2:#252a4d;--ok:#4cc583;--ok-bg:#16301f;--warn:#f0b54a;--warn-bg:#33270f;--off:#98a6b8;--off-bg:#232b35;--bad:#ff7a6e;--shadow:none}}
:root[data-theme="dark"]{--bg:#0f1318;--panel:#171c23;--soft:#1e252e;--text:#e8edf3;--muted:#98a6b8;--line:#28313c;--accent:#8b91ff;--accent-2:#252a4d;--ok:#4cc583;--ok-bg:#16301f;--warn:#f0b54a;--warn-bg:#33270f;--off:#98a6b8;--off-bg:#232b35;--bad:#ff7a6e;--shadow:none}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:15px/1.5 "Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:550;white-space:nowrap}
.btn:hover{background:var(--soft)}.btn:disabled{opacity:.55;cursor:default}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.05)}
.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--soft)}
.btn.danger{color:var(--bad)}.btn.sm{padding:6px 10px;font-size:13px}
.input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 12px;outline:none}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}
.icon{width:20px;height:20px;flex:none}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:600}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.conectado{color:var(--ok);background:var(--ok-bg)}.pill.exemplo{color:var(--warn);background:var(--warn-bg)}.pill.desligado{color:var(--off);background:var(--off-bg)}
.muted{color:var(--muted)}.hidden{display:none!important}

/* login */
.login{min-height:100%;display:grid;place-items:center;padding:16px}
.login .card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.logo{width:36px;height:36px;border-radius:10px;background:var(--logo-bg);display:grid;place-items:center;color:var(--logo-text);font-weight:800;font-size:15px;overflow:hidden}
.logo.img{background:transparent;width:auto;min-width:36px;max-width:120px}.logo.mark{width:36px;max-width:36px;border-radius:0}.logo img{max-width:100%;max-height:100%;object-fit:contain}
.code-input{text-align:center;font-size:28px;letter-spacing:12px;font-weight:700}
.error{color:var(--bad);font-size:14px;min-height:20px}

/* shell */
.shell{display:grid;grid-template-columns:72px 1fr;height:100%}
.nav{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px}
.nav .logo{margin-bottom:10px}
.nav a{width:52px;height:52px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:10.5px;font-weight:600}
.nav a:hover{background:var(--soft);color:var(--text)}.nav a.active{background:var(--accent-2);color:var(--accent)}
.nav .spacer{flex:1}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:700;color:var(--muted);border:0;cursor:pointer}
.view{overflow:auto;height:100%}
.page{max-width:1100px;margin:0 auto;padding:28px 24px 48px}
.page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.page-head h1{font-size:22px;margin:0;flex:1}

/* chat */
.chat{display:grid;grid-template-columns:260px 1fr;height:100%}
.convs{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}
.convs .top{padding:14px}
.convs ul{list-style:none;margin:0;padding:0 8px 12px;overflow:auto;flex:1}
.convs li button{width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.convs li button:hover{background:var(--soft);color:var(--text)}.convs li button.active{background:var(--accent-2);color:var(--accent);font-weight:600}
.thread{display:flex;flex-direction:column;min-height:0;min-width:0}
.messages{flex:1;overflow:auto;padding:24px 16px}
.messages .inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.msg{padding:12px 16px;border-radius:14px;max-width:100%;overflow-x:auto}
.msg.user{align-self:flex-end;background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:4px;max-width:80%;white-space:pre-wrap}
.msg.bot{background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.bot :first-child{margin-top:0}.msg.bot :last-child{margin-bottom:0}
.msg.bot pre{background:var(--soft);padding:10px;border-radius:8px;overflow-x:auto}
.msg.bot table{border-collapse:collapse}.msg.bot th,.msg.bot td{border:1px solid var(--line);padding:5px 8px}
.msg.bot a{color:var(--accent)}
.msg.note{align-self:center;font-size:13px;color:var(--muted);background:transparent;padding:2px}
.typing{display:inline-flex;gap:4px;padding:14px 16px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:b 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes b{0%,80%,100%{opacity:.3}40%{opacity:1}}
.approval{border:1.5px solid var(--accent);background:var(--panel);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.approval ul{margin:0;padding-left:18px}.approval .row{display:flex;gap:8px;flex-wrap:wrap}
.empty{max-width:640px;margin:8vh auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.empty h2{margin:0;font-size:24px}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.chip{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px;cursor:pointer}
.chip:hover{border-color:var(--accent)}.chip .icon{color:var(--accent)}
.composer{border-top:1px solid var(--line);background:var(--panel);padding:12px 16px}
.composer .box{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.composer .bar{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--line);border-radius:14px;padding:6px;background:var(--bg)}
.composer textarea{flex:1;border:0;background:transparent;resize:none;outline:none;padding:8px;max-height:200px}
.seg{display:inline-flex;background:var(--soft);border-radius:10px;padding:3px}
.seg button{border:0;background:transparent;border-radius:8px;padding:5px 12px;cursor:pointer;color:var(--muted);font-weight:600;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.seg button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}
.iconbtn{width:38px;height:38px;border-radius:10px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--muted);flex:none}
.iconbtn:hover{background:var(--soft);color:var(--text)}.iconbtn.send{background:var(--accent);color:var(--on-accent)}

/* integrações */
.group{margin:24px 0 10px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left}
.tile:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.badge{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:none}
.tile .name{font-weight:650}
.drawer-bg{position:fixed;inset:0;background:rgba(10,15,25,.35);z-index:10}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--panel);z-index:11;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.drawer header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer header h2{margin:0;font-size:18px;flex:1}
.drawer .body{padding:20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:20px}
.drawer footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;align-items:center}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.steps li{display:flex;gap:12px;align-items:flex-start;counter-increment:s}
.steps li::before{content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--accent-2);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.form{display:flex;flex-direction:column;gap:14px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.rows{display:flex;flex-direction:column;gap:10px}
.rowcard{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative}
.rowcard .rm{position:absolute;top:6px;right:6px}
.result{font-size:14px;padding:10px 12px;border-radius:10px}.result.ok{background:var(--ok-bg);color:var(--ok)}.result.err{background:#fde8e6;color:var(--bad)}
.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:var(--line);border-radius:99px;cursor:pointer;transition:.15s}
.switch span::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.15s}
.switch input:checked+span{background:var(--accent)}.switch input:checked+span::after{left:21px}

/* tabelas e cartões */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.table th{font-size:12.5px;color:var(--muted);font-weight:650}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.stat .n{font-size:28px;font-weight:700}.stat .l{color:var(--muted);font-size:13px}
.list{display:flex;flex-direction:column;gap:10px}
.change{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.change .t{flex:1;min-width:200px}.change .t b{display:block}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:10px;z-index:20;font-weight:550}

@media (max-width:760px){
  .shell{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .nav{flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line);padding:4px;order:2}
  .nav .logo,.nav .spacer{display:none}
  .chat{grid-template-columns:1fr}.convs{display:none}
  .page{padding:20px 16px 40px}.chips{grid-template-columns:1fr}
  .rowcard{grid-template-columns:1fr}
}

/* Tema EY (cores da marca; o logo oficial é enviado pela tela "Marca") */
:root[data-brand="ey"]{--accent:#ffe600;--on-accent:#2e2e38;--accent-2:#fffbcc;--user-bubble:#2e2e38;--user-text:#fff;--logo-bg:#2e2e38;--logo-text:#ffe600;--text:#2e2e38}
:root[data-brand="ey"] .nav a.active{color:#2e2e38;background:#fff6a3}
:root[data-brand="ey"] .chip .icon,:root[data-brand="ey"] .steps li::before{color:#2e2e38}
:root[data-brand="ey"] .input:focus{border-color:#2e2e38;box-shadow:0 0 0 3px #fff6a3}
@media (prefers-color-scheme:dark){:root[data-brand="ey"]:not([data-theme="light"]){--text:#f1f1f3;--accent-2:#3a3a20;--user-bubble:#ffe600;--user-text:#2e2e38;--bg:#1a1a24;--panel:#23232f;--soft:#2b2b38;--line:#3a3a48}
  :root[data-brand="ey"]:not([data-theme="light"]) .nav a.active{color:#ffe600;background:#3a3a20}
  :root[data-brand="ey"]:not([data-theme="light"]) .chip .icon,:root[data-brand="ey"]:not([data-theme="light"]) .steps li::before{color:#ffe600}}
.imgfield{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.imgfield .prev{height:44px;min-width:44px;max-width:160px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;padding:4px;background:var(--soft)}
.imgfield .prev img{max-height:36px;max-width:150px}

/* seletor de idioma */
.langwrap{position:relative}.navbtn{width:52px;height:46px;flex-direction:column;gap:0;display:flex;align-items:center;justify-content:center}
.langcode{font-size:10px;font-weight:700}
.langmenu{position:absolute;left:58px;bottom:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;z-index:30;min-width:140px}
.langmenu button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer}
.langmenu button:hover{background:var(--soft)}.langmenu button.on{font-weight:700;color:var(--accent)}
.login-top{position:fixed;top:0;right:0;padding:16px}
.lang-select{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 10px}
.tagline{margin:-6px 0 4px;color:var(--muted)}

/* ===== Tema EY: grafite + amarelo, cantos retos, linha amarela nos cartões ===== */
:root[data-brand="ey"]{--bg:#f6f6fa;--panel:#fff;--soft:#eeeef3;--line:#dcdce4;--muted:#5d5d6b;--radius:0}
:root[data-brand="ey"] .btn,:root[data-brand="ey"] .input,:root[data-brand="ey"] .chip,:root[data-brand="ey"] .tile,
:root[data-brand="ey"] .card,:root[data-brand="ey"] .table-wrap,:root[data-brand="ey"] .msg,:root[data-brand="ey"] .approval,
:root[data-brand="ey"] .composer .bar,:root[data-brand="ey"] .seg,:root[data-brand="ey"] .seg button,:root[data-brand="ey"] .badge,
:root[data-brand="ey"] .logo,:root[data-brand="ey"] .nav a,:root[data-brand="ey"] .iconbtn,:root[data-brand="ey"] .rowcard,
:root[data-brand="ey"] .login .card,:root[data-brand="ey"] .result,:root[data-brand="ey"] .langmenu,:root[data-brand="ey"] .convs li button{border-radius:0}
:root[data-brand="ey"] .nav{background:#2e2e38;border-right:0}
:root[data-brand="ey"] .nav a{color:#c4c4cd}:root[data-brand="ey"] .nav a:hover{background:#3a3a46;color:#fff}
:root[data-brand="ey"] .nav a.active{background:#3a3a46;color:#ffe600;box-shadow:inset 3px 0 0 #ffe600}
:root[data-brand="ey"] .nav .iconbtn{color:#c4c4cd}:root[data-brand="ey"] .nav .iconbtn:hover{background:#3a3a46;color:#fff}
:root[data-brand="ey"] .avatar{background:#ffe600;color:#2e2e38;border-radius:0}
:root[data-brand="ey"] .tile,:root[data-brand="ey"] .stat,:root[data-brand="ey"] .chip{border-top:3px solid #ffe600}
:root[data-brand="ey"] .page-head h1{font-size:30px;font-weight:300}
:root[data-brand="ey"] .empty h2{font-size:32px;font-weight:300}
:root[data-brand="ey"] .group{color:#2e2e38;border-left:3px solid #ffe600;padding-left:8px}
:root[data-brand="ey"] .msg.user{border-radius:0}
:root[data-brand="ey"] .steps li::before{background:#2e2e38;color:#ffe600;border-radius:0}
:root[data-brand="ey"] .pill{border-radius:0}
:root[data-brand="ey"] body.login-page{background:#2e2e38}
:root[data-brand="ey"] .login .card{border:0;border-top:4px solid #ffe600}
:root[data-brand="ey"] .login-top .lang-select{background:#2e2e38;color:#fff;border-color:#5d5d6b;border-radius:0}
@media (prefers-color-scheme:dark){
  :root[data-brand="ey"]:not([data-theme="light"]) .group{color:#f1f1f3}
  :root[data-brand="ey"]:not([data-theme="light"]) .nav{background:#1a1a24}
  :root[data-brand="ey"]:not([data-theme="light"]) body.login-page{background:#1a1a24}}
@media (max-width:760px){.langmenu{left:auto;right:0;bottom:56px}:root[data-brand="ey"] .nav a.active{box-shadow:inset 0 3px 0 #ffe600}}

/* cliente, termos, código de acesso */
.customer{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.customer img{max-height:32px;max-width:160px;object-fit:contain}
.nav .customer{justify-content:center;padding:4px;margin-bottom:6px;font-size:10px;line-height:1.2;text-align:center;max-width:66px;word-break:break-word;overflow:hidden;max-height:40px}.nav .customer img{max-width:56px;max-height:28px;background:#fff;padding:2px}
.terms-link{font-size:12.5px;color:var(--muted);text-align:center}
.portal-link{font-size:13px;font-weight:600;color:var(--accent);text-align:center;text-decoration:none}.portal-link:hover{text-decoration:underline}
.terms{position:fixed;inset:0;background:var(--bg);z-index:40;overflow:auto}
.terms .box{max-width:760px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:14px}
.terms h1{font-weight:400;margin:0}.terms h3{margin:18px 0 4px}.terms p{margin:0}
.terms .draft{background:var(--warn-bg);color:var(--warn);padding:8px 12px}
.terms .bar{position:sticky;bottom:0;background:var(--bg);padding:14px 0;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.codebox{font-size:34px;font-weight:700;letter-spacing:8px;text-align:center;padding:12px;background:var(--soft)}

/* painel */
.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}
.bars div{flex:1;background:var(--accent);min-height:2px;position:relative;opacity:.85}
.bars div:hover{opacity:1}
.bars-x{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}
.split{display:flex;height:12px;overflow:hidden;background:var(--soft);margin:8px 0}
.split span{display:block;height:100%}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;margin-right:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media (max-width:760px){.two{grid-template-columns:1fr}}

/* demonstração */
.demo-tag{position:fixed;top:10px;right:12px;z-index:50;background:#188918;color:#fff;font-weight:800;font-size:11px;letter-spacing:.08em;padding:4px 10px;pointer-events:auto}
.convs .sec{padding:12px 18px 4px;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.convs li button.demo{color:var(--text)}
.convs li button.demo::before{content:"▶ ";color:#188918}
.scripted{align-self:center;background:var(--warn-bg);color:var(--warn);font-size:13px;padding:6px 12px}
.msg.bot .via{margin-top:8px;font-size:11.5px;color:var(--muted);text-align:right}

/* incorporado no SharePoint: só o chat, compacto */
body.embed .shell{grid-template-columns:1fr}
body.embed .nav{display:none}
body.embed .chat{grid-template-columns:1fr}
body.embed .convs{display:none}
body.embed .empty{margin-top:3vh}
body.embed .empty h2{font-size:20px}
body.embed .chips{grid-template-columns:1fr 1fr}
body.embed .demo-tag{top:12px;right:auto;left:50%;transform:translateX(-50%)}
.embed-bar{display:none}
body.embed .embed-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}
body.embed .embed-bar .logo{width:26px;height:26px;font-size:11px}

/* Sign in with Microsoft */
.ms-btn{width:100%;gap:10px;font-weight:600;border-color:#8c8c8c;background:#fff;color:#5e5e5e;padding:10px 16px}
.ms-btn:hover{background:#f3f3f3}
.ms-logo{display:grid;grid-template-columns:9px 9px;gap:2px}.ms-logo i{width:9px;height:9px;display:block}
.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}
.sap-btn{width:100%;gap:10px;font-weight:600;border-color:#8c8c8c;background:#fff;color:#32363a;padding:10px 16px}.sap-btn:hover{background:#f3f3f3}
.sap-logo{font-size:11px;font-weight:900;color:#fff;background:#0a6ed1;padding:2px 6px;border-radius:3px;letter-spacing:.02em}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- Chamados, Conhecimento, Guia ---------- */
.navmore{display:none;border:0;background:transparent;cursor:pointer;width:52px;height:52px;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font:inherit;font-size:10.5px;font-weight:600}
.navmore.active{background:var(--accent-2);color:var(--accent)}
.mbar{display:none}
.tabs{margin-bottom:14px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs button{white-space:nowrap;padding:7px 14px;font-size:13.5px}
.searchrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:0 12px;color:var(--muted)}
.search input{flex:1;border:0;outline:0;background:transparent;padding:10px 0;color:var(--text);font:inherit;min-width:0}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}
.check{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap}
.tlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.tcard{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--text);font:inherit;min-width:0}
.tcard:hover{border-color:var(--muted);box-shadow:var(--shadow)}
.trow{display:flex;gap:8px;align-items:center;font-size:13px;min-width:0}.trow b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tstate{color:var(--muted);font-size:12.5px;white-space:nowrap}.tdate{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}
.ttitle{font-weight:600;font-size:14.5px;line-height:1.35}
.tmeta{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.prio{font-size:11px;font-weight:800;padding:1px 7px;border-radius:6px;background:var(--off-bg);color:var(--off)}
.prio.p1{background:#fde2e0;color:#b42318}.prio.p2{background:var(--warn-bg);color:var(--warn)}.prio.p3{background:var(--accent-2);color:var(--text)}
.emptybox{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 10px;color:var(--muted);text-align:center}
dl.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;margin:0 0 6px}
dl.facts dt{font-size:12px;color:var(--muted);font-weight:600}dl.facts dd{margin:2px 0 0;font-size:14px;font-weight:600}
.drawer .body h3{font-size:14px;margin:16px 0 4px;color:var(--muted)}.drawer .body p{margin:0;white-space:pre-wrap;line-height:1.55}
.drawer footer.actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line)}
.mdbody{line-height:1.6}.mdbody table{border-collapse:collapse}.mdbody td,.mdbody th{border:1px solid var(--line);padding:4px 8px}
.player{background:#1a1a24;border-radius:var(--radius);overflow:hidden;margin-bottom:16px}
.player video{display:block;width:100%;max-height:62vh;aspect-ratio:16/9;background:#1a1a24}
.pcap{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-top:0}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.vcard{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.vcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#2e2e38}
.vcard b{display:flex;gap:6px;align-items:center;font-size:13.5px;padding:0 12px 12px}
.vcard .vplay{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.vcard.on{outline:3px solid var(--accent)}
.install{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:16px}
.install .ico{width:48px;height:48px;border-radius:12px;background:var(--accent-2);display:grid;place-items:center;color:var(--text)}
.install p{margin:2px 0 0;font-size:14px}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:11;background:var(--panel);border-radius:18px 18px 0 0;padding:8px 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:2px;box-shadow:0 -10px 30px rgba(0,0,0,.2);animation:up .2s}
@keyframes up{from{transform:translateY(30px);opacity:0}}
.sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 10px}
.sheet a,.sheet-out{display:flex;align-items:center;gap:14px;padding:13px 10px;border-radius:10px;text-decoration:none;color:var(--text);font-weight:600;border:0;background:transparent;font:inherit;font-weight:600;cursor:pointer;text-align:left}
.sheet a:hover,.sheet-out:hover{background:var(--soft)}
.sheet-out small{margin-left:auto;color:var(--muted);font-weight:400;font-size:12.5px}
.sheet-langs{display:flex;gap:8px;padding:10px}.sheet-langs button{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px;font-weight:700;cursor:pointer;color:var(--text)}
.sheet-langs button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}

@media (max-width:760px){
  .shell{height:100dvh}
  .nav{padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .nav a.secondary,.nav .langwrap,.nav .avatar,.nav .customer{display:none}
  .navmore{display:flex}
  .nav a,.navmore{width:auto;flex:1;max-width:84px;height:54px}
  .mbar{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}
  .mbar .logo{width:28px;height:28px;min-width:28px}
  .convs.open{display:flex;position:fixed;top:54px;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:9;border-right:0;border-top:1px solid var(--line)}
  .messages{padding:14px 10px}
  .msg.user{max-width:88%}
  .composer{padding-bottom:6px}
  .tlist{grid-template-columns:1fr}
  .page-head h1{font-size:20px}
  .drawer{width:100%;top:auto;max-height:92dvh;border-radius:18px 18px 0 0}
  .drawer footer.actions{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .drawer footer.actions .btn{flex:1}
  .vgrid{grid-template-columns:1fr 1fr}
}
:root[data-brand="ey"] .navmore{color:#c4c4cd;border-radius:0}:root[data-brand="ey"] .navmore.active{background:#3a3a46;color:#ffe600;box-shadow:inset 0 3px 0 #ffe600}
:root[data-brand="ey"] .tcard,:root[data-brand="ey"] .vcard,:root[data-brand="ey"] .install,:root[data-brand="ey"] .search{border-radius:0}
@media (min-width:761px){.nav{overflow-y:auto;scrollbar-width:none}}
@media (min-width:761px) and (max-height:820px){.nav{gap:2px;padding:8px 0}.nav a{height:46px;font-size:10px}.nav .logo{margin-bottom:4px}.nav .customer{display:none}}

/* execuções de teste */
.pill.bad{color:var(--bad);background:#fde2e0}
.steps-run{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.srow{display:grid;grid-template-columns:28px auto 1fr auto;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:14px}
.srow .sn{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--ok-bg);color:var(--ok)}
.srow.failed{border-color:var(--bad)}.srow.failed .sn{background:#fde2e0;color:var(--bad)}.srow.skipped{opacity:.55}.srow.skipped .sn{background:var(--off-bg);color:var(--off)}
.srow .sms{color:var(--muted);font-size:12.5px}.srow .serr{grid-column:2/-1;color:var(--bad);font-size:13px}
.srow>a{grid-column:2/-1}.srow .sshot{max-width:320px;border:1px solid var(--line);border-radius:8px;display:block}
:root[data-brand="ey"] .srow{border-radius:0}

.jevcard{margin-top:16px}.jevhead{display:flex;gap:12px;align-items:center}
.jevdot{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffbd1,#ffe600 45%,#e0a800);color:#2e2e38;font-weight:900;font-size:12px;display:grid;place-items:center;box-shadow:0 0 18px rgba(255,230,0,.45);flex:none}
.intents{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip-s{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}

/* Fase 1: Smart Ticketing, conhecimento semântico, Auto Resolve, Command Center */
.lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}
.pill.bad{color:var(--bad);background:#fde2e0}
.smartbox{margin-bottom:16px}
.smart{border:1px solid var(--accent);background:var(--accent-2);border-radius:var(--radius);padding:12px 14px}
.smart-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--accent)}.smart-h b{color:var(--text)}
.smart h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px}
.smart ol,.smart ul{margin:0;padding-left:20px}.smart li{margin:3px 0}
ul.plain{list-style:none;padding-left:0!important}
.src{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:var(--soft);color:var(--muted)}
.sopsteps{padding-left:20px}.sopsteps li{margin:6px 0}.sopsteps code{font-size:12px;color:var(--muted)}
.sout{grid-column:2/-1;font-size:13px;color:var(--muted);white-space:pre-wrap}
pre.json{margin:4px 0 0;max-height:220px;overflow:auto;background:var(--soft);border-radius:8px;padding:8px;font-size:12px}
.stat.hero .n{color:var(--accent)}
.cc-chart{width:100%;height:auto;display:block}
.cc-grid{stroke:var(--line);stroke-width:1}
.cc-ax{fill:var(--muted);font-size:11px}
.cc-auto{fill:var(--accent)}.cc-manual{fill:var(--off);opacity:.45}
.cc-bar:hover .cc-auto{filter:brightness(1.1)}.cc-bar:hover .cc-manual{opacity:.7}
.legend i.cc-auto-i{background:var(--accent)}.legend i.cc-manual-i{background:var(--off);opacity:.45}
.hbar{display:grid;grid-template-columns:minmax(0,1.3fr) 2fr auto;gap:10px;align-items:center;font-size:13px;margin:6px 0}
.hbar .hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.hbar .ht{height:10px;background:var(--soft);border-radius:0 4px 4px 0;overflow:hidden}.hbar .ht i{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}
a.btn{color:var(--text)}a.btn.primary{color:var(--on-accent)}
@media (max-width:760px){.page-head a.ghost+h1{font-size:20px;line-height:1.25;min-width:0}}

/* Zap User: menu enxuto (4 itens + "Mais" também no computador) e 6 atalhos no início */
.nav a.secondary{display:none}
.navmore{display:flex}
@media (min-width:761px){.sheet{left:80px;right:auto;bottom:16px;width:300px;border-radius:16px;max-height:calc(100vh - 32px);overflow:auto}.sheet .grab{display:none}}
.zu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:6px}
.zu-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px;cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s,transform .15s}
.zu-card:hover{border-color:var(--text);transform:translateY(-2px)}
.zu-card .zi{width:38px;height:38px;border-radius:10px;background:#2E2E38;color:#FFE600;display:grid;place-items:center}
.zu-card b{font-size:16px}.zu-card>span:last-child{color:var(--muted);font-size:13.5px;line-height:1.4}
.empty{max-width:820px}
@media (max-width:760px){.zu-cards{grid-template-columns:1fr 1fr}.zu-card>span:last-child{display:none}}
body.embed .zu-cards{grid-template-columns:1fr 1fr}
.sheet-langs{flex-wrap:wrap}.sheet-langs button{flex:1 0 calc(25% - 8px)}

/* Zap User: tela Documentos */
.docform{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.docform .lbl{margin-top:8px}
.docform .kinds{flex-wrap:wrap;align-self:flex-start}
.docform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.docform .actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
@media (max-width:760px){.docform .row2{grid-template-columns:1fr}}