/* Vista Clean Core de um cliente */
.cc-vista { display: grid; gap: var(--spacing-sm); max-width: 1100px; }
.cc-migalhas { font-size: var(--fs-5); color: var(--color-muted); }
.cc-intro, .cc-nota { color: var(--color-muted); margin: 0; font-size: var(--fs-6); }
.cc-nota { font-style: italic; }
.cc-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--spacing-sm); }
.cc-cartao { display: grid; gap: 2px; padding: var(--spacing-sm); border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface); }
.cc-cartao strong { font-size: var(--fs-9); }
.cc-cartao span { font-size: var(--fs-5); color: var(--color-muted); }
.cc-linha { margin: 0; font-size: var(--fs-6); }
.cc-badge { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: var(--fs-5); border: 1px solid var(--color-border); background: var(--color-surface); }
.cc-badge.A { color: var(--color-ok-fg); border-color: var(--color-ok-fg); }
.cc-badge.B { color: var(--color-info-fg); border-color: var(--color-info-fg); }
.cc-badge.C { color: var(--color-warn-fg); border-color: var(--color-warn-fg); }
.cc-badge.D { color: var(--color-error); border-color: var(--color-error); }
.cc-badge.N { color: var(--color-muted); }
.cc-controlos { display: flex; flex-wrap: wrap; align-items: end; gap: var(--spacing-sm); }
.cc-controlos label { display: grid; gap: 2px; font-size: var(--fs-5); }
.cc-painel { display: grid; gap: var(--spacing-sm); padding: var(--spacing-sm); border: 1px solid var(--color-border); border-left: 4px solid var(--color-accent); border-radius: 6px; }
.cc-painel h2 { margin: 0; font-size: var(--fs-8, 1.1rem); }
.cc-estado { font-size: var(--fs-5); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--color-border); }
.cc-estado[data-estado="running"], .cc-estado[data-estado="cancelling"] { color: var(--color-accent); border-color: var(--color-accent); }
.cc-estado[data-estado="done"] { color: var(--color-ok-fg); border-color: var(--color-ok-fg); }
.cc-estado[data-estado="error"] { color: var(--color-error); border-color: var(--color-error); }
.cc-barra { height: 10px; border-radius: 999px; background: var(--color-border); overflow: hidden; }
.cc-barra span { display: block; height: 100%; background: var(--color-accent); transition: width 0.3s; }
.cc-saltadas { color: var(--color-muted); }
.cc-erro { color: var(--color-error); margin: 0; }
.cc-log { margin: 0; max-height: 220px; overflow: auto; padding: var(--spacing-sm); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 6px; font-size: var(--fs-5); white-space: pre-wrap; }
.cc-pesquisa { display: flex; gap: var(--spacing-sm); align-items: center; flex-wrap: wrap; }
.cc-pesquisa input { min-width: 280px; }
.cc-pilha { display: flex; height: 10px; min-width: 200px; border-radius: 999px; overflow: hidden; background: var(--color-border); }
.cc-pilha i { display: block; height: 100%; }
.cc-pilha i.A { background: var(--color-ok-fg); }
.cc-pilha i.B { background: var(--color-info-fg); }
.cc-pilha i.C { background: var(--color-warn-fg); }
.cc-pilha i.D { background: var(--color-error); }
.cc-tabela-wrap { overflow-x: auto; }
.cc-tabela { border-collapse: collapse; width: 100%; font-size: var(--fs-6); }
.cc-tabela th, .cc-tabela td { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--color-border); white-space: nowrap; }