/* IODOO — UX (auditoria 30/09/2026, Builds 562+): componentes comuns usados na correção de todas as telas. * Regras: 1 primário por bloco (.btn) · secundários .btn-claro · excedentes em
· destrutivo .btn-perigo + confirm · * subtítulo de 1 linha +
· vazio = .vazio · KPI = · formulário raro =
. * Cada área tem o seu arquivo (ux-inicio.css, ux-vendas.css, ux-tarefas.css, ux-financeiro.css, ux-rh.css); este é só o comum. */ /* botão verde (no lugar de style="background:var(--ok)") */ .btn-ok{background:var(--ok);color:#fff !important;border-color:var(--ok)} .btn-ok:hover{filter:brightness(1.08)} /* KPI com valor em R$ (no lugar de ) */ .kpi-moeda b{font-size:1.15rem} /* menu "⋯ Mais" —
⋯ Mais
links/forms
*/ details.mais{position:relative;display:inline-block;margin:0} /* Build 663: table.lista tem overflow:clip (cantos arredondados) e cortava o menu ⋯ da última linha (ficha do cliente → licenças) */ table.lista:has(details.mais[open]),.od-lista:has(details.mais[open]),.cartao:has(table.lista details.mais[open]){overflow:visible} details.mais>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 14px;border-radius:var(--radius);border:1px solid var(--borda);background:#fff;color:var(--navy);font-weight:600;font-size:.85rem} details.mais>summary::-webkit-details-marker{display:none} details.mais[open]>summary{background:var(--gelo)} .mais-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:240px;background:#fff;border:1px solid var(--borda);border-radius:10px;box-shadow:0 12px 32px rgba(21,29,53,.18);padding:6px;display:flex;flex-direction:column;gap:2px} .mais-menu a,.mais-menu button,.mais-menu form{display:block;width:100%;text-align:left;margin:0} .mais-menu>a,.mais-menu>button,.mais-menu form>button{padding:8px 10px;border-radius:6px;background:none;border:0;color:var(--texto);font:inherit;font-size:.88rem;cursor:pointer;text-decoration:none;box-shadow:none} .mais-menu>a:hover,.mais-menu>button:hover,.mais-menu form>button:hover{background:var(--gelo)} .mais-menu .perigo{color:var(--erro)} .mais-menu hr{border:0;border-top:1px solid var(--borda);margin:4px 0} /* Build 623 (Alfredo 06/10/2026, webmail → "Marcar ▾" abria uma caixa branca sem os itens legíveis — "contraste"): regras explícitas e com especificidade alta para os itens que são