/* ÜRETİLMİŞ DOSYA — elle düzenleme. Kaynak: docs/design/screens/ql.css + pages.css + app-live.css
   Üret: python3 scripts/build-quik-css.py */
:root{
  
  --q-night:#0E2447; --q-night-0:#0A1A35; --q-nav:#10285A; --q-ink:#0E2447;
  
  --q-link:#2A5599; --q-pri-a:#1E4478; --q-pri-b:#2F5C9F; --q-nav-on:#2E5A9A;
  
  --q-gold:#B8923E; --q-gold-a:#CBA656; --q-gold-b:#AE8834; --q-gold-ink:#7A5C18; --q-gold-tint:#F6EEDC;
  
  --q-bg:#ECEFF6; --q-surface:#FFFFFF; --q-ink-2:#475569; --q-ink-3:#556479;
  --q-line:#E2E8F0; --q-line-2:#F1F5F9; --q-line-card:rgba(226,232,240,.8);
  
  --q-em-50:#ECFDF5;--q-em-100:#D1FAE5;--q-em-600:#059669;--q-em-700:#047857;
  --q-am-50:#FFFBEB;--q-am-100:#FEF3C7;--q-am-600:#D97706;--q-am-700:#B45309;
  --q-ro-50:#FFF1F2;--q-ro-100:#FFE4E6;--q-ro-600:#E11D48;--q-ro-700:#BE123C;
  --q-sk-50:#F0F9FF;--q-sk-100:#E0F2FE;--q-sk-600:#0284C7;--q-sk-700:#0369A1;
  --q-vi-50:#F5F3FF;--q-vi-100:#EDE9FE;--q-vi-600:#7C3AED;--q-vi-700:#6D28D9;
  --q-bl-50:#EFF4FB;--q-bl-100:#DCE6F4;--q-bl-600:#2A5599;--q-bl-700:#1E4478;
  --q-red:#EF4444; --q-red-bg:#DC2626; /* A14: beyaz yazılı küçük rozet zemini (4.8:1) */
  
  --q-r-card:20px; --q-r-portal:18px; --q-r-dlg:22px; --q-r-btn:12px;
  --q-sh-card:0 8px 24px -18px rgba(15,23,42,.25);
  --q-sh-float:0 10px 30px -24px rgba(15,23,42,.5);
  --q-ease:cubic-bezier(.23,1,.32,1);
}
html.q-zoom{zoom:.9} 
body.q-on{font-family:'Poppins',ui-sans-serif,sans-serif;color:var(--q-ink);background:var(--q-bg);-webkit-font-smoothing:antialiased;font-size:14px}
.q-num{font-variant-numeric:tabular-nums}
svg.q-i{flex:none}
.q-wm{font-weight:800;letter-spacing:-.035em;white-space:nowrap}
.q-wm i{font-style:normal;color:var(--q-gold)}
.q-hand{font-family:'Caveat',cursive;font-weight:700;color:var(--q-gold-ink)}

.q-app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:calc(100vh / .9);position:relative;background:var(--q-bg)}
.q-pagebg{position:absolute;inset:0;pointer-events:none;background:url(img/ql/app-page-bg.webp) top/100% auto no-repeat;opacity:.9}
.q-pagebg::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 92% 0%,rgba(184,146,62,.07),transparent 65%)}

.q-side{position:sticky;top:0;height:calc(100vh / .9);overflow:hidden;color:#fff;display:flex;flex-direction:column;gap:12px;padding:16px 14px 14px;z-index:3;
  background:linear-gradient(180deg,#0A1A35 0%,#10285A 38%,#10285A 100%)}
.q-side .q-ring{position:absolute;left:-60px;bottom:160px;width:250px;height:250px;border-radius:50%;border:34px solid rgba(255,255,255,.045);pointer-events:none}
.q-side .q-ring2{position:absolute;left:30px;bottom:230px;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04)}
.q-side-top{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 2px}
.q-side-top .q-wm{font-size:26px;color:#fff}
.q-collapse{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.q-navcard{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);box-shadow:0 10px 30px -20px rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.q-who{display:flex;gap:12px;align-items:center;padding:12px}
.q-who .q-lg{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}
.q-who .q-lg img{width:40px}
.q-who .q-lg.q-mono{background:linear-gradient(135deg,#2F5C9F,#16325F);color:#fff;font-weight:800;font-size:16px}
.q-who b{display:block;font-size:15px;font-weight:700}
.q-who small{display:block;font-size:12px;color:rgba(255,255,255,.75)}
.q-who small.q-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#34D399;margin-right:6px;vertical-align:1px}
.q-who a{display:flex;align-items:center;gap:5px;font-size:12px;color:#E6CD8E;margin-top:3px;font-weight:600}
.q-nav-g{font-size:12px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.8);padding:6px 8px 0;display:flex;align-items:center;gap:6px}
.q-nav-i{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 14px;font-size:14.5px;color:#fff;border-radius:12px}
.q-nav-i+.q-nav-i{border-top:1px solid rgba(255,255,255,.07)}
.q-nav-i .q-bdg{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--q-red-bg);font-size:11px;font-weight:700;display:grid;place-items:center}
.q-nav-i.q-on{background:var(--q-nav-on);font-weight:600;border-top-color:transparent}
.q-nav-i.q-on + .q-nav-i{border-top-color:transparent}
.q-nav-i.q-on .q-chev{margin-left:auto;opacity:.9}
.q-side-promo{margin-top:auto;border-radius:16px;padding:14px 16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1B3C73,#0A1A35);border:1px solid rgba(255,255,255,.12)}
.q-side-promo .q-wm{font-size:18px;color:#fff}
.q-side-promo p{font-size:11.5px;color:rgba(255,255,255,.8);line-height:1.45;margin-top:5px;max-width:140px}
.q-side-promo svg{position:absolute;right:8px;bottom:6px;width:64px;height:64px}

.q-main{position:relative;z-index:1;min-width:0;padding:20px 32px 32px;max-width:1760px}

.q-hdr{grid-column:2;position:sticky;top:0;z-index:4;height:64px;display:flex;align-items:center;gap:12px;padding:0 32px;color:#fff;
  background:linear-gradient(160deg,#0A1A35 0%,#13254D 100%);box-shadow:0 10px 30px rgba(10,26,53,.25)}
.q-hdr .q-crumb small{display:block;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.6);font-weight:700}
.q-hdr .q-crumb b{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}
.q-hdr .q-role{font-size:10.5px;font-weight:600;background:rgba(255,255,255,.14);border-radius:7px;padding:2px 8px}
.q-hdr .q-sp{margin-left:auto}
/* QA2-core-18: Macarca telefonda başlık + rol hapı ("Tevékenység" + "Adminisztrátor") zil/avatar/çıkışı ekranın dışına itiyor,
   bütün personel ekranları ~30 px yatay kayıyordu. Başlık kısalır (…), denetimler küçülmez. */
.q-hdr .q-crumb{min-width:0;flex:0 1 auto}
.q-hdr .q-crumb small,.q-hdr .q-ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.q-hdr .q-crumb b{min-width:0}
.q-hdr .q-role{flex:none}
@media (max-width:480px){.q-hdr .q-role{display:none}}   /* telefonda başlığa yer: rol menüde ve Hesabım'da */
.q-hdr>:not(.q-crumb):not(.q-sp){flex:none}
.q-hdr .q-ctl{height:36px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12.5px}
.q-hdr .q-ctl kbd{font:600 10px Poppins;background:rgba(255,255,255,.14);border-radius:6px;padding:2px 6px}
.q-hdr .q-av{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--q-gold-a),var(--q-gold-b));color:var(--q-night);display:grid;place-items:center;font-size:12px;font-weight:800}
.q-app.q-staff{grid-template-rows:64px auto}
.q-app.q-staff .q-side{grid-row:1/span 2}
.q-app.q-staff .q-main{grid-column:2}

.q-ptop{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.q-relpill{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--q-line-card);border-radius:14px;padding:6px 14px 6px 6px;box-shadow:var(--q-sh-card)}
.q-relpill .q-av40{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:13px;color:#fff}
.q-relpill small{display:block;font-size:11px;color:var(--q-ink-3)}.q-relpill b{display:block;font-size:13.5px;font-weight:700;line-height:1.2}
.q-ctl{height:44px;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:#fff;display:flex;align-items:center;gap:8px;padding:0 13px;font-size:13px;color:var(--q-ink-2)}
.q-ctl.q-search{width:290px;margin-left:auto;color:var(--q-ink-3)}
.q-ctl kbd{margin-left:auto;font:600 10.5px Poppins;background:var(--q-line-2);border-radius:6px;padding:2px 6px;color:var(--q-ink-2)}
.q-ctl.q-icon{width:44px;justify-content:center;position:relative;padding:0}
.q-ctl .q-bdg{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:var(--q-red-bg);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 5px}
.q-me{display:flex;align-items:center;gap:10px;padding-left:4px}
.q-me .q-av{width:40px;height:40px;border-radius:50%;background:var(--q-night);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700}
.q-me b{display:block;font-size:13px;font-weight:700}.q-me small{display:block;font-size:11px;color:var(--q-ink-3)}

.q-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--q-link);margin-bottom:8px}
.q-crumbs .q-cur{color:var(--q-ink)}
.q-kicker{font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--q-gold-ink)}
.q-ph{display:grid;grid-template-columns:37fr 63fr;gap:24px;align-items:center;margin-bottom:22px;min-height:170px}
.q-ph h1{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.07;margin-top:6px}
.q-ph p{font-size:16px;color:var(--q-ink-2);margin-top:10px;line-height:1.5}
.q-promo{position:relative;display:flex;align-items:center}
.q-promo .q-fl{position:relative;z-index:2;display:flex;align-items:center;gap:18px;border-radius:17px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.58);backdrop-filter:blur(12px);box-shadow:0 10px 30px -24px rgba(15,23,42,.5);padding:24px 18px 24px 30px;width:60%}
.q-promo .q-fl b{display:block;font-size:19px;font-weight:700;color:var(--q-ink)}
.q-promo .q-fl small{display:block;font-size:13px;color:var(--q-ink-3);margin-top:4px;line-height:1.45}
.q-rarr{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--q-link);display:grid;place-items:center;flex:none;box-shadow:0 6px 18px -8px rgba(42,85,153,.55);margin-left:auto}
.q-promo img{position:absolute;right:120px;height:190px;top:50%;transform:translateY(-50%);z-index:1;filter:drop-shadow(0 18px 22px rgba(15,23,42,.16))}
.q-promo .q-hand{position:absolute;right:0;top:12px;font-size:28px;line-height:1.02;transform:rotate(-8deg);z-index:2}
.q-promo .q-hand::after{content:"";display:block;width:84px;height:3px;border-radius:3px;background:rgba(184,146,62,.6);margin-top:6px;transform:rotate(-3deg)}

.q-promo2{display:flex;align-items:center;gap:16px;border-radius:17px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.62);backdrop-filter:blur(12px);box-shadow:var(--q-sh-float);padding:18px 20px}
.q-promo2 .q-gsq{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--q-pri-b),var(--q-pri-a));box-shadow:0 10px 20px -10px rgba(30,68,120,.8);flex:none}
.q-promo2 b{font-size:16px;font-weight:700}.q-promo2 small{display:block;font-size:13px;color:var(--q-ink-2)}
.q-promo2 img{height:74px;margin-left:auto}

