/* Modulos CRM, Conteudo e Anuncios. Reaproveita os tokens do app.css. */

/* ---------------------------------------------------- filtros */
.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px}
.filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);min-width:170px}
.filters label input,.filters label select{text-transform:none;letter-spacing:0;font-weight:400}
.filters .filter-search{flex:1;min-width:240px}

/* ---------------------------------------------------- chips */
.chip-tag{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700;letter-spacing:.02em}
.chip-tag.muted-tag{background:#eef1ef;color:var(--muted)}

/* ---------------------------------------------------- tabelas */
.table-scroll{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table thead th{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table td strong{display:block;color:var(--ink);font-weight:600}
.data-table td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data-table thead th.num{text-align:right}
.row-actions details summary{cursor:pointer;color:var(--brand);font-size:11px;font-weight:800}
.row-actions details[open]{min-width:280px}

/* ---------------------------------------------------- colunas do quadro */
.column-total{margin:0 0 10px;padding:0 2px;font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.column-empty{margin:0;padding:14px 2px;font-size:11.5px;color:var(--muted)}

/* ---------------------------------------------------- cartao de negocio */
.deal-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--stage-color,var(--brand));border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:7px}
.deal-card h3{margin:0;font-size:13px;font-weight:600;color:var(--ink);line-height:1.35}
.deal-value{margin:0;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.deal-proposal{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.03em}
.deal-meta{margin:0;font-size:11.5px;color:var(--muted)}
.deal-notes{margin:0;font-size:11.5px;color:var(--text);line-height:1.5}
.deal-move select{width:100%;font-size:11.5px;padding:6px 8px}
.deal-manage summary{cursor:pointer;color:var(--brand);font-size:11px;font-weight:800}
.deal-manage[open]{padding-top:6px;border-top:1px solid var(--line)}
.deal-manage form{margin-top:9px}

/* ---------------------------------------------------- cartao de conteudo */
.content-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:7px}
.content-card h3{margin:0;font-size:13px;font-weight:600;color:var(--ink);line-height:1.35}
.content-tags{display:flex;flex-wrap:wrap;gap:5px}
.content-meta{margin:0;font-size:11.5px;color:var(--muted)}
.content-link a{font-size:11.5px;font-weight:700;color:var(--brand)}
.column-dot.content-idea{background:#9aa8a0}
.column-dot.content-production{background:var(--blue)}
.column-dot.content-review{background:var(--warning)}
.column-dot.content-ready{background:#7d5bc4}
.column-dot.content-scheduled{background:var(--accent)}
.column-dot.content-published{background:var(--brand)}

/* ---------------------------------------------------- anuncios */
.spark-wrap{padding:16px}
.spark{display:flex;align-items:flex-end;gap:2px;height:150px;padding:0 2px;border-bottom:1px solid var(--line)}
.spark-bar{flex:1;min-width:3px;min-height:2px;border-radius:3px 3px 0 0;background:var(--brand);opacity:.82;transition:opacity .15s}
.spark-bar:hover{opacity:1}
.spark-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.account-row:last-child{border-bottom:0}
.account-row strong{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}
.account-row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.stat-card.danger{border-color:#f0cdd0}
.stat-card.danger strong{color:var(--danger)}

@media (max-width:760px){
  .filters label{min-width:100%}
  .row-actions details[open]{min-width:0}
}