/* Ajustes da retaguarda sobre o estilo do SistemControl */
.brand-logo { background: #0f766e; }
.contratos { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-bottom: 18px; }
.contrato { border: 1px solid var(--border); border-radius: 10px; padding: 14px; background: #fff; display: flex; flex-direction: column; gap: 6px; }
.contrato.cancelada { opacity: .6; }
.contrato h4 { margin: 0; font-size: 15px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.contrato .linha { font-size: 13px; color: var(--muted); }
.contrato .linha b { color: var(--text, #111827); }
.contrato .acoes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; }
.codigo-ativacao { font: 700 26px/1.2 ui-monospace, Consolas, monospace; letter-spacing: 2px; text-align: center; padding: 14px; border: 2px dashed var(--border); border-radius: 10px; margin: 8px 0; user-select: all; }
.chave-api { font: 13px ui-monospace, Consolas, monospace; word-break: break-all; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: #f8fafc; user-select: all; }
.dl { display: grid; grid-template-columns: 140px 1fr; gap: 4px 12px; font-size: 13px; margin: 0; }
.dl dt { color: var(--muted); }
.dl dd { margin: 0; }
.historico { font-size: 13px; }
.historico div { padding: 6px 0; border-bottom: 1px solid var(--border); }
.historico small { color: var(--muted); }
@media (max-width: 640px) { .dl { grid-template-columns: 1fr; } .contratos { grid-template-columns: 1fr; } }