/* ==========================================================================
   Sağlık turizmi tanıtım sayfası (cozumler/saglik-turizmi-crm.php) — stz- öneki
   Ortak taban: css/gorev-tanitim.css (.gv) + css/sektor-tanitim.css (sx-). Burada yalnız sayfaya özgü bileşenler.
   ========================================================================== */

/* hidden niteliği: .gv-btn / flex kuralları display'i ezmesin */
.stz [hidden] { display: none !important; }

/* ---------- ortak küçük parçalar ---------- */
.stz .av { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    font-size: 11px; font-weight: 600; color: #fff; background: #6d8fe0; }
.stz-rozet { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 500;
    background: #f1f1f0; color: var(--ink-2); white-space: nowrap; }
.stz-rozet.mor { background: var(--b-lav-bg); color: var(--b-lav-t); }
.stz-rozet.ana { background: var(--b-blue-bg); color: var(--b-blue-t); }
.stz-mini-btn { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600;
    background: #efefee; color: var(--ink); white-space: nowrap; }
.stz-mini-btn.koyu { background: var(--ink); color: #fff; }
.stz-s-pad { padding: 16px 18px; }
.stz-s-not { margin-top: 12px; font-size: 12.5px; color: var(--ink-2); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.stz-s-not i { color: var(--ink-3); }
.stz-liste { list-style: none; padding: 0; margin: 10px 0 0; font-size: 13px; color: var(--ink-2); }
.stz-liste li { padding: 6px 0; border-top: 1px solid var(--line); }
.stz-liste li b { color: var(--ink); font-weight: 600; margin-right: 6px; }
.stz-uyari { margin-top: 12px; padding: 8px 10px; border-radius: 8px; background: #fbe6e6; color: #9b1c1c; font-size: 12.5px; display: flex; gap: 8px; align-items: center; }

/* ---------- canlı demo ---------- */
.stz-demo { position: relative; }
.stz-adim { padding: 12px 20px; border-bottom: 1px solid var(--line); font-size: 13.5px; color: var(--ink-2); display: flex; align-items: center; gap: 10px; min-height: 46px; }
.stz-adim b { color: var(--ink); font-weight: 600; }
.stz-adim .n { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--coral); white-space: nowrap; }
.stz-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) 300px; min-height: 560px; }
.stz-kol { min-width: 0; padding: 0 0 18px; border-right: 1px solid var(--line); }
.stz-kol:last-child { border-right: 0; }
.stz-kol-h { display: flex; align-items: center; gap: 8px; padding: 14px 18px; font-size: 13px; font-weight: 600; border-bottom: 1px solid var(--line); }
.stz-kol-h small { font-weight: 400; color: var(--ink-3); margin-left: auto; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-kol-h .fa-whatsapp { color: #25D366; }

/* mesajlar */
.stz-sohbet { padding: 14px 18px 4px; display: flex; flex-direction: column; gap: 8px; background: #efeae2; background-image: radial-gradient(rgba(20,20,20,.035) 1px, transparent 1px); background-size: 14px 14px; }
.stz-balon { align-self: flex-start; max-width: 88%; background: #fff; border-radius: 10px 10px 10px 3px; padding: 8px 11px; font-size: 13.5px; line-height: 1.4; box-shadow: 0 1px 1px rgba(20,20,20,.08); }
.stz-balon.stz-giden { align-self: flex-end; background: #d9fdd3; border-radius: 10px 10px 3px 10px; }
.stz-bilet { width: 236px; padding: 0; overflow: hidden; }
.stz-bilet-kucuk { width: 100%; max-width: 300px; margin: 0 auto; }
.stz-bilet-ust { background: #1f3a6b; color: #fff; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; padding: 7px 11px; }
.stz-bilet-rota { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 4px; }
.stz-bilet-rota b { font-size: 22px; letter-spacing: -.02em; }
.stz-bilet-rota span { flex: 1; text-align: center; color: var(--ink-3); border-bottom: 1px dashed var(--line-2); margin: 0 10px; line-height: 0; font-size: 12px; }
.stz-bilet-rota span i { background: #fff; padding: 0 4px; position: relative; top: 1px; }
.stz-bilet-alt { display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; padding: 6px 14px 11px; font-family: var(--mono); font-size: 10.5px; color: var(--ink-2); }
.stz-okundu { margin: 12px 14px 0; border: 1px solid #d8c8f7; border-radius: 12px; padding: 12px 12px 10px; background: #fff; }
.stz-okundu-h { display: flex; align-items: center; gap: 10px; }
.stz-okundu-h .ik { width: 30px; height: 30px; border-radius: 8px; background: var(--lav); color: var(--b-lav-r); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stz-okundu-h b { display: block; font-size: 13.5px; }
.stz-okundu-h small { font-size: 11.5px; color: var(--ink-3); }
.stz-okundu ul { list-style: none; padding: 0; margin: 10px 0 0; font-size: 12.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.stz-okundu li { padding: 3px 0; }
.stz-okundu li b { color: var(--ink); font-weight: 600; display: inline-block; min-width: 58px; }
.stz-eylem { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 9px; border-radius: 8px; background: var(--lav); font-size: 12.5px; line-height: 1.35; }
.stz-eylem > i { color: var(--b-lav-r); }
.stz-eylem > span { flex: 1; min-width: 0; }
.stz-eylem > span small { display: block; color: var(--ink-3); font-size: 11.5px; margin-top: 2px; }
.stz-eylem .gv-btn { height: 30px; padding: 0 12px; font-size: 12.5px; flex-shrink: 0; }
.stz-eylem.stz-tamam { background: var(--mint); }
.stz-eylem.stz-tamam > i { color: var(--b-mint-r); }
.stz-eylem.stz-cak { background: #fbeedf; }
.stz-eylem.stz-cak > i { color: #d9730d; }

/* planlama */
.stz-plan-ust { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 18px 4px; }
.stz-rv { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; background: var(--b-blue-bg); color: var(--b-blue-t); }
.stz-ihtiyaclar { display: flex; flex-direction: column; gap: 6px; padding: 8px 14px 0; }
.stz-ih { display: flex; align-items: center; gap: 9px; padding: 7px 9px; border: 1px solid #f2c2c2; border-radius: 10px; min-height: 48px; transition: border-color .3s, background .3s; }
.stz-ih .ik { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: #fbe6e6; color: #c62828; font-size: 12px; transition: background .3s, color .3s; }
.stz-ih .m { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.stz-ih .m b { font-size: 12.5px; }
.stz-ih .m small { font-size: 11.5px; color: var(--ink-2); line-height: 1.3; }
.stz-ih .gv-btn { height: 28px; padding: 0 11px; font-size: 12px; flex-shrink: 0; }
.stz-ih.belki { border-color: #f2d3b0; }
.stz-ih.belki .ik { background: #fbeedf; color: #d9730d; }
.stz-ih.tamam { border-color: var(--line-2); }
.stz-ih.tamam .ik { background: var(--mint); color: var(--b-mint-t); }
.stz-ih.yeni { animation: stzVurgu 1.2s ease; }
@keyframes stzVurgu { 0% { background: #fff8d6; } 100% { background: transparent; } }

/* şoför telefonu */
.stz-tel-kol { background: #fafaf9; }
.stz-tel { margin: 14px auto 0; width: 252px; max-width: calc(100% - 28px); border-radius: 30px; background: #0b1220; color: #e5e7eb; padding: 14px 12px 16px;
    box-shadow: 0 0 0 7px #1c1c1e, 0 14px 32px -12px rgba(20,20,20,.45); min-height: 430px; position: relative; overflow: hidden; }
.stz-tel-ust { display: flex; align-items: center; gap: 9px; padding: 4px 4px 12px; border-bottom: 1px solid #1f2a44; }
.stz-tel-ust .av { background: #7c3aed; }
.stz-tel-ust b { display: block; font-size: 13px; color: #fff; }
.stz-tel-ust small { font-size: 11px; color: #9ca3af; }
.stz-tel-bos { text-align: center; color: #6b7280; font-size: 12.5px; padding: 70px 10px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.stz-tel-bos i { font-size: 22px; }
.stz-push { position: absolute; left: 10px; right: 10px; top: 10px; z-index: 3; display: flex; gap: 10px; align-items: flex-start; padding: 10px 11px; border-radius: 14px;
    background: rgba(255,255,255,.96); color: #111827; font-size: 12px; box-shadow: 0 10px 24px -8px rgba(0,0,0,.5); animation: stzPush .45s cubic-bezier(.2,.9,.3,1.2); }
.stz-push i { color: #2383e2; margin-top: 2px; }
.stz-push b { display: block; font-size: 12.5px; }
.stz-push span { color: #4b5563; }
@keyframes stzPush { from { transform: translateY(-120%); opacity: 0; } to { transform: none; opacity: 1; } }
.stz-is { margin-top: 12px; background: #111a2e; border-radius: 14px; padding: 12px; border-left: 3px solid #2383e2; animation: stzIn .4s ease; }
@keyframes stzIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.stz-is-ust { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.stz-is-ust b { font-size: 20px; color: #fff; letter-spacing: -.02em; }
.stz-is-ust span { font-size: 11px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: .04em; }
.stz-is-ust small { margin-left: auto; font-size: 10.5px; color: #9ca3af; background: #0b1220; border: 1px solid #1f2a44; border-radius: 999px; padding: 1px 7px; }
.stz-is-rota { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; color: #e5e7eb; margin: 8px 0 10px; }
.stz-is-rota i { color: #6b7280; font-size: 10px; }
.stz-yolcu { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid #1f2a44; font-size: 12.5px; color: #e5e7eb; }
.stz-yolcu .av { background: #2563eb; width: 26px; height: 26px; font-size: 10px; }
.stz-yolcu b { font-weight: 600; flex: 1; min-width: 0; color: #fff; }
.stz-yolcu small { color: #9ca3af; font-size: 11px; }
.stz-tel-btn { border: 0; border-radius: 10px; height: 32px; padding: 0 12px; font-size: 12.5px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-family: inherit; }
.stz-tel-btn.iyi { background: #16a34a; color: #fff; }
.stz-tel-btn.ana { background: #2383e2; color: #fff; }
.stz-tel-btn.genis { width: 100%; height: 40px; margin-top: 10px; }
.stz-tel-btn.bitti { background: #0e2e1c; color: #4ade80; cursor: default; }
.stz-tel-btn:focus-visible, .stz-demo .gv-btn:focus-visible { outline: 2px solid var(--coral); outline-offset: 2px; }

/* sıradaki adım vurgusu */
.stz-sirada { box-shadow: 0 0 0 3px rgba(232,96,76,.35); animation: stzNabiz 1.6s ease-in-out infinite; }
@keyframes stzNabiz { 0%, 100% { box-shadow: 0 0 0 3px rgba(232,96,76,.35); } 50% { box-shadow: 0 0 0 7px rgba(232,96,76,.12); } }
.stz-alt { display: flex; justify-content: flex-end; padding: 12px 18px; border-top: 1px solid var(--line); }
.stz-alt .gv-btn { height: 34px; font-size: 13px; }

/* ---------- akordeon sahneleri ---------- */
.stz-pas { padding: 16px 18px; }
.stz-pas-f { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 12px; background: #7b1e2b; color: #fff; margin-bottom: 10px; }
.stz-pas-f i { font-size: 26px; opacity: .9; }
.stz-pas-f small { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; opacity: .75; }
.stz-pas-f b { display: block; font-size: 15px; letter-spacing: .02em; }
.stz-pas-f span { font-family: var(--mono); font-size: 12px; opacity: .85; }
.stz-pas-alan { display: flex; justify-content: space-between; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-pas-alan span { color: var(--ink-3); }
.stz-cipler { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.stz-cipler span { height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line-2); font-size: 12px; display: inline-flex; align-items: center; }
.stz-cipler span.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.stz-pl-satir { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-pl-satir b { flex: 1; min-width: 0; font-weight: 600; }
.stz-durumlar { display: flex; gap: 4px; }
.stz-durumlar i { width: 12px; height: 12px; border-radius: 4px; background: #e5e5e3; display: block; }
.stz-durumlar i.ok { background: #5fae73; }
.stz-durumlar i.ek { background: #e06a5a; }
.stz-durumlar i.bk { background: #e8a64c; }
.stz-tel-sahne { min-height: 0; margin: 0 auto; width: 260px; }
.stz-gun { font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: .06em; margin: 12px 4px 6px; }
.stz-mini-is { display: flex; gap: 10px; align-items: flex-start; background: #111a2e; border-radius: 12px; padding: 10px; margin-top: 6px; font-size: 12px; position: relative; }
.stz-mini-is > b { font-size: 15px; color: #fff; min-width: 42px; }
.stz-mini-is > span { display: flex; flex-direction: column; color: #e5e7eb; }
.stz-mini-is > span i { color: #60a5fa; margin-right: 4px; }
.stz-mini-is small { color: #9ca3af; font-size: 11px; margin-top: 2px; }
.stz-mini-is em { position: absolute; right: 8px; top: 8px; font-style: normal; font-size: 10px; font-weight: 700; color: #d97706; background: #33240a; border-radius: 999px; padding: 1px 7px; }
.stz-iki { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.stz-panel-bildirim { background: var(--ink); color: #fff; font-size: 13px; border-radius: 10px; padding: 10px 14px; display: flex; gap: 10px; align-items: center; box-shadow: 0 12px 32px -10px rgba(20,20,20,.4); }
.stz-kilit { width: 270px; margin: 0 auto; border-radius: 30px; padding: 26px 12px 40px; min-height: 360px;
    background: linear-gradient(160deg, #3b5b8c 0%, #1b2a44 55%, #0d1526 100%); box-shadow: 0 0 0 7px #1c1c1e, 0 14px 32px -12px rgba(20,20,20,.45); }
.stz-kilit-saat { text-align: center; color: #fff; font-size: 52px; font-weight: 300; letter-spacing: -.03em; margin: 6px 0 22px; }
.stz-kilit-push { display: flex; gap: 10px; align-items: flex-start; background: rgba(255,255,255,.88); border-radius: 16px; padding: 10px 12px; margin-top: 8px; font-size: 12px; color: #111827; }
.stz-kilit-push .ik { width: 28px; height: 28px; border-radius: 8px; background: #111827; color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stz-kilit-push b { display: block; font-size: 12.5px; }
.stz-kilit-push span { color: #4b5563; }
.stz-notlar { width: 100%; }
.stz-not-h { display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 700; color: var(--ink-3); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.stz-not { display: flex; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-not > i { width: 18px; color: #7c3aed; padding-top: 2px; text-align: center; }
.stz-not .cb { width: 16px; height: 16px; border: 1.5px solid var(--ink-3); border-radius: 4px; flex-shrink: 0; margin-top: 2px; }
.stz-not b { font-size: 12px; color: var(--ink-2); }
.stz-not p { margin: 1px 0 0; }
.stz-not.onlem { background: #fbeedf; margin: 0 -18px; padding: 9px 18px; }
.stz-not.onlem b { color: #c2410c; }
.stz-not.sofor > i { color: #0f7b0f; }
.stz-tedavi { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: #102a47; font-size: 12px; color: #e5e7eb; }
.stz-tedavi i { color: #60a5fa; padding-top: 2px; }
.stz-tedavi b { display: block; color: #fff; }
.stz-tedavi small { color: #9ca3af; }
.stz-tel-sahne .stz-s-not { color: #9ca3af; }

/* ---------- transfer / yolculuk / rapor görselleri ---------- */
.stz-tr { width: 100%; max-width: 460px; padding: 14px 16px; }
.stz-tr-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.stz-tr-h b { font-size: 15px; }
.stz-tr-bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
.stz-tr-bilgi span { background: var(--soft); border-radius: 8px; padding: 6px 9px; font-size: 12.5px; font-weight: 600; }
.stz-tr-bilgi small { display: block; font-weight: 400; color: var(--ink-3); font-size: 11px; }
.stz-durak { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-durak i { width: 22px; height: 22px; border-radius: 50%; color: #fff; font-style: normal; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stz-durak small { display: block; color: var(--ink-3); font-size: 12px; }
.stz-jr-h { padding: 10px 18px; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--ink-3); font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.stz-rapor { width: 100%; max-width: 440px; padding: 14px 16px; font-variant-numeric: tabular-nums; }
.stz-rapor-h { font-size: 12px; color: var(--ink-3); font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 8px; }
.stz-rapor-s { display: grid; grid-template-columns: minmax(0, 1.6fr) .7fr .9fr 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-rapor-s span:not(:first-child) { text-align: right; }
.stz-rapor-s.ust { font-size: 11px; color: var(--ink-3); text-transform: uppercase; letter-spacing: .04em; border-top: 0; }
.stz-rapor-a { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.sx-split-v.bg-lav { background: var(--lav); }
.sx-split-v.bg-peach { background: var(--peach); }
.sx-split + .sx-split { border-top: 1px solid var(--line); }

/* adımlar mini görselleri */
.stz-mini { width: 100%; max-width: 280px; padding: 14px; }
.stz-mini-s { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13px; font-weight: 500; border-top: 1px solid var(--line); }
.stz-mini-s:first-child { border-top: 0; }
.stz-mini-s i { width: 26px; height: 26px; border-radius: 8px; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
.stz-mini-s small { margin-left: auto; color: var(--ink-3); font-size: 11.5px; font-weight: 400; }

/* gerçek ekran görüntüleri */
.stz-ekranlar { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 3fr); gap: 28px; align-items: start; padding: 0 24px 64px; }
.stz-ekranlar .sx-shot { margin: 0; }
.stz-shot-plan .sx-shot-s img { width: 100%; height: auto; display: block; }
.stz-teller { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.stz-shot-tel { margin: 0; text-align: center; }
.stz-shot-tel img { width: 100%; height: auto; border-radius: 24px; box-shadow: 0 0 0 6px #1c1c1e, 0 18px 40px -16px rgba(20,20,20,.45); display: block; background: #0b1220; }
.stz-shot-tel figcaption { font-size: 12.5px; color: var(--ink-3); margin-top: 16px; line-height: 1.4; font-family: var(--mono); letter-spacing: .04em; text-transform: uppercase; }

/* ---------- hasta yolculuğu sekmeleri ---------- */
.stz-yol { border-top: 1px solid var(--line); }
.stz-yol-sekmeler { position: relative; display: flex; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.stz-yol-sekmeler::-webkit-scrollbar { display: none; }
.stz-yol-sekmeler button { flex: 1 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 14px; border: 0; background: none;
    font: inherit; font-size: 14px; font-weight: 500; color: var(--ink-3); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.stz-yol-sekmeler button .n { width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--line-2); font-size: 11.5px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--mono); }
.stz-yol-sekmeler button:hover { color: var(--ink); }
.stz-yol-sekmeler button.is-on { color: var(--ink); border-bottom-color: var(--ink); }
.stz-yol-sekmeler button.is-on .n { background: var(--ink); border-color: var(--ink); color: #fff; }
.stz-yol-sekmeler button:focus-visible { outline: 2px solid var(--coral); outline-offset: -2px; }
.stz-yol-panel { display: grid; grid-template-columns: 420px minmax(0, 1fr); min-height: 440px; animation: stzIn .3s ease; }
.stz-yol-t { padding: 44px 40px; border-right: 1px solid var(--line); }
.stz-yol-t .gv-h2 { font-size: clamp(24px, 2.8vw, 32px); }
.stz-yol-v { display: flex; align-items: center; justify-content: center; padding: 40px 32px; min-width: 0; }
.stz-yol-v.bg-sky { background: var(--sky); } .stz-yol-v.bg-mint { background: var(--mint); } .stz-yol-v.bg-lav { background: var(--lav); } .stz-yol-v.bg-peach { background: var(--peach); }
.stz-yol-v .gv-panel { width: 100%; max-width: 420px; }

.stz-kutu { padding: 6px 0 12px; }
.stz-kutu-h { padding: 8px 16px 10px; font-size: 12px; color: var(--ink-3); font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; border-bottom: 1px solid var(--line); }
.stz-kutu-s { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.stz-kutu-s > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.stz-kutu-s b { font-size: 13px; }
.stz-kutu-s small { font-size: 12px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-kanal { font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 999px; white-space: nowrap; background: #f1f1f0; color: var(--ink-2); }
.stz-kanal.meta { background: #e7f0ff; color: #1d4ed8; } .stz-kanal.ig { background: #fde7f3; color: #be185d; }
.stz-kanal.wa { background: #dcf8c6; color: #166534; } .stz-kanal.web { background: #f1f1f0; color: var(--ink-2); }
.stz-kutu .stz-s-not { padding: 0 16px; }
.stz-sohbet-k { padding: 16px; display: flex; flex-direction: column; gap: 8px; background: #efeae2; }
.stz-sohbet-k .stz-balon { max-width: 92%; }
.stz-sohbet-k .stz-s-not { margin-top: 6px; }
.stz-teklif { padding: 16px 18px; font-variant-numeric: tabular-nums; }
.stz-teklif-h { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.stz-teklif-h b { font-size: 15px; } .stz-teklif-h small { color: var(--ink-3); font-size: 12px; }
.stz-teklif-s { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--ink-2); }
.stz-teklif-s b { color: var(--ink); font-weight: 600; }
.stz-teklif-s.top { border-bottom: 0; font-size: 14px; color: var(--ink); font-weight: 600; }
.stz-imza { margin-top: 8px; border: 1px dashed var(--line-2); border-radius: 10px; padding: 10px 12px; font-family: 'Brush Script MT', 'Segoe Script', cursive; font-size: 22px; color: #1f3a6b; display: flex; align-items: center; gap: 10px; }
.stz-imza i { font-size: 14px; color: var(--ink-3); }
.stz-teklif-a { display: flex; gap: 6px; margin-top: 10px; }
.stz-odeme { padding: 16px 18px; font-variant-numeric: tabular-nums; }
.stz-odeme-ust { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; color: var(--ink-2); }
.stz-odeme-ust b { font-size: 22px; color: var(--ink); letter-spacing: -.02em; }
.stz-odeme-bar { height: 8px; border-radius: 999px; background: #f1f1f0; margin: 10px 0 12px; overflow: hidden; }
.stz-odeme-bar i { display: block; height: 100%; background: #5fae73; border-radius: 999px; }
.stz-odeme-s { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
.stz-odeme-s span { flex: 1; color: var(--ink-2); } .stz-odeme-s span i { color: #5fae73; }
.stz-odeme-s small { color: var(--ink-3); font-size: 11.5px; }
.stz-odeme-s.kalan b { color: #c2410c; }
.stz-hatirlatma { padding: 16px; display: flex; flex-direction: column; gap: 8px; background: #efeae2; }
.stz-hatirlatma .stz-balon { max-width: 92%; }
.stz-hat-btn { align-self: flex-end; display: flex; flex-direction: column; gap: 4px; width: 78%; }
.stz-hat-btn span { background: #fff; border-radius: 8px; padding: 7px; text-align: center; font-size: 13px; color: #027eb5; font-weight: 500; box-shadow: 0 1px 1px rgba(20,20,20,.08); }

/* dış kaynak transfer */
.stz-dis { display: block; font-style: normal; font-size: 10.5px; font-weight: 700; color: #b45309; margin-top: 2px; }
.stz-wa { margin-top: 12px; border-radius: 10px; background: #efeae2; padding: 10px 12px; }
.stz-wa-h { font-size: 12px; font-weight: 600; color: #166534; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.stz-wa p { margin: 0; background: #d9fdd3; border-radius: 8px; padding: 8px 10px; font-size: 12px; line-height: 1.5; font-family: var(--mono); color: var(--ink); }

/* alanlara göre */
.stz-alanlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.stz-alan { display: flex; flex-direction: column; gap: 6px; padding: 28px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); transition: background .15s; }
.stz-alan:last-child { border-right: 0; }
.stz-alan:hover { background: var(--soft); }
.stz-alan i { font-size: 18px; color: var(--ink-2); margin-bottom: 6px; }
.stz-alan b { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
.stz-alan span { font-size: 14px; color: var(--ink-2); line-height: 1.5; }
.stz-alan b::after { content: ' →'; color: var(--ink-3); }

/* ---------- kanal logoları (marka renkleri) ---------- */
.stz-lg { width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    color: #fff; background: var(--ink); font-size: 15px; line-height: 1; font-style: normal; }
.stz-lg.wa { background: #25D366; }
.stz-lg.ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.stz-lg.fb { background: radial-gradient(circle at 0% 100%, #0099ff 0%, #a033ff 60%, #ff5280 90%, #ff7061 100%); }
.stz-lg.tg { background: #229ED9; }
.stz-lg.tt { background: #000; text-shadow: -1.2px -1.2px 0 #25f4ee, 1.2px 1.2px 0 #fe2c55; }
.stz-lg.wc { background: #37352f; }
.stz-lg.meta { background: #0866ff; }

/* kahraman KPI'ları */
.stz-kpis .stz-kpi-lg { display: flex; margin-bottom: 12px; }
.stz-kpis .stz-kpi-lg .stz-lg { width: 30px; height: 30px; border-radius: 50%; font-size: 14px; color: #fff; box-shadow: 0 0 0 2px #fff; }
.stz-kpis .stz-kpi-lg .stz-lg + .stz-lg { margin-left: -7px; }
.stz-kpis .stz-kpi-lg.ik .stz-lg { background: var(--soft); color: var(--ink-2); font-size: 12.5px; box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px var(--line-2); }

/* kahraman: kanallar tek gelen kutusuna akar */
.stz-akis { display: grid; grid-template-columns: 250px minmax(60px, 1fr) minmax(0, 470px); align-items: center; max-width: 1000px;
    margin: 56px auto 0; padding: 32px; background: var(--soft); border: 1px solid var(--line); border-radius: 22px; }
.stz-akis-k { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.stz-akis-kn { height: 54px; display: flex; align-items: center; gap: 11px; padding: 0 12px; background: #fff; border-radius: 12px;
    box-shadow: 0 1px 2px rgba(20,20,20,.06); min-width: 0; }
.stz-akis-kn > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.stz-akis-kn b { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-akis-kn small { font-size: 11.5px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-akis-c { display: block; width: 100%; height: 550px; overflow: visible; }   /* 9 kaynak × 62px (viewBox 0 0 160 550) */
.stz-akis-c path { fill: none; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.stz-akis-c .taban path { stroke: var(--line-2); }
.stz-akis-c .akan path { stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 2 12; animation: stz-akis 1.6s linear infinite; }
.stz-akis-c .akan .wa { stroke: #25D366; } .stz-akis-c .akan .ig { stroke: #d6249f; } .stz-akis-c .akan .fb { stroke: #a033ff; }
.stz-akis-c .akan .tg { stroke: #229ED9; } .stz-akis-c .akan .tt { stroke: #141414; } .stz-akis-c .akan .wc { stroke: #8a877f; }
.stz-akis-c .akan .meta { stroke: #0866ff; }
.stz-akis-c .akan .gads { stroke: #4285F4; } .stz-akis-c .akan .g { stroke: #EA4335; }
@keyframes stz-akis { to { stroke-dashoffset: -28; } }
.stz-akis-ok { display: none; }
.stz-akis-kutu { padding: 0 0 4px; overflow: hidden; min-width: 0; }
.stz-akis-kh { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.stz-akis-kh b { font-size: 14px; font-weight: 600; }
.stz-akis-marka { width: 26px; height: 26px; border-radius: 8px; background: var(--ink); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
.stz-akis-say { margin-left: auto; font-size: 11.5px; font-weight: 600; background: var(--ink); color: #fff; border-radius: 999px; padding: 2px 9px; }
.stz-akis-s { display: flex; align-items: center; gap: 11px; height: 52px; padding: 0 16px; border-bottom: 1px solid var(--line); }
.stz-akis-s:last-child { border-bottom: 0; }
.stz-akis-s:nth-child(2) { background: #f6fbf7; }
.stz-akis-s .av { position: relative; width: 34px; height: 34px; border-radius: 50%; color: #fff; font-size: 11.5px; font-weight: 600;
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stz-lg.rz { position: absolute; right: -5px; bottom: -4px; width: 18px; height: 18px; border-radius: 50%; font-size: 10px; box-shadow: 0 0 0 2px #fff; }
.stz-akis-s .m { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.stz-akis-s .m b { font-size: 13px; font-weight: 600; }
.stz-akis-s .m small { font-size: 12px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-akis-s .dl { font-family: var(--mono); font-size: 10.5px; color: var(--ink-2); border: 1px solid var(--line-2); border-radius: 5px; padding: 1px 5px; }
.stz-akis-s .t { font-size: 11.5px; color: var(--ink-3); min-width: 36px; text-align: right; white-space: nowrap; }
.stz-akis-s:nth-child(2) .t { color: #16a34a; font-weight: 600; }
.stz-akis-alt { max-width: 1000px; margin: 16px auto 0; font-size: 14px; color: var(--ink-2); text-align: center; line-height: 1.5; }
.stz-akis-alt a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .stz-akis-c .akan path { animation: none; } }

/* yolculuk sekme ikonları, kanal çipleri, sohbet başlığı */
.stz-yol-sekmeler button .ik { font-size: 13px; color: var(--ink-3); }
.stz-yol-sekmeler button.is-on .ik { color: var(--ink); }
.stz-kanal i { margin-right: 3px; }
.stz-kanal.tg { background: #e1f3fc; color: #0b6b9c; } .stz-kanal.tt { background: #f1f1f0; color: #141414; }
.stz-kanal.fb { background: #f1e9ff; color: #6d28d9; }
.stz-sohbet-kh { display: flex; align-items: center; gap: 10px; margin: -16px -16px 6px; padding: 10px 14px; background: #fff;
    border-bottom: 1px solid var(--line); border-radius: 14px 14px 0 0; }
.stz-sohbet-kh .stz-lg { width: 28px; height: 28px; border-radius: 50%; font-size: 15px; }
.stz-sohbet-kh > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.stz-sohbet-kh b { font-size: 13px; }
.stz-sohbet-kh small { font-size: 11.5px; color: var(--ink-3); }

/* 3 adım: kanal bağlama ızgarası */
.stz-baglan { width: 100%; max-width: 300px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.stz-baglan-s { position: relative; display: flex; align-items: center; gap: 8px; padding: 8px 18px 8px 8px; border: 1px solid var(--line); border-radius: 10px; font-size: 12.5px; min-width: 0; }
.stz-baglan-s b { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-baglan-s .stz-lg { width: 24px; height: 24px; border-radius: 7px; font-size: 12.5px; }
.stz-baglan-s .ok { position: absolute; right: 6px; top: 6px; color: #16a34a; font-size: 10px; }
.stz-baglan-s.genis { grid-column: 1 / -1; }

/* yönetici ve karşılaştırma */
.stz-meta-ik { color: #0866ff; margin-right: 3px; font-size: 13px; }
.stz-cmp-lg { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; }
.stz-cmp-lg .stz-lg { width: 22px; height: 22px; border-radius: 6px; font-size: 11.5px; }

/* ---------- duyarlı ---------- */
@media (max-width: 1080px) {
    .stz-akis { grid-template-columns: 220px minmax(40px, 1fr) minmax(0, 420px); padding: 24px; }
    .stz-yol-panel { grid-template-columns: 340px minmax(0, 1fr); }
    .stz-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stz-alan:nth-child(2n) { border-right: 0; }
    .stz-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .stz-tel-kol { grid-column: 1 / -1; border-top: 1px solid var(--line); border-right: 0; }
    .stz-ekranlar { grid-template-columns: 1fr; }
    .stz-shot-plan { max-width: 520px; margin: 0 auto !important; width: 100%; }
}
@media (max-width: 760px) {
    .stz-yol-sekmeler button { flex: 0 0 auto; padding: 14px 12px; font-size: 13.5px; }
    .stz-yol-panel { grid-template-columns: 1fr; min-height: 0; }
    .stz-yol-t { padding: 28px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
    .stz-yol-v { padding: 24px 16px; }
    .stz-alanlar { grid-template-columns: 1fr; }
    .stz-alan { border-right: 0; padding: 22px 16px; }
    .stz-grid { grid-template-columns: 1fr; min-height: 0; }
    .stz-kol { border-right: 0; border-bottom: 1px solid var(--line); }
    .stz-kol-h { padding: 12px 14px; }
    .stz-sohbet { padding: 12px 14px 4px; }
    .stz-okundu { margin: 12px 12px 0; }
    .stz-ihtiyaclar { padding: 8px 12px 0; }
    .stz-plan-ust { padding: 12px 14px 4px; }
    .stz-adim { padding: 10px 14px; font-size: 13px; align-items: flex-start; }
    .stz-eylem { flex-wrap: wrap; }
    .stz-eylem > span { flex-basis: calc(100% - 26px); }
    .stz-eylem .gv-btn { margin-left: 22px; }
    .stz-bilet { width: 100%; max-width: 260px; }
    .stz-tr-bilgi { grid-template-columns: 1fr 1fr; }
    .stz-ekranlar { padding: 0 16px 48px; gap: 24px; }
    .stz-teller { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px 8px 12px; margin: 0 -16px; padding-inline: 24px; }
    .stz-shot-tel { flex: 0 0 220px; scroll-snap-align: center; }
    .stz-not.onlem { margin: 0 -18px; }
}
@media (max-width: 900px) {
    .stz-akis { grid-template-columns: minmax(0, 1fr); max-width: 520px; padding: 16px; margin-top: 36px; border-radius: 18px; }
    .stz-akis-k { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 6px; }
    .stz-akis-kn { height: auto; padding: 5px 11px 5px 5px; border-radius: 999px; gap: 7px; }
    .stz-akis-kn small { display: none; }
    .stz-akis-kn b { font-size: 12.5px; }
    .stz-akis-kn .stz-lg { width: 26px; height: 26px; border-radius: 50%; font-size: 13px; }
    .stz-akis-c { display: none; }
    .stz-akis-ok { display: flex; justify-content: center; padding: 12px 0; color: var(--ink-3); font-size: 14px; }
    .stz-akis-alt { max-width: 520px; text-align: left; }
}
@media (max-width: 760px) {
    .stz-akis-s { padding: 0 12px; gap: 10px; }
    .stz-akis-s .dl { display: none; }
    .stz-akis-alt { font-size: 13.5px; }
}

/* ---------- satış ekibi (#satis-ekibi, 21.10.2026): temsilci / ekip lideri görünümü + temsilci karnesi ---------- */
.stz-kpis .stz-kpi-lg .stz-kpi-av { font-size: 12px; font-weight: 600; }
.stz-ek { width: 100%; max-width: 460px; padding: 0 0 12px; }
.stz-ek-gor { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px; border-bottom: 1px solid var(--line); }
.stz-ek-gor button { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 8px; border: 1px solid var(--line-2); border-radius: 10px;
    background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.stz-ek-gor button > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.stz-ek-gor b { font-size: 13px; font-weight: 600; line-height: 1.25; }
.stz-ek-gor small { font-size: 11px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-ek-gor .av { width: 26px; height: 26px; font-size: 11px; }
.stz-ek-gor button:hover { background: var(--soft); }
.stz-ek-gor button.is-on { background: var(--ink); border-color: var(--ink); color: #fff; }
.stz-ek-gor button.is-on small { color: rgba(255, 255, 255, .62); }
.stz-ek-gor button.is-on .av { box-shadow: 0 0 0 2px #fff; }
.stz-ek-gor button:focus-visible { outline: 2px solid var(--coral); outline-offset: 2px; }
.stz-ek-say { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 10px 14px; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--ink-2); }
.stz-ek-say span.on { color: var(--ink); font-weight: 600; }
.stz-ek-say b { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 2px;
    border-radius: 999px; background: #f1f1f0; font-size: 11px; font-variant-numeric: tabular-nums; }
.stz-ek-say span.on b { background: var(--ink); color: #fff; }
.stz-ek-say b.sifir { color: var(--ink-3); }
/* 8 satırlık sabit yükseklik: kişi değişince bölüm boyu oynamasın */
.stz-ek-liste { list-style: none; margin: 0; padding: 0; min-height: 392px; }
.stz-ek-liste li { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid var(--line); animation: stzIn .3s ease; }
.stz-ek-liste li > .av { position: relative; width: 32px; height: 32px; }
.stz-ek-liste .m { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.stz-ek-liste .m b { font-size: 13px; }
.stz-ek-liste .m small { font-size: 12px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stz-ek-liste .tm { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px 2px 2px; border-radius: 999px; background: var(--soft);
    font-size: 11.5px; color: var(--ink-2); white-space: nowrap; }
.stz-ek-liste .tm .av { width: 18px; height: 18px; font-size: 9.5px; }
.stz-ek-liste .tm.bos { padding-left: 8px; background: var(--b-sand-bg); color: var(--b-sand-t); }
.stz-ek-liste .tm.bos .stz-mini-btn { height: 18px; padding: 0 7px; margin-left: 2px; font-size: 10.5px; font-style: normal; }
.stz-ek-liste .t { width: 32px; text-align: right; font-size: 11px; color: var(--ink-3); font-variant-numeric: tabular-nums; flex-shrink: 0; }
.stz-ek-not { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 10px 14px 0; padding: 9px 12px; border-radius: 10px;
    background: var(--soft); font-size: 12.5px; color: var(--ink-2); }
.stz-ek-not.koyu { background: var(--ink); color: #fff; }
.stz-ek-not span { flex-basis: 100%; font-size: 12px; color: rgba(255, 255, 255, .7); }

.stz-krn-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 12px; color: var(--ink-3);
    font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.stz-krn-h i { margin-right: 4px; }
.stz-krn-h small { font-family: inherit; font-size: 11.5px; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.stz-rozet.yesil { background: var(--b-mint-bg); color: var(--b-mint-t); }
.stz-krn-t > div { display: grid; grid-template-columns: minmax(0, 1.4fr) .8fr .9fr 1fr .95fr .7fr .8fr; gap: 8px; align-items: center;
    padding: 7px 0; border-top: 1px solid var(--line); font-size: 12.5px; }
.stz-krn-t > div > span:not(:first-child) { text-align: right; }
.stz-krn-t > div > span:first-child { display: flex; align-items: center; gap: 6px; min-width: 0; font-weight: 600; }
.stz-krn-t .ust { border-top: 0; font-size: 10px; line-height: 1.2; color: var(--ink-3); text-transform: uppercase; letter-spacing: .02em; }
.stz-krn-t .ust > span:first-child { font-weight: 400; }
.stz-krn-t .av { width: 20px; height: 20px; font-size: 10px; font-style: normal; }
.stz-krn-t .iyi { color: var(--b-mint-t); font-weight: 600; }
.stz-krn-t .kotu { color: #b42318; font-weight: 600; }
.stz-krn-t .pn { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: 6px;
    background: #f1f1f0; font-size: 12px; }
.stz-krn-t .pn.iyi { background: var(--b-mint-bg); }
.stz-krn-t .pn.kotu { background: #fde8e6; }
.stz-krn-t .ort { font-size: 12px; color: var(--ink-3); }
.stz-krn-t .ort > span:first-child { font-weight: 500; }
/* Efor ↔ sonuç: çizgiler ekip medyanı; sol üst verimli, sağ üst yıldız, sol alt efor koçluğu, sağ alt beceri koçluğu */
.stz-mtr { position: relative; height: 128px; margin: 0 0 16px 16px; border-left: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); }
.stz-mtr-k { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.stz-mtr-k::before, .stz-mtr-k::after { content: ''; position: absolute; border: 0 dashed var(--line-2); }
.stz-mtr-k::before { left: 50%; top: 0; bottom: 0; border-left-width: 1px; }
.stz-mtr-k::after { top: 50%; left: 0; right: 0; border-top-width: 1px; }
.stz-mtr-k span { padding: 3px 5px; font-size: 9.5px; line-height: 1.2; color: var(--ink-3); }
.stz-mtr-k span:nth-child(2) { color: var(--b-mint-t); font-weight: 600; }
.stz-mtr .nk { position: absolute; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%;
    transform: translate(-50%, 50%); box-shadow: 0 0 0 2px #fff; color: #fff; font-size: 10px; font-style: normal; font-weight: 600; }
.stz-mtr .ex { position: absolute; right: 0; bottom: -16px; font-size: 9.5px; color: var(--ink-3); }
.stz-mtr .ey { position: absolute; left: -15px; bottom: 0; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 9.5px; color: var(--ink-3); }
@media (max-width: 760px) {
    .stz-ek-gor { padding: 8px; gap: 5px; }
    .stz-ek-gor button { gap: 6px; padding: 6px; }
    .stz-ek-say { padding: 9px 12px; gap: 4px 10px; font-size: 11.5px; }
    .stz-ek-liste { min-height: 0; }
    .stz-ek-liste li { padding: 8px 12px; gap: 8px; }
    .stz-ek-liste .tm { font-size: 11px; }
    .stz-ek-not { margin: 10px 12px 0; }
    .stz-krn-t .g { display: none; }
    .stz-krn-t > div { grid-template-columns: minmax(0, 1.4fr) 1fr .9fr .6fr .8fr; font-size: 12px; }
}

/* ---------- temsilci yönetimi (#temsilci-yonetimi, 21.10.2026 2. tur): hedef, karne, efor ↔ sonuç, aktivite, 1:1, dağıtım, prim ---------- */
.stz .gv-scene .stz-krn-h, .stz-prm .stz-krn-h { margin-bottom: 10px; }
.stz-ad { display: flex; align-items: center; gap: 6px; min-width: 0; font-weight: 600; white-space: nowrap; }
.stz-ad .av { width: 20px; height: 20px; font-size: 10px; font-style: normal; }
.stz .nok { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: #b5b5b2; }
.stz .nok.kirmizi { background: #e03e3e; }
.stz .nok.turuncu { background: #d9730d; }
.stz-rozet.kirmizi { background: #fde8e6; color: #b42318; }
.stz-rozet.sari { background: var(--b-sand-bg); color: var(--b-sand-t); }
/* ortak çubuk: dolgu soldan büyür (sahne oynarken), em = "bugün olunması gereken" çizgisi */
.stz-bar { position: relative; height: 10px; border-radius: 999px; background: #efeeec; }
.stz-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 999px; background: #5fae73; transform-origin: left center; }
.stz-bar i.risk { background: #d6a53a; }
.stz-bar i.geri { background: #e0614c; }
.stz-bar i.koyu { background: var(--ink); }
.stz-bar i.koyu.risk { background: #d6a53a; }
.stz-bar em { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--ink); }
.gv-scene.is-play .stz-bar i { animation: stzBar .9s cubic-bezier(.2, .8, .3, 1) both; animation-delay: calc(var(--d, 0s) + .15s); }
@keyframes stzBar { from { transform: scaleX(0); } }

.stz-hd-s { display: grid; grid-template-columns: 74px minmax(0, 1fr) 50px 72px; grid-template-areas: "ad bar sy rz" ". alt alt alt";
    align-items: center; gap: 3px 10px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; font-variant-numeric: tabular-nums; }
.stz-hd-s .stz-ad { grid-area: ad; }
.stz-hd-s .stz-bar { grid-area: bar; }
.stz-hd-s .sy { grid-area: sy; text-align: right; color: var(--ink-3); white-space: nowrap; }
.stz-hd-s .sy b { color: var(--ink); font-size: 15px; }
.stz-hd-s .stz-rozet { grid-area: rz; justify-self: end; }
.stz-hd-s small { grid-area: alt; font-size: 11.5px; color: var(--ink-3); }
.stz-hd-s.ekip { border-top-color: var(--line-2); }
.stz-hd-s.ekip .stz-ad { color: var(--ink-2); }
.stz-hd-leg { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 11.5px; color: var(--ink-3); }
.stz-hd-leg em { width: 2px; height: 12px; border-radius: 1px; background: var(--ink); }

/* büyük efor ↔ sonuç: noktalar sarmalayıcıda (gvIn transform'u konumu ezmesin) */
.stz-mtr.buyuk { height: 196px; margin: 4px 0 26px 18px; }
.stz-mtr.buyuk .stz-mtr-k span { padding: 6px 8px; font-size: 11px; }
.stz-mtr .nk-k { position: absolute; transform: translate(-50%, 50%); }
.stz-mtr .nk-k .nk { position: relative; transform: none; width: 28px; height: 28px; font-size: 11.5px; }
.stz-mtr.buyuk .ex { bottom: -20px; font-size: 10.5px; }
.stz-mtr.buyuk .ey { left: -18px; font-size: 10.5px; }
.stz-oneri { display: flex; gap: 10px; padding: 12px; border-radius: 12px; background: var(--soft); }
.stz-oneri > div { min-width: 0; }
.stz-oneri b { font-size: 13px; }
.stz-oneri p { margin: 4px 0 8px; font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }

/* 14 günlük aktivite ısı haritası */
.stz-isi { display: grid; gap: 5px; }
.stz-isi-r { display: grid; grid-template-columns: 62px repeat(14, minmax(0, 1fr)) 30px; gap: 3px; align-items: center; font-size: 12.5px; }
.stz-isi-r > i { aspect-ratio: 1; border-radius: 4px; background: #efeeec; }
.stz-isi-r > b { text-align: right; font-variant-numeric: tabular-nums; }
.stz-isi-r.ust > span { text-align: center; font-size: 10px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.stz-isi-r.ust > span:last-child { text-align: right; }
.stz-isi i.l0 { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.stz-isi i.l1, .stz-isi-l i.l1 { background: #dcefe1; }
.stz-isi i.l2, .stz-isi-l i.l2 { background: #a9d5b4; }
.stz-isi i.l3, .stz-isi-l i.l3 { background: #6db27f; }
.stz-isi i.l4, .stz-isi-l i.l4 { background: #2f7a45; }
.stz-isi i.tt, .stz-isi-l i.tt { background: repeating-linear-gradient(45deg, #efeeec 0 3px, #e2e1de 3px 6px); }
.stz-isi-l { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 12px; font-size: 11px; color: var(--ink-3); }
.stz-isi-l i { width: 12px; height: 12px; border-radius: 3px; }
.stz-isi-l i.l0 { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.stz-isi-l i.tt { margin-left: 10px; }

/* odaklanılacaklar + 1:1 */
.stz-kc-s { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }
.stz-kc-s > div { flex: 1; min-width: 0; }
.stz-kc-s b { font-size: 13px; }
.stz-kc-s p { display: flex; align-items: center; gap: 7px; margin: 3px 0 0; font-size: 12px; color: var(--ink-2); }
.stz-kc-s .stz-mini-btn { flex-shrink: 0; }
.stz-kc-1e1 { margin-top: 8px; padding: 12px 14px; border: 1px solid var(--line-2); border-radius: 12px; }
.stz-kc-1e1-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 4px; font-size: 12.5px; }
.stz-kc-1e1-h small { font-size: 11px; color: var(--ink-3); }
.stz-kc-f { display: grid; grid-template-columns: minmax(0, 1fr) 54px 54px; gap: 8px; padding: 4px 0; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.stz-kc-f > span:not(:first-child) { text-align: right; }
.stz-kc-f.ust { font-size: 10.5px; color: var(--ink-3); text-transform: uppercase; letter-spacing: .03em; }
.stz-kc-f .eski { color: var(--ink-3); }
.stz-kc-f .iyi { color: var(--b-mint-t); font-weight: 600; }
.stz-kc-aks { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12.5px; }
.stz-kc-aks .cb { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 4px; border: 1.5px solid var(--line-2); flex-shrink: 0; }
.stz-kc-aks .cb.on { background: var(--ink); border-color: var(--ink); color: #fff; font-size: 8px; }
.stz-kc-aks.bitti { color: var(--ink-3); text-decoration: line-through; }
.stz-kc-1e1 > small { display: block; margin-top: 8px; font-size: 11.5px; color: var(--ink-3); }

/* yük dengesi + dağıtım önizlemesi */
.stz-dg-s { display: grid; grid-template-columns: 74px minmax(0, 1fr) 30px; gap: 10px; align-items: center; padding: 7px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.stz-dg-s > b { text-align: right; }
.stz-dg-f { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 10px; }
.stz-dg-f span { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border: 1px solid var(--line-2); border-radius: 8px;
    background: #fff; font-size: 12px; color: var(--ink-3); }
.stz-dg-f b { color: var(--ink); font-weight: 600; }
.stz-dg-on { padding: 12px; border-radius: 12px; background: var(--soft); font-size: 12.5px; }
.stz-dg-on > b { display: block; margin-bottom: 8px; }
.stz-dg-on p { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 6px; }
.stz-dg-on .art { margin-right: 6px; color: var(--b-mint-t); font-weight: 700; }
.stz-dg-on p.not { font-size: 12px; color: var(--ink-3); }
.stz-dg-on > div { display: flex; gap: 6px; margin-top: 10px; }

/* satış ve prim paneli */
.stz-prm { width: 100%; max-width: 480px; padding: 14px 16px 16px; font-variant-numeric: tabular-nums; }
.stz-prm-s { display: grid; grid-template-columns: 74px minmax(0, 1fr) 64px 56px; gap: 3px 10px; align-items: center; padding: 9px 0;
    border-top: 1px solid var(--line); font-size: 13px; }
.stz-prm-s > span:nth-child(3), .stz-prm-s > b { text-align: right; }
.stz-prm-s > small { grid-column: 2 / -1; font-size: 11.5px; color: var(--ink-3); }
.stz-prm-s.ust { border-top: 0; padding-top: 0; font-size: 10.5px; color: var(--ink-3); text-transform: uppercase; letter-spacing: .03em; }
.stz-prm-s.ust > span:nth-child(4) { text-align: right; }
.stz-prm-alt { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 4px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 12px; color: var(--ink-2); }
.stz-prm-alt i { margin-right: 4px; color: var(--ink-3); }
.stz-prm-tk { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.stz-prm-tk span { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.stz-prm-tk i { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    background: var(--b-sand-bg); color: var(--b-sand-t); font-size: 11px; }
@media (max-width: 760px) {
    .stz-hd-s { grid-template-columns: 62px minmax(0, 1fr) 44px 64px; gap: 3px 8px; font-size: 12.5px; }
    .stz-hd-s .stz-rozet { padding: 2px 7px; font-size: 11px; }
    .stz-isi-r { grid-template-columns: 26px repeat(14, minmax(0, 1fr)) 24px; gap: 2px; font-size: 11.5px; }
    .stz-isi-r .tx { display: none; }
    .stz-isi-r.ust > span { font-size: 8.5px; }
    .stz-kc-s { flex-wrap: wrap; }
    .stz-kc-s .stz-mini-btn { margin-left: 30px; }
    .stz-mtr.buyuk { height: 170px; }
    .stz-prm { padding: 12px; }
    .stz-prm-s { grid-template-columns: 62px minmax(0, 1fr) 58px 50px; gap: 3px 8px; font-size: 12px; }
}

/* ---------- Google kaynakları (21.10.2026): çok renkli logolar beyaz zeminde, SVG ---------- */
.stz-lg svg { display: block; width: 60%; height: 60%; }
.stz-lg.g, .stz-lg.gads { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.stz-kpis .stz-kpi-lg .stz-lg.g, .stz-kpis .stz-kpi-lg .stz-lg.gads { box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px var(--line-2); }
.stz-lg.rz.g, .stz-lg.rz.gads { box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px var(--line-2); }
.stz-lg.bos { background: var(--soft); color: var(--ink-2); }
.stz-kanal.gads { display: inline-flex; align-items: center; gap: 4px; background: #e8f0fe; color: #1a56c4; }
.stz-kanal.gads svg { width: 12px; height: 12px; }
#raporlar .sx-split-v { flex-direction: column; gap: 14px; }
.stz-frm .stz-rapor-s { grid-template-columns: minmax(0, 1.5fr) 1fr .8fr .8fr; align-items: center; }
.stz-frm-k { display: flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; }
.stz-frm-k .stz-lg { width: 22px; height: 22px; border-radius: 6px; font-size: 11px; }