/* ============ gestão: títulos e poderes (titulos.js) ============ */
/* um cartão por título: poderes (chaves), quem tem e o campo para conceder */
.tt-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;align-items:start}
.tt-cartao{display:flex;flex-direction:column}
.tt-topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tt-topo h3{font-size:20px;letter-spacing:-.02em;margin:0}
.tt-conta{font:400 34px/1 var(--serif);color:var(--fg)}
.tt-conta small{font-size:17px;color:var(--muted2)}
.tt-cartao .sub{margin:6px 0 0}
.tt-bloco{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.tt-rot{font:600 11px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--muted2);margin-bottom:10px}

.tt-poder{display:flex;gap:12px;align-items:flex-start;padding:8px 0;cursor:pointer}
.tt-poder .fs-switch{margin-top:1px}
.tt-poder b{display:block;font-size:14px;font-weight:600}
.tt-poder small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}

.tt-lista{list-style:none;margin:0;padding:0}
.tt-lista li{display:flex;align-items:center;gap:10px;padding:6px 0}
.tt-lista li + li{border-top:1px solid var(--line2)}
.tt-quem{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;padding:0;background:none}
.tt-quem .avatar{width:32px;height:32px;font-size:12px}
.tt-quem span{min-width:0}
.tt-quem b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-quem small{display:block;color:var(--muted2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-quem:hover b{text-decoration:underline;text-underline-offset:3px}
.tt-bloco input[type=search]{border-radius:999px;padding:9px 15px;font-size:14px}
.tt-bloco input[type=search] + .tt-lista:not(:empty){margin-top:8px}
.tt-vazio{color:var(--muted);font-size:13.5px;margin:0}