/* ===================================================================== Sistema de Prazos · Baptista & Lanza Advogados Tema claro com a identidade do escritório: grafite #232222, dourado #C6B249, títulos em Cormorant Garamond e texto em Poppins (fontes carregadas no ). ===================================================================== */ :root{ color-scheme: light; /* Identidade Baptista & Lanza: grafite + dourado, títulos em Cormorant Garamond, texto em Poppins */ --fundo:#f5f4f0; --papel:#ffffff; --papel-2:#faf9f6; --borda:#e7e4db; --borda-forte:#d3cfc2; --texto:#232222; --texto-suave:#55524b; --texto-fraco:#8a867b; --marca:#2f2e2e; --marca-2:#4a4747; --marca-clara:#f6f1dc; --marca-escura:#232222; --ouro:#c6b249; --ouro-hover:#b3a03c; --ouro-escuro:#8c7a1e; --ouro-claro:#f7f2dc; --vermelho:#b3322a; --vermelho-fundo:#fbecea; --ambar:#a8650a; --ambar-fundo:#fdf2df; --verde:#2f7a4b; --verde-fundo:#e8f4ec; --roxo:#6a4bc4; --roxo-fundo:#f1ecff; --azul:#2f5f8f; --azul-fundo:#e9f0f8; --raio:12px; --raio-p:8px; --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif; --sombra:0 1px 2px rgba(35,34,34,.05), 0 2px 8px rgba(35,34,34,.05); --sombra-forte:0 6px 24px rgba(35,34,34,.10); } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; background:var(--fundo); color:var(--texto); font:14.5px/1.6 "Poppins","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased; } a{color:var(--ouro-escuro)} a:hover{color:var(--marca-escura)} h1{font:700 2.05rem/1.15 var(--serif);margin:0 0 1rem;letter-spacing:-.005em;color:var(--marca-escura)} h2{font:700 1.32rem/1.2 var(--serif);margin:0 0 .8rem;color:var(--marca-escura)} h3{font:700 1.12rem/1.25 var(--serif);color:var(--marca-escura)} small{color:var(--texto-fraco)} code{background:var(--papel-2);border:1px solid var(--borda);border-radius:5px;padding:.05rem .35rem;font-size:.85em} .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em;letter-spacing:-.01em} /* ---------- topo (grafite, como o site) ---------- */ .topo{background:var(--marca-escura);position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.18)} .topo::after{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--ouro) 20%,var(--ouro) 80%,transparent);opacity:.8} .topo-interno{max-width:1240px;margin:0 auto;padding:.55rem 1.1rem;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap} .marca{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:#fff} .marca-logo{height:38px;width:auto;display:block} .marca-sistema{display:block;padding-left:.75rem;border-left:1px solid rgba(198,178,73,.45);line-height:1.1} .marca-sistema strong{display:block;font:700 1.15rem/1 var(--serif);color:#fff;letter-spacing:.02em} .marca-sistema small{display:block;font-size:.66rem;color:var(--ouro);text-transform:uppercase;letter-spacing:.14em;margin-top:.2rem} .marca-icone{width:34px;height:34px;border-radius:9px;flex:0 0 auto;position:relative;background:var(--marca-escura); border:1px solid var(--ouro)} .marca-icone::after{content:"§";position:absolute;inset:0;display:grid;place-items:center;color:var(--ouro); font:700 20px/1 var(--serif)} .menu{display:flex;gap:.2rem;margin-left:auto} .menu a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:9px;text-decoration:none; color:#d6d2c6;font-weight:500;font-size:.9rem} .menu a svg{width:17px;height:17px;flex:0 0 auto;opacity:.8} .menu a:hover{background:rgba(255,255,255,.06);color:#fff} .menu a.ativo{background:rgba(198,178,73,.14);color:var(--ouro)} .menu a.ativo svg{opacity:1} .usuario{display:flex;gap:.6rem;align-items:center;font-size:.83rem;color:#bdb8aa} .usuario-nome{font-weight:500;color:#fff} .usuario .etiqueta{background:transparent;border-color:rgba(198,178,73,.5);color:var(--ouro)} .link-discreto{color:#a9a498;text-decoration:none} .link-discreto:hover{color:var(--ouro);text-decoration:underline} .topo .link-discreto{color:#bdb8aa} .pagina{max-width:1240px;margin:0 auto;padding:1.7rem 1.1rem 3rem} .rodape{max-width:1240px;margin:0 auto;padding:0 1.1rem 2rem;color:var(--texto-fraco);font-size:.78rem} .migalha{margin:0 0 .8rem;font-size:.88rem} .migalha a{text-decoration:none;font-weight:500} /* ---------- cabeçalho das páginas ---------- */ .cabecalho-pagina{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem} .cabecalho-pagina h1{margin:0} .cabecalho-pagina p{margin:.2rem 0 0;color:var(--texto-suave)} .saudacao{font-size:.88rem;color:var(--texto-fraco);margin:0 0 .15rem} .saudacao::first-letter{text-transform:uppercase} /* ---------- faixas ---------- */ .faixa{padding:.75rem 1rem;border-radius:var(--raio-p);margin-bottom:1rem;border:1px solid transparent;font-size:.92rem; display:block;border-left-width:4px} .faixa-ok{background:var(--verde-fundo);border-color:#bfe3cd;border-left-color:var(--verde);color:#15573a} .faixa-erro{background:var(--vermelho-fundo);border-color:#f3c9c3;border-left-color:var(--vermelho);color:#8d2a1f} .faixa-atencao{background:var(--ambar-fundo);border-color:#f3dcb2;border-left-color:var(--ambar);color:#7a4a00} .faixa a{color:inherit;font-weight:600} /* ---------- cartões de resumo ---------- */ .cartoes-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1.3rem} .cartao{background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio);padding:1rem 1.1rem; text-decoration:none;color:var(--texto);box-shadow:var(--sombra);display:grid;grid-template-columns:auto 1fr; grid-template-areas:"icone numero" "icone rotulo";column-gap:.85rem;align-items:center; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease} .cartao::before{grid-area:icone;content:"";width:42px;height:42px;border-radius:11px;background:var(--marca-clara) center/22px no-repeat;background-image:var(--icone)} a.cartao:hover{transform:translateY(-2px);box-shadow:var(--sombra-forte);border-color:var(--borda-forte)} .cartao-numero{grid-area:numero;display:block;font:700 2.1rem/1 var(--serif);color:var(--marca-escura)} .cartao-rotulo{grid-area:rotulo;display:block;font-size:.82rem;line-height:1.3;color:var(--texto-suave)} .cartao-vencido::before{background-color:var(--vermelho-fundo); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3C/svg%3E")} .cartao-vencido .cartao-numero{color:var(--vermelho)} .cartao-hoje::before{background-color:var(--ambar-fundo); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b26a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .cartao-hoje .cartao-numero{color:var(--ambar)} .cartao-semana::before{background-color:var(--azul-fundo); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f5f8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E")} .cartao-triagem::before{background-color:var(--roxo-fundo); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a4bc4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E")} .cartao-triagem .cartao-numero{color:var(--roxo)} .cartao-distribuir::before{background-color:var(--ouro-claro); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a6330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.4 3.3-5.3 6.5-5.3 1.4 0 2.6.3 3.6 1'/%3E%3Cpath d='M16 14v6M13 17h6'/%3E%3C/svg%3E")} .cartao-distribuir .cartao-numero{color:#8a6330} .cartao-baixa::before{background-color:var(--verde-fundo); --icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 15l2 2 4-4'/%3E%3C/svg%3E")} .cartao-baixa .cartao-numero{color:var(--verde)} .cartao:not(a)::before{display:none} .cartao:not(a){grid-template-columns:1fr;grid-template-areas:"numero" "rotulo"} /* ---------- filtros e formulários ---------- */ .filtros{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr)) auto auto;gap:.55rem;margin-bottom:1rem;align-items:center;background:var(--papel); border:1px solid var(--borda);border-radius:var(--raio);padding:.7rem;box-shadow:var(--sombra)} input,select,textarea{ font:inherit;padding:.55rem .7rem;border:1px solid var(--borda-forte);border-radius:var(--raio-p); background:var(--papel);color:var(--texto);max-width:100%;transition:border-color .12s, box-shadow .12s } select{padding-right:2rem} input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.campo-mini):not(.campo-nome),select:not(.campo-mini){min-height:2.65rem} input[type=file]{width:100%;padding:.45rem;background:var(--papel-2);font-size:.88rem} input[type=file]::file-selector-button{font:inherit;font-weight:600;font-size:.85rem;margin-right:.7rem;padding:.35rem .75rem; border:1px solid var(--borda-forte);border-radius:7px;background:var(--papel);color:var(--texto);cursor:pointer} input:hover,select:hover,textarea:hover{border-color:#b6c2d3} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(198,178,73,.25)} textarea{width:100%;resize:vertical} label{display:block;font-size:.83rem;font-weight:600;color:var(--texto-suave);margin:.8rem 0 .3rem} .campo-busca{min-width:0;width:100%;padding-left:2.2rem; background:var(--papel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8699' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") .7rem center/17px no-repeat} .campo-mini{width:130px;padding:.35rem .5rem;font-size:.85rem} .campo-caixa label{display:flex;gap:.45rem;align-items:center;font-weight:500;margin-top:1.7rem;color:var(--texto)} .campo-caixa input{width:auto;accent-color:var(--marca)} .formulario-linha{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.9rem 1rem;align-items:end} .formulario-linha>div{min-width:0} .formulario-linha label{margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .formulario-linha input:not([type=checkbox]),.formulario-linha select{width:100%} .formulario-linha .campo-caixa label{margin:0;white-space:normal;min-height:2.65rem} .formulario-linha>.botao{justify-self:start;min-width:8rem} .formulario-inline{display:inline-flex;gap:.3rem;align-items:center;flex-wrap:wrap} input[type=checkbox],input[type=radio]{accent-color:var(--marca)} .botao{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem; border:1px solid var(--borda-forte);border-radius:var(--raio-p);background:var(--papel);color:var(--texto); font:inherit;font-weight:600;font-size:.93rem;cursor:pointer;text-decoration:none;text-align:center; transition:background .12s, border-color .12s, color .12s, box-shadow .12s} .botao:hover{border-color:var(--ouro);color:var(--marca-escura);background:var(--papel-2)} .botao-principal{background:var(--ouro);border-color:var(--ouro);color:var(--marca-escura);box-shadow:0 1px 2px rgba(140,122,30,.3)} .botao-principal:hover{background:var(--ouro-hover);border-color:var(--ouro-hover);color:var(--marca-escura)} .botao-sucesso{background:var(--verde);border-color:var(--verde);color:#fff} .botao-sucesso:hover{filter:brightness(1.08);color:#fff} .botao-vazado{background:transparent} .botao-largo{width:100%;margin-top:.8rem} .mini-botao{white-space:nowrap;padding:.3rem .6rem;font-size:.8rem;font-weight:550;border:1px solid var(--borda-forte); border-radius:7px;background:var(--papel);color:var(--texto-suave);cursor:pointer;font-family:inherit} .mini-botao:hover{border-color:var(--ouro);color:var(--marca-escura);background:var(--ouro-claro)} /* ---------- tabelas ---------- */ .tabela-rolagem{overflow-x:auto;background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)} .tabela{width:100%;border-collapse:collapse;font-size:.9rem} .tabela th{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--borda);background:var(--papel-2); font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-fraco);white-space:nowrap;font-weight:650} .tabela td{padding:.75rem .9rem;border-bottom:1px solid var(--borda);vertical-align:top} .tabela tbody tr:last-child td{border-bottom:none} .tabela tbody tr{transition:background .1s} .tabela tbody tr:hover{background:#fbf9f2} .celula-titulo a{font-weight:650;text-decoration:none;color:var(--marca-escura)} .celula-titulo a:hover{color:var(--ouro-escuro);text-decoration:underline} .celula-titulo small{display:block;color:var(--texto-fraco);font-size:.8rem;margin-top:.15rem} .celula-acoes{min-width:9.5rem} .celula-acoes>form{display:inline-flex;gap:.3rem;align-items:center;margin:0 .3rem .35rem 0;vertical-align:middle} .tabela td.celula-acoes{padding-bottom:.4rem} .celula-mensagem{max-width:320px;font-size:.82rem;color:var(--texto-suave)} .linha-inativa{opacity:.55} .linha-vencido{background:#fff7f6} .linha-vencido td:first-child{box-shadow:inset 3px 0 0 var(--vermelho)} .linha-hoje td:first-child,.linha-urgente td:first-child{box-shadow:inset 3px 0 0 var(--ambar)} .contagem{color:var(--texto-fraco);font-size:.83rem;margin-top:.6rem} .vazio{color:var(--texto-fraco);padding:1rem 0} section>.vazio:only-child{padding:.3rem 0} /* ---------- pílulas ---------- */ .pilula{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:99px;font-size:.76rem;font-weight:650;white-space:nowrap} .pilula::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85} .pilula-grande{font-size:.86rem;padding:.35rem .8rem} .pilula-vencido{background:var(--vermelho-fundo);color:var(--vermelho)} .pilula-hoje,.pilula-urgente{background:var(--ambar-fundo);color:var(--ambar)} .pilula-proximo{background:var(--azul-fundo);color:var(--azul)} .pilula-ciencia,.pilula-ciente{background:#eef0f3;color:#5c6470} .pilula-tranquilo{background:var(--verde-fundo);color:var(--verde)} .pilula-sem-data{background:var(--roxo-fundo);color:var(--roxo)} .pilula-cumprido{background:var(--verde-fundo);color:var(--verde)} .pilula-arquivado{background:var(--papel-2);color:var(--texto-fraco);border:1px solid var(--borda)} .pilula-distribuir{background:var(--ouro-claro);color:#8a6330} .pilula-herdado{background:var(--ouro-claro);color:#8a6330;margin-left:.35rem} .pilula-herdado::before{display:none} .etiqueta{display:inline-block;white-space:nowrap;padding:.18rem .5rem;border-radius:6px;background:var(--papel-2); border:1px solid var(--borda);font-size:.76rem;color:var(--texto-suave);font-weight:550} .etiqueta-papel{text-transform:capitalize} /* ---------- blocos e detalhe ---------- */ .bloco{background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio); padding:1.15rem 1.2rem;margin-bottom:1rem;box-shadow:var(--sombra)} .bloco-estreito{max-width:440px} .bloco-destaque{border-color:#e7dfbd;border-top:3px solid var(--ouro)} .bloco-contagem{border-top:3px solid var(--ouro)} .detalhe-topo{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:1.1rem} .detalhe-topo h1{margin:0 0 .3rem} .detalhe-meta{margin:0;color:var(--texto-suave);font-size:.88rem} .detalhe-selos{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap} .detalhe-colunas{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:1.1rem;align-items:start} .detalhe-colunas>*{min-width:0} @media (max-width:900px){.detalhe-colunas{grid-template-columns:minmax(0,1fr)}} .detalhe-topo h1,.texto-publicacao,.lista-dados dd{overflow-wrap:anywhere} .texto-publicacao{background:var(--papel-2);border:1px solid var(--borda);border-radius:var(--raio-p); padding:1rem 1.1rem;max-height:520px;overflow:auto;font-size:.9rem;line-height:1.7;white-space:normal;color:#253247} .lista-dados{margin:0 0 .9rem;display:grid;gap:.4rem} .lista-dados>div{display:flex;gap:.5rem;font-size:.88rem} .lista-dados dt{color:var(--texto-fraco);min-width:120px;margin:0} .lista-dados dd{margin:0;font-weight:550} .dica{font-size:.82rem;color:var(--texto-suave);margin:.5rem 0} .pagina>h1+.dica{margin:-.35rem 0 1.25rem;max-width:90ch;font-size:.86rem} .bloco>h2:first-child{margin-bottom:.9rem} .bloco h3{font-size:.98rem;margin:1.6rem 0 .75rem} .bloco>.tabela-rolagem{box-shadow:none} .bloco>h2+.dica{margin-top:-.3rem;margin-bottom:1rem} .lista-dados-compacta{margin:.9rem 0 .4rem} .acoes-prazo{margin-top:1rem;border-top:1px solid var(--borda);padding-top:.8rem} .historico{list-style:none;margin:0;padding:0;font-size:.85rem} .historico li{padding:.55rem 0 .55rem 1rem;border-bottom:1px solid var(--borda);position:relative} .historico li::before{content:"";position:absolute;left:0;top:.95rem;width:6px;height:6px;border-radius:50%;background:var(--borda-forte)} .historico li:first-child::before{background:var(--ouro)} .historico li:last-child{border-bottom:none} .historico strong{display:block} .historico span{display:block;color:var(--texto-suave)} .historico small{display:block;color:var(--texto-fraco);margin-top:.15rem} .lista-anexos{list-style:none;margin:0 0 .8rem;padding:0;font-size:.87rem} .lista-anexos li{padding:.5rem 0;border-bottom:1px solid var(--borda)} .lista-anexos li:last-child{border-bottom:none} .lista-anexos small{display:block;color:var(--texto-fraco);font-size:.78rem} .lista-anexos form{display:inline-block;margin-top:.25rem} /* ---------- login ---------- */ .tela-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem; background:radial-gradient(900px 500px at 50% -10%,#3b3939 0,transparent 70%),var(--marca-escura);flex-direction:column;gap:1.6rem} .caixa-login{background:var(--papel);border:1px solid var(--borda);border-radius:16px; padding:2rem 2rem 1.8rem;width:100%;max-width:400px;box-shadow:0 18px 50px rgba(0,0,0,.35);border-top:3px solid var(--ouro)} .logo-login{display:block;height:64px;width:auto;margin:0 auto} .marca-login{text-align:center;margin-bottom:1.3rem} .marca-login .marca-icone{width:52px;height:52px;border-radius:14px;margin:0 auto .8rem} .marca-login .marca-icone::after{font-size:26px} .marca-login h1{font-size:1.7rem;margin:0} .marca-login p{margin:.25rem 0 0;color:var(--texto-suave);font-size:.9rem} .caixa-login label{margin-top:.9rem} .caixa-login input{width:100%} .nota-login{text-align:center;color:var(--texto-fraco);font-size:.8rem;margin:1.2rem 0 0} /* ---------- contagem do prazo ---------- */ .linha-tempo{list-style:none;margin:.3rem 0 .7rem;padding:0 0 0 1rem;border-left:2px solid var(--borda)} .linha-tempo li{position:relative;display:flex;justify-content:space-between;gap:.6rem;padding:.32rem 0;font-size:.87rem} .linha-tempo li::before{content:"";position:absolute;left:calc(-1rem - 5px);top:.75rem;width:8px;height:8px; border-radius:50%;background:var(--papel);border:2px solid var(--borda-forte)} .linha-tempo span{color:var(--texto-suave)} .linha-tempo strong{font-weight:650;white-space:nowrap} .linha-tempo-fatal::before{background:var(--ouro)!important;border-color:var(--ouro)!important} .linha-tempo-fatal strong{color:var(--marca)} .formulario-recalculo label{margin-top:.4rem} .campo-dias{width:5.2rem} .campo-nome{width:12rem;padding:.35rem .5rem;font-size:.85rem} .calculo-resumo{display:block;font-size:.76rem;color:var(--texto-fraco);white-space:nowrap} .calculo-presumido{color:var(--ambar)} /* ---------- agenda ---------- */ .agenda-dia{margin-bottom:1.2rem} .agenda-dia h2{font-size:.92rem;margin:0 0 .5rem;color:var(--texto-fraco);font-weight:600} .agenda-dia h2 span{color:var(--marca-escura);margin-right:.35rem;font-size:1rem} .agenda-hoje h2 span{color:var(--ouro-escuro)} .agenda-lista{list-style:none;margin:0;padding:0;background:var(--papel);border:1px solid var(--borda); border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden} .agenda-item{display:grid;grid-template-columns:5.8rem minmax(0,1fr) auto;gap:.8rem;align-items:start; padding:.75rem 1rem;border-bottom:1px solid var(--borda);box-shadow:inset 4px 0 0 var(--borda-forte)} .agenda-item:last-child{border-bottom:none} .agenda-item:hover{background:#fbf9f2} .agenda-item a{font-weight:650;text-decoration:none;color:var(--marca-escura)} .agenda-item a:hover{color:var(--marca-2);text-decoration:underline} .agenda-item small{display:block;color:var(--texto-fraco);font-size:.8rem;margin-top:.1rem} .agenda-hora{font-weight:700;font-size:.86rem;color:var(--texto-suave);white-space:nowrap} .agenda-audiencia{box-shadow:inset 4px 0 0 var(--vermelho)} .agenda-diligencia,.agenda-pericia{box-shadow:inset 4px 0 0 var(--ambar)} .agenda-reuniao{box-shadow:inset 4px 0 0 var(--azul)} .agenda-outro{box-shadow:inset 4px 0 0 var(--texto-fraco)} .agenda-prazo{box-shadow:inset 4px 0 0 var(--roxo);background:#fcfbff} .agenda-prazo .agenda-hora{color:var(--roxo)} .agenda-cancelado{opacity:.55} .agenda-cancelado a{text-decoration:line-through} .grade-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 1rem;margin-bottom:1rem} .grade-form input,.grade-form select,.grade-form textarea{width:100%} .grade-form input[type=checkbox]{width:auto} .grade-largo{grid-column:1 / -1} .grade-form .campo-caixa label{margin-top:2rem} .grade-form .opcoes-linha{margin-top:1rem} .grade-form .opcoes-linha label{margin:0} .grade-dupla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 1rem} @media (max-width:720px){.grade-dupla{grid-template-columns:1fr}} .caixas-coluna{display:flex;flex-direction:column;gap:.5rem;padding-top:1.95rem} .caixas-coluna label{display:flex;gap:.45rem;align-items:center;margin:0;font-weight:500;color:var(--texto)} .caixas-coluna input{width:auto} .cartao-contato .grade-form{margin-bottom:.9rem} .cartao-contato h3 .pilula{margin-left:.1rem} .painel-teste{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--borda)} .painel-teste h3{margin-top:0} .painel-teste .acoes-linha{margin:0} .campo-grupo{display:flex;gap:.6rem;align-items:center} .campo-grupo label{margin:0;white-space:nowrap} .campo-grupo select{min-width:220px} .opcoes-linha{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem} .opcoes-linha label{display:flex;gap:.4rem;align-items:center;font-weight:500;margin:0;color:var(--texto)} .opcoes-linha input{width:auto} .lista-contatos{display:grid;gap:.85rem} .cartao-contato{border:1px solid var(--borda);border-radius:var(--raio);padding:.9rem 1rem;background:var(--papel-2)} .cartao-contato h3{margin:0 0 .3rem;font-size:1rem;display:flex;gap:.45rem;align-items:center} .acoes-linha{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;align-items:center} .lista-previa{margin:.3rem 0 1rem;padding-left:1.1rem;font-size:.86rem} .lista-previa li{margin-bottom:.45rem} /* ---------- celular ---------- */ @media (max-width:720px){ body{font-size:15.5px;padding-bottom:calc(64px + env(safe-area-inset-bottom))} .pagina{padding:1.1rem .85rem 2rem} .topo-interno{gap:.5rem;padding:.55rem .85rem;flex-wrap:nowrap} .marca-logo{height:30px} .marca-sistema small{display:none} .marca-sistema strong{font-size:1rem} .usuario{margin-left:auto;gap:.75rem} .usuario-nome,.etiqueta-papel{display:none} /* navegação em barra inferior, como nos aplicativos */ .menu{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;display:flex;justify-content:space-around;gap:0; background:var(--marca-escura);border-top:1px solid rgba(198,178,73,.35); box-shadow:0 -4px 16px rgba(0,0,0,.2);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom))} .menu a{flex:1 1 0;flex-direction:column;gap:.15rem;padding:.4rem .2rem;font-size:.7rem;border-radius:10px;min-width:0} .menu a svg{width:21px;height:21px} .menu a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} h1{font-size:1.65rem} .cartoes-resumo{grid-template-columns:1fr 1fr;gap:.6rem} .cartao{padding:.8rem;column-gap:.6rem} .cartao::before{width:34px;height:34px;background-size:18px} .cartao-numero{font-size:1.45rem} .filtros{padding:.6rem} .filtros{grid-template-columns:1fr 1fr} .filtros>.campo-busca,.filtros>select{grid-column:1 / -1} .formulario-linha{grid-template-columns:1fr} .formulario-linha>.botao{width:100%} .caixas-coluna{padding-top:.9rem} .campo-grupo{flex-direction:column;align-items:stretch;gap:.3rem;width:100%} .campo-grupo select{min-width:0;width:100%} .painel-teste .acoes-linha .botao{flex:1 1 100%} .bloco{padding:1rem} .tabela-cartoes-movel{background:transparent;border:none;box-shadow:none;overflow:visible} .tabela-cartoes-movel .tabela thead{display:none} .tabela-cartoes-movel .tabela,.tabela-cartoes-movel .tabela tbody{display:block} .tabela-cartoes-movel .tabela tr{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem; background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio); box-shadow:var(--sombra);padding:.9rem 1rem;margin-bottom:.7rem} .bloco .tabela-cartoes-movel .tabela tr{box-shadow:none;background:var(--papel-2)} .tabela-cartoes-movel .tabela tr.linha-vencido{box-shadow:inset 4px 0 0 var(--vermelho),var(--sombra);background:#fff9f8} .tabela-cartoes-movel .tabela tr.linha-hoje, .tabela-cartoes-movel .tabela tr.linha-urgente{box-shadow:inset 4px 0 0 var(--ambar),var(--sombra)} .tabela-cartoes-movel .tabela td{display:block;padding:0;border:none;min-width:0;box-shadow:none!important} .tabela-cartoes-movel .celula-situacao, .tabela-cartoes-movel .celula-titulo{grid-column:1 / -1} .tabela-cartoes-movel .celula-titulo a{font-size:1rem} .tabela-cartoes-movel td[data-rotulo]::before{content:attr(data-rotulo);display:block;font-size:.68rem;margin-bottom:.1rem; text-transform:uppercase;letter-spacing:.05em;color:var(--texto-fraco);font-weight:650} .tabela-cartoes-movel td.mono{overflow-wrap:anywhere} .tabela-auto .tabela td:first-child{grid-column:1 / -1;font-weight:650;color:var(--marca-escura)} .tabela-auto .tabela td:first-child::before{display:none!important} .tabela-auto .tabela td.celula-acoes,.tabela-auto .tabela td.celula-mensagem,.tabela-auto .tabela td[colspan]{grid-column:1 / -1;max-width:none;white-space:normal} .tabela-auto .celula-acoes{padding-top:.5rem!important;border-top:1px solid var(--borda)!important} .tabela-auto .formulario-inline{display:flex;width:100%} .tabela-auto .formulario-inline input{flex:1;width:auto;min-width:0} .lista-dados>div{flex-direction:column;gap:0} .agenda-item{grid-template-columns:4.4rem minmax(0,1fr)} .agenda-item>span:last-child{grid-column:2} .cabecalho-pagina .botao{width:100%} } /* ajustes finos */ .tabela-auto .tabela td{vertical-align:middle} .tabela-auto .tabela td.celula-acoes{padding-top:.6rem} .campo-nome{width:10.5rem} .formulario-linha + .dica{margin-top:.9rem} .cartao-contato h3{flex-wrap:wrap;row-gap:.3rem} @media (max-width:720px){ .tabela-auto .tabela td:has(.formulario-inline){grid-column:1 / -1} .tabela-auto .campo-nome,.tabela-auto .campo-mini{width:auto;flex:1;min-width:0} } /* ---------- publicações só para ciência, abas, lote ---------- */ .abas{display:flex;gap:.3rem;border-bottom:1px solid var(--borda);margin:0 0 1rem;overflow-x:auto;scrollbar-width:none} .aba{padding:.55rem .95rem;text-decoration:none;color:var(--texto-suave);font-weight:500;font-size:.9rem;white-space:nowrap; border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:.4rem;align-items:center} .aba:hover{color:var(--marca-escura)} .aba.ativa{color:var(--marca-escura);border-bottom-color:var(--ouro);font-weight:600} .aba-contador{background:var(--ouro);color:var(--marca-escura);border-radius:99px;font-size:.72rem;font-weight:700;padding:.05rem .45rem} .abas-mini{border:none;margin:0} .abas-mini .aba{padding:.3rem .65rem;font-size:.85rem} .cabecalho-bloco{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem} .cabecalho-bloco h2{margin:0} .dica-aba{margin:-.4rem 0 1rem;max-width:95ch} .faixa-ciencia{background:#f1f2f4;border-color:#dde0e5;border-left-color:#6b7380;color:#3b4250; display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap} .faixa-ciencia-mini{background:#f1f2f4;border-color:#dde0e5;border-left-color:#6b7380;color:#3b4250} .faixa-acoes{display:flex;gap:.5rem;flex-wrap:wrap} .faixa-acoes form{margin:0} .barra-lote{position:sticky;top:64px;z-index:10;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap; background:var(--marca-escura);color:#fff;border-radius:var(--raio);padding:.55rem .8rem;margin-bottom:.7rem;box-shadow:var(--sombra-forte)} .barra-lote[hidden]{display:none} .barra-lote>span{margin-right:auto;font-size:.9rem} .barra-lote .botao:not(.botao-principal){background:transparent;color:#fff;border-color:rgba(255,255,255,.35)} .celula-marcar{width:2.2rem} .celula-marcar input{width:17px;height:17px;accent-color:var(--ouro-escuro)} .calculo-interno{color:var(--ouro-escuro);font-weight:500} .linha-tempo-interno::before{background:var(--ouro-claro)!important;border-color:var(--ouro)!important} .linha-tempo-interno strong{color:var(--ouro-escuro)} .linha-tempo-interno small{font-size:.75rem} .caixa-linha{display:flex;gap:.45rem;align-items:center;font-weight:500;color:var(--texto);margin:.6rem 0 0;font-size:.85rem} .caixa-linha input{width:auto} .form-discreto{margin-top:.4rem} .link-botao{background:none;border:none;padding:0;color:var(--ouro-escuro);font:inherit;font-size:.82rem;cursor:pointer;text-decoration:underline} .form-baixa{margin-bottom:.6rem} .form-baixa label{margin-top:0} .grade-dupla-fixa{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.2rem} .grade-dupla-fixa input[type=file]{font-size:.78rem;padding:.35rem} .bloco-link{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap} .bloco-link .dica{margin:0} @media (max-width:720px){ .tabela-cartoes-movel .celula-marcar{position:absolute;right:.9rem;top:.85rem;width:auto} .tabela-cartoes-movel .tabela tr{position:relative} .barra-lote{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));position:fixed;left:.8rem;right:.8rem;z-index:25} .grade-dupla-fixa{grid-template-columns:1fr} } @media (max-width:1100px) and (min-width:721px){ .filtros{grid-template-columns:1fr 1fr 1fr} .filtros>.campo-busca{grid-column:1 / -1} } .filtros select{width:100%;min-width:0} @media (max-width:720px){ .barra-lote{gap:.4rem;padding:.5rem .6rem} .barra-lote .botao{padding:.45rem .7rem;font-size:.85rem} .barra-lote>span{font-size:.82rem} } /* ---------- comentários ---------- */ .comentarios{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.85rem} .comentario{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start} .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--marca-escura);color:var(--ouro); font:600 .78rem/1 "Poppins",sans-serif;letter-spacing:.02em} .comentario-meu .avatar{background:var(--ouro);color:var(--marca-escura)} .comentario-corpo{background:var(--papel-2);border:1px solid var(--borda);border-radius:4px 12px 12px 12px;padding:.6rem .85rem} .comentario-meu .comentario-corpo{background:var(--ouro-claro);border-color:#eadfb4} .comentario-cabecalho{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap;margin-bottom:.2rem} .comentario-cabecalho strong{font-size:.86rem} .comentario-cabecalho small{font-size:.74rem} .comentario-apagar{margin-left:auto} .comentario-apagar .link-botao{font-size:.74rem;color:var(--texto-fraco)} .comentario-texto{font-size:.9rem;line-height:1.55;overflow-wrap:anywhere} .form-comentario textarea{min-height:5rem} .form-comentario-rodape{display:flex;gap:.8rem;align-items:center;justify-content:space-between;margin-top:.5rem;flex-wrap:wrap} .form-comentario-rodape small{font-size:.76rem;max-width:44ch} .pilula-comentarios{background:var(--azul-fundo);color:var(--azul);text-decoration:none;margin-left:.35rem} .pilula-comentarios::before{display:none} .caixa-conferido{background:var(--ouro-claro);border:1px solid #eadfb4;border-radius:var(--raio-p);padding:.55rem .7rem;margin-top:.9rem;align-items:flex-start;line-height:1.35} .caixa-conferido input{margin-top:.15rem} .caixa-conferido small{display:block;font-weight:400;font-size:.76rem;margin-top:.1rem} /* ---------- vários responsáveis ---------- */ .escolha-pessoas{border:none;margin:.9rem 0 0;padding:0;min-width:0} .escolha-pessoas legend{font-size:.83rem;font-weight:600;color:var(--texto-suave);padding:0;margin-bottom:.4rem} .escolha-pessoas legend small{font-weight:400;font-size:.74rem} .chips{display:flex;flex-wrap:wrap;gap:.4rem} .chip{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.35rem .7rem;border:1px solid var(--borda-forte); border-radius:99px;background:var(--papel);font-size:.84rem;font-weight:500;color:var(--texto);cursor:pointer;user-select:none} .chip:hover{border-color:var(--ouro)} .chip input{position:absolute;opacity:0;width:1px;height:1px} .chip::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid var(--borda-forte);flex:0 0 auto} .chip-marcado{background:var(--ouro-claro);border-color:var(--ouro);color:var(--marca-escura)} .chip-marcado::before{background:var(--ouro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232222' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;border-color:var(--ouro)} .chip:focus-within{box-shadow:0 0 0 3px rgba(198,178,73,.3)} /* ---------- Casos (quadro estilo Trello) ---------- */ .dica-topo{max-width:80ch} .aba-contador-neutro{background:var(--papel-2);color:var(--texto-suave);border:1px solid var(--borda)} .filtros-casos{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr)) auto auto} .alternar-visao{display:inline-flex;border:1px solid var(--borda-forte);border-radius:9px;overflow:hidden;background:var(--papel)} .alternar-visao a{padding:.5rem .8rem;font-size:.85rem;font-weight:550;text-decoration:none;color:var(--texto-suave)} .alternar-visao a+a{border-left:1px solid var(--borda-forte)} .alternar-visao a.ativo{background:var(--marca-escura);color:var(--ouro)} .quadro{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,1fr);gap:.8rem;overflow-x:auto; padding-bottom:.8rem;align-items:start;scroll-snap-type:x proximity} .quadro-coluna{background:#efede6;border:1px solid var(--borda);border-radius:var(--raio);padding:.6rem;min-height:120px; scroll-snap-align:start;transition:background .12s,border-color .12s} .quadro-coluna.alvo{background:var(--ouro-claro);border-color:var(--ouro)} .quadro-cabecalho{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .3rem .55rem} .quadro-cabecalho h2{font-size:1.08rem;margin:0} .quadro-lista{display:grid;gap:.55rem;min-height:40px} .caso-cartao{display:grid;gap:.3rem;background:var(--papel);border:1px solid var(--borda);border-radius:10px;padding:.65rem .75rem; text-decoration:none;color:var(--texto);box-shadow:var(--sombra);cursor:grab;transition:border-color .12s,box-shadow .12s} .caso-cartao:hover{border-color:var(--ouro);box-shadow:var(--sombra-forte);color:var(--texto)} .caso-cartao.arrastando{opacity:.45} .caso-etiquetas{display:flex;flex-wrap:wrap;gap:.25rem} .caso-etiquetas .etiqueta{font-size:.68rem;padding:.08rem .4rem} .etiqueta-administrativo{background:var(--roxo-fundo);color:var(--roxo)} .etiqueta-judicial{background:var(--azul-fundo);color:var(--azul)} .etiqueta-extrajudicial{background:var(--verde-fundo);color:var(--verde)} .etiqueta-interno{background:var(--ouro-claro);color:#8a6330} .caso-titulo{font-weight:600;font-size:.9rem;line-height:1.35;color:var(--marca-escura)} .caso-cliente{font-size:.8rem;color:var(--texto-suave)} .caso-cliente em{font-style:normal;color:var(--texto-fraco)} .caso-proxima{font-size:.79rem;color:var(--texto-suave);line-height:1.35} .caso-rodape{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.15rem} .caso-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center} .caso-meta .pilula{font-size:.7rem;padding:.12rem .45rem} .selo-caso{font-size:.72rem;color:var(--texto-suave);white-space:nowrap} .selo-vencido{color:var(--vermelho);font-weight:600}.selo-hoje,.selo-urgente{color:var(--ambar);font-weight:600} .caso-avatares{display:flex} .avatar-mini{width:24px;height:24px;font-size:.62rem;border:2px solid var(--papel);margin-left:-6px} .avatar-mini:first-child{margin-left:0} .avatar-mais{background:var(--papel-2);color:var(--texto-suave)} .texto-fraco{color:var(--texto-fraco)} /* detalhe do caso */ .formulario-proxima{display:grid;grid-template-columns:minmax(0,1fr) 11rem auto;gap:.5rem;align-items:center} .tarefas{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.1rem} .tarefa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:.5rem .2rem;border-bottom:1px solid var(--borda)} .tarefa:last-child{border-bottom:none} .tarefa form{margin:0} .tarefa-caixa{width:20px;height:20px;margin-top:.15rem;border-radius:6px;border:1.5px solid var(--borda-forte);background:var(--papel);cursor:pointer;padding:0} .tarefa-caixa:hover{border-color:var(--ouro)} .tarefa-feita .tarefa-caixa{background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--verde)} .tarefa-feita .tarefa-texto{text-decoration:line-through;color:var(--texto-fraco)} .tarefa-corpo{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:center;min-width:0} .tarefa-texto{font-size:.9rem;overflow-wrap:anywhere} .tarefa-meta{display:inline-flex;gap:.35rem;align-items:center;flex-wrap:wrap} .tarefa-meta .pilula{font-size:.7rem;padding:.1rem .45rem} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .formulario-proxima>*,.formulario-tarefa>*{min-width:0;width:100%} .formulario-tarefa{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 10rem auto;gap:.5rem;align-items:center} .comentarios-caso{margin-top:1.1rem} .evento-caso{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .8rem;font-size:.82rem;color:var(--texto-suave); padding:.25rem .2rem .25rem 2.9rem;position:relative} .evento-caso::before{content:"";position:absolute;left:1.05rem;top:.7rem;width:7px;height:7px;border-radius:50%;background:var(--borda-forte)} .etapas-caso{display:grid;gap:.3rem;margin-bottom:.4rem} .etapa-passo{text-align:left;padding:.45rem .7rem;border:1px solid var(--borda);background:var(--papel-2);border-radius:8px; font:inherit;font-size:.85rem;color:var(--texto-suave);cursor:pointer} .etapa-passo:hover{border-color:var(--ouro);color:var(--marca-escura)} .etapa-passo.atual{background:var(--marca-escura);border-color:var(--marca-escura);color:var(--ouro);font-weight:600} .lista-vinculos{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.6rem} .lista-vinculos li{display:grid;gap:.2rem;font-size:.87rem;padding-bottom:.6rem;border-bottom:1px solid var(--borda)} .lista-vinculos li:last-child{border-bottom:none;padding-bottom:0} .lista-vinculos a{font-weight:600;text-decoration:none;color:var(--marca-escura)} .lista-vinculos a:hover{color:var(--ouro-escuro);text-decoration:underline} .vinculo-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center} .vinculo-meta .pilula{font-size:.7rem;padding:.1rem .45rem} .form-inline-mini{display:inline;margin:0} .formulario-vincular{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;margin-top:.7rem} .formulario-vincular select{min-width:0;width:100%} .texto-caso{font-size:.9rem;white-space:normal;overflow-wrap:anywhere;margin-bottom:.8rem} .editar-caso{margin-top:.6rem;border-top:1px solid var(--borda);padding-top:.7rem} .editar-caso summary{cursor:pointer;font-weight:600;color:var(--ouro-escuro);font-size:.88rem;margin-bottom:.6rem} .editar-caso .grade-form{grid-template-columns:1fr} .bloco-form-caso{max-width:880px} .caixa-caso{border:1px solid #e7dfbd;background:var(--ouro-claro);border-radius:var(--raio-p);padding:.7rem .85rem;margin-bottom:.8rem;font-size:.88rem} .caixa-caso a{font-weight:600} @media (max-width:760px){ .filtros-casos{grid-template-columns:1fr 1fr} .filtros-casos .campo-busca{grid-column:1 / -1} .quadro{grid-auto-columns:82vw} .formulario-proxima,.formulario-tarefa{grid-template-columns:1fr 1fr} .formulario-proxima input[name=proxima_acao],.formulario-tarefa input[name=texto]{grid-column:1 / -1} } /* filtro por período e ordenação */ .filtro-periodo{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;padding-top:.55rem;border-top:1px solid var(--borda)} .filtro-periodo label{margin:0;font-size:.82rem;font-weight:550;color:var(--texto-suave);white-space:nowrap} .filtro-periodo select,.filtro-periodo input[type=date]{width:auto;min-width:0} .filtro-periodo select[name=ordem]{margin-right:auto} .filtros .filtro-periodo select{width:auto} .escolha-modo{border:1px solid var(--borda);border-radius:var(--raio-p);padding:.8rem 1rem .4rem;margin:0 0 1rem} .escolha-modo legend{font-weight:600;padding:0 .3rem} .escolha-modo .chips{margin-bottom:.8rem} .escolha-modo .grade-form{margin-bottom:.4rem} @media (max-width:760px){ .filtro-periodo{display:grid;grid-template-columns:auto 1fr} .filtro-periodo select,.filtro-periodo input[type=date]{width:100%} .filtros .filtro-periodo select{width:100%} } .modo[hidden]{display:none} /* ---------- barra de filtros enxuta (painel e casos) ---------- */ .barra-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .9rem} .barra-filtros .campo-busca{flex:1 1 260px;width:auto;min-width:200px;height:40px;border-radius:99px;background-color:var(--papel)} .barra-filtros select.filtro{flex:0 0 auto;width:auto;max-width:15rem;height:40px;padding:0 2rem 0 .95rem;border-radius:99px; font-size:.86rem;font-weight:500;color:var(--texto-suave);background-color:var(--papel);border:1px solid var(--borda-forte);cursor:pointer} .barra-filtros select.filtro:hover{border-color:var(--ouro)} .barra-filtros select.filtro-ativo{background-color:var(--ouro-claro);border-color:var(--ouro);color:var(--marca-escura);font-weight:600} .limpar-filtros{font-size:.84rem;font-weight:600;text-decoration:none;padding:.3rem .4rem;color:var(--ouro-escuro)} .limpar-filtros:hover{text-decoration:underline} .barra-filtros .filtro-periodo{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;border:0;padding:.55rem .7rem; background:var(--papel);border:1px dashed var(--borda-forte);border-radius:var(--raio-p)} .barra-filtros .filtro-periodo[hidden]{display:none} .barra-filtros .filtro-periodo span{font-size:.84rem;color:var(--texto-suave)} .barra-filtros .filtro-periodo select,.barra-filtros .filtro-periodo input{width:auto;height:36px;font-size:.86rem;padding:0 .6rem} .barra-filtros .filtro-periodo select{padding-right:2rem} .botao-mini{padding:.4rem .85rem;font-size:.84rem} .barra-resultados{display:flex;justify-content:space-between;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;margin:0 0 .6rem; font-size:.88rem;color:var(--texto-suave)} .barra-resultados strong{color:var(--marca-escura)} .barra-resultados-direita{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap} .ordenar{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.84rem;font-weight:500;color:var(--texto-fraco)} .ordenar select{width:auto;border:0;background-color:transparent;padding:.2rem 1.6rem .2rem .2rem;font-size:.86rem;font-weight:600; color:var(--marca-escura);cursor:pointer;box-shadow:none} .ordenar select:hover{color:var(--ouro-escuro)} @media (max-width:760px){ .barra-filtros .campo-busca{flex-basis:100%} .barra-filtros select.filtro{flex:1 1 calc(50% - .5rem);max-width:none} .barra-filtros .filtro-periodo input{flex:1 1 40%} } .barra-filtros select,.barra-filtros input,.ordenar select{min-height:0} .campo-busca::-webkit-search-cancel-button{cursor:pointer} .ordenar select,.barra-filtros select.filtro{field-sizing:content} .barra-filtros select.filtro{min-width:9rem} @media (max-width:760px){.barra-filtros select.filtro{flex:1 1 40%;min-width:0;field-sizing:fixed;max-width:none;font-size:.82rem;padding-left:.75rem}} .ordenar select{appearance:none;-webkit-appearance:none;padding-right:1.2rem; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c7a1e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center/13px no-repeat} .cartoes-resumo-mini{margin:.4rem 0 .6rem} .campo-chave{width:22rem;max-width:100%;font-size:.85rem} .lista-descartadas{margin:.4rem 0 1rem} .lista-descartadas summary{cursor:pointer;font-weight:600;color:var(--ouro-escuro);font-size:.88rem;margin-bottom:.6rem} .lista-descartadas small{display:block;color:var(--texto-suave);font-weight:400} .caixa-cliente{border:1px solid var(--borda);border-radius:var(--raio-p);padding:.7rem .9rem;background:var(--papel-2);margin-top:.6rem} .grade-form-cliente{margin:0;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))} .grade-form-cliente .campo-caixa label{margin-top:.9rem} .texto-alerta{color:var(--vermelho);font-weight:600} .acoes-atendimento{display:grid;gap:.5rem} .acoes-atendimento .botao-largo{margin-top:0} .acoes-atendimento form{margin:0} /* menu com 7 itens: mais compacto em telas médias para caber numa linha só */ @media (min-width:721px) and (max-width:1700px){ .topo-interno{gap:.7rem} .menu{gap:0} .menu a{padding:.45rem .55rem;gap:.35rem;font-size:.86rem} .menu a svg{width:16px;height:16px} .usuario-nome{display:none} } @media (min-width:721px) and (max-width:1100px){ .menu a svg{display:none} .marca-sistema small{display:none} } /* Lembrete ao cliente */ .caixa-lembrete{margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--borda)} .caixa-cliente>.caixa-lembrete:first-child{margin-top:0;padding-top:0;border-top:0} .lembrete-liga{display:flex;gap:.45rem;align-items:center;margin:0;color:var(--texto);font-weight:500} .lembrete-liga input,.lembrete-quando input{width:auto;accent-color:var(--marca)} .lembrete-campos[hidden]{display:none} .lembrete-campos{margin-top:.4rem} .rotulo-mini{margin:.7rem 0 .25rem;font-size:.82rem;font-weight:600;color:var(--texto-suave)} .lembrete-quando{display:flex;flex-wrap:wrap;gap:.35rem 1rem} .lembrete-quando label{display:flex;gap:.35rem;align-items:center;margin:0;font-weight:400;color:var(--texto)} .previa-lembrete{margin:.8rem 0;font-size:.88rem} .previa-lembrete summary{cursor:pointer;color:var(--ouro-escuro)} .previa-lembrete p{background:var(--verde-fundo);border-radius:var(--raio-p);padding:.6rem .75rem;margin:.5rem 0 0;color:var(--texto)} /* Conector do Claude */ .passos-claude{margin:.5rem 0 1rem 1.2rem;padding:0} .passos-claude li{margin:.35rem 0} .copiar-linha{display:flex;gap:.5rem;align-items:center} .copiar-linha{max-width:560px;margin-top:.35rem} .copiar-linha input{flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem} .lista-conexoes li{display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:baseline} .lista-conexoes .form-discreto{display:inline;margin:0} .tela-consentimento .caixa-login{max-width:460px} .lista-permissoes{margin:.6rem 0 1rem 1.1rem;padding:0;font-size:.92rem} .lista-permissoes li{margin:.25rem 0} /* Login sem título; esqueci a senha */ .esqueci{text-align:center;margin:1rem 0 0;font-size:.9rem} .esqueci a{color:var(--ouro-escuro)} .titulo-login{font:700 1.5rem/1.2 var(--serif);margin:0 0 1rem;text-align:center;color:var(--texto)} /* Menu do usuário (ícone de perfil) */ .perfil-menu{position:relative;margin-left:.3rem} .perfil-menu summary{list-style:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center; border:1px solid rgba(198,178,73,.55);color:#e9e4d6;transition:background .15s,color .15s} .perfil-menu summary::-webkit-details-marker{display:none} .perfil-menu summary svg{width:20px;height:20px} .perfil-menu summary:hover,.perfil-menu[open] summary,.perfil-menu summary.ativo{background:rgba(198,178,73,.16);color:var(--ouro)} .perfil-menu summary:focus-visible{outline:2px solid var(--ouro);outline-offset:2px} .perfil-caixa{position:absolute;right:0;top:calc(100% + 10px);min-width:250px;background:var(--papel);color:var(--texto);border:1px solid var(--borda); border-radius:var(--raio);box-shadow:var(--sombra-forte);padding:.4rem;z-index:40} .perfil-cabecalho{padding:.55rem .7rem .65rem;border-bottom:1px solid var(--borda);margin-bottom:.3rem} .perfil-cabecalho strong{display:block;font-size:.92rem} .perfil-cabecalho small{display:block;color:var(--texto-suave);font-size:.78rem;margin-top:.15rem;overflow-wrap:anywhere} .perfil-caixa a{display:flex;gap:.6rem;align-items:center;padding:.55rem .7rem;border-radius:8px;color:var(--texto);text-decoration:none;font-size:.9rem} .perfil-caixa a svg{width:17px;height:17px;opacity:.75;flex:0 0 auto} .perfil-caixa a:hover{background:var(--papel-2)} .perfil-caixa a.ativo{color:var(--ouro-escuro);font-weight:600} .perfil-grupo{margin:.45rem .7rem .15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-fraco)} .perfil-caixa .perfil-sair{border-top:1px solid var(--borda);border-radius:0 0 8px 8px;margin-top:.3rem;color:var(--vermelho)} @media (max-width:720px){ .perfil-menu{margin-left:auto} .perfil-caixa{position:fixed;right:.6rem;top:3.6rem;max-width:calc(100vw - 1.2rem)} }