/* Refinamento das telas de apoio: a mesma hierarquia do piloto de Anúncios.
   Regras optativas, limitadas ao wrapper; as telas principais não são afetadas.
   Os materiais vêm dos tokens existentes. Formulários e tabelas ficam claros. */
.support-workspace { min-width: 0; }
.support-workspace > .card {
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-panel);
}
.support-workspace > .card > :is(.card__title, h2),
.support-workspace--settings > .settings-group {
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-sidebar-bg);
    color: var(--color-sidebar-text-active);
    font-size: var(--text-lg);
    line-height: 1.4;
    text-wrap: balance;
}
.support-workspace--settings > .settings-group { margin-top: var(--space-6); }
.support-workspace--settings > .settings-group:first-of-type { margin-top: 0; }
.support-workspace--settings .hub-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--space-7) * 5)), 1fr));
}
.support-workspace--settings .hub-card {
    padding: var(--space-5);
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-md);
    overflow-wrap: anywhere;
}
.support-workspace--settings a.hub-card:hover {
    border-color: var(--color-primary);
    background: var(--color-primary-tint);
    box-shadow: var(--shadow-panel);
}
.support-workspace--settings .hub-card__icon {
    width: var(--control-size-md);
    height: var(--control-size-md);
    background: var(--color-primary-tint);
    color: var(--color-primary-hover);
}
.support-workspace--settings .hub-card__title { font-size: var(--text-base); }
.support-workspace--settings .hub-card--stub { box-shadow: none; }
.support-workspace .support-summary {
    gap: 0;
    overflow: hidden;
    background: var(--color-sidebar-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-panel);
}
.support-summary .kpi {
    padding: var(--space-5);
    color: var(--color-sidebar-text-active);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.support-summary .kpi + .kpi { border-left: 1px solid var(--escuro-linha-forte); }
.support-summary .kpi__value { font-variant-numeric: tabular-nums; }
.support-summary .kpi__label { color: var(--color-sidebar-text); font-size: var(--text-base); }
.support-workspace > .card--flush { padding-top: 0; }
.support-workspace .filter-bar,
.support-workspace .support-history-filters .alt-filtros__lado {
    padding: var(--space-4);
    margin-bottom: 0;
    background: var(--color-surface-2);
    border-bottom: 1px solid var(--color-border-strong);
    align-items: end;
}
.support-workspace .filter-bar .anuncios-field {
    flex: 1 1 calc(var(--space-7) * 5);
    min-width: 0;
}
.support-workspace .filter-bar .input { width: 100%; min-width: 0; }
.support-workspace .support-history-filters { display: block; }
.support-workspace .support-history-filters .alt-filtros__lado { gap: var(--space-4); }
.support-history-filters .alt-filtros__check { min-height: var(--control-size-md); }
.support-history-filters .anuncios-field { flex: 1 1 calc(var(--space-7) * 4); min-width: 0; }
.support-workspace .data-table { font-size: var(--text-base); }
.support-workspace .data-table th {
    background: var(--color-surface-2);
    color: var(--color-text);
    font-size: var(--text-sm);
}
.support-workspace .data-table td { font-variant-numeric: tabular-nums; }
.support-workspace .table-scroll { scrollbar-color: var(--color-primary-tint-border) var(--color-surface-2); }
.support-workspace--connections .kv dd { overflow-wrap: anywhere; min-width: 0; }
.support-workspace :is(.input, .select) { min-height: var(--control-size-md); }
.support-workspace :is(a, button, input, select, textarea, .table-scroll):focus-visible {
    outline: var(--space-1) solid var(--color-primary);
    outline-offset: var(--space-1);
}
.support-workspace .operational-queue__item:focus-visible { outline-color: var(--color-sidebar-text-active); }
.support-workspace .operational-queue__item:disabled { opacity: 0.65; cursor: wait; }
@media (max-width: 600px) {
    .support-workspace .support-summary { grid-template-columns: minmax(0, 1fr); }
    .support-summary .kpi + .kpi { border-left: 0; border-top: 1px solid var(--escuro-linha-forte); }
    .support-summary .kpi { padding: var(--space-4); }
    .support-workspace--connections .kv { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
    .support-workspace--connections .kv dd { margin-bottom: var(--space-3); }
}