/* Premiação por Vendedor + Ficha do Vendedor */

/* ===== Premiação: percentuais ===== */
.pb-percents-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

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

.pb-percent-card.sg-lv-bronze { border-left: 3px solid var(--bronze); }
.pb-percent-card.sg-lv-prata { border-left: 3px solid var(--prata); }
.pb-percent-card.sg-lv-ouro { border-left: 3px solid var(--ouro); }
.pb-percent-card.sg-lv-diamante { border-left: 3px solid var(--diam); }

.pb-percent-input {
  text-align: right;
}

.pb-percent-pool {
  margin-top: 8px;
  font-size: 0.72rem;
  color: var(--muted, #94a3b8);
}

.pb-percent-pool strong {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.pb-cell-meta {
  font-size: 0.72rem;
  color: var(--muted, #94a3b8);
  font-variant-numeric: tabular-nums;
}

.pb-cell-bonus {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.sg-note-card p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--muted, #94a3b8);
  line-height: 1.5;
}

.sg-alert-warn {
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fbbf24;
}

/* ===== Ficha do vendedor ===== */
.fs-sheets {
  display: grid;
  gap: 16px;
}

.fs-sheet {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: var(--panel);
}

.fs-sheet-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.fs-sheet-name {
  margin: 0;
  font-size: 1.1rem;
}

.fs-sheet-meta {
  margin: 4px 0 0;
  font-size: 0.78rem;
  color: var(--muted, #94a3b8);
}

.fs-sheet-highlight {
  text-align: right;
  display: flex;
  flex-direction: column;
}

.fs-sheet-highlight span {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted, #94a3b8);
}

.fs-sheet-highlight strong {
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
}

.fs-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.fs-summary-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fs-summary-card span {
  font-size: 0.68rem;
  color: var(--muted, #94a3b8);
}

.fs-summary-card strong {
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}

.fs-summary-card.sg-lv-bronze { border-left: 3px solid var(--bronze); }
.fs-summary-card.sg-lv-prata { border-left: 3px solid var(--prata); }
.fs-summary-card.sg-lv-ouro { border-left: 3px solid var(--ouro); }
.fs-summary-card.sg-lv-diamante { border-left: 3px solid var(--diam); }

.fs-stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.fs-stage {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
}

.fs-stage-title {
  margin: 0 0 8px;
  font-size: 0.85rem;
}

.fs-stage-title span {
  display: block;
  font-size: 0.68rem;
  font-weight: 400;
  color: var(--muted, #94a3b8);
}

.fs-final {
  margin-top: 16px;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.fs-final-title {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 0.85rem;
}

.fs-final-levels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 6px;
}

.fs-final-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.8rem;
}

.fs-final-row.sg-lv-bronze { background: rgba(var(--bronze-rgb), 0.12); }
.fs-final-row.sg-lv-prata { background: rgba(var(--prata-rgb), 0.12); }
.fs-final-row.sg-lv-ouro { background: rgba(var(--ouro-rgb), 0.12); }
.fs-final-row.sg-lv-diamante { background: rgba(var(--diam-rgb), 0.12); }

.fs-final-row strong {
  font-variant-numeric: tabular-nums;
}

.fs-note {
  margin: 12px 0 0;
  font-size: 0.72rem;
  color: var(--muted, #94a3b8);
  line-height: 1.5;
}

@media (max-width: 640px) {
  .fs-sheet-head {
    flex-direction: column;
  }
  .fs-sheet-highlight {
    text-align: left;
  }
}

/* ===== Impressão ===== */
@media print {
  .sidebar,
  .app-topbar,
  .side-nav,
  .sheet-no-print,
  #pb-store, #fs-store {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }

  .app-shell,
  .content,
  .main-content {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .panel {
    display: none !important;
  }

  #ficha-vendedor.active-panel {
    display: block !important;
  }

  .fs-sheet {
    border: 1px solid #ccc;
    background: #fff !important;
    color: #000 !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .fs-summary-card,
  .fs-stage,
  .fs-final-row {
    color: #000 !important;
  }

  .fs-stages {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Imprimir esta ficha: só a ficha visível já está renderizada (seletor limita) */
  body.printing-all .fs-sheet {
    page-break-after: always;
    break-after: page;
  }

  body.printing-all .fs-sheet:last-child {
    page-break-after: auto;
    break-after: auto;
  }
}