/* Apuração de Vendas */

.sr-toolbar {
  flex-wrap: wrap;
}

.sr-desktop-table {
  display: block;
}

.sr-seller-cards {
  display: none;
  gap: 12px;
}

.sr-seller-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
  background: #FFFFFF;
  box-shadow: var(--shadow);
}

.sr-seller-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
}

.sr-seller-card-head strong {
  font-size: 0.95rem;
}

.sr-seller-card-head small {
  color: var(--muted, #94a3b8);
  font-size: 0.75rem;
}

.sr-seller-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sr-seller-card-grid label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.72rem;
  color: var(--muted, #94a3b8);
}

.sr-seller-card-grid input,
.sr-seller-card-grid .sr-readonly {
  font-size: 0.85rem;
}

.sr-seller-card-grid .sr-span-2 {
  grid-column: 1 / -1;
}

.sr-cycle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.sr-cycle-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  background: #FFFFFF;
}

.sr-cycle-card.is-active {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25);
}

.sr-cycle-card h4 {
  margin: 0 0 6px;
  font-size: 0.85rem;
}

.sr-cycle-card p {
  margin: 0;
  font-size: 0.72rem;
  color: var(--muted, #94a3b8);
  line-height: 1.45;
}

.sr-level-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  white-space: nowrap;
}

.sr-level-none { background: rgba(148, 163, 184, 0.2); color: #94a3b8; }
.sr-level-bronze { background: rgba(var(--bronze-rgb), 0.15); color: var(--bronze-text); }
.sr-level-prata { background: rgba(var(--prata-rgb), 0.2); color: var(--prata-text); }
.sr-level-ouro { background: rgba(var(--ouro-rgb), 0.15); color: var(--ouro-text); }
.sr-level-diamante { background: rgba(var(--diam-rgb), 0.15); color: var(--diam-text); }

.sr-status-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 600;
}

.sr-status-draft { background: rgba(148, 163, 184, 0.2); color: #94a3b8; }
.sr-status-closed { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.sr-status-reopened { background: rgba(251, 191, 36, 0.15); color: #fbbf24; }
.sr-status-pending { background: rgba(100, 116, 139, 0.15); color: #64748b; }

@media (max-width: 900px) {
  .sr-desktop-table {
    display: none;
  }

  .sr-seller-cards {
    display: grid;
  }

  .sr-seller-card-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  .sr-toolbar,
  .sr-seller-cards input,
  #sr-save,
  #sr-close,
  #sr-reopen {
    display: none !important;
  }
}