/* =========================
   CARD DE COTA
========================= */
.pc-cota {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow-card);
}

.cota-col {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cota-col--main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
}

.cota-col--dados {
  width: 50%;
  display: flex;
  justify-content: space-around;
  text-align: end;
}

.cota-col--acoes {
  display: flex;
  justify-content: space-between;
  gap: 10px;

  padding: 8px 20px;
  border-top: 1px solid var(--border, #DFDFDF);
}

.cota-icon {
  width: 42px;
  height: 42px;
}

.cota-info-principal {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cota-info-principal .info-principal {
  display: flex;
  flex-direction: column;
}

.cota-adm {
  color: var(--brand-secondary);
  font-weight: 700;
  text-align: center;
  width: fit-content;
}

.cota-credito {
  color: var(--success);
  font-size: 1.3rem;
  font-weight: 700;
}

.cota-segmento {
  color: var(--muted);
  font-size: .9rem;
}

.cota-dado {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cota-dado-label {
  color: var(--muted);
  font-size: .85rem;
}

.cota-dado-valor {
  color: var(--brand-secondary, #0F172A);
  font-weight: 600;
}

.cota-status {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 10px;

  background: var(--surface-3);
  color: var(--brand-secondary);

  font-size: .9rem;
  font-weight: 700;
}

.cota-status--vendida {
  background: var(--danger, #FFECEC);
  color: var(--danger);
}

.cota-botoes {
  display: flex;
  gap: 10px;
}

.cota-botoes .btn {
  width: auto;
  min-width: 0;
  padding: 8px 12px;
  border-radius: 10px;
  box-shadow: var(--shadow-btn);
  font-weight: 700;
}

.btn-disabled {
  color: var(--surface, #ffffff);
  background-color: var(--danger, #f74046);
  opacity: 0.6;
  cursor: normal;
}

.cota-botoes .btn svg { width: 16px; height: 16px; }

.cota-col--check .cota-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: var(--muted);
  font-size: .9rem;
}

/* =========================
   RESPONSIVO
========================= */
@media (max-width: 768px) {
  .pc-cota { border-radius: 16px; }
  .pc-cota .cota-inner { display: block; }

  .cota-col--main {
    display: flex;
    gap: 12px 16px;
    align-items: center;
    padding: 20px 25px;
    justify-content: space-between;
  }

  /* Esquerda: ícone alinhado com o texto (lado a lado) */
  .cota-info-principal {
    grid-column: 1 / 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .cota-icon { width: 28px; height: 28px; flex: 0 0 28px; }

  .cota-adm {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 2px;
  }
  .cota-credito { font-size: 1.15rem; font-weight: 800; color: var(--success); }

  /* Direita: ocupa o restante */
  .cota-col--dados {
    display: flex;
    gap: 10px 14px;
    align-items: flex-end;
    width: fit-content;
    justify-items: start;
    flex-direction: column;
  }

  .cota-dado { gap: 2px; }
  .cota-dado-label { font-size: .78rem; color: var(--muted); }
  .cota-dado-valor { font-size: .98rem; font-weight: 800; color: var(--brand-secondary, #0F172A); }

  /* Linha de ações */
  .cota-col--acoes {
    border-top: 1px solid var(--border, #E7EEF5);
    padding: 12px 14px;
    gap: 10px;
    flex-direction: column;
  }

  /* Checkbox mais confortável */
  .cota-col--check .cota-check {
    gap: 10px;
    font-size: 1rem;
    line-height: 1.2rem;
    color: var(--muted);
    padding: 6px 0;
  }
  .cota-col--check input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--brand-primary); }

  /* Botões */
  .cota-botoes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }
  .cota-botoes .btn {
    width: 100%;
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 700;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(15,49,80,.12);
  }
  /* .cota-botoes .btn svg { width: 18px; height: 18px; }
  .cota-botoes .btn.btn-light { background: var(--surface-2, #ECF4FF); border: 1px solid var(--border, #DBE6F7); }
  .cota-botoes .btn.btn-primary { background: var(--brand-primary); color: var(--surface, #fff); } */
}