/* VaultAdv: casca no formato de editor (barra de ícones, explorador, guias, painel, barra de status).
   Cores do design system de 11/11/2026, em três modos. */
:root{--fundo:#0E0E0E;--superf:#171717;--elev:#212121;--tinta:#FFFFFF;--suave:#A6A6A6;--fraco:#8C8C8C;--linha:#2C2C2C;
  --acento:#DB5B14;--acento-forte:#B8470C;--acento-fraco:#2B1A10;--sinal:#E84A45;--brilho:#E0A27C;--ok:#46C285;
  --link:#F2A774;--halo:rgba(224,162,124,.22);--marca-busca:#5A3A12;--marca-busca-tinta:#fff;--codigo:#050505;--barra:#0A0A0A;color-scheme:dark}
:root[data-tema="medio"]{--fundo:#1E1F22;--superf:#292A2E;--elev:#34353A;--tinta:#F3F3F3;--suave:#B6B6BA;--fraco:#9A9AA0;--linha:#3F4046;
  --acento:#E8742F;--acento-fraco:#3B2A1F;--link:#F4B085;--halo:rgba(224,162,124,.16);--codigo:#17181A;--barra:#18191B}
:root[data-tema="claro"]{--fundo:#EFEFEF;--superf:#FFFFFF;--elev:#F3F3F3;--tinta:#0E0E0E;--suave:#555555;--fraco:#6A6A6A;--linha:#DCDCDC;
  --acento:#B8470C;--acento-fraco:#FBE3D3;--sinal:#D13C37;--brilho:#F1C4A6;--ok:#1B7F4B;--link:#A8400A;--halo:rgba(241,170,120,.45);
  --marca-busca:#FFE2B8;--marca-busca-tinta:#111;--codigo:#16171A;--barra:#E4E4E4;color-scheme:light}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font:13px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fundo);overflow:hidden}
button,input,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}
.vao{flex:1}
.marca{display:flex;align-items:center;gap:10px;font:600 17px "Inter Tight",Inter,sans-serif}
.selo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--acento-forte);color:#fff;font-weight:700}

/* entrada */
#entrada{height:100%;display:grid;place-items:center;padding:24px;background-image:radial-gradient(900px 520px at 100% 0%,var(--halo),transparent 70%)}
#form-entrar{width:min(420px,100%);background:var(--superf);border:1px solid var(--linha);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;font-size:16px}
#form-entrar h1{font:600 22px/1.25 "Inter Tight",Inter,sans-serif;margin:10px 0 2px}
#form-entrar input{padding:13px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--elev);outline:0}
#form-entrar input:focus{border-color:var(--acento)}
#form-entrar button{padding:13px;border:0;border-radius:12px;background:var(--acento-forte);color:#fff;font-weight:600;cursor:pointer}
.erro{color:var(--sinal);margin:0;font-size:15px}
.nota{color:var(--suave);font-size:13.5px;margin:4px 0 0}

/* casca */
#app{height:100%;display:grid;grid-template-columns:48px 290px minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr) 24px;
  grid-template-areas:"ativ lat edit claude" "status status status status"}
#app.sem-claude{grid-template-columns:48px 290px minmax(0,1fr) 0}
#app.sem-claude #claude{display:none}
#atividades{grid-area:ativ;background:var(--barra);border-right:1px solid var(--linha);display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:2px}
#atividades button{width:48px;height:44px;border:0;background:transparent;color:var(--fraco);cursor:pointer;display:grid;place-items:center;border-left:2px solid transparent}
#atividades button svg{width:22px;height:22px}
#atividades button:hover{color:var(--tinta)}
#atividades button.ativo{color:var(--tinta);border-left-color:var(--acento)}
#atividades button.ligado{color:var(--acento)}