.q-card{background:var(--q-surface);border:1px solid var(--q-line-card);border-radius:var(--q-r-card);box-shadow:var(--q-sh-card)}
.q-card.q-p5{padding:20px}.q-card.q-p4{padding:16px}
.q-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.q-head h3{font-size:17px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}
.q-head h3 .q-cnt{min-width:24px;height:24px;border-radius:12px;background:var(--q-red-bg);color:#fff;font-size:11.5px;display:grid;place-items:center;padding:0 7px}
.q-more{font-size:13px;font-weight:600;color:var(--q-link);display:flex;align-items:center;gap:5px}
.q-live{font-size:12px;color:var(--q-ink-2);display:flex;align-items:center;gap:6px}.q-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#10B981}

.q-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.q-stat{background:#fff;border:1px solid var(--q-line-card);border-radius:17px;box-shadow:var(--q-sh-card);padding:16px 18px;display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;min-height:96px}
.q-tile{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;flex:none}
.q-t-bl{background:var(--q-bl-50);color:var(--q-bl-600)}.q-t-am{background:var(--q-am-50);color:var(--q-am-600)}.q-t-ro{background:var(--q-ro-50);color:var(--q-ro-600)}
.q-t-em{background:var(--q-em-50);color:var(--q-em-600)}.q-t-vi{background:var(--q-vi-50);color:var(--q-vi-600)}.q-t-sk{background:var(--q-sk-50);color:var(--q-sk-600)}.q-t-go{background:var(--q-gold-tint);color:var(--q-gold-ink)}
.q-stat b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.q-stat small{display:block;font-size:13px;color:var(--q-ink-3);margin-top:3px}
.q-stat .q-tr{font-size:12px;font-weight:600;margin-top:2px}.q-tr.q-up{color:#16A34A}.q-tr.q-dn{color:#DC2626}
.q-stat svg.q-spark{position:absolute;right:14px;bottom:12px;width:96px;height:40px}

.q-gsq{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 8px 16px -8px rgba(15,23,42,.45)}
.q-g-em{background:linear-gradient(135deg,#34D399,#059669)}.q-g-bl{background:linear-gradient(135deg,#4F7AC0,#1E4478)}.q-g-vi{background:linear-gradient(135deg,#A78BFA,#7C3AED)}
.q-g-am{background:linear-gradient(135deg,#FBBF24,#D97706)}.q-g-ro{background:linear-gradient(135deg,#FB7185,#E11D48)}.q-g-pk{background:linear-gradient(135deg,#F472B6,#DB2777)}.q-g-go{background:linear-gradient(135deg,var(--q-gold-a),var(--q-gold-b))}
.q-kpi{background:#fff;border:1px solid var(--q-line-card);border-radius:18px;box-shadow:var(--q-sh-card);padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.q-kpi .q-gsq{grid-row:1/span 2}
.q-kpi small{font-size:12.5px;color:var(--q-ink-2)}
.q-kpi b{font-size:24px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;line-height:1.1}
.q-kpi .q-bar{position:absolute}
.q-kpi .q-up{font-size:10.5px;font-weight:700;color:#047857;background:var(--q-em-100);border-radius:6px;padding:2px 6px}
.q-kpi .q-ft{grid-column:1/-1;font-size:11.5px;color:var(--q-ink-3);margin-top:8px}
.q-kpi{position:relative}
/* QA2-core-15: uzun değer (büyük alacak tutarı) kartı taşırıyordu; telefonda Genel Bakış 40 px yatay kayıyordu. */
.q-kpi{min-width:0;grid-template-columns:auto minmax(0,1fr)}
.q-kpi b{flex-wrap:wrap;overflow-wrap:anywhere;min-width:0}
.q-at,.q-at *{overflow-wrap:anywhere}
.q-stat>div{min-width:0}.q-stat b{overflow-wrap:anywhere}   /* tutar kesilip başka sayı gibi okunmasın ("3 000 004 472 :") */
.q-kpi .q-tone{position:absolute;right:16px;top:34px;width:48px;height:3px;border-radius:3px}

.q-att{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.q-at{border-radius:16px;padding:16px;position:relative;min-height:164px}
.q-at.q-c-am{background:linear-gradient(160deg,#FFF7E0,#FFFCF3)}.q-at.q-c-bl{background:linear-gradient(160deg,#EAF1FB,#F7FAFE)}
.q-at.q-c-ro{background:linear-gradient(160deg,#FFEEF1,#FFF8F9)}.q-at.q-c-pk{background:linear-gradient(160deg,#FDEEF6,#FFF7FB)}.q-at.q-c-vi{background:linear-gradient(160deg,#F2EEFF,#FAF8FF)}
.q-at .q-gsq{width:42px;height:42px;border-radius:12px}
.q-at h4{font-size:14px;font-weight:600;margin-top:14px}
.q-at .q-n{font-size:22px;font-weight:800;margin-top:14px;letter-spacing:-.02em}.q-at .q-n.q-bad{color:#DC2626}
.q-at small{display:block;font-size:11.5px;color:var(--q-ink-3);padding-right:42px;line-height:1.4}
.q-at small em{font-style:normal;color:#DC2626;font-weight:700}
.q-at .q-go{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:11px;background:#fff;box-shadow:0 6px 14px -8px rgba(15,23,42,.35);display:grid;place-items:center;color:var(--q-link)}

.q-qa3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q-qt{border:1px solid var(--q-line);border-radius:16px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;color:var(--q-ink);background:#fff}
.q-qt svg{color:var(--q-link)}
.q-qa5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.q-qx{border:1px solid var(--q-line);border-radius:16px;padding:14px;background:#fff;position:relative}
.q-qx .q-tile{width:40px;height:40px;border-radius:12px;margin-bottom:14px}
.q-qx b{display:block;font-size:13.5px;font-weight:700}.q-qx small{display:block;font-size:11.5px;color:var(--q-ink-3);margin-top:2px}
.q-qx .q-ch{position:absolute;right:12px;top:14px;color:#94A3B8}

.q-btn{height:44px;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap;border:0;font-family:inherit;cursor:pointer;transition:transform .15s var(--q-ease)}
.q-btn:active{transform:scale(.97)}
.q-btn.q-pri{background:linear-gradient(90deg,var(--q-pri-a),var(--q-pri-b));color:#fff;box-shadow:0 8px 18px -8px rgba(30,68,120,.7)}
.q-btn.q-out{background:#fff;border:1px solid var(--q-line);color:var(--q-ink);font-weight:600}
.q-btn.q-out.q-acc{border-color:rgba(42,85,153,.6);color:var(--q-link)}
.q-btn.q-navy{background:linear-gradient(135deg,#1A3468,#0A1A35);color:#fff;box-shadow:0 10px 24px -14px rgba(10,26,53,.7)}
.q-btn.q-soft{height:36px;border-radius:10px;padding:0 12px;font-size:12.5px;background:var(--q-bl-50);color:var(--q-link)}
.q-btn.q-gold{background:linear-gradient(90deg,var(--q-gold-a),var(--q-gold-b));color:var(--q-night);box-shadow:0 10px 20px -10px rgba(174,136,52,.9)}
.q-btn.q-glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.8);color:#fff}
.q-btn.q-sm{height:36px;border-radius:10px;padding:0 14px;font-size:12.5px}
.q-btn.q-xl{height:56px;border-radius:14px;padding:0 24px;font-size:16px}
.q-btn.q-ic44{width:44px;padding:0}

.q-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-weight:600;white-space:nowrap;padding:4px 10px;font-size:11.5px}
.q-pill.q-sm{padding:2px 8px;font-size:10px}.q-pill.q-lg{padding:6px 12px;font-size:13px}
.q-p-em{background:var(--q-em-100);color:var(--q-em-700)}.q-p-am{background:var(--q-am-100);color:var(--q-am-700)}.q-p-ro{background:var(--q-ro-100);color:var(--q-ro-700)}
.q-p-sk{background:var(--q-sk-100);color:var(--q-sk-700)}.q-p-bl{background:var(--q-bl-100);color:var(--q-bl-700)}.q-p-vi{background:var(--q-vi-100);color:var(--q-vi-700)}
.q-p-sl{background:var(--q-line-2);color:#475569}.q-p-go{background:var(--q-gold-tint);color:var(--q-gold-ink)}.q-p-wh{background:rgba(255,255,255,.85);color:var(--q-ink)}
.q-stt{display:inline-block;border-radius:8px;padding:5px 9px;font-size:10.5px;font-weight:700;letter-spacing:.06em}

.q-segtabs{display:inline-flex;gap:4px;background:rgba(255,255,255,.5);backdrop-filter:blur(4px);border-radius:12px;padding:4px;min-width:420px;border:1px solid rgba(226,232,240,.8)}
.q-segtabs span{flex:1;height:36px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--q-ink-2)}
.q-segtabs span.q-on,.q-tabon{background:linear-gradient(90deg,var(--q-pri-a),var(--q-pri-b));color:#fff!important;box-shadow:0 6px 14px -8px rgba(30,68,120,.7)}
.q-utabs{display:flex;gap:26px;padding:0 20px;min-height:52px;align-items:center}
.q-utabs span{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--q-ink-2);height:52px;position:relative}
.q-utabs span.q-on{color:var(--q-link)}
.q-utabs span.q-on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;border-radius:2px;background:var(--q-link)}
.q-utabs .q-c{min-width:20px;height:20px;border-radius:10px;background:var(--q-line-2);font-size:10.5px;display:grid;place-items:center;padding:0 6px}

.q-lt{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--q-line-card);border-radius:18px;box-shadow:var(--q-sh-card);padding:10px;margin-bottom:12px}
.q-lt .q-srch{height:46px;border-radius:14px;border:1px solid var(--q-line);display:flex;align-items:center;gap:10px;padding:0 14px;width:360px;font-size:14px;color:#94A3B8}
.q-lt .q-ib{width:46px;height:46px;border-radius:14px;border:1px solid var(--q-line);display:grid;place-items:center;color:var(--q-ink-2)}
.q-chipf{height:46px;border-radius:999px;border:1px solid var(--q-line);padding:0 16px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;background:#fff;white-space:nowrap}
.q-chipf .q-c{min-width:26px;height:24px;border-radius:12px;background:var(--q-line-2);font-size:12px;display:grid;place-items:center;padding:0 7px}
.q-chipf.q-on{border:1.5px solid rgba(42,85,153,.5)}.q-chipf.q-on .q-c{background:var(--q-night);color:#fff}
.q-lt .q-btn.q-navy{height:56px;border-radius:14px;padding:0 24px;font-size:16px;margin-left:auto}

.q-lp{overflow:hidden;border-radius:18px;border:1px solid var(--q-line);background:#fff}
.q-lh{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--q-line-2);background:rgba(248,250,252,.6);padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--q-ink-3)}
.q-lr{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--q-line-2);padding:12px 16px;font-size:13px}
.q-lr:last-child{border-bottom:0}
.q-lr .q-nm b{display:block;font-size:14px;font-weight:700;line-height:1.3}.q-lr .q-nm small{display:block;font-size:12px;color:var(--q-ink-3)}
.q-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--q-line-2);color:#475569;flex:none}
.q-cb{width:18px;height:18px;border-radius:5px;border:1.5px solid #CBD5E1;flex:none}
.q-w30{width:30px}.q-w120{width:120px}.q-w140{width:140px}.q-w160{width:160px}.q-w180{width:180px}.q-w110{width:110px}.q-w90{width:90px}.q-flex1{flex:1;min-width:0}.q-r{text-align:right;justify-content:flex-end}
.q-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.q-tbl th{text-align:left;border-top:1px solid var(--q-line-2);border-bottom:1px solid var(--q-line-2);background:rgba(248,250,252,.6);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--q-ink-3);padding:10px 16px}
.q-tbl td{padding:11px 16px;border-bottom:1px solid var(--q-line-2)}
.q-tbl tr:last-child td{border-bottom:0}
.q-tbl .q-r{text-align:right}

.q-band{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;padding:8px 20px}
.q-band img.q-scene{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-1;width:auto}
.q-band svg.q-pat{position:absolute;inset:0;width:100%;height:100%;z-index:-2;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 76%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 76%)}
.q-band .q-bi{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.75);display:grid;place-items:center;box-shadow:0 1px 2px rgba(15,23,42,.12);flex:none}
.q-band h3{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.q-band p{font-size:12px;opacity:.75;line-height:1.3}
.q-band .q-rt{margin-left:auto}
.q-band .q-rt .q-btn{background:rgba(255,255,255,.85);height:36px;border-radius:10px;font-size:12.5px;padding:0 12px;color:var(--q-ink);border:0;font-weight:600}
.q-sc{overflow:hidden}
.q-sc .q-body{padding:18px 20px}

.q-s-info{background:#DDD9F7;color:#2E2566}.q-s-info .q-bi{color:#6D28D9}
.q-s-price{background:#CBF1E2;color:#0F4733}.q-s-price .q-bi{color:#047857}
.q-s-sales{background:#FFE4C4;color:#5B3410}.q-s-sales .q-bi{color:#B45309}
.q-s-health{background:#DFF3E2;color:#14532D}.q-s-health .q-bi{color:#15803D}
.q-s-hero{background:#D8E3EF;color:var(--q-ink)}
.q-s-ident{background:#BDDFE8;color:#0C3B47}.q-s-ident .q-bi{color:#0E7490}
.q-s-pay{background:#DCE7F7;color:#0E2447}.q-s-pay .q-bi{color:var(--q-link)}
.q-s-share{background:#E4E9EF;color:#0E2447}.q-s-share .q-bi{color:var(--q-link)}
.q-s-gold{background:#F3E6C8;color:#4A3710}.q-s-gold .q-bi{color:var(--q-gold-ink)}

.q-hband{border-radius:var(--q-r-card);border:1px solid var(--q-line-card);box-shadow:var(--q-sh-card);overflow:hidden;background:#fff;margin-bottom:16px}
.q-hband .q-band{min-height:150px;padding:20px;gap:18px}
.q-hband .q-photo{width:84px;height:84px;border-radius:20px;border:1px solid rgba(226,232,240,.7);background:linear-gradient(145deg,#2F5C9F,#0E2447);display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800;box-shadow:0 6px 10px rgba(15,23,42,.18);flex:none}
.q-hband h1{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.12}
.q-hband .q-sub{font-size:14px;font-weight:500;color:rgba(14,36,71,.65);margin-top:3px}
.q-hband .q-pills{display:flex;gap:6px;margin-top:10px}
.q-hband .q-band img.q-scene{height:150px}
.q-hband .q-acts{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--q-line-2);padding:12px 20px}

.q-empty{margin:16px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:14px;background:rgba(248,250,252,.8);padding:24px 16px;text-align:center}
.q-empty img{height:92px}.q-empty p{max-width:320px;font-size:13px;color:var(--q-ink-3)}

.q-strip{border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.q-strip.q-em{background:linear-gradient(90deg,#E7F7EF,#F3FBF7)}.q-strip.q-sk{background:#EAF3FC}
.q-strip .q-ic{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none}
.q-strip b{display:block;font-size:13.5px;font-weight:700}.q-strip small{display:block;font-size:12px;color:var(--q-ink-2)}
.q-strip .q-btn{margin-left:auto}

.q-pwa{display:flex;justify-content:center;gap:10px;margin-top:22px}
.q-pwa span{height:32px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:#fff;border:1px solid var(--q-line)}
.q-pwa span.q-g{background:linear-gradient(90deg,var(--q-gold-a),var(--q-gold-b));color:var(--q-night);border:0}
.q-foot{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:12px;color:var(--q-ink-3)}
.q-foot .q-wm{font-size:17px;color:var(--q-night)}
.q-foot .q-r{margin-left:auto;display:flex;gap:16px}

.q-proto{position:relative;margin:18px 0 0 auto;width:fit-content;z-index:50;background:var(--q-night);color:#fff;border-radius:12px;padding:9px 13px;font-size:11px;line-height:1.5;box-shadow:0 18px 40px -20px rgba(10,26,53,.6);max-width:320px}
.q-proto b{color:#E6CD8E}
@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}

.q-pgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:18px;align-items:start}
.q-phero{position:relative;border-radius:18px;overflow:hidden;height:352px;background:#0A2146;color:#fff}
.q-phero img.q-bg{position:absolute;right:0;top:0;height:100%;width:70%;object-fit:cover;object-position:center 35%}
.q-phero .q-ov{position:absolute;inset:0;background:linear-gradient(90deg,#0A2146 32%,rgba(10,33,70,.85) 50%,transparent 80%)}
.q-phero .q-tx{position:relative;z-index:2;padding:52px 40px;max-width:560px}
.q-phero .q-kk{font-size:11px;letter-spacing:.2em;font-weight:700;color:rgba(255,255,255,.7)}
.q-phero h2{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.06;margin:14px 0 12px}
.q-phero p{font-size:15px;color:rgba(255,255,255,.82);line-height:1.55;max-width:470px}
.q-phero .q-cta{display:flex;gap:10px;margin-top:24px}
.q-fchip{position:absolute;z-index:2;background:#fff;color:var(--q-ink);border-radius:16px;padding:10px 14px 10px 10px;display:flex;gap:10px;align-items:center;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.q-fchip .q-tile{width:38px;height:38px;border-radius:11px}
.q-fchip small{display:block;font-size:11px;color:var(--q-ink-3)}.q-fchip b{display:block;font-size:15px;font-weight:800}
.q-phero .q-hand{position:absolute;z-index:2;right:36px;top:30px;font-size:26px;color:#E6CD8E;transform:rotate(-8deg);line-height:1}
.q-phero .q-dots{position:absolute;left:40px;bottom:18px;display:flex;gap:6px;z-index:2}
.q-phero .q-dots i{width:7px;height:7px;border-radius:4px;background:rgba(255,255,255,.4)}.q-phero .q-dots i.q-on{width:18px;background:#E6CD8E}
.q-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q-smt{border:1px solid var(--q-line);border-radius:14px;padding:12px}
.q-smt .q-row{display:flex;gap:10px;align-items:flex-start}
.q-smt .q-tile{width:38px;height:38px;border-radius:11px}
.q-smt small{display:block;font-size:12px;color:var(--q-ink-2)}.q-smt b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.q-smt a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--q-link);margin-top:10px}
.q-ann{border-radius:18px;padding:22px;position:relative;overflow:hidden;min-height:214px;background:linear-gradient(145deg,#132C5A,#0A1A35);color:#fff}
.q-ann .q-kk{font-size:10.5px;letter-spacing:.2em;font-weight:700;color:#E6CD8E}
.q-ann h3{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:10px 0 8px;max-width:210px}
.q-ann p{font-size:13px;color:rgba(255,255,255,.8);line-height:1.5;max-width:200px}
.q-ann img{position:absolute;right:-10px;bottom:0;height:176px;opacity:.95}
.q-ann .q-tag{position:absolute;right:18px;top:18px;background:#fff;color:var(--q-gold-ink);border-radius:12px;padding:6px 10px;font-size:11.5px;font-weight:700;transform:rotate(7deg);display:flex;gap:6px;align-items:center;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)}
.q-ann .q-btn{margin-top:18px}
.q-relt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q-rti{border:1px solid var(--q-line);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}
.q-rti .q-tile{width:38px;height:38px;border-radius:11px}
.q-rti small{display:block;font-size:11.5px;color:var(--q-ink-2)}.q-rti b{display:block;font-size:15px;font-weight:700}
.q-todo td .q-ix{width:26px;height:26px;border-radius:50%;background:var(--q-line-2);display:grid;place-items:center;font-size:11px;color:var(--q-ink-2);font-weight:600}
.q-todo .q-nm b{display:block;font-weight:700}.q-todo .q-nm small{display:block;font-size:12px;color:var(--q-ink-3)}
.q-stt.q-am{background:#FEF3C7;color:#B45309}.q-stt.q-ro{background:#FFE4E6;color:#BE123C}.q-stt.q-bl{background:#DCE6F4;color:#1E4478}.q-stt.q-em{background:#D1FAE5;color:#047857}

.q-dh{display:grid;grid-template-columns:1fr 620px;gap:24px;align-items:end;margin-bottom:20px}
.q-dh h1{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.07;margin-top:6px}
.q-dh p{font-size:16px;color:var(--q-ink-2);margin-top:8px}
.q-date{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;color:var(--q-ink-2);margin-bottom:10px}
.q-date b{color:var(--q-ink)}.q-date .q-nb{width:32px;height:32px;border-radius:10px;background:#fff;border:1px solid var(--q-line);display:grid;place-items:center}
.q-row2{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;margin-bottom:16px}
.q-row3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.q-stage{display:grid;gap:12px}
.q-stg{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:12px;font-size:13px}
.q-stg .q-tr{height:12px;border-radius:6px;background:var(--q-line-2);overflow:hidden}
.q-stg .q-tr i{display:block;height:100%;border-radius:6px}
.q-stg b{text-align:right}
.q-donut{display:flex;align-items:center;gap:20px}
.q-lg1{display:grid;gap:9px;font-size:13px;flex:1}
.q-lg1 span{display:flex;align-items:center;gap:8px}.q-lg1 i{width:10px;height:10px;border-radius:50%}.q-lg1 b{margin-left:auto}
.q-dl{display:grid;gap:2px}
.q-dli{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--q-line-2);font-size:13px}
.q-dli:last-child{border-bottom:0}
.q-dli .q-dd{width:44px;text-align:center;border-radius:10px;background:var(--q-line-2);padding:4px 0;font-size:10px;color:var(--q-ink-3);line-height:1.2}
.q-dli .q-dd b{display:block;font-size:16px;color:var(--q-ink)}
.q-dli .q-nm b{display:block;font-weight:700}.q-dli .q-nm small{display:block;font-size:11.5px;color:var(--q-ink-3)}
.q-dli .q-pill{margin-left:auto}

.q-guide{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;margin-bottom:16px}
.q-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:14px}
.q-stp{display:flex;gap:12px;padding:0 16px;border-left:1px solid var(--q-line)}
.q-stp:first-child{border-left:0;padding-left:0}
.q-stp .q-no{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--q-pri-b),var(--q-pri-a));color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.q-stp b{display:block;font-size:13.5px;font-weight:700}.q-stp small{display:block;font-size:12px;color:var(--q-ink-3);margin-top:2px;line-height:1.4}
.q-pulse{border-radius:var(--q-r-card);padding:18px 20px;background:linear-gradient(150deg,#FFF6DF,#FFFBF1);border:1px solid #F5E3B5;box-shadow:var(--q-sh-card)}
.q-pulse .q-kk{font-size:11px;font-weight:700;color:var(--q-gold-ink);display:flex;gap:6px;align-items:center}
.q-pulse b.q-big{display:block;font-size:26px;font-weight:800;margin:4px 0 2px}
.q-pulse small{font-size:12px;color:var(--q-ink-2)}
.q-pulse .q-in{margin-top:12px;background:#fff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:12.5px}
.q-pulse .q-in b{display:block}.q-pulse .q-in small{display:block;font-size:11px}
.q-bar5{display:flex;gap:3px}.q-bar5 i{width:14px;height:5px;border-radius:3px;background:var(--q-line)}.q-bar5 i.q-d{background:var(--q-pri-a)}.q-bar5 i.q-n{background:var(--q-gold)}

.q-mgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.q-pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.q-pst{background:#fff;border:1px solid var(--q-line-card);border-radius:var(--q-r-card);box-shadow:var(--q-sh-card);padding:16px;display:flex;gap:16px;align-items:center}
.q-pst .q-tile{width:56px;height:56px;border-radius:14px}
.q-pst small{display:block;font-size:14px;color:var(--q-ink-2)}.q-pst b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em}
.q-pst em{display:block;font-style:normal;font-size:11.5px;color:var(--q-ink-3)}
.q-tl{display:grid}
.q-tli{display:grid;grid-template-columns:36px 1fr auto;gap:14px;padding:12px 0;position:relative}
.q-tli:not(:last-child)::before{content:"";position:absolute;left:17px;top:44px;bottom:-8px;width:2px;background:var(--q-line)}
.q-tli.q-done:not(:last-child)::before{background:var(--q-pri-a)}
.q-tli .q-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--q-line);background:#fff;color:#94A3B8;font-weight:700;font-size:13px}
.q-tli.q-done .q-dot{background:linear-gradient(135deg,var(--q-pri-b),var(--q-pri-a));border-color:transparent;color:#fff}
.q-tli.q-now .q-dot{background:var(--q-gold-tint);border-color:var(--q-gold);color:var(--q-gold-ink)}
.q-tli b{display:block;font-size:14.5px;font-weight:700}.q-tli small{display:block;font-size:12.5px;color:var(--q-ink-3);margin-top:2px}
.q-tli .q-when{text-align:right;font-size:12.5px;color:var(--q-ink-2)}.q-tli .q-when b{font-size:13px}
.q-bring{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q-bri{display:flex;gap:10px;align-items:center;border:1px solid var(--q-line);border-radius:14px;padding:10px 12px;font-size:13px}
.q-bri .q-ck{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none}
.q-bri .q-ck.q-y{background:var(--q-em-100);color:var(--q-em-700)}.q-bri .q-ck.q-n{border:1.5px solid #CBD5E1}
.q-bri small{display:block;font-size:11px;color:var(--q-ink-3)}
.q-rail{display:grid;gap:16px}
.q-chk{display:grid;gap:2px}
.q-chk span{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:7px 0}
.q-chk i{width:8px;height:8px;border-radius:50%}
.q-chk b{margin-left:auto;font-size:12.5px;font-weight:600}
.q-pay{display:grid;gap:0}
.q-pay span{display:flex;justify-content:space-between;font-size:13.5px;padding:9px 0;border-bottom:1px solid var(--q-line-2)}
.q-pay span:last-child{border-bottom:0}
.q-pay b{font-weight:700}

.q-pbar{background:#0E2447;color:#fff;display:flex;align-items:center;gap:14px;padding:12px 16px}
.q-pbar .q-wm{font-size:23px;margin-right:auto}
.q-pbar .q-ib{position:relative;width:24px;height:24px}
.q-pbar .q-ib .q-bdg{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;border-radius:9px;background:#E11D48;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.q-relm{background:#0E2447;color:#fff;padding:0 16px 12px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:rgba(255,255,255,.75)}
.q-relm b{color:#fff}
.q-hero{position:relative;min-height:228px;background:#0A2146;color:#fff;overflow:hidden}
.q-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.q-hero .q-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,56,.94) 0%,rgba(8,26,56,.72) 48%,rgba(8,26,56,.25) 100%)}
.q-hero .q-tx{position:relative;padding:22px 16px 20px}
.q-hero .q-kk{font-size:10px;letter-spacing:.2em;font-weight:700;color:rgba(255,255,255,.7)}
.q-hero h1{font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:8px 0 8px;max-width:250px}
.q-hero p{font-size:13px;color:rgba(255,255,255,.82);max-width:260px;line-height:1.45}
.q-hero .q-cta{display:flex;gap:8px;margin-top:14px}
.q-hero .q-cta .q-btn{height:44px;font-size:13.5px;padding:0 14px}
.q-hero .q-hand{position:absolute;right:14px;top:18px;font-size:21px;color:#E6CD8E;transform:rotate(-8deg);line-height:1}
.q-wrap{padding:14px 12px 96px;display:grid;gap:12px}
.q-pc{background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 24px -18px rgba(15,23,42,.25);border:1px solid rgba(226,232,240,.8)}
.q-pc h2{font-size:17px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.q-pc h2 a{font-size:12.5px;color:var(--q-link);font-weight:600}
.q-feat{margin-top:12px;border-radius:16px;border:1px solid #C9D6EA;background:#EFF4FB;padding:12px}
.q-feat .q-top{display:flex;gap:12px}
.q-feat .q-th{width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#2F5C9F,#0E2447);color:#fff;display:grid;place-items:center;flex:none}
.q-feat b{display:block;font-size:14.5px;font-weight:700}.q-feat small{display:block;font-size:12px;color:var(--q-ink-3);margin-top:2px}
.q-prog{display:grid;grid-template-columns:repeat(5,1fr);margin:14px 0 6px;position:relative}
.q-prog::before{content:"";position:absolute;left:10%;right:10%;top:11px;height:2px;background:#C9D6EA}
.q-prog .q-fill{position:absolute;left:10%;top:11px;height:2px;width:40%;background:var(--q-pri-a)}
.q-prog span{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9.5px;color:var(--q-ink-3);text-align:center}
.q-prog i{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #C9D6EA;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#94A3B8}
.q-prog .q-d i{background:var(--q-pri-a);border-color:var(--q-pri-a);color:#fff}.q-prog .q-n i{background:var(--q-gold-tint);border-color:var(--q-gold);color:var(--q-gold-ink)}.q-prog .q-n{color:var(--q-ink);font-weight:700}
.q-feat .q-btn{width:100%;margin-top:10px}
.q-mr{display:flex;align-items:center;gap:10px;border:1px solid var(--q-line);border-radius:14px;padding:10px;margin-top:8px}
.q-mr .q-th{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.q-mr b{display:block;font-size:13.5px;font-weight:700}.q-mr small{display:block;font-size:11.5px;color:var(--q-ink-3)}
.q-mr .q-btn{margin-left:auto;height:36px;font-size:12.5px;padding:0 12px;border-radius:10px}
.q-qa4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.q-qa4 span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:600;text-align:center;line-height:1.25}
.q-qa4 i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.q-bnav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid var(--q-line);max-width:430px;margin:0 auto}
.q-bnav div{display:grid;grid-template-columns:repeat(5,1fr);max-width:640px;margin:0 auto}
.q-bnav span{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:#64748B;position:relative}
.q-bnav span.q-on{color:var(--q-link)}.q-bnav span.q-on svg{stroke-width:2.25}
.q-bnav .q-b{position:absolute;top:7px;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:8px;background:#E11D48;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;padding:0 4px}

.q-dgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
/* minmax(0,1fr): düz 1fr'de içeriğin en küçük genişliği sütunu (ve sayfayı) itiyordu — 375 px'te Masam 10 px yatay kayıyordu (QA-design-X11). */
@media (max-width:1099px){.q-dgrid{grid-template-columns:minmax(0,1fr)}}
.q-dgrid .q-stats{grid-template-columns:repeat(3,minmax(0,1fr))}

.q-trow{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid var(--q-line-2)}
.q-trow:last-child{border-bottom:0}
.q-trow:hover{background:rgba(248,250,252,.7)}
.q-trow .q-chk{margin-top:2px;flex:none}
.q-trow .q-tx{flex:1;min-width:0}
.q-trow .q-tx b{display:block;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.q-trow .q-tx small{display:block;font-size:12.5px;color:var(--q-ink-3);margin-top:3px;line-height:1.4}
.q-trow .q-rt{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}

.q-tgrp{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--q-ink-3);
  padding:14px 20px 6px;background:rgba(248,250,252,.6);border-bottom:1px solid var(--q-line-2)}
.q-tgrp.q-hot{color:var(--q-ro-600)}
.q-tmore{display:block;padding:12px 20px;font-size:13px;font-weight:600;color:var(--q-link)}

.q-ladder{display:flex;align-items:center;gap:9px;margin-top:7px}
.q-ladder .q-seg{display:flex;gap:3px;flex:none}
.q-ladder .q-seg i{width:15px;height:5px;border-radius:3px;background:var(--q-line)}
.q-ladder .q-seg i.q-d{background:var(--q-link)}
.q-ladder .q-seg i.q-n{background:var(--q-gold)}
.q-ladder .q-seg i.q-bad{background:var(--q-ro-600)}
.q-ladder .q-lb{font-size:12px;font-weight:600;color:var(--q-ink-2);min-width:0;overflow-wrap:anywhere}
.q-ladder .q-lb.q-guess{color:var(--q-ink-3);text-decoration:underline dashed 1px;text-underline-offset:3px}
.q-ladder .q-lb.q-done{color:var(--q-em-700)}
.q-ladder .q-lb.q-bad{color:var(--q-ro-600)}
.q-wrow{padding:12px 20px;border-bottom:1px solid var(--q-line-2)}
.q-wrow:last-child{border-bottom:0}
.q-wrow b{font-size:13.5px;font-weight:600}
.q-wrow small{font-size:12px;color:var(--q-ink-3)}

.q-mrow{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--q-line-2)}
.q-mrow:last-child{border-bottom:0}
.q-mrow .q-av{width:28px;height:28px;font-size:11px}
.q-mrow .q-n{margin-left:auto;font-size:12.5px;color:var(--q-ink-3)}
.q-mrow .q-n b{color:var(--q-ro-600)}

.q-scrim{position:fixed;inset:0;background:rgba(10,26,53,.45);backdrop-filter:blur(2px);z-index:40;
  display:grid;place-items:center;padding:24px}
.q-dlg{width:100%;max-width:960px;background:var(--q-surface);border-radius:20px;overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(10,26,53,.55);display:flex;flex-direction:column;max-height:92dvh;position:relative}
.q-dlg.q-narrow{max-width:460px}
.q-dlg .q-x{position:absolute;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;
  border-radius:50%;background:rgba(255,255,255,.95);color:var(--q-ink);box-shadow:0 2px 8px rgba(15,23,42,.2);z-index:2}

.q-dhero{position:relative;min-height:132px;overflow:hidden;background:#EEF4FF;border-bottom:1px solid var(--q-line-card)}
.q-dhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.q-dhero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#F2F6FF 25%,rgba(242,246,255,.78) 50%,rgba(242,246,255,0) 75%)}
.q-dhx{position:relative;z-index:1;padding:20px 24px;max-width:62%}
.q-dhx h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:6px 0 0}
.q-dhx p{font-size:13.5px;color:var(--q-ink-2);margin:6px 0 0;line-height:1.5}
.q-dtag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  background:rgba(255,255,255,.88);color:var(--q-night);font-size:10.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(19,44,90,.12)}
.q-dbody{display:flex;min-height:0;flex:1;overflow:hidden}
.q-dmain{flex:1;padding:18px 24px;overflow-y:auto;min-width:0}
.q-dside{width:38%;flex:none;padding:18px 24px;background:var(--q-line-2);border-left:1px solid var(--q-line-card);overflow-y:auto}
.q-dfoot{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;
  padding:14px 24px;border-top:1px solid var(--q-line-card);background:var(--q-surface)}
.q-dlbl{font-size:13.5px;font-weight:600;margin:2px 0 6px}
.q-dfld{margin-bottom:14px}
.q-din{width:100%;height:40px;border:1px solid var(--q-line-card);border-radius:10px;padding:0 12px;
  font:inherit;font-size:13.5px;color:var(--q-ink);background:#fff;display:flex;align-items:center;gap:8px}
.q-din.q-ta{height:auto;padding:10px 12px;line-height:1.5;align-items:flex-start}
.q-dnote{font-size:12px;color:var(--q-ink-3);margin-top:5px;line-height:1.45}
.q-dwarn{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:#9F1239;
  background:var(--q-ro-50);border-radius:10px;padding:9px 11px;margin-top:6px}

.q-mprev{background:#ECEFF6;border-radius:12px;padding:14px}
.q-mprev .q-sheet{background:#fff;border:1px solid var(--q-line-card);border-radius:12px;padding:16px}
.q-mprev .q-fw{font-size:10px;letter-spacing:.06em;font-weight:700;color:var(--q-link);text-transform:uppercase}
.q-mprev h4{font-size:15px;font-weight:700;line-height:1.3;margin:8px 0 8px}
.q-mprev p{font-size:12.5px;color:var(--q-ink-2);line-height:1.6;margin-bottom:10px}
.q-mprev .q-cta{display:inline-block;background:var(--q-night);color:#fff;font-size:12.5px;font-weight:600;
  padding:9px 16px;border-radius:9px}
.q-mprev .q-sig{margin-top:12px;padding-top:10px;border-top:1px solid var(--q-line-2);font-size:10.5px;color:var(--q-ink-3)}
.q-mfrom{font-size:11.5px;color:var(--q-ink-3);margin-top:8px;line-height:1.5}
@media (max-width:899px){
  .q-dbody{flex-direction:column;overflow-y:auto}
  .q-dside{width:auto;border-left:0;border-top:1px solid var(--q-line-card)}
  .q-dhx{max-width:76%;padding:16px}
  .q-dfoot{flex-direction:column-reverse;align-items:stretch}
  .q-dfoot .q-btn{width:100%;justify-content:center}
}

.q-stats.q-s3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:899px){.q-stats.q-s3{grid-template-columns:1fr}}
.q-tck{width:19px;height:19px;border-radius:6px;border:1.6px solid var(--q-line-card);background:#fff;
  display:grid;place-items:center;color:#fff;flex:none}
.q-tck.q-on{background:var(--q-link);border-color:var(--q-link)}
.q-tile.q-sm{width:28px;height:28px;border-radius:9px}
.q-din .q-sp{flex:1}
.q-chkrow{display:flex;gap:10px;align-items:flex-start;margin-bottom:0}
.q-chkrow b{font-size:13.5px;font-weight:600;display:block}
.q-dfoot .q-lim{margin-right:auto;font-size:12.5px;color:var(--q-ink-3)}
.q-mprev .q-sig b{font-weight:800;letter-spacing:-.02em;color:var(--q-ink)}
.q-mprev .q-sig b i{color:var(--q-gold-ink);font-style:normal}
@media (max-width:899px){.q-dfoot .q-lim{margin-right:0;order:1;text-align:center}}

/* ─── canlı panele özel (app-live.css) ─── */
/* quik.legal — canlı panele özgü ekler (q- önekli, üreteç dokunmaz).
   1) kabuk ayarları  2) eski bileşen köprüsü  3) telefon düzeni */

/* 1 ─ kabuk */
#shell.q-app[hidden]{display:none}
/* QA2-core-11: platform konsolu büro kabuğu olmadan `.q-app` ızgarasına yazılıyordu; içerik 272 px'lik kenar menü
   sütununa sıkışıyor, masaüstünde form ve tablo okunmuyordu (düğme metni kesik). Konsol tek sütun. */
#shell.q-app[data-q="platform"]:not([hidden]){display:block}
/* QA2-core-12: `.q-err` yalnız giriş ekranında ve pencerelerde stilliydi; sayfa içi formlarda (platform konsolu, tatil
   takvimi, ayarlar …) hata düz siyah metin olarak görünüyordu (D22). Düşük özgüllük: pencere / kapı kuralları ezer. */
:where(#shell) .q-err{display:none;background:var(--q-ro-100);color:var(--q-ro-700);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;margin:8px 0}
:where(#shell) .q-err.show,:where(#shell) .q-err:not(:empty){display:block}
/* Uyarı (hata değil): amber kutu. */
.q-warn{background:var(--q-am-50);border:1px solid var(--q-am-100);color:var(--q-am-700);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;margin:8px 0}
/* Uzun etiketli birincil düğme dar ekranda kesilmesin (Macarca): satır kırar. */
.q-btn.q-btn--wrap{white-space:normal;height:auto;min-height:44px;line-height:1.3;padding-top:10px;padding-bottom:10px;text-align:center}
.q-app{--font-display:'Poppins',ui-sans-serif,sans-serif;--font-sans:'Poppins',ui-sans-serif,sans-serif;font-family:'Poppins',ui-sans-serif,sans-serif;color:var(--q-ink)}
.q-view{min-width:0;position:relative;z-index:1}
.q-side .q-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;margin:0 -4px;padding:0 4px}
.q-side .q-scroll::-webkit-scrollbar{display:none}
.q-side .q-scroll>*{flex:none}
.q-todo th{white-space:nowrap}.q-todo td.q-r b{white-space:nowrap}
.q-nav-i{cursor:pointer;width:100%;background:none;border:0;font:inherit;text-align:left}
.q-nav-i:hover{background:rgba(255,255,255,.06)}
.q-nav-i.q-on:hover{background:var(--q-nav-on)}
.q-who .q-out{margin-left:auto;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;border:0;cursor:pointer}
.q-ptop .q-me{cursor:pointer}
.q-ptop .q-ctl,.q-hdr .q-ctl{cursor:pointer}
.q-hdr .q-ctl{position:relative}
.q-hdr .q-ctl .q-bdg{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--q-red-bg);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 5px}
.q-hdr .q-out{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;cursor:pointer}
.q-pbar,.q-relm,.q-bnav{display:none}
.q-bnav{z-index:30;padding-bottom:env(safe-area-inset-bottom)}
button.q-qx,button.q-qt,button.q-at .q-go,.q-at,.q-lr,.q-smt,.q-rti{cursor:pointer}
button.q-qx,button.q-qt{font:inherit;text-align:left;color:inherit}
button.q-qt{text-align:center}
.q-lr:hover{background:rgba(248,250,252,.8)}
.q-vin{animation:qin .22s cubic-bezier(.23,1,.32,1) backwards}
@keyframes qin{from{opacity:0;transform:translateY(8px)}}

/* sade sayfa başlığı (henüz şablona geçmemiş ekranlar) */
.q-ph1{margin:2px 0 18px}
.q-ph1 h1{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:4px;color:var(--q-ink)}
.q-ph1 p{font-size:14px;color:var(--q-ink-2);margin-top:6px}
.q-ph1 + .section-h h2{display:none} /* eski ekranın başlığı q-ph1 ile yinelenmesin; düğmeler kalır */

/* 2 ─ eski bileşen köprüsü: yeni kabuk içinde yeni görünüm */
.q-main .panel{background:#fff;border:1px solid var(--q-line-card);border-radius:20px;box-shadow:var(--q-sh-card);overflow:hidden}
.q-main .panel__head{padding:16px 20px;border-bottom:1px solid var(--q-line-2)}
.q-main .panel__head h3{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--q-ink)}
.q-main .stat{background:#fff;border:1px solid var(--q-line-card);border-radius:17px;box-shadow:var(--q-sh-card)}
.q-main .stat__n{font-family:'Poppins',sans-serif;font-weight:700;color:var(--q-ink)}
.q-main .section-h h2,.q-main .dash-hd h2{font-family:'Poppins',sans-serif!important;font-weight:700!important;color:var(--q-ink)}
.q-main .btn-sm{border-radius:10px;font-family:'Poppins',sans-serif;font-weight:600}
.q-main .btn-sm--red{background:linear-gradient(90deg,var(--q-pri-a),var(--q-pri-b));color:#fff;border:0;box-shadow:0 8px 18px -8px rgba(30,68,120,.7)}
.q-main .btn-sm--soft{background:var(--q-bl-50);color:var(--q-link);border:0}
.q-main .pill{font-family:'Poppins',sans-serif;font-weight:600;border:0}
.q-main .pill--red{background:var(--q-ro-100);color:var(--q-ro-700)}
.q-main .pill--amber{background:var(--q-am-100);color:var(--q-am-700)}
.q-main .pill--green{background:var(--q-em-100);color:var(--q-em-700)}
.q-main .pill--blue{background:var(--q-bl-100);color:var(--q-bl-700)}
.q-main .pill--gray{background:var(--q-line-2);color:#475569}
.q-main .row__ic{border-radius:12px;background:var(--q-bl-50);color:var(--q-link);border:0}
.q-main .row__m strong{font-weight:700;color:var(--q-ink)}
.q-main .tbl th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--q-ink-3);font-weight:600}
.q-main .alert{border-radius:14px}
.q-main .empty{color:var(--q-ink-3)}
.q-main .crumb{color:var(--q-link);font-weight:600}

/* 3 ─ telefon */
@media (min-width:861px){.q-bnav{display:none!important}}
@media (max-width:860px){
  html.q-zoom{zoom:1}
  #shell.q-app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:100vh;align-content:start}   /* QA2-core-17: kısa sayfada boş alan üst çubukla içerik arasına dağılıyordu (Kurallar'da ~115 px boşluk) */
  .q-app:not(.q-staff) .q-main{padding-top:0}
  .q-pbar,.q-relm{margin:0 -12px}
  .q-bnav{max-width:none}
  .q-side{display:none}
  .q-app.q-staff .q-main,.q-main{grid-column:1;padding:12px 12px 96px}
  .q-hdr{grid-column:1;padding:0 14px;height:56px}
  .q-hdr .q-ctl{display:none}
  .q-hdr .q-crumb b{font-size:15px}
  .q-ptop{display:none}
  .q-pbar,.q-relm{display:flex}
  .q-bnav{display:block}
  .q-bnav span{cursor:pointer}
  .q-main .q-hero{margin:0 -12px}
  .q-main .q-wrap{padding:14px 0 0}
  .q-ph1 h1{font-size:26px}
  .q-ph,.q-dh{grid-template-columns:1fr;min-height:0;gap:10px;margin-bottom:14px}
  .q-ph h1,.q-dh h1{font-size:30px}
  .q-ph p,.q-dh p{font-size:14px}
  .q-ph .q-promo,.q-dh .q-promo2 img,.q-dh .q-date{display:none}
  /* .q-s3 (Masam'ın üç sayacı) hariç: prototipin kuralı geçerli — 900 altı tek sütun.
     !important'lı 2'li ızgara onu 2+1'e bölüyordu, üçüncü kart tek başına kalıyordu. */
  .q-stats:not(.q-s3),.q-pstats{grid-template-columns:1fr 1fr!important}
  .q-stats,.q-pstats{gap:10px}
  .q-stat,.q-kpi,.q-pst{padding:12px;gap:10px;min-height:0}
  .q-stat .q-tile,.q-pst .q-tile{width:42px;height:42px;border-radius:12px}
  .q-stat b,.q-kpi b,.q-pst b{font-size:19px}
  .q-stat svg.q-spark,.q-kpi .q-tone{display:none}
  .q-kpi .q-gsq{width:40px;height:40px}
  .q-att{grid-template-columns:1fr 1fr}
  .q-at{min-height:0}
  .q-row2,.q-row3,.q-guide,.q-mgrid,.q-pgrid{grid-template-columns:1fr}
  .q-steps{grid-template-columns:1fr;gap:12px}.q-stp{border-left:0;padding:0}
  .q-qa5,.q-qa3{grid-template-columns:repeat(3,1fr)}
  .q-lt{flex-wrap:wrap}.q-lt .q-srch{width:100%}.q-lt .q-btn.q-navy{margin-left:0;width:100%;height:48px}
  .q-lh{display:none}
  .q-lr{flex-wrap:wrap;gap:6px 12px}
  .q-lr--c .q-w180,.q-lr--c .q-w110,.q-lr--c .q-w160,.q-lr--c .q-cb,.q-lr--c>span:last-child{display:none!important}
  .q-lr--c .q-nm{order:1;flex:1 1 calc(100% - 190px)}
  .q-lr--c .q-w140{order:2;width:auto}
  .q-lr--c .q-w90{order:3;width:auto;margin-left:48px;font-size:12px;color:var(--q-ink-3)}
  .q-lr--c .q-w90::before{content:"Son tarih "}
  .q-lr--c .q-w120{order:4;width:auto;margin-left:auto;font-size:12.5px}
  .q-hband .q-band{padding-right:20px!important;min-height:0!important;flex-wrap:wrap}
  .q-hband .q-band img.q-scene{display:none}
  .q-hband h1{font-size:20px}
  .q-hband .q-photo{width:56px;height:56px;border-radius:16px}
  .q-hband .q-acts{flex-wrap:wrap;justify-content:flex-start}
  .q-hband .q-pills{flex-wrap:wrap}
  .q-hband .q-sub{overflow-wrap:anywhere}
  .q-sc .q-body{padding:8px 14px}
  .q-main .row{flex-wrap:wrap}
  .q-main .row__m{flex:1 1 55%;min-width:0}
  .q-main .row__r{margin-left:auto}
  .q-utabs{overflow-x:auto;gap:18px;padding:0 14px}
  .q-band img.q-scene{opacity:.35}
  /* Sağdaki sekme/düğme sığmazsa alt satıra iner (Masam "Açık işler | Tamamlananlar" 401 px'e taşıyordu). */
  .q-band{padding-right:20px!important;flex-wrap:wrap}
  .q-band>div:not(.q-rt){min-width:0;flex:1 1 160px}
  .q-band .q-rt{max-width:100%}
  .q-bring{grid-template-columns:1fr}
  .q-tbl{font-size:12.5px}
}

/* 4 ─ canlı ekranlarda düğmeye dönüşen öğeler */
button.q-chipf{font:inherit;font-weight:600;color:var(--q-ink);cursor:pointer}
button.q-more{background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--q-link);cursor:pointer;padding:0}
.q-qa4 span,.q-pc h2 a,.q-kpi,.q-lr,.q-at{cursor:pointer}
.q-lt .q-srch input::placeholder{color:#94A3B8}
.q-sc .q-body .row:last-child{border-bottom:0}
.q-rail,.q-chk{grid-template-columns:minmax(0,1fr)}
.q-rail>*{min-width:0}
.q-chk span.q-ell{display:block;flex:1;min-width:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-payrow{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--q-line-2);font-size:13px}
.q-payrow>div:first-child{flex:1;min-width:0}.q-payrow b{display:block;font-weight:700}.q-payrow small{display:block;font-size:11.5px;color:var(--q-ink-3)}
.q-payrow .q-r{text-align:right;flex:none}
.q-payrow button{margin-top:4px;display:inline-flex;align-items:center;gap:4px;height:26px;border-radius:8px;border:0;background:var(--q-em-100);color:var(--q-em-700);font:600 11.5px Poppins,sans-serif;padding:0 8px;cursor:pointer}
.q-card .panel__body .row:first-child{padding-top:4px}

/* ─────────────────────────────────────────────────────────────
   5 ─ dönüştürülen ekranlar (quik-pages.js + quik-admin.js)
   ───────────────────────────────────────────────────────────── */

/* sayfa başlığı: başlık + açıklama + sağda eylemler */
.q-ph2{display:flex;align-items:flex-end;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.q-ph2>div:first-child{min-width:0;flex:1 1 320px}
.q-ph2 h1{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.08}
.q-ph2 p{font-size:15px;color:var(--q-ink-2);margin-top:8px;max-width:560px;line-height:1.5}
.q-ph2 .q-pa{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}

/* koyu özet bandı (en yakın son tarih, bakiye, sıradaki randevu) */
.q-lead{position:relative;overflow:hidden;border-radius:var(--q-r-card);padding:22px 24px;margin-bottom:16px;
  background:linear-gradient(135deg,#132C5A,#0A1A35);color:#fff;box-shadow:var(--q-sh-card);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.q-lead .q-kk{font-size:10.5px;letter-spacing:.2em;font-weight:700;color:#E6CD8E}
.q-lead h2{font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:8px 0 6px}
.q-lead .q-meta{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.82);flex-wrap:wrap}
.q-lead .q-big{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:8px 0 4px}
.q-lead .q-rt{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.q-lead img{position:absolute;right:16px;bottom:-4px;height:124px;opacity:.9;pointer-events:none}
.q-lead.q-gold-lead{background:linear-gradient(140deg,#FFF6DF,#FFFBF1);color:var(--q-ink);border:1px solid #F5E3B5}
.q-lead.q-gold-lead .q-kk{color:var(--q-gold-ink)}
.q-lead.q-gold-lead .q-meta{color:var(--q-ink-2)}

/* liste satırı: ikon karesi + ad + sağ blok (q-lr ile aynı ızgara ailesinde) */
.q-lr .q-sq{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.q-lr .q-cbx{width:20px;height:20px;border-radius:6px;border:1.5px solid #CBD5E1;flex:none;display:grid;place-items:center;background:#fff;color:#fff;cursor:pointer}
.q-lr .q-cbx.q-on{background:var(--q-pri-a);border-color:var(--q-pri-a)}
.q-lr.q-sel{background:var(--q-bl-50)}
.q-lr .q-ra{display:flex;align-items:center;gap:8px;flex:none;justify-content:flex-end}
.q-lp .q-lsec{padding:10px 16px;background:rgba(248,250,252,.7);border-bottom:1px solid var(--q-line-2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--q-ink-3);display:flex;gap:8px;align-items:center}
.q-x{width:32px;height:32px;border-radius:9px;border:1px solid var(--q-line);background:#fff;display:grid;place-items:center;color:var(--q-ink-3);cursor:pointer;flex:none}
.q-x:hover{border-color:var(--q-ro-600);color:var(--q-ro-600)}

/* toplu seçim çubuğu */
.q-selbar{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:40;display:flex;align-items:center;gap:14px;
  background:var(--q-night);color:#fff;border-radius:16px;padding:12px 14px 12px 20px;box-shadow:0 22px 44px -22px rgba(10,26,53,.9);
  transition:transform .26s var(--q-ease)}
.q-selbar.q-on{transform:translate(-50%,0)}
.q-selbar b{font-size:15px;font-weight:800}
.q-selbar .q-gh{background:none;border:0;color:rgba(255,255,255,.7);font:600 13px Poppins,sans-serif;cursor:pointer}

/* duyuru kartları */
.q-nl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.q-nc{background:#fff;border:1px solid var(--q-line-card);border-radius:var(--q-r-card);box-shadow:var(--q-sh-card);padding:20px;position:relative;display:flex;flex-direction:column;gap:8px}
.q-nc .q-tp{display:flex;align-items:center;gap:10px}
.q-nc h3{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;flex:1;min-width:0}
.q-nc p{font-size:13.5px;color:var(--q-ink-2);line-height:1.6;white-space:pre-wrap}
.q-nc time{font-size:11.5px;color:var(--q-ink-3);font-weight:600}

/* ekip / basit bilgi kartı ızgarası */
.q-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.q-tm{background:#fff;border:1px solid var(--q-line-card);border-radius:var(--q-r-card);box-shadow:var(--q-sh-card);padding:18px;display:flex;gap:14px;align-items:flex-start}
.q-tm .q-av{width:48px;height:48px;border-radius:14px;font-size:14px;background:linear-gradient(135deg,#2F5C9F,#16325F);color:#fff}
.q-tm b{display:block;font-size:15px;font-weight:700}
.q-tm small{display:block;font-size:12.5px;color:var(--q-ink-3);margin-top:2px;overflow-wrap:anywhere}
.q-tm .q-pill{margin-top:8px}

/* form alanları (otomasyon, editör) */
.q-form{display:grid;gap:12px}
.q-fld label{display:block;font-size:12.5px;font-weight:600;color:var(--q-ink-2);margin-bottom:5px}
.q-fld input,.q-fld select,.q-fld textarea{width:100%;height:44px;border:1px solid var(--q-line);border-radius:12px;padding:0 13px;font:14px Poppins,ui-sans-serif,sans-serif;color:var(--q-ink);background:#fff;outline:0}
.q-fld textarea{height:auto;padding:11px 13px;min-height:88px;resize:vertical}
.q-fld input:focus,.q-fld select:focus,.q-fld textarea:focus{border-color:var(--q-link);box-shadow:0 0 0 3px rgba(42,85,153,.22)}

/* mesaj kanalları ve konuşma */
.q-main .thread__head{border-radius:var(--q-r-card);border:1px solid var(--q-line-card);background:#fff;box-shadow:var(--q-sh-card);padding:14px 18px}
.q-main .thread{border-radius:var(--q-r-card);border:1px solid var(--q-line-card);background:#fff;box-shadow:var(--q-sh-card)}
.q-main .pmsg__b{border-radius:14px;font-size:14px}
.q-main .pmsg--them .pmsg__b{background:var(--q-line-2);border:1px solid var(--q-line);color:var(--q-ink);border-bottom-left-radius:5px}
.q-main .pmsg--me .pmsg__b{background:linear-gradient(135deg,var(--q-pri-b),var(--q-pri-a));color:#fff;border-bottom-right-radius:5px}
.q-main .pmsg__t{color:var(--q-ink-3)}
.q-main .pmsg__act{border-radius:10px;border:1px solid var(--q-line);color:var(--q-link);font-family:'Poppins',sans-serif;background:#fff}
.q-main .pmsg__act:hover{background:var(--q-bl-50);border-color:var(--q-link);color:var(--q-link)}
.q-main .composer2{background:rgba(248,250,252,.85);border-top:1px solid var(--q-line-2);padding:12px 14px}
.q-main .composer2 input{border:1px solid var(--q-line);border-radius:12px;font:14px Poppins,ui-sans-serif,sans-serif;padding:12px 16px}
.q-main .composer2 input:focus{border-color:var(--q-link)}
.q-main .composer2__send{background:linear-gradient(135deg,var(--q-pri-b),var(--q-pri-a));border-radius:12px;width:46px;height:46px;box-shadow:0 8px 18px -8px rgba(30,68,120,.7)}
.q-ch-av{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;flex:none}
.q-ch-m{background:linear-gradient(135deg,#4F7AC0,#1E4478)}
.q-ch-g{background:linear-gradient(135deg,#A78BFA,#7C3AED)}
.q-ch-d{background:linear-gradient(135deg,var(--q-gold-a),var(--q-gold-b));color:var(--q-night)}

/* giriş ekranı */
.q-auth{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);min-height:100vh;background:var(--q-bg);
  font-family:'Poppins',ui-sans-serif,sans-serif;color:var(--q-ink)}
.q-auth .q-left{position:relative;overflow:hidden;background:#0A2146;color:#fff;display:flex;flex-direction:column;padding:44px 48px}
.q-auth .q-left img.q-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.5}
.q-auth .q-left .q-ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,26,53,.92),rgba(10,33,70,.72))}
.q-auth .q-left>*{position:relative;z-index:2}
.q-auth .q-wm{font-size:29px;color:#fff}
.q-auth .q-pitch{margin-top:auto;margin-bottom:auto;max-width:460px}
.q-auth .q-kk{font-size:11px;letter-spacing:.2em;font-weight:700;color:rgba(255,255,255,.7)}
.q-auth .q-pitch h2{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:14px 0 14px}
.q-auth .q-pitch p{font-size:15px;color:rgba(255,255,255,.8);line-height:1.6}
.q-auth .q-feats{display:grid;gap:10px;margin-top:26px}
.q-auth .q-feats span{display:flex;align-items:center;gap:11px;font-size:14px;color:rgba(255,255,255,.9)}
.q-auth .q-feats i{width:26px;height:26px;border-radius:9px;background:rgba(184,146,62,.22);color:#E6CD8E;display:grid;place-items:center;flex:none}
.q-auth .q-hand{position:absolute;right:42px;top:38px;font-size:26px;color:#E6CD8E;transform:rotate(-8deg);line-height:1.05;z-index:2}
.q-auth .q-lfoot{font-size:12px;color:rgba(255,255,255,.55)}
.q-auth .q-right{display:grid;place-items:center;padding:40px 24px}
.q-auth .q-box{width:100%;max-width:412px}
.q-auth .q-tabs{display:flex;gap:4px;background:rgba(255,255,255,.6);border:1px solid var(--q-line);border-radius:12px;padding:4px;margin-bottom:22px}
.q-auth .q-tabs button{flex:1;height:38px;border:0;border-radius:9px;background:none;font:600 13.5px Poppins,sans-serif;color:var(--q-ink-2);cursor:pointer}
.q-auth .q-tabs button.on{background:linear-gradient(90deg,var(--q-pri-a),var(--q-pri-b));color:#fff;box-shadow:0 6px 14px -8px rgba(30,68,120,.7)}
/* QA2-core-7: davetsiz açılışta "Üye ol" sekmesi gizli; tek sekmeli şerit birincil "Giriş yap" düğmesinin kopyası gibi duruyordu. */
.q-auth .q-tabs:has(#tabReg[hidden]){display:none}
.q-auth form{display:grid;gap:13px}
.q-auth h1{font-size:28px;font-weight:800;letter-spacing:-.025em}
.q-auth .q-sub{font-size:14px;color:var(--q-ink-2);margin-top:5px;margin-bottom:4px}
.q-auth label{display:block;font-size:12.5px;font-weight:600;color:var(--q-ink-2);margin-bottom:5px}
.q-auth input{width:100%;height:48px;border:1px solid var(--q-line);border-radius:12px;padding:0 14px;font:14.5px Poppins,ui-sans-serif,sans-serif;color:var(--q-ink);background:#fff;outline:0}
.q-auth input:focus{border-color:var(--q-link)}
.q-auth .q-err{display:none;background:var(--q-ro-100);color:var(--q-ro-700);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600}
.q-auth .q-err.show{display:block}
.q-auth .q-btn{width:100%;height:52px;font-size:15px}
.q-auth .q-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--q-link);margin-top:18px;cursor:pointer}
@media (max-width:860px){
  .q-auth{grid-template-columns:1fr}
  .q-auth .q-left{padding:26px 20px 30px;min-height:290px}
  .q-auth .q-pitch h2{font-size:30px}
  .q-auth .q-hand{right:18px;top:22px;font-size:20px}
  .q-auth .q-right{padding:24px 16px 40px}
  .q-ph2 h1{font-size:28px}
  .q-lead{padding:18px}.q-lead h2{font-size:21px}.q-lead .q-big{font-size:30px}.q-lead img{display:none}
  .q-lead .q-rt{margin-left:0;width:100%}
  .q-nl,.q-cards{grid-template-columns:1fr}
  .q-selbar{left:12px;right:12px;bottom:84px;transform:translateY(200%);width:auto;padding:12px 14px}
  .q-selbar.q-on{transform:translateY(0)}
  .q-main .thread__msgs{height:calc(100dvh - 360px)}
}

/* yeni liste satırlarının telefon düzeni (müşteri listesi dışındakiler) */
@media (max-width:860px){
  .q-lr .q-hm{display:none!important}
  .q-lr .q-nm{flex:1 1 100%;order:1}
  .q-lr .q-sq,.q-lr .q-cbx{order:0}
  .q-lr .q-ra{order:3;margin-left:auto}
  .q-lr .q-mw{order:2;width:auto!important;text-align:left;justify-content:flex-start;font-size:12.5px}
  .q-ph2 .q-pa{margin-left:0;width:100%}
  .q-ph2 .q-pa .q-btn{flex:1}
}

/* koyu özet bandı: görsel metnin ve düğmelerin altında kalır */
.q-lead{padding-right:240px}
.q-lead>div{position:relative;z-index:1}
.q-lead img{z-index:0}

/* 6 ─ ara genişlikler (dizüstü / tablet): 4'lü ızgaralar sığmıyor */
@media (max-width:1240px){
  .q-stats:not(.q-s3),.q-pstats{grid-template-columns:1fr 1fr!important}   /* .q-s3 üçlü kalır */
  .q-att{grid-template-columns:1fr 1fr}
  .q-qa5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .q-dh,.q-ph{grid-template-columns:minmax(0,1fr)}
  .q-dh{align-items:start;gap:16px}
  .q-ph h1,.q-dh h1{font-size:38px}
  .q-lead{padding-right:24px}
  .q-lead img{display:none}
}
@media (max-width:1100px){
  .q-row2,.q-row3,.q-guide,.q-mgrid,.q-pgrid{grid-template-columns:minmax(0,1fr)}
  .q-rail{grid-template-columns:minmax(0,1fr)}
  .q-steps{grid-template-columns:1fr}.q-stp{border-left:0;padding-left:0}
  .q-lr{flex-wrap:wrap;gap:6px 12px}
  .q-lr .q-hm{display:none!important}
  .q-lt{flex-wrap:wrap}
  .q-lt .q-srch{flex:1 1 260px;width:auto}
  .q-lt .q-btn.q-navy{margin-left:auto}
}

/* ─────────────────────────────────────────────────────────────
   7 ─ etkileşim sertleştirme bileşenleri (assets/components.js — D16, D28)
   ───────────────────────────────────────────────────────────── */

/* bekleme durumu: düğme kilitli, dönen gösterge */
.q-busy{opacity:.72;cursor:progress!important}
.q-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;
  display:inline-block;animation:qspin .7s linear infinite;flex:none}
@keyframes qspin{to{transform:rotate(360deg)}}
button[aria-busy="true"]{pointer-events:none}

/* hata toast'ı + tekrar dene */
.q-toast-err{background:var(--q-night)!important}
.q-toast-err .q-tretry{margin-left:12px;height:30px;border-radius:9px;border:0;padding:0 12px;cursor:pointer;
  background:linear-gradient(90deg,var(--q-gold-a),var(--q-gold-b));color:var(--q-night);font:700 12.5px Poppins,sans-serif}

/* yükleme kuyruğu şeridi */
.q-uq{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;max-width:min(560px,calc(100vw - 24px))}
.q-uq-in{display:flex;align-items:center;gap:12px;background:var(--q-night);color:#fff;border-radius:14px;
  padding:12px 14px;box-shadow:0 22px 44px -22px rgba(10,26,53,.9);font-size:13px}
.q-uq-in b{font-variant-numeric:tabular-nums;flex:none}
.q-uq-in>span:not(.q-uq-tr){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.q-uq-tr{width:90px;height:6px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden;flex:none}
.q-uq-tr i{display:block;height:100%;background:linear-gradient(90deg,var(--q-gold-a),var(--q-gold-b));transition:width .2s}
.q-uq-x{background:none;border:0;color:rgba(255,255,255,.7);font:600 12.5px Poppins,sans-serif;cursor:pointer;flex:none}
.q-uq-x:hover{color:#fff}

/* iskelet (D28: yükleniyor durumu) */
.q-skel{display:grid;gap:10px;padding:8px 0}
.q-skel span{display:block;height:56px;border-radius:14px;
  background:linear-gradient(90deg,#EEF2F7 25%,#F8FAFC 37%,#EEF2F7 63%);background-size:400% 100%;
  animation:qsk 1.3s ease infinite}
@keyframes qsk{from{background-position:100% 0}to{background-position:0 0}}

/* D28: 44px dokunma hedefi ve görünür odak */
@media (pointer:coarse){
  .q-btn,.q-chipf,.q-x,.q-cbx,.q-bnav span{min-height:44px}
  .q-cbx{width:24px;height:24px}
  .q-lr{min-height:56px}
}
.q-lr[tabindex]:focus-visible,.q-dli[tabindex]:focus-visible,
.q-btn:focus-visible,.q-chipf:focus-visible,.q-nav-i:focus-visible{
  outline:2px solid var(--q-link);outline-offset:2px;border-radius:12px}
@media (max-width:860px){.q-uq{left:12px;right:12px;bottom:84px;transform:none;max-width:none}}


/* ── Dosya aşama zaman çizelgesi (T27) ─────────────────────────────────────
   Mevcut `.q-stg` başka bir bileşen (yatay çubuk satırı), bu yüzden ayrı ad. */
.q-tl{display:grid;gap:2px}
.q-tli{display:grid;grid-template-columns:28px 1fr auto;align-items:start;gap:12px;
  padding:12px 4px;border-bottom:1px solid var(--q-line-2);position:relative}
.q-tli:last-child{border-bottom:0}
.q-tln{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-size:12px;font-weight:600;background:var(--q-line-2);color:var(--q-ink-3);flex:none}
.q-tlb{min-width:0}
.q-tlb b{display:block;font-size:14px;line-height:1.35}
.q-tlb small{display:block;color:var(--q-ink-3);font-size:12.5px;line-height:1.5;margin-top:2px}
.q-tld{font-size:12.5px;color:var(--q-ink-3);white-space:nowrap;padding-top:4px}
/* Durum tonları: biten yeşil, yürüyen lacivert, atlanan soluk, bekleyen nötr. */
.q-tli.q-s-em .q-tln{background:var(--q-em-bg,#E7F6EF);color:var(--q-em,#0F8A5F)}
.q-tli.q-s-bl .q-tln{background:var(--q-navy);color:#fff}
.q-tli.q-s-bl .q-tlb b{font-weight:600}
.q-tli.q-s-sl .q-tln{background:var(--q-line-2);color:var(--q-ink-3)}
.q-tli.q-s-sl .q-tlb b{text-decoration:line-through;color:var(--q-ink-3)}

/* Anahtar-değer satırı (ücret kartı) */
.q-kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:8px 0;border-bottom:1px solid var(--q-line-2);font-size:14px}
.q-kv:last-child{border-bottom:0}
.q-kv span{color:var(--q-ink-3)}
.q-kv b{font-variant-numeric:tabular-nums}

/* ── Geniş modal — quik.deal'ın "iş diyalogu" kalıbı ───────────────────────
   quik.deal'da karar aldıran diyaloglar dar değil YATAY: küçük ekranda tek
   sütun, geniş ekranda ~920px ve iki sütun (`lg:max-w-[920px]`). Sebep basit —
   kullanıcı seçim yaparken sonucu AYNI ANDA görüyor, aşağı kaydırıp geri
   dönmüyor. Burada da öyle: solda girdiler, sağda canlı önizleme.

   Gövde kaydırılıyor, başlık ve düğme şeridi yerinde duruyor: uzun bir formda
   "Kaydet" düğmesini aramak gerekmiyor. Telefonda tek sütun; önizleme
   girdilerin altına düşüyor (sıra doğal: önce seç, sonra sonucu gör). */
/* Genişliği boy sınıfı verir (D18): varsayılan 640, --md 880, --lg 1160 — qwide yalnız yerleşim. */
.modal__card--qwide{padding:0;overflow:hidden;
  display:flex;flex-direction:column;max-height:92dvh}
.modal__card--qwide .qm-h{padding:22px 24px 16px;border-bottom:1px solid var(--q-line)}
.modal__card--qwide .qm-h h3{margin:0}
.modal__card--qwide .qm-h .msub{margin:6px 0 0}
.qm-body{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto}
.qm-main{padding:18px 24px;min-width:0}
.qm-side{padding:18px 24px;min-width:0;background:var(--q-line-2);
  border-top:1px solid var(--q-line)}
.qm-foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;
  padding:14px 24px;border-top:1px solid var(--q-line);background:var(--q-surface)}
.qm-foot .btn,.qm-foot .q-btn{margin:0}
.qm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qm-lbl{font-size:13.5px;font-weight:600;margin:2px 0 6px}
@media (min-width:900px){
  .qm-body{flex-direction:row;overflow:hidden}
  .qm-main{flex:1;overflow-y:auto}
  .qm-side{width:38%;flex:none;overflow-y:auto;border-top:0;border-left:1px solid var(--q-line)}
}
@media (max-width:560px){
  .qm-grid{grid-template-columns:1fr}
  .modal__card--qwide .qm-h,.qm-main,.qm-side,.qm-foot{padding-left:16px;padding-right:16px}
}
/* Gövde + düğme şeridi tek sarmalayıcıda: içerik yeniden çizilirken başlık yerinde kalıyor. */
.qm-wrap{display:flex;flex-direction:column;min-height:0;flex:1}
/* Telefonda düğmeler tam genişlik ve birincil olan ÜSTTE (başparmak oraya gidiyor). */
@media (max-width:560px){
  .qm-foot{flex-direction:column-reverse;align-items:stretch}
  .qm-foot .btn,.qm-foot .q-btn{width:100%;justify-content:center}
}

/* ── Modal başlık bandı (quik.deal `Banner`) ───────────────────────────────
   quik.deal'ın iş diyalogları düz başlıkla açılmıyor: üstte üretilmiş bir
   zemin var, nesneler SAĞDA, soldan bir perde metni okunur tutuyor. Pencere
   böylece "ne yapıyorum"u bir bakışta söylüyor.

   `object-position:right`: dar ekranda kırpılan taraf SOL (boş olan) oluyor,
   nesneler kalıyor. Kapatma düğmesi nesnelerin üstüne gelmesin diye beyaz
   daireye alındı — quik.deal'daki [&>button] kalıbının aynısı. */
.qm-hero{position:relative;min-height:132px;overflow:hidden;background:#EEF4FF;
  border-bottom:1px solid var(--q-line)}
.qm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:right center;pointer-events:none;user-select:none}
.qm-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#F2F6FF 25%,rgba(242,246,255,.78) 50%,rgba(242,246,255,0) 75%)}
.qm-hx{position:relative;z-index:1;padding:20px 24px;max-width:62%}
.qm-hx h3{margin:6px 0 0}
.qm-hx .msub{margin:6px 0 0}
.qm-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  background:rgba(255,255,255,.88);color:var(--q-navy);font-size:10.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(19,44,90,.12)}
.modal__card--qwide .modal__x{width:32px;height:32px;display:grid;place-items:center;
  border-radius:50%;background:rgba(255,255,255,.95);color:var(--q-ink);
  box-shadow:0 2px 8px rgba(15,23,42,.2);z-index:2}
@media (max-width:560px){
  .qm-hero{min-height:112px}
  .qm-hx{max-width:76%;padding:16px}
}
/* Dar pencereler de başlık bandı alabilsin: kartın kendi dolgusu kalkıyor,
   dolguyu içerik bloğu (.qm-pad) taşıyor. Geniş modal zaten p-0 idi. */
.modal__card--qtop{padding:0;overflow:hidden}
.qm-pad{padding:18px 24px 22px}
@media (max-width:560px){ .qm-pad{padding:16px} }

/* ═══ Canlı panelde elle eklenmiş kurallar — kaynağa taşındı (2026-10) ══════
   Bunlar daha önce DOĞRUDAN assets/quik.css'e yazılmıştı. quik.css bu dosyadan
   ÜRETİLİYOR; bir sonraki `build-quik-css.py` çalışması hepsini sessizce silerdi:
   pasif düğme, odak halkası, kaydırma çubuğu, erteleme düğmesi, sayaç satırı. */

/* Pasif düğme: ret sebebi yanında yazılı olduğu için düğme KAYBOLMUYOR, sönüyor.
   Basma geri bildirimi de kalkıyor; aksi hâlde tıklanabilir gibi duruyor. */
.q-btn:disabled,.q-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;box-shadow:none}
.q-btn:disabled:active,.q-btn[aria-disabled="true"]:active{transform:none}

.qm-foot .q-lim{margin-right:auto;font-size:12.5px;color:var(--q-ink-3)}
@media (max-width:560px){.qm-foot .q-lim{margin-right:0;order:1;text-align:center}}

/* Tarayıcı yüzeyleri (D7): seçim rengi, caret, odak halkası ve kaydırma çubuğu
   tarayıcı varsayılanıyla gelirse sayfa "kurulmuş" değil "monte edilmiş" görünür. */
::selection{background:var(--q-bl-100);color:var(--q-ink)}
.q-app input,.q-app textarea,.q-app select{caret-color:var(--q-link)}
.q-app :focus-visible{outline:3px solid rgba(42,85,153,.45);outline-offset:2px;border-radius:8px}
.q-app *{scrollbar-width:thin;scrollbar-color:var(--q-line) transparent}
.q-app ::-webkit-scrollbar{width:10px;height:10px}
.q-app ::-webkit-scrollbar-thumb{background:var(--q-line);border-radius:999px;border:3px solid transparent;background-clip:content-box}
.q-app ::-webkit-scrollbar-thumb:hover{background:var(--q-ink-3);background-clip:content-box}
.q-app ::-webkit-scrollbar-track{background:transparent}

/* Görev satırı: tik kutusu ve "tümü" bağlantısı tıklanıyor, imleç bunu söylemeli. */
.q-tck{margin-top:2px;cursor:pointer;transition:background .15s var(--q-ease),border-color .15s var(--q-ease)}
.q-tmore{cursor:pointer}

/* Satırdaki erteleme düğmesi: gerçek imleçte görünür, dokunmatikte hep açık.
   Hover'a gömmek telefonda keşfedilemez yapardı (DESIGN.md dokunma kuralı). */
.q-snz{width:30px;height:30px;border-radius:9px;border:1px solid var(--q-line-card);background:#fff;
  color:var(--q-ink-3);display:grid;place-items:center;flex:none;cursor:pointer;
  transition:color .15s var(--q-ease),border-color .15s var(--q-ease)}
.q-snz:hover{color:var(--q-link);border-color:var(--q-link)}
@media (hover:hover){.q-trow .q-snz{opacity:0}.q-trow:hover .q-snz,.q-trow:focus-within .q-snz{opacity:1}}

/* Yalnız ekran okuyucuya: pasif düğmenin sebebi gibi, görünür metni tekrar
   etmeyen ama okunması gereken açıklamalar (aria-describedby hedefi). */
.q-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Pencere içindeki liste: sayfa düzeyindeki iki kolonlu `.q-dgrid` bir modalde
   ilk kolonu ~44px'e düşürüyordu; modal içi liste tek kolonlu kendi kabını kullanır. */
.q-mlist{display:grid;gap:0;border:1px solid var(--q-line-2);border-radius:12px;overflow:hidden;background:#fff}

/* "Tümünü göster" bir DÜĞME (klavyeyle erişilebilir); bağlantı görünümünü koruyor. */
button.q-tmore{display:flex;align-items:center;gap:5px;width:100%;background:none;border:0;border-top:1px solid var(--q-line-2);
  text-align:left;font:inherit;font-size:13px;font-weight:600;color:var(--q-link);cursor:pointer}

/* Satır sağ yuvası: rozet ve eylem düğmesi YAN YANA. Blok kalırsa dar rayda düğme
   rozetin altına kayıyordu (Ekip kartı, kişi listesi). */
.q-mrow .q-n{display:flex;align-items:center;gap:6px;flex:none}

/* Toplu gönderim satırındaki iki seçici: modal formunun tam yükseklikli seçicisi
   satırı şişirirdi; burada sıkı ama aynı kenarlık ve yazı. */
.q-tbsel{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.modal .pf .q-tbsel select{height:34px;padding:0 30px 0 10px;font-size:12.5px;border-radius:9px;max-width:100%}