/* ==========================================================================
   Yeni dizayn — Texniki dəstək ([qt_destek]) və Hesabım → Müraciətlərim.
   Markup plaginindir (qt-abune/assets/support.css — köhnə dizayn); burada plaginin
   dəyişənləri yeni palitraya bağlanır: göy-qara başlıq, sarı altıbucaq və əsas düymə,
   Archivo / Josefin Sans. Hamısı `.qv` altında (plaginin üslubu bundle-da sonra çap
   olunsa da, bu qaydalar güclüdür).
   ========================================================================== */

.qv .qt-sup {
  --qs-ink: var(--qv-navy);
  --qs-mute: var(--qv-mute);
  --qs-line: var(--qv-line);
  --qs-bg: var(--qv-paper);
  --qs-soft: var(--qv-mist);
  --qs-acc: var(--qv-blue);
  --qs-acc-ink: var(--qv-blue-3);
  --qs-acc-bg: var(--qv-sky);
  --qs-hero-bg: radial-gradient(closest-side at 82% 18%, rgba(13, 90, 198, .55), rgba(13, 90, 198, 0)) var(--qv-navy);
  --qs-hero-ink: #fff;
  --qs-hero-sub: var(--qv-soft);
  --qs-hex-bg: var(--qv-marker);
  --qs-hex-ink: var(--qv-navy);
  --qs-btn-bg: var(--qv-marker);
  --qs-btn-ink: var(--qv-navy);
  --qs-btn-hover: #FFDD66;
  --qs-on-bg: var(--qv-marker);
  --qs-on-line: var(--qv-marker);
  --qs-on-ink: var(--qv-navy);
  --qs-ok: var(--qv-ok);
  --qs-ok-bg: var(--qv-ok-bg);
  --qs-bad: var(--qv-bad);
  --qs-bad-bg: var(--qv-bad-bg);
  --qs-warn-bg: #FFF4CC;
  --qs-focus: rgba(0, 72, 168, .15);
  --qs-r: 12px;
  --qs-font: var(--qv-f-ui);
  --qs-font-lab: var(--qv-f-brand);
  max-width: 1040px;
  margin-top: 4px;
}
.qv .qt-sup--mine { max-width: none; margin-top: 0; }

/* başlıq */
.qv .qt-sup__hero { padding: 22px 20px; border-radius: 18px; }
.qv .qt-sup__lab { font-weight: 600; letter-spacing: .11em; text-transform: none; opacity: 1; }
.qv .qt-sup__hero .qt-sup__lab { color: var(--qv-marker); }
.qv .qt-sup .qt-sup__h1 { margin: 4px 0 6px; font-size: 34px; font-size: clamp(2rem, 7.2vw, 2.875rem); font-weight: 800; font-stretch: 76%; line-height: 1; letter-spacing: -.012em; }
.qv .qt-sup__hero p { font-size: 1rem; }
.qv .qt-sup__facts li { border-radius: 8px; background: rgba(255, 255, 255, .1); font-weight: 500; }
.qv .qt-sup__facts li .qs-ic { color: var(--qv-marker); }
.qv .qt-sup__facts a { color: #fff; }

/* forma */
.qv .qt-sup__form, .qv .qt-sup__done { border-radius: 16px; }
.qv .qt-sup__lg, .qv .qt-sup__fl { font-weight: 700; font-stretch: 94%; }
.qv .qt-sup__chip > span { border-radius: 10px; }
.qv .qt-sup__chip b { font-weight: 600; font-stretch: 94%; }
.qv .qt-sup__chip input:checked + span { box-shadow: none; }
.qv .qt-sup__chip input:checked + span .qs-ic { color: var(--qv-navy); }
.qv .qt-sup__chip:hover > span { border-color: var(--qv-blue); }
.qv .qt-sup__chip input:checked:hover + span, .qv .qt-sup__chip:hover input:checked + span { border-color: var(--qv-marker); }
.qv .qt-sup__hint { border-left: 3px solid var(--qv-marker); border-radius: 0 10px 10px 0; color: var(--qv-navy); }
.qv .qt-sup input[type="text"], .qv .qt-sup input[type="email"], .qv .qt-sup input[type="tel"], .qv .qt-sup input[type="url"], .qv .qt-sup select, .qv .qt-sup textarea { border-radius: 12px; }
.qv .qt-sup__seg { border-radius: 12px; }
.qv .qt-sup__seg span { font-stretch: 94%; }
.qv .qt-sup__seg input:checked + span { background: var(--qv-navy); color: #fff; box-shadow: none; }
.qv .qt-sup__drop { border-radius: 12px; }
.qv .qt-sup__btn { border-radius: 10px; font-stretch: 94%; }
.qv .qt-sup__btn .qs-ic { transition: transform .25s var(--qv-ease); }
@media (hover: hover) { .qv .qt-sup__btn:hover .qs-ic { transform: translateX(4px); } }
.qv .qt-sup__btn--line { background: var(--qv-paper); }
.qv .qt-sup__ctx summary .qs-ic { color: var(--qv-ok); }

/* uğur */
.qv .qt-sup__okic { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-sup .qt-sup__h2 { font-size: 1.5rem; font-stretch: 80%; line-height: 1.1; }
.qv .qt-sup__no b { background: var(--qv-navy); color: #fff; font-family: var(--qv-f-brand); font-weight: 600; letter-spacing: .1em; padding-top: 6px; }

/* yan sütun */
.qv .qt-sup__tips { border-radius: 14px; }
.qv .qt-sup__tips li::before { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-sup__alt { border-top: 1px solid var(--qv-line); padding-top: 14px; }
.qv .qt-sup__alt a { color: var(--qv-blue); font-stretch: 94%; }

/* geniş ekran: forma solda, ipuçları sağda (yapışqan) */
@media (min-width: 1024px) {
  .qv .qt-sup__hero { grid-template-columns: auto minmax(0, 1fr) auto; padding: 26px 28px; }
  .qv .qt-sup__hex { width: 64px; height: 72px; }
  .qv .qt-sup__hex .qs-ic { width: 32px; height: 32px; }
  .qv .qt-sup__facts { grid-column: auto; flex-direction: column; align-items: flex-start; }
  .qv .qt-sup__body { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; grid-gap: 24px; gap: 24px; }
  .qv .qt-sup__aside { position: -webkit-sticky; position: sticky; top: calc(var(--qv-bar, 60px) + 20px); }
  .qv .qt-sup__form { padding: 26px 28px; }
}

/* Müraciətlərim (Hesabım) */
.qv .qt-sup--mine .qt-sup__h2 { font-size: 1.5rem; }
.qv .qt-sup__tk { border-radius: 14px; }
.qv .qt-sup__tk-no { font-family: var(--qv-f-brand); font-weight: 600; letter-spacing: .08em; padding-top: .12em; }
.qv .qt-sup__tk-t { font-weight: 800; font-stretch: 88%; }
.qv .qt-sup__pill { border-radius: 6px; font-stretch: 94%; }
.qv .qt-sup__pill.is-yeni { background: #FFF1BF; color: #6B4E00; }
.qv .qt-sup__new { border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-sup__thread li.is-admin { background: var(--qv-sky); }
.qv .qt-sup__empty .qt-sup__hex { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-sup__empty b { font-size: 1.25rem; font-weight: 800; font-stretch: 84%; }