/* Conflict-safe styles (prefixed with cqs-) */
.cqs-wrap { max-width: 980px; margin: 0 auto; }
.cqs-alert{ padding:12px 14px; border-radius:12px; margin-bottom:12px; border:1px solid #e7e7e7; }
.cqs-alert--success{ background:#f0fff4; }
.cqs-alert--error{ background:#fff5f5; }

.cqs-form--nice{
  border: 1px solid #ededed;
  padding: 18px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
}
.cqs-form-header{ margin-bottom: 14px; }
.cqs-form-title{ margin: 0 0 6px; font-size: 20px; }
.cqs-form-subtitle{ margin: 0; color:#555; font-size: 13px; }

.cqs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 720px){ .cqs-grid { grid-template-columns: 1fr; } }

.cqs-field label { display:block; font-weight: 600; margin-bottom: 6px; font-size: 13px; }
.cqs-field input, .cqs-field select, .cqs-field textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  outline: none;
}
.cqs-field input:focus, .cqs-field select:focus, .cqs-field textarea:focus{
  border-color: #b9b9b9;
}

.cqs-btn {
  display:inline-block;
  border: 0;
  padding: 11px 16px;
  border-radius: 14px;
  cursor:pointer;
  font-weight: 600;
}
.cqs-btn--primary{ background:#111; color:#fff; }
.cqs-btn--primary:hover{ opacity:.92; }

.cqs-hidden { display:none !important; }
.cqs-muted { color: #666; font-size: 12px; }

.cqs-admin-wrap .cqs-card{ background:#fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 14px; margin-bottom: 14px; }
.cqs-admin-two-col{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 960px){ .cqs-admin-two-col{ grid-template-columns: 1fr; } }

.cqs-results { margin-top: 8px; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.cqs-result-row { display:flex; gap: 10px; justify-content: space-between; align-items: center; padding: 10px; border-top: 1px solid #eee; }
.cqs-result-row:first-child { border-top: none; }

.cqs-selected-items { margin-top: 10px; display:flex; flex-direction: column; gap: 10px; }
.cqs-item-row { display:flex; gap: 10px; align-items: flex-end; border: 1px solid #eee; border-radius: 12px; padding: 10px; }
.cqs-item-title { flex: 1; }
.cqs-item-qty { width: 160px; }
.cqs-item-actions { width: 120px; display:flex; justify-content: flex-end; }

/* qo helpers */
.qo-frontend{}

/* RTL support (Urdu/Arabic forms) */
.cqs-rtl{ direction: rtl; }
.cqs-rtl .cqs-form-title,
.cqs-rtl .cqs-form-subtitle,
.cqs-rtl .cqs-field label{ text-align: right; }
.cqs-rtl .cqs-field input,
.cqs-rtl .cqs-field select,
.cqs-rtl .cqs-field textarea{ text-align: right; }

/* ------------------------
 * Docs (Admin landing page)
 * ------------------------ */
.cqs-docs{ max-width: 1100px; }
.cqs-docs-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:14px;
  padding:16px;
  margin: 14px 0;
}
.cqs-docs-hero__left{ display:flex; align-items:center; gap:14px; }
.cqs-docs-logo{ width:auto; height:72px; max-width:120px; object-fit:contain; }
.cqs-docs-title{ margin:0; font-size:22px; }
.cqs-docs-sub{ margin:6px 0 0; color:#555; }
.cqs-docs-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 1020px){ .cqs-docs-grid{ grid-template-columns: 1fr; } }
.cqs-docs-card{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:14px;
  padding:16px;
}
.cqs-docs-card--wide{ grid-column: 1 / -1; }
.cqs-docs-steps{ margin: 10px 0 0 18px; }
.cqs-docs-list{ margin: 10px 0 0 18px; }
.cqs-docs-muted{ color:#666; font-size:13px; margin: 8px 0 0; }
.cqs-docs-mono{ background:#f6f7f7; border:1px solid #ececec; padding:10px 12px; border-radius:10px; }
.cqs-docs-two{ display:grid; grid-template-columns: 1fr 320px; gap:14px; }
@media (max-width: 1020px){ .cqs-docs-two{ grid-template-columns: 1fr; } }
.cqs-docs-callout{ background:#f6f7f7; border:1px solid #ececec; border-radius:14px; padding:14px; }
.cqs-docs-k{ font-size:12px; color:#666; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.cqs-docs-v{ margin-top:4px; font-weight:600; }
.cqs-docs-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.cqs-docs-tag{ font-size:12px; padding:5px 10px; border-radius:999px; background:#f6f7f7; border:1px solid #ececec; }
.cqs-docs-h3{ margin:0 0 8px; font-size:14px; }

/* Admin NEW badge */
.cqs-badge-new{
  display:inline-block;
  margin-left:8px;
  padding:2px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.4px;
  background:#e11d48;
  color:#fff;
}

/* Choice fields (radio/checkbox) alignment */
.cqs-choice-group .cqs-choice{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0;
}
.cqs-choice-group .cqs-choice input{
  width:auto;
  padding:0;
  border:0;
}

/* For RTL forms, keep the radio close to the label and align nicely */
.cqs-rtl .cqs-choice-group .cqs-choice{
  flex-direction: row-reverse;
  justify-content:flex-end;
}