#lateral{grid-area:lat;background:var(--superf);border-right:1px solid var(--linha);min-height:0;display:flex;flex-direction:column}
#lateral>div{display:flex;flex-direction:column;min-height:0;flex:1}
.cab{display:flex;align-items:center;justify-content:space-between;gap:8px;height:35px;padding:0 12px 0 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);flex:none}
.cab .sub{font-weight:500;letter-spacing:.04em;color:var(--fraco)}
#arvore{flex:1;overflow:auto;padding:0 0 12px}
#arvore ul{list-style:none;margin:0;padding:0}
#arvore ul ul .item{padding-left:calc(8px + var(--n,1) * 12px)}
.item{display:flex;align-items:center;gap:4px;width:100%;height:24px;text-align:left;border:0;background:transparent;padding:0 10px 0 8px;cursor:pointer;white-space:nowrap}
.item:hover{background:var(--elev)}
.item.ativo{background:var(--acento-fraco);color:var(--link)}
.item .seta{width:14px;flex:none;color:var(--fraco);font-size:9px;transition:transform .1s;text-align:center}
.item.aberta .seta{transform:rotate(90deg)}
.item.pasta{font-weight:600}
.item .rot{overflow:hidden;text-overflow:ellipsis}
.item .tipo{margin-left:auto;font-size:9.5px;color:var(--fraco);border:1px solid var(--linha);border-radius:4px;padding:0 4px;text-transform:uppercase;flex:none}
.item.outro{color:var(--suave)}
.item.sem{font-style:italic;cursor:default;color:var(--fraco)}
.item.sem:hover{background:transparent}
.fechada>ul{display:none}
#busca{margin:0 12px 8px;padding:7px 10px;border:1px solid var(--linha);border-radius:6px;background:var(--elev);outline:0}
#busca:focus{border-color:var(--acento)}
#resultados{flex:1;overflow:auto}
.res{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 14px;cursor:pointer;border-bottom:1px solid var(--linha)}
.res:hover{background:var(--elev)}
.res b{display:block;font-weight:600}
.res small{display:block;color:var(--fraco);font-size:11px}
.res span{display:block;color:var(--suave);margin-top:2px;font-size:12px}
.res mark{background:var(--marca-busca);color:var(--marca-busca-tinta);border-radius:3px;padding:0 1px}
.vazio{color:var(--suave);padding:12px 14px}

#editor{grid-area:edit;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--fundo);
  background-image:radial-gradient(900px 520px at 100% 0%,var(--halo),transparent 70%)}
#abas{display:flex;overflow-x:auto;background:var(--barra);border-bottom:1px solid var(--linha);flex:none;min-height:35px;scrollbar-width:none}
#abas::-webkit-scrollbar{display:none}
.aba{display:flex;align-items:center;gap:8px;height:35px;padding:0 6px 0 12px;border:0;border-right:1px solid var(--linha);border-top:2px solid transparent;background:transparent;color:var(--suave);cursor:pointer;white-space:nowrap;max-width:240px;flex:none}
.aba span{overflow:hidden;text-overflow:ellipsis}
.aba.ativa{background:var(--fundo);color:var(--tinta);border-top-color:var(--acento)}
.aba .x{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:var(--fraco);font-size:12px;flex:none}
.aba .x:hover{background:var(--elev);color:var(--tinta)}
.aba .pt{width:7px;height:7px;border-radius:50%;background:var(--acento);flex:none}
#faixa{display:flex;align-items:center;gap:12px;min-height:26px;padding:0 20px;color:var(--fraco);font-size:12px;flex:none}
#trilha{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#trilha b{color:var(--suave);font-weight:500}
#acoes button{border:0;background:transparent;color:var(--link);cursor:pointer;padding:3px 6px;border-radius:5px;font-size:12px}
#acoes button:hover{background:var(--elev)}
#nota{flex:1;overflow:auto;padding:22px 28px 80px;min-height:0}
#nota.cheio{padding:0;overflow:hidden;display:flex}

/* conteúdo */
.folha{max-width:820px;margin:0 auto;font-size:16px;line-height:1.65}
.folha h1,.folha h2,.folha h3{font-family:"Inter Tight",Inter,sans-serif;letter-spacing:-.01em}
.folha h1{font-size:30px;line-height:1.2;margin:0 0 6px}
.folha h2{font-size:22px;margin:34px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--linha)}
.folha h3{font-size:18px;margin:26px 0 8px}
.folha p,.folha li{font-size:16.5px}
.folha a{color:var(--link)}
.folha a.interno{text-decoration:none;border-bottom:1px dashed var(--link)}
.folha code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--elev);padding:1px 5px;border-radius:5px}
.folha pre{background:var(--codigo);color:#E6EDF3;padding:16px;border-radius:12px;overflow:auto;border:1px solid var(--linha)}
.folha pre code{background:transparent;color:inherit;padding:0}
.folha blockquote{margin:14px 0;padding:6px 16px;border-left:3px solid var(--acento);background:var(--elev);border-radius:0 8px 8px 0}
.folha table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px;display:block;overflow:auto}
.folha th,.folha td{border:1px solid var(--linha);padding:8px 10px;text-align:left;vertical-align:top}
.folha th{background:var(--elev)}
.folha hr{border:0;border-top:1px solid var(--linha);margin:28px 0}
.meta{color:var(--fraco);font-size:13px;margin:0 0 22px}
details.props{margin:0 0 20px;border:1px solid var(--linha);border-radius:10px;background:var(--superf);padding:8px 14px;font-size:14px}
details.props summary{cursor:pointer;color:var(--suave)}
details.props pre{background:transparent;color:var(--tinta);border:0;padding:6px 0 0;margin:0;white-space:pre-wrap;font-size:13px}
.cartao{border:1px solid var(--linha);background:var(--superf);border-radius:20px;padding:22px}
.campos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.campos span{font:13px ui-monospace,Menlo,monospace;background:var(--acento-fraco);color:var(--link);padding:3px 8px;border-radius:6px}
.papel{background:#fff;color:#111;border-radius:4px;padding:46px 54px;margin:18px 0;box-shadow:0 6px 24px rgba(0,0,0,.28);font-family:Georgia,"Times New Roman",serif}
.papel p{font-size:16px;line-height:1.7;margin:0 0 12px;text-align:justify}
mark.campo{background:#FBE3D3;color:#8A3608;border-radius:4px;padding:0 4px;font:13.5px ui-monospace,Menlo,monospace}
iframe.pdf{width:100%;height:calc(100vh - 190px);border:1px solid var(--linha);border-radius:10px;background:#fff}
.atalhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:18px}
.atalhos button{text-align:left;border:1px solid var(--linha);background:var(--superf);border-radius:14px;padding:14px 16px;cursor:pointer}
.atalhos button:hover{border-color:var(--acento)}
.atalhos b{display:block;font-size:15px}
.atalhos span{color:var(--suave);font-size:13.5px}

/* painel do Claude */
#claude{grid-area:claude;background:var(--superf);border-left:1px solid var(--linha);min-height:0;display:flex;flex-direction:column}
#cl-fechar{border:0;background:transparent;color:var(--fraco);cursor:pointer;width:24px;height:24px;border-radius:5px}
#cl-fechar:hover{background:var(--elev);color:var(--tinta)}
#cl-msgs{flex:1;overflow:auto;padding:8px 14px 14px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55}
.cl-abre{margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0}
.orbe{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--brilho),var(--acento) 45%,var(--sinal) 100%);box-shadow:0 0 40px rgba(219,91,20,.3)}
.cl-abre h2{font:600 19px/1.25 "Inter Tight",Inter,sans-serif;margin:6px 0 0}
.cl-abre p{margin:0;color:var(--suave);font-size:13px}
.chips{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}
.chip{text-align:left;padding:9px 12px;border-radius:10px;border:1px solid var(--linha);background:transparent;cursor:pointer;font-size:13px}
.chip:hover{border-color:var(--acento)}
.m{padding:9px 12px;border-radius:12px;overflow-wrap:anywhere}
.m.eu{align-self:flex-end;background:var(--acento-forte);color:#fff;max-width:90%;white-space:pre-wrap}
.m.sis{background:var(--elev);border:1px solid var(--linha)}
.m.sis p{margin:4px 0 10px;color:var(--suave)}
.m.sis code{background:var(--fundo);padding:1px 5px;border-radius:4px;font-size:12.5px}
.passo{font:12.5px ui-monospace,Menlo,monospace;color:var(--suave)}
.passo::before{content:"⏺ ";color:var(--acento)}
.botao{display:inline-block;background:var(--acento-forte);color:#fff;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:9px;font-size:13px}
#cl-caixa{margin:0 12px 12px;background:var(--elev);border:1px solid var(--linha);border-radius:14px;padding:10px}
#cl-caixa:focus-within{border-color:var(--acento)}
#pedido{width:100%;border:0;background:transparent;resize:none;outline:0;font-size:14px;line-height:1.5;padding:2px 4px 8px}
#cl-caixa .linha{display:flex;align-items:center;gap:8px}
.dica{flex:1;font-size:11px;color:var(--fraco)}
.red{width:32px;height:32px;border-radius:50%;border:1px solid var(--linha);background:var(--superf);cursor:pointer;display:grid;place-items:center;flex:none}
.red svg{width:16px;height:16px}
.red.env{background:var(--acento-forte);border-color:var(--acento-forte);color:#fff}
.red.gravando{background:var(--sinal);border-color:var(--sinal);color:#fff}

/* barra de status */
#status{grid-area:status;display:flex;align-items:center;gap:14px;padding:0 10px;background:var(--acento-forte);color:#fff;font-size:11.5px;white-space:nowrap;overflow:hidden}
#status button{border:0;background:transparent;color:#fff;cursor:pointer;height:24px;padding:0 6px;font-size:11.5px}
#status button:hover{background:rgba(255,255,255,.16)}
#st-menu{display:none}

/* Cérebro */
#grafo{position:relative;flex:1;min-height:0}
#grafo canvas{display:block;cursor:grab;touch-action:none}
#grafo .legenda{position:absolute;left:16px;bottom:14px;background:var(--superf);border:1px solid var(--linha);border-radius:12px;padding:8px 12px;max-width:min(420px,calc(100% - 32px));pointer-events:none}
#grafo .legenda b{display:block;font-size:14px}
#grafo .legenda span{font-size:12px;color:var(--suave)}

dialog{border:1px solid var(--linha);border-radius:16px;padding:24px;max-width:600px;width:calc(100% - 32px);background:var(--superf);color:var(--tinta);font-size:14px}
dialog::backdrop{background:rgba(0,0,0,.55)}
dialog h2{margin:0 0 10px;font:600 19px "Inter Tight",Inter,sans-serif}
dialog form{display:flex;justify-content:flex-end;margin-top:16px}
dialog form button{padding:8px 14px;border:0;border-radius:9px;background:var(--acento-forte);color:#fff;cursor:pointer}
dialog table{width:100%;border-collapse:collapse;font-size:12.5px}
dialog td,dialog th{border-bottom:1px solid var(--linha);padding:5px 4px;text-align:left}

@media (max-width:1100px){#app{grid-template-columns:48px 250px minmax(0,1fr) 320px}#app.sem-claude{grid-template-columns:48px 250px minmax(0,1fr) 0}}
@media (max-width:860px){
  #app,#app.sem-claude{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"ativ edit" "status status"}
  #lateral{position:fixed;top:0;bottom:24px;left:48px;width:min(300px,calc(100vw - 64px));z-index:6;transform:translateX(-120%);transition:transform .18s}
  #app.menu-aberto #lateral{transform:none;box-shadow:12px 0 30px rgba(0,0,0,.35)}
  #claude{position:fixed;top:0;bottom:24px;right:0;width:min(360px,calc(100vw - 48px));z-index:6}
  #st-menu{display:block}
  #nota{padding:16px 16px 60px}
  .papel{padding:22px 18px}
  #status span:not(#st-quem){display:none}
}

.folha.larga{max-width:980px}
.logo{width:32px;height:32px;flex:none}
.logo-topo{display:grid;place-items:center;width:48px;height:44px;margin-bottom:4px}
.logo-topo .logo{width:26px;height:26px}

/* ===== Claude Code como módulo lateral + guia de conversa ===== */
#app,#app.sem-claude{grid-template-columns:48px 290px minmax(0,1fr);grid-template-areas:"ativ lat edit" "status status status"}
@media (max-width:1100px){#app,#app.sem-claude{grid-template-columns:48px 250px minmax(0,1fr)}}
@media (max-width:860px){#app,#app.sem-claude{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"ativ edit" "status status"}}
.nova{margin:2px 12px 10px;padding:8px 10px;border:1px solid var(--linha);border-radius:8px;background:var(--elev);cursor:pointer;text-align:left;font-weight:600}
.nova:hover{border-color:var(--acento)}
.cab2{height:28px}
#cl-lista{flex:1;overflow:auto}
.res.atual{background:var(--acento-fraco);box-shadow:inset 2px 0 0 var(--acento)}
#chat{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:0 20px}
#cl-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;font-size:12px;color:var(--suave)}
#cl-topo .sit{flex:1;min-width:180px}
#cl-topo .sit::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fraco);margin-right:7px}
#cl-topo .sit.ok::before{background:var(--ok)}
#cl-topo select,#cl-topo button{background:var(--elev);color:var(--tinta);border:1px solid var(--linha);border-radius:7px;font-size:12px;padding:5px 8px;cursor:pointer}
#cl-topo button.on{color:var(--link);border-color:var(--acento)}
#chat #cl-msgs{flex:1;overflow:auto;padding:8px 0 14px;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.6}
#chat .m.eu{max-width:80%}
#chat .m.sis{font-size:15.5px}
#chat #cl-caixa{margin:0 0 16px;border-radius:18px;padding:12px}
#chat #pedido{font-size:15.5px}
#chat .red{width:36px;height:36px}
#chat .cl-abre h2{font-size:26px}
#chat .cl-abre p{font-size:14.5px}
#chat .chips{max-width:520px}
#chat .orbe{width:72px;height:72px}

/* barra de opções do Claude Code, embaixo da caixa */
#cl-opcoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 14px;font-size:12px;color:var(--suave)}
#cl-opcoes select,#cl-opcoes button{background:transparent;color:var(--suave);border:1px solid transparent;border-radius:7px;font-size:12px;padding:5px 6px;cursor:pointer;max-width:210px}
#cl-opcoes select:hover,#cl-opcoes button:hover{border-color:var(--linha);color:var(--tinta);background:var(--elev)}
#cl-opcoes button.on{color:var(--link)}
#cl-opcoes .op{padding:5px 6px;white-space:nowrap}
#chat #cl-caixa{margin-bottom:10px}

/* ===== Suavização no estilo do Obsidian: letras leves, menos contraste, linhas com respiro ===== */
:root{--tinta:#DCDDDE;--suave:#A3A6AA;--fraco:#7C8087;--linha:#262626;--superf:#141414;--elev:#1E1E1E;--barra:#0C0C0C}
:root[data-tema="medio"]{--tinta:#DCDDDE;--suave:#A9ABB0;--fraco:#868990;--linha:#35363B;--superf:#25262A;--elev:#2F3035;--barra:#1A1B1D}
:root[data-tema="claro"]{--tinta:#2E3338;--suave:#5C6166;--fraco:#80858B;--linha:#E3E3E3;--superf:#FAFAFA;--elev:#EFEFEF;--barra:#F2F2F2;--fundo:#FFFFFF}
body{font-size:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.005em}
svg{stroke-width:1.5}
#atividades button{color:var(--fraco)}
#atividades button.ativo{border-left-color:transparent;color:var(--tinta);background:var(--elev);border-radius:8px;width:36px;height:36px;margin:4px 6px}
#atividades button{width:36px;height:36px;margin:4px 6px;border-left:0;border-radius:8px}
#atividades button svg{width:19px;height:19px}
#atividades button:hover{background:var(--elev)}
.cab{font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--fraco);height:38px}
#arvore{padding:2px 8px 14px}
.item{height:28px;border-radius:6px;font-weight:400;color:var(--suave);gap:2px;padding-right:8px}
.item.pasta{font-weight:400;color:var(--suave)}
.item:hover{background:var(--elev);color:var(--tinta)}
.item.ativo{background:var(--elev);color:var(--tinta)}
.item .seta{font-size:8px;color:var(--fraco);opacity:.8}
.item.outro{color:var(--fraco)}
.item .tipo{border:0;background:transparent;font-size:9.5px;letter-spacing:.04em;color:var(--fraco);padding:0}
#arvore ul ul{position:relative}
#arvore ul ul::before{content:"";position:absolute;top:0;bottom:0;left:calc(14px + var(--g,0) * 12px);border-left:1px solid var(--linha)}
.aba{color:var(--fraco);font-weight:400;border-top:0;border-right:0;margin:5px 0 0 4px;height:30px;border-radius:8px 8px 0 0;padding:0 6px 0 12px}
.aba.ativa{color:var(--tinta);background:var(--fundo)}
#abas{border-bottom:0;background:var(--barra);min-height:35px}
.aba .pt{width:6px;height:6px;opacity:.9}
#faixa{font-size:12px;color:var(--fraco);min-height:30px}
.folha{color:var(--tinta);line-height:1.7}
.folha h1{font-weight:600;font-size:28px}
.folha h2{font-weight:600;font-size:21px;border-bottom:0;margin-top:30px}
.folha h3{font-weight:600}
.folha p,.folha li{font-size:16px}
.folha b,.folha strong{font-weight:600}
.meta{font-size:12.5px}
#status{background:var(--barra);color:var(--fraco);border-top:1px solid var(--linha);font-size:11.5px}
#status button{color:var(--fraco)}
#status button:hover{background:var(--elev);color:var(--tinta)}
.res b{font-weight:500}
.nova{font-weight:500;color:var(--tinta)}
.m.eu{background:var(--elev);color:var(--tinta);border:1px solid var(--linha)}
.chip{color:var(--suave)}
.chip:hover{color:var(--tinta)}
#chat .cl-abre h2{font-weight:600}
.orbe{box-shadow:0 0 34px rgba(219,91,20,.22)}

#cl-login .passos{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:8px}
#cl-login .lg-linha{display:flex;gap:8px;width:100%;flex-wrap:wrap}
#cl-login input{flex:1;min-width:200px;padding:9px 12px;border:1px solid var(--linha);border-radius:9px;background:var(--fundo);outline:0;font:13px ui-monospace,Menlo,monospace}
#cl-login input:focus{border-color:var(--acento)}
#cl-login .botao{border:0;cursor:pointer}
#cl-login .botao:disabled{opacity:.6;cursor:default}
#cl-login a{color:var(--link)}

/* agenda de prazos */
#pz-filtros{padding:0 12px 8px;display:flex;flex-direction:column;gap:6px}
.pz-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--elev);border-radius:8px;padding:3px}
.pz-seg button{border:0;background:transparent;color:var(--suave);padding:5px 2px;border-radius:6px;cursor:pointer;font-size:12px}
.pz-seg button.ativo{background:var(--superf);color:var(--tinta);box-shadow:0 0 0 1px var(--linha)}
#pz-quem{background:var(--elev);color:var(--tinta);border:1px solid var(--linha);border-radius:7px;padding:6px 8px;font-size:12px}
#pz-lista{flex:1;overflow:auto;padding-bottom:12px}
.pz-dia{display:flex;justify-content:space-between;padding:10px 16px 4px;font-size:11.5px;color:var(--fraco);text-transform:capitalize;letter-spacing:.02em}
.pz-dia.hoje{color:var(--link)}
.pz-dia.atras{color:var(--sinal);text-transform:none}
.pz-dia span{opacity:.8}
.pz{display:block;width:calc(100% - 16px);margin:0 8px;text-align:left;border:0;background:transparent;padding:6px 8px;border-radius:6px;cursor:pointer}
.pz:hover{background:var(--elev)}
.pz b{display:block;font-weight:500;color:var(--tinta);font-size:13px}
.pz span{display:block;color:var(--suave);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz small{display:block;color:var(--fraco);font-size:11.5px}
.pz-u{font-style:normal;font-size:10.5px;color:var(--sinal);border:1px solid var(--sinal);border-radius:4px;padding:0 4px;margin-left:4px}
dialog th{width:120px;color:var(--fraco);font-weight:400}

/* barra de opções no molde do Claude */
#cl-opcoes{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 4px 14px;font-size:12.5px;color:var(--fraco)}
#cl-opcoes .lado{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
#cl-opcoes button,#cl-opcoes .op{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--fraco);font-size:12.5px;padding:5px 8px;border-radius:7px;max-width:none;white-space:nowrap}
#cl-opcoes button{cursor:pointer}
#cl-opcoes button:hover{background:var(--elev);color:var(--tinta);border:0}
#cl-opcoes svg{width:15px;height:15px;flex:none}
#cl-opcoes svg.s{width:12px;height:12px;opacity:.7;margin-left:-2px}
#cl-opcoes button.ic.on{color:var(--link)}
.mn{position:relative;display:inline-flex}
.mn-lista{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;min-width:230px;background:var(--superf);border:1px solid var(--linha);border-radius:12px;padding:5px;box-shadow:0 12px 34px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:1px}
.lado.dir .mn-lista{left:auto;right:0}
#cl-opcoes .mn-lista button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:var(--tinta);white-space:normal}
#cl-opcoes .mn-lista button b{font-weight:400;display:block}
#cl-opcoes .mn-lista button small{display:block;color:var(--fraco);font-size:11.5px;margin-top:1px}
#cl-opcoes .mn-lista button.sel b{color:var(--link)}
#cl-opcoes .mn-lista button.sel b::after{content:"  ✓"}
.anel{width:17px!important;height:17px!important}
.anel circle{fill:none;stroke-width:2.4}
.anel .trilho{stroke:var(--linha)}
.anel .feito{stroke:var(--acento);stroke-linecap:round}
#chat #cl-caixa{margin-bottom:8px}

/* calendário de prazos */
.cal{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.cal-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cal-topo h1{font:600 22px "Inter Tight",Inter,sans-serif;margin:0 6px;color:var(--tinta)}
.cal-topo button{border:1px solid var(--linha);background:var(--superf);color:var(--suave);border-radius:8px;min-width:32px;height:32px;padding:0 10px;cursor:pointer;font-size:14px}
.cal-topo button:hover{color:var(--tinta);border-color:var(--acento)}
.cal-res{font-size:12.5px;color:var(--fraco)}
.cal-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;font-size:11.5px;color:var(--fraco);padding:0 4px}
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cel{min-height:112px;background:var(--superf);border:1px solid var(--linha);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cel.fora{opacity:.42}
.cel.hoje{border-color:var(--acento)}
.cel .num{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--suave);padding:0 2px 2px}
.cel.hoje .num span{color:var(--link);font-weight:600}
.cel .num i{font-style:normal;font-size:11px;color:var(--fraco)}
.cel.atras .num i{color:var(--sinal)}
.ev{border:0;background:var(--elev);color:var(--tinta);border-radius:5px;padding:3px 6px;font-size:11.5px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;border-left:2px solid var(--acento)}
.ev:hover{background:var(--acento-fraco)}
.ev.urg{border-left-color:var(--sinal)}
.cel.atras .ev{border-left-color:var(--sinal)}
.mais{border:0;background:transparent;color:var(--fraco);font-size:11px;text-align:left;cursor:pointer;padding:1px 6px}
.mais:hover{color:var(--link)}
.dia-lista{max-height:60vh;overflow:auto}
@media (max-width:860px){.cel{min-height:74px}.ev{display:none}.cal-sem span{text-align:center}}

/* barra lateral ajustável */
#app,#app.sem-claude{grid-template-columns:48px var(--lat,290px) minmax(0,1fr)}
#app.lat-fechada{grid-template-columns:48px 0 minmax(0,1fr)}
#app.lat-fechada #lateral>div:not(#puxador){display:none}
#app.lat-fechada #lateral{border-right:0}
#lateral{position:relative;min-width:0}
#puxador{position:absolute;top:0;bottom:0;right:-4px;width:8px;cursor:col-resize;z-index:8;flex:none!important}
#puxador::after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .12s}
#puxador:hover::after,body.puxando #puxador::after{background:var(--acento)}
body.puxando{cursor:col-resize;user-select:none}
body.puxando iframe{pointer-events:none}
@media (max-width:1100px){#app,#app.sem-claude{grid-template-columns:48px var(--lat,250px) minmax(0,1fr)}}
@media (max-width:860px){#app,#app.sem-claude,#app.lat-fechada{grid-template-columns:48px minmax(0,1fr)}#puxador{display:none}#app.lat-fechada #lateral>div:not(#puxador){display:flex}}

/* Word e PDF: a página fica fixa e só o documento rola */
#nota.cheio .folha.doc{flex:1;display:flex;flex-direction:column;gap:8px;max-width:none;width:100%;margin:0;padding:6px 16px 10px;min-height:0}
.doc-topo{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;flex:none}
.doc-topo h1{font-size:18px!important;margin:0!important;font-weight:600}
.doc-topo .meta{margin:0}
.doc-campos{display:flex;gap:6px;align-items:center;overflow-x:auto;flex:none;font-size:12px;color:var(--fraco);scrollbar-width:none;white-space:nowrap}
.doc-campos i{font:11.5px ui-monospace,Menlo,monospace;font-style:normal;background:var(--acento-fraco);color:var(--link);padding:2px 7px;border-radius:5px}
.folha.doc iframe.pdf{flex:1;height:auto;min-height:0;border-radius:8px}
#sel-claude{position:fixed;z-index:30;border:0;background:var(--acento-forte);color:#fff;font-size:12.5px;font-weight:500;padding:7px 11px;border-radius:8px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}

/* prazos por semana e etiqueta "Temos modelo" */
.tem{font-style:normal;display:inline-block;font-size:10.5px;font-weight:500;color:var(--ok);border:1px solid var(--ok);border-radius:5px;padding:0 5px;letter-spacing:.01em;white-space:nowrap}
.cal .visao{width:150px;grid-template-columns:repeat(2,1fr)}
.cal-topo .pz-seg button{border:0;height:26px;min-width:0;background:transparent}
.cal-topo .pz-seg button.ativo{background:var(--superf)}
#cal-modelo{color:var(--ok);border-color:var(--linha)}
#cal-modelo.ligado{background:var(--ok);color:#06140C;border-color:var(--ok)}
.sem{display:grid;grid-template-columns:repeat(var(--c,5),minmax(0,1fr));gap:8px;align-items:start}
.col{background:var(--superf);border:1px solid var(--linha);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.col.hoje{border-color:var(--acento)}
.col header{display:flex;align-items:baseline;gap:6px;padding:2px 4px 6px;border-bottom:1px solid var(--linha)}
.col header b{font-weight:500;text-transform:capitalize;color:var(--tinta);font-size:13.5px}
.col header span{color:var(--fraco);font-size:12px}
.col header i{margin-left:auto;font-style:normal;font-size:12px;color:var(--fraco)}
.col.hoje header b{color:var(--link)}
.col.atras header i{color:var(--sinal)}
.cartao-pz{display:block;text-align:left;border:0;background:var(--elev);border-radius:8px;padding:8px 9px;cursor:pointer;border-left:2px solid var(--linha);min-width:0}
.cartao-pz:hover{background:var(--acento-fraco)}
.cartao-pz.com{border-left-color:var(--ok)}
.cartao-pz.urg{border-left-color:var(--sinal)}
.cartao-pz b{display:block;font-weight:500;font-size:12.5px;color:var(--tinta);text-transform:capitalize;line-height:1.3}
.cartao-pz span{display:block;font-size:12px;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}
.cartao-pz small{display:block;font-size:11px;color:var(--fraco);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;margin-bottom:3px}
.cartao-pz .pz-u{margin-left:4px}
.nada{color:var(--fraco);font-size:12px;margin:6px 4px}
.ev.com{border-left-color:var(--ok)}
.md-caixa{border:1px solid var(--ok);border-radius:12px;padding:12px 14px;margin:12px 0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.md-caixa b{color:var(--ok);font-weight:600}
.md-caixa p{margin:0;color:var(--suave);font-size:13px}
.md-abrir{border:1px solid var(--linha);background:var(--elev);color:var(--tinta);border-radius:8px;padding:7px 10px;cursor:pointer;text-align:left;font-size:13px;width:100%}
.md-abrir:hover{border-color:var(--ok)}
.md-caixa .botao{border:0;cursor:pointer;margin-top:4px}
.link-advbox{color:var(--link)}
@media (max-width:860px){.sem{grid-template-columns:1fr}}

/* modo conversa */
#chat{position:relative}
#conversa{position:absolute;inset:0;z-index:15;background:var(--fundo);background-image:radial-gradient(700px 480px at 50% 38%,var(--halo),transparent 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px}
#cv-orbe{width:min(46vh,340px);height:min(46vh,340px);cursor:pointer}
#cv-estado{margin:0;font:500 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
#cv-fala{margin:4px 0 0;min-height:28px;font:500 20px/1.35 "Inter Tight",Inter,sans-serif;color:var(--tinta);max-width:680px;text-wrap:balance}
#cv-resposta{margin:2px 0 0;min-height:22px;font-size:14.5px;line-height:1.55;color:var(--suave);max-width:640px}
.cv-botoes{display:flex;gap:10px;margin-top:14px}
.cv-botoes button{border:1px solid var(--linha);background:var(--superf);color:var(--tinta);border-radius:999px;padding:9px 18px;cursor:pointer;font-size:13.5px}
.cv-botoes button:hover{border-color:var(--acento)}
#cv-fim{background:var(--acento-forte);border-color:var(--acento-forte);color:#fff}
.cv-dica{margin:10px 0 0;font-size:12px;color:var(--fraco)}