/* Componentes comuns (web/js/componentes.js). Frente G edita. */

/* selo de departamento */
.selo-dep{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:6px;color:var(--branco);background:var(--dep,var(--texto-3));white-space:nowrap}

/* fato do tribunal x leitura do escritorio */
.selo-origem{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:6px;white-space:nowrap}
.selo-origem.fato{background:var(--fato-f);color:var(--texto-2);box-shadow:inset 3px 0 0 var(--fato-borda)}
.selo-origem.leitura{background:var(--cd-f);color:var(--cd-t);box-shadow:inset 3px 0 0 var(--cd)}
.origem-fato,.origem-leitura{border-radius:0 10px 10px 0;padding:8px 10px;margin-top:8px;font-size:12.5px;overflow-wrap:anywhere}
.origem-fato{background:var(--fato-f);border-left:4px solid var(--fato-borda)}
.origem-leitura{background:var(--cd-f);border-left:4px solid var(--cd)}
.origem-rot{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--texto-3);margin-bottom:2px}
.origem-leitura .origem-rot{color:var(--cd-t)}

/* cartao */
.cartao{display:block;position:relative;background:var(--branco);border-radius:12px;padding:11px 12px 10px 14px;border:1px solid var(--linha);color:inherit;text-decoration:none;min-width:0}
a.cartao{cursor:pointer}
a.cartao:hover{border-color:var(--caixa-borda);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.cartao.demanda{border-style:dashed;border-color:var(--lo-f);background:var(--papel)}
.cartao .faixa{position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0}
.cartao .c-topo,.cartao .c-rodape{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cartao .c-topo{margin-bottom:6px}
.cartao .c-rodape{margin-top:9px}
.cartao .c-titulo{font-weight:800;font-size:14.5px;line-height:1.25;overflow-wrap:anywhere}
.cartao .c-linha{font-size:12px;color:var(--texto-2);margin-top:2px}

/* confirmacao de ato irreversivel */
.modal-fundo{position:fixed;inset:0;background:var(--veu);display:grid;place-items:center;padding:16px;z-index:80}
.modal{background:var(--branco);border-radius:16px;max-width:440px;width:100%;padding:20px 22px;box-shadow:var(--sombra-painel)}
.modal h2{margin:0 0 8px;font-size:18px;font-weight:800}
.modal p{margin:0 0 12px;color:var(--texto-2);line-height:1.5}
.modal .sem-volta{background:var(--pr-f);color:var(--pr-t);border-radius:10px;padding:8px 10px;font-weight:700;font-size:12.5px}
.modal .entendo{display:flex;gap:8px;align-items:center;margin:12px 0 4px;font-weight:600;font-size:13px;cursor:pointer}
.modal-botoes{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.modal .bt{border:1px solid var(--linha);background:var(--branco);border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer;color:var(--texto)}
.modal .bt.perigo{background:var(--pr);border-color:var(--pr);color:var(--branco)}
.modal .bt:disabled{opacity:.45;cursor:not-allowed}