/* Section: quote_summary_panel — mockup EXALCO-Quote "Η ΑΙΤΗΣΗ ΣΑΣ" (light-blue side card). */

.ex-quote-summary-panel {
  padding: 20px 22px;
  border: 1px solid var(--ex-blue-line);
  background: var(--ex-blue);
  color: var(--ex-ink);
}
/* rendered as its own row (not next to the wizard) */
.ex-quote-summary-panel-section .ex-quote-summary-panel { max-width: 460px; }

.ex-quote-summary-panel__title { margin: 0 0 14px; font-size: 10.5px; font-weight: 700; line-height: normal; letter-spacing: .22em; color: var(--ex-ink); }
.ex-quote-summary-panel__list { margin: 0; font-size: 12.5px; line-height: 1.7; }
.ex-quote-summary-panel__row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: .5px solid rgba(35, 31, 32, .14); }
.ex-quote-summary-panel__row:last-child { border-bottom: 0; }
.ex-quote-summary-panel__key { min-width: 0; font-weight: 400; }
.ex-quote-summary-panel__value { flex: none; max-width: 60%; margin: 0; font-weight: 800; text-align: right; overflow-wrap: anywhere; }
/* A sentence instead of a short value (quiz answers hand-over): label above, text below. */
.ex-quote-summary-panel__row--stacked { flex-direction: column; gap: 2px; }
.ex-quote-summary-panel__row--stacked .ex-quote-summary-panel__value { max-width: none; font-weight: 500; line-height: 1.5; text-align: left; }
.ex-quote-summary-panel__note { margin: 14px 0 0; padding-top: 12px; border-top: 2px solid var(--ex-red); font-size: 11.5px; line-height: 1.6; color: var(--ex-ink); }

/* ---- Responsive (proposal — not designed) ---- */
@media (max-width: 599px) {
  .ex-quote-summary-panel { padding: 18px 16px; }
}