/* Overlay */
.qqc2-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:99999}
.qqc2-overlay.show{display:flex}

/* Modal */
.qqc2-modal{background:var(--bs-body-bg, #fff);color:var(--bs-body-color, #111);border:1px solid var(--bs-border-color, #ddd);border-radius:14px;max-width:640px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.qqc2-modal-header{padding:16px 18px;border-bottom:1px solid var(--bs-border-color,#eee);display:flex;align-items:center;justify-content:space-between}
.qqc2-modal-title{font-weight:700;margin:0}
.qqc2-modal-body{padding:16px 18px}
.qqc2-modal-footer{padding:14px 18px;border-top:1px solid var(--bs-border-color,#eee);display:flex;gap:8px;justify-content:flex-end}

/* Chips */
.qqc2-chip{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--bs-border-color,#eee);font-size:.9rem;margin-right:6px}

/* Table */
.qqc2-table{width:100%;border-collapse:collapse;margin-top:10px}
.qqc2-table th,.qqc2-table td{border:1px solid var(--bs-border-color,#eee);padding:8px;font-size:.92rem;text-align:center}
.qqc2-table th{background:var(--bs-card-color, #f7f7f7)}

/* Buttons */
.qqc2-btn-outline{background:transparent;border:1px solid var(--bs-border-color,#ccc);border-radius:10px;padding:8px 14px;cursor:pointer}
.qqc2-btn-primary{background:var(--bs-primary, #0d6efd);color:#fff;border:0;border-radius:10px;padding:8px 14px;cursor:pointer}
.qqc2-btn-primary:disabled,.qqc2-btn-outline:disabled{opacity:.6;cursor:not-allowed}

/* Αλλαγή χρώματος κεφαλίδων πίνακα */
.qqc2-table th {
    background:var(--bs-body-bg, #fff); /* το χρώμα φόντου που θέλεις */
    color: var(--bs-heading-color); /* χρώμα κειμένου */
    font-weight: bold; /* προαιρετικό: έντονη γραφή */
}

/* Chips layout: γεμίζουν τη γραμμή, responsive */
.qqc2-chips{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:8px;
}
.qqc2-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border-radius:999px;
  padding:8px 12px;
}

/* Σπάσιμο σε μικρές οθόνες */
@media (max-width: 640px){
  .qqc2-chips{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 400px){
  .qqc2-chips{ grid-template-columns: 1fr; }
}

.qqc2-summary-text {
  text-align: center;
  width: 100%;
  margin-bottom: 8px;
}