:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* UIUX-FOUNDATION-001 — semantic color tokens */
    --ui-color-canvas: #eef2f6;
    --ui-color-canvas-deep: #e7edf3;
    --ui-color-surface: #fff;
    --ui-color-surface-subtle: #f5f7fa;
    --ui-color-surface-muted: #e9eef4;
    --ui-color-text: #102a43;
    --ui-color-text-strong: #334e68;
    --ui-color-text-muted: #62758a;
    --ui-color-text-soft: #718397;
    --ui-color-primary: #1468b8;
    --ui-color-primary-hover: #0f579d;
    --ui-color-primary-soft: #e2effb;
    --ui-color-primary-border: #bfd4e7;
    --ui-color-border: #cbd5e1;
    --ui-color-border-strong: #aebccc;
    --ui-color-success: #1f6f46;
    --ui-color-success-soft: #e5f3eb;
    --ui-color-success-border: #a7ceb6;
    --ui-color-warning: #8a5700;
    --ui-color-warning-soft: #fff1d2;
    --ui-color-danger: #a93226;
    --ui-color-danger-soft: #fbe9e7;
    --ui-color-danger-border: #e4b4ae;

    /* 4px-based spacing rhythm. */
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 20px;
    --ui-space-6: 24px;
    --ui-space-7: 28px;
    --ui-space-8: 32px;
    --ui-space-10: 40px;
    --ui-space-12: 48px;

    /* Component geometry. */
    --ui-radius-control: 10px;
    --ui-radius-panel: 14px;
    --ui-radius-card: 16px;
    --ui-radius-pill: 999px;
    --ui-control-height: 42px;
    --ui-content-compact: 680px;
    --ui-content-standard: 960px;
    --ui-content-wide: 1180px;

    /* Operational typography scale. */
    --ui-font-size-micro: 10px;
    --ui-font-size-caption: 12px;
    --ui-font-size-body: 14px;
    --ui-font-size-body-strong: 15px;
    --ui-font-size-section: 20px;
    --ui-font-size-page: clamp(28px, 3vw, 36px);
    --ui-line-height-body: 1.55;

    /* Shared elevation, focus and motion. */
    --ui-shadow-card: 0 14px 36px rgba(16, 42, 67, .09);
    --ui-shadow-interactive: 0 10px 24px rgba(16, 42, 67, .10);
    --ui-focus-color: #2c7bc4;
    --ui-focus-ring: 0 0 0 3px rgba(44, 123, 196, .16);
    --ui-motion-fast: 120ms;
    --ui-motion-normal: 160ms;

    background: var(--ui-color-canvas);
    color: var(--ui-color-text);
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--ui-color-canvas); color: var(--ui-color-text); }
.temel-sayfa { min-height: 100vh; display: grid; place-items: center; padding: var(--ui-space-6); }
.temel-kart { width: min(var(--ui-content-compact), 100%); padding: var(--ui-space-8); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-card); background: var(--ui-color-surface); box-shadow: var(--ui-shadow-card); }
.temel-kart h1 { margin: 0 0 var(--ui-space-3); color: var(--ui-color-text); font-size: var(--ui-font-size-page); line-height: 1.12; letter-spacing: -.018em; }
.temel-kart p { margin: 0; color: var(--ui-color-text-muted); line-height: var(--ui-line-height-body); }
.temel-etiket { display: inline-flex; margin-bottom: 18px; padding: 6px 10px; border-radius: var(--ui-radius-pill); background: var(--ui-color-primary-soft); color: var(--ui-color-primary); font-size: var(--ui-font-size-caption); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }

.giris-karti { max-width: 520px; }
.giris-formu { display: grid; gap: 18px; margin-top: 26px; }
.giris-formu label { display: grid; gap: var(--ui-space-2); color: var(--ui-color-text-strong); font-size: var(--ui-font-size-body); font-weight: 700; }
.giris-formu input { width: 100%; min-height: var(--ui-control-height); padding: 12px 14px; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-control); background: var(--ui-color-surface); color: var(--ui-color-text); font: inherit; outline: none; }
.giris-formu input:focus { border-color: var(--ui-focus-color); box-shadow: var(--ui-focus-ring); }
.giris-formu button, .ikincil-buton { min-height: var(--ui-control-height); border: 0; border-radius: var(--ui-radius-control); padding: 10px 16px; background: var(--ui-color-primary); color: var(--ui-color-surface); font: inherit; font-weight: 700; cursor: pointer; }
.form-hata { margin-top: var(--ui-space-5); padding: 12px 14px; border: 1px solid var(--ui-color-danger-border); border-radius: var(--ui-radius-control); background: var(--ui-color-danger-soft); color: var(--ui-color-danger); line-height: 1.45; }
.ikincil-bilgi { margin-top: 8px !important; }
.cikis-formu { margin-top: 24px; }
.ikincil-buton { background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }

.ana-aksiyonlar { margin-top: 24px; }
.birincil-link-buton, .metin-linki { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 700; }
.birincil-link-buton { min-height: var(--ui-control-height); padding: 10px 16px; border-radius: var(--ui-radius-control); background: var(--ui-color-primary); color: var(--ui-color-surface); }
.metin-linki { margin-top: 22px; color: var(--ui-color-primary); }
.qr-karti { max-width: 560px; text-align: center; }
.qr-gorsel { width: min(320px, 100%); aspect-ratio: 1; margin: 28px auto 20px; padding: 14px; border: 1px solid #dbe4f0; border-radius: 18px; background: #fff; }
.qr-gorsel svg { width: 100%; height: 100%; display: block; }
.qr-profil-ozeti { display: grid; gap: 5px; color: #60708a; }
.public-qr-karti { max-width: 560px; }
.bilgi-kutusu { margin-top: var(--ui-space-6); padding: 14px 16px; border: 1px solid var(--ui-color-primary-border); border-radius: var(--ui-radius-panel); background: var(--ui-color-surface-muted); color: #405570; line-height: var(--ui-line-height-body); }

.musteri-formu { display: grid; gap: 18px; margin-top: 24px; }
.musteri-formu > label { display: grid; gap: var(--ui-space-2); color: var(--ui-color-text-strong); font-size: var(--ui-font-size-body); font-weight: 700; }
.musteri-formu input[type="text"], .musteri-formu input[type="tel"], .musteri-formu input[type="email"], .musteri-formu textarea { width: 100%; min-height: var(--ui-control-height); padding: 12px 14px; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-control); background: var(--ui-color-surface); color: var(--ui-color-text); font: inherit; outline: none; resize: vertical; }
.musteri-formu input:focus, .musteri-formu textarea:focus { border-color: var(--ui-focus-color); box-shadow: var(--ui-focus-ring); }
.musteri-formu button { min-height: var(--ui-control-height); border: 0; border-radius: var(--ui-radius-control); padding: 10px 16px; background: var(--ui-color-primary); color: var(--ui-color-surface); font: inherit; font-weight: 700; cursor: pointer; }
.musteri-formu em { color: var(--ui-color-text-muted); font-style: normal; font-weight: 500; }
.onay-kutusu { display: grid; gap: 6px; }
.onay-kutusu label { display: flex; align-items: flex-start; gap: 10px; color: #405570; font-size: 13px; line-height: 1.5; }
.onay-kutusu input { margin-top: 3px; }
.alan-hatasi { color: var(--ui-color-danger); font-size: var(--ui-font-size-caption); font-weight: 600; }
.hukuki-not { font-size: 12px; line-height: 1.5 !important; }
.bal-kapani { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.otp-karti { max-width: 520px; }
.otp-durum-paneli { display: grid; gap: 8px; margin-top: 22px; padding: 16px; border: 1px solid #cfe0f3; border-radius: 14px; background: #f7faff; text-align: center; }
.otp-sure { color: #1262b3; font-size: clamp(34px, 8vw, 48px); font-weight: 800; letter-spacing: .05em; font-variant-numeric: tabular-nums; }
.otp-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin-top: 14px; color: #60708a; font-size: 13px; }
.otp-aksiyonlar { display: grid; gap: 10px; margin-top: 12px; }
.otp-aksiyonlar form { margin: 0; }
.otp-aksiyonlar button { width: 100%; }
button:disabled { cursor: not-allowed; opacity: .55; }
.form-basarili { margin-top: var(--ui-space-5); padding: 12px 14px; border: 1px solid var(--ui-color-success-border); border-radius: var(--ui-radius-control); background: var(--ui-color-success-soft); color: var(--ui-color-success); line-height: 1.45; }
@media (max-width: 520px) {
    .otp-karti { padding: 24px 20px; }
    .otp-meta { display: grid; }
}


/* PATCH-INTERCOM-TALEP-010-REVIZYON-001 */
.ana-panel-karti { width: min(760px, 100%); }
.ana-aksiyonlar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.ikincil-link-buton { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 15px; border: 1px solid #cfe0f3; border-radius: 11px; background: #f7faff; color: #1262b3; text-decoration: none; font-weight: 700; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.ikincil-link-buton:hover { border-color: #9fc2e8; background: #eef6ff; transform: translateY(-1px); }
.ana-aksiyon-kartlari { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ana-aksiyon-karti { position: relative; display: flex; align-items: center; gap: 14px; min-height: 96px; padding: 18px; border: 1px solid #dbe4f0; border-radius: 16px; background: #fff; color: #243652; text-decoration: none; box-shadow: 0 7px 20px rgba(20, 48, 86, .04); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.ana-aksiyon-karti:hover { border-color: #9fc2e8; box-shadow: 0 12px 30px rgba(20, 48, 86, .09); transform: translateY(-2px); }
.ana-aksiyon-karti > span:nth-child(2) { display: grid; gap: 5px; min-width: 0; }
.ana-aksiyon-karti strong { font-size: 15px; }
.ana-aksiyon-karti small { color: #60708a; font-size: 12px; line-height: 1.45; }
.ana-aksiyon-ikon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #e9f2ff; color: #1262b3; font-size: 21px; font-weight: 800; }
.ana-aksiyon-birincil { border-color: #bdd6ef; background: linear-gradient(145deg, #fbfdff 0%, #f1f7ff 100%); }
.ana-aksiyon-sayac { position: absolute; top: 13px; right: 13px; display: grid; min-width: 28px; height: 28px; padding: 0 8px; place-items: center; border-radius: 999px; background: #1262b3; color: #fff; font-size: 12px; font-weight: 800; }

.talep-sayfasi { align-items: start; padding-top: 48px; padding-bottom: 48px; background: radial-gradient(circle at top, #f9fbff 0%, #f3f6fb 42%, #eef3f9 100%); }
.talep-liste-karti, .talep-detay-karti { width: min(960px, 100%); padding: 36px; }
.sayfa-basligi { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.sayfa-basligi h1, .talep-baslik-satiri h1 { margin-bottom: 8px; }
.talep-liste-karti h2, .talep-detay-karti h2 { margin: 0; color: #243652; font-size: 20px; }
.talep-alt-baslik { margin-top: 4px !important; }
.talep-ozetleri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.talep-ozet { display: flex; align-items: center; gap: 14px; min-height: 92px; padding: 18px; border: 1px solid #dbe4f0; border-radius: 16px; background: linear-gradient(145deg, #fff 0%, #f8fbff 100%); box-shadow: 0 8px 22px rgba(20, 48, 86, .045); }
.talep-ozet > div { display: grid; gap: 3px; }
.talep-ozet strong { color: #12213a; font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.talep-ozet span:not(.talep-ozet-ikon) { color: #60708a; font-size: 13px; font-weight: 600; }
.talep-ozet-ikon { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; border-radius: 14px; font-size: 20px; font-weight: 800; }
.talep-ozet-bekleyen .talep-ozet-ikon { background: #fff5db; color: #835b00; }
.talep-ozet-sonuclanan .talep-ozet-ikon { background: #e8f8ee; color: #176337; }
.talep-bolumu { margin-top: 34px; }
.talep-bolumu-sonuclanan { padding-top: 28px; border-top: 1px solid #e6edf5; }
.bolum-basligi { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.bolum-basligi-sade { margin-bottom: 16px; }
.bolum-ust-baslik { display: block; margin-bottom: 5px; color: #6d7c92; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.adet-rozeti { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: #eef3f9; color: #60708a; font-size: 12px; font-weight: 700; }
.talep-listesi { display: grid; gap: 11px; }
.talep-satiri { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 15px; min-height: 94px; padding: 17px 18px; border: 1px solid #dbe4f0; border-radius: 16px; background: #fff; color: #243652; text-decoration: none; box-shadow: 0 5px 16px rgba(20, 48, 86, .035); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.talep-satiri:hover { border-color: #8eb9e4; box-shadow: 0 12px 28px rgba(20, 48, 86, .09); transform: translateY(-1px); }
.talep-kimlik-ikonu { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: #e9f2ff; color: #1262b3; font-size: 17px; font-weight: 800; }
.talep-satiri-icerik { display: grid; gap: 10px; min-width: 0; }
.talep-satiri-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.talep-satiri-ust > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.talep-meta { display: flex; flex-wrap: wrap; gap: 7px 18px; color: #60708a; font-size: 12px; }
.talep-meta span { display: inline-flex; gap: 5px; }
.talep-meta b { color: #405570; }
.talep-ok { color: #8aa0bb; font-size: 28px; line-height: 1; transition: transform .15s ease; }
.talep-satiri:hover .talep-ok { transform: translateX(3px); }
.durum-rozet { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 27px; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.durum-rozet-buyuk { min-height: 32px; padding: 7px 12px; font-size: 12px; }
.durum-yeni { background: #fff5db; color: #835b00; }
.durum-kabul { background: #e8f8ee; color: #176337; }
.durum-red { background: #fff0f0; color: #9b2222; }
.bos-durum { display: grid; gap: 6px; padding: 28px; border: 1px dashed #cbd7e6; border-radius: 16px; background: #fafcff; text-align: center; }
.bos-durum strong { color: #243652; }
.bos-durum p { font-size: 13px; }

.geri-linki { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 26px; color: #1262b3; text-decoration: none; font-size: 13px; font-weight: 750; }
.geri-linki:hover { text-decoration: underline; }
.talep-baslik-satiri { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid #e6edf5; }
.talep-bilgi-paneli { margin-top: 26px; }
.talep-bilgi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.talep-bilgi-grid > div { display: grid; gap: 7px; min-height: 82px; padding: 15px 16px; border: 1px solid #e0e8f2; border-radius: 14px; background: #fbfcfe; }
.talep-bilgi-grid dt, .karar-detaylari dt { color: #6d7c92; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.talep-bilgi-grid dd, .karar-detaylari dd { margin: 0; color: #243652; font-size: 14px; font-weight: 750; line-height: 1.45; }
.plaka-degeri { letter-spacing: .04em; }
.dogrulama-isareti { display: inline-grid; width: 20px; height: 20px; place-items: center; margin-right: 4px; border-radius: 50%; background: #e8f8ee; color: #176337; font-size: 12px; }
.talep-mesaj-kutusu { margin-top: 14px; padding: 18px; border: 1px solid #e0e8f2; border-radius: 14px; background: #fbfcfe; }
.talep-mesaj-kutusu p { margin-top: 9px; color: #243652; }
.talep-karar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.karar-paneli { min-width: 0; padding: 20px; border: 1px solid #dbe4f0; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(20, 48, 86, .045); }
.kabul-paneli { border-color: #c9e2d2; background: linear-gradient(145deg, #fff 0%, #f8fdf9 100%); }
.red-paneli { border-color: #efcccc; background: linear-gradient(145deg, #fff 0%, #fffafa 100%); }
.karar-paneli-baslik { display: flex; align-items: center; gap: 12px; }
.karar-ikon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 13px; font-size: 18px; font-weight: 900; }
.kabul-ikon { background: #e8f8ee; color: #176337; }
.red-ikon { background: #fff0f0; color: #9b2222; }
.karar-aciklamasi { min-height: 48px; margin-top: 14px !important; font-size: 13px; }
.talep-karar-formu { display: grid; gap: 12px; margin-top: 18px; }
.kontrol-satiri { display: flex; align-items: flex-start; gap: 11px; padding: 13px; border: 1px solid #dbe4f0; border-radius: 12px; background: #fff; color: #405570; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.kontrol-satiri:hover { border-color: #9fc2e8; background: #fbfdff; }
.kontrol-satiri input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #1262b3; }
.kontrol-satiri > span { display: grid; gap: 3px; }
.kontrol-satiri strong { color: #243652; font-size: 13px; }
.kontrol-satiri small { color: #6d7c92; font-size: 11px; line-height: 1.45; }
.metin-alani-etiketi { display: grid; gap: 8px; color: #243652; font-size: 13px; font-weight: 750; }
.metin-alani-etiketi small { color: #6d7c92; font-size: 11px; font-weight: 500; }
.metin-alani-etiketi select { width: 100%; min-height: 42px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #243652; padding: 9px 11px; font: inherit; }
.metin-alani-etiketi select:focus-visible { outline: 2px solid #2d7cc4; outline-offset: 2px; }
.talep-karar-formu textarea { width: 100%; min-height: 126px; padding: 13px 14px; border: 1px solid #cbd7e6; border-radius: 12px; background: #fff; color: #12213a; font: inherit; line-height: 1.5; resize: vertical; outline: none; }
.talep-karar-formu textarea:focus { border-color: #2676c9; box-shadow: 0 0 0 3px rgba(38, 118, 201, .12); }
.birincil-buton, .tehlikeli-buton { min-height: var(--ui-control-height); border: 0; border-radius: var(--ui-radius-control); padding: 10px 16px; color: var(--ui-color-surface); font: inherit; font-weight: 800; cursor: pointer; transition: filter var(--ui-motion-normal) ease, transform var(--ui-motion-normal) ease; }
.birincil-buton { background: var(--ui-color-primary); }
.tehlikeli-buton { background: #a52828; }
.birincil-buton:hover, .tehlikeli-buton:hover { filter: brightness(.94); transform: translateY(-1px); }
.karar-ozeti { margin-top: 28px; padding: 22px; border: 1px solid #dbe4f0; border-radius: 18px; background: #f7faff; }
.karar-ozeti-kabul { border-color: #c9e2d2; background: #f7fcf9; }
.karar-ozeti-red { border-color: #efcccc; background: #fffafa; }
.karar-detaylari { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0 0; }
.karar-detaylari > div { display: grid; gap: 6px; padding: 14px; border: 1px solid rgba(203, 215, 230, .75); border-radius: 12px; background: rgba(255, 255, 255, .75); }
.karar-detaylari .karar-detay-genis { grid-column: 1 / -1; }
.karar-sonraki-adim { margin-top: 16px !important; padding-top: 16px; border-top: 1px solid #dce8e0; font-size: 13px; }

@media (max-width: 760px) {
    .talep-sayfasi { padding: 20px; }
    .talep-liste-karti, .talep-detay-karti { padding: 26px 22px; }
    .sayfa-basligi, .talep-baslik-satiri { align-items: flex-start; flex-direction: column; }
    .talep-karar-grid, .ana-aksiyon-kartlari { grid-template-columns: 1fr; }
    .karar-aciklamasi { min-height: 0; }
}

@media (max-width: 560px) {
    .talep-sayfasi { padding: 12px; }
    .talep-liste-karti, .talep-detay-karti { padding: 22px 18px; border-radius: 16px; }
    .talep-ozetleri, .talep-bilgi-grid, .karar-detaylari { grid-template-columns: 1fr; }
    .talep-satiri { grid-template-columns: auto minmax(0, 1fr); padding: 15px; }
    .talep-ok { display: none; }
    .talep-satiri-ust { align-items: flex-start; flex-direction: column; gap: 7px; }
    .talep-meta { display: grid; gap: 4px; }
    .bolum-basligi { align-items: flex-start; }
    .ana-aksiyon-karti { min-height: 88px; }
}

.birincil-link-buton { display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 12px 18px; border-radius: 11px; background: #1262b3; color: #fff; font-weight: 800; text-decoration: none; }
.birincil-link-buton:hover { filter: brightness(.94); }
.sohbet-hazirlik-alani { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.sohbet-hazirlik-alani form { margin: 0; }
.sohbet-sayfasi { align-items: start; padding: 42px 20px; background: radial-gradient(circle at top, #f9fbff 0%, #eef3f9 100%); }
.sohbet-karti { width: min(900px, 100%); padding: 32px; }
.sohbet-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid #e4ebf4; }
.sohbet-ust h1 { margin-bottom: 6px; }
.sohbet-musteri-presence { display: inline-flex; align-items: center; gap: 7px; min-height: 24px; margin-top: 7px; color: #66798f; font-size: 11px; font-weight: 700; line-height: 1.3; }
.sohbet-musteri-presence[hidden] { display: none; }
.sohbet-musteri-presence-nokta { width: 8px; height: 8px; border-radius: 50%; background: #aab6c3; box-shadow: 0 0 0 3px rgba(170,182,195,.14); }
.sohbet-musteri-presence[data-status="online"] { color: #18794e; }
.sohbet-musteri-presence[data-status="online"] .sohbet-musteri-presence-nokta { background: #2ca66f; box-shadow: 0 0 0 3px rgba(44,166,111,.14); }
.sohbet-musteri-presence[data-status="offline"] { color: #6f7f91; }
.mesaj-akisi { display: flex; flex-direction: column; gap: 12px; max-height: 58vh; margin-top: 24px; padding: 20px; overflow-y: auto; border: 1px solid #dbe4f0; border-radius: 18px; background: #f8fbff; }
.mesaj-balonu { max-width: 76%; padding: 13px 15px; border-radius: 16px; box-shadow: 0 5px 14px rgba(20,48,86,.06); }
.mesaj-balonu p { margin: 5px 0 7px; color: #20324d; white-space: normal; overflow-wrap: anywhere; }
.mesaj-balonu footer, .mesaj-kimden { color: #6d7c92; font-size: 11px; }
.mesaj-kimden { font-weight: 800; }
.mesaj-personel, .mesaj-musteri-kendi { align-self: flex-end; background: #eaf3ff; border-bottom-right-radius: 5px; }
.mesaj-musteri, .mesaj-personel-karsi { align-self: flex-start; background: #fff; border: 1px solid #e1e8f1; border-bottom-left-radius: 5px; }
.mesaj-formu { display: grid; gap: 12px; margin-top: 18px; }
.mesaj-formu label { display: grid; gap: 8px; color: #243652; font-size: 13px; font-weight: 800; }
.mesaj-formu textarea { width: 100%; min-height: 110px; padding: 14px; border: 1px solid #cbd7e6; border-radius: 13px; font: inherit; resize: vertical; outline: none; }
.mesaj-formu textarea:focus { border-color: #2676c9; box-shadow: 0 0 0 3px rgba(38,118,201,.12); }
.ikincil-buton { min-height: var(--ui-control-height); padding: 10px 15px; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-control); background: var(--ui-color-surface); color: #405570; font: inherit; font-weight: 750; cursor: pointer; }
@media (max-width: 640px) { .sohbet-sayfasi { padding: 12px; } .sohbet-karti { padding: 22px 18px; } .sohbet-ust { flex-direction: column; } .mesaj-akisi { padding: 13px; max-height: none; } .mesaj-balonu { max-width: 90%; } }

/* Sohbet dosya ve medya paylaşımı */
.mesaj-metni a { color: #0f66bd; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; overflow-wrap: anywhere; }
.mesaj-ekleri { display: grid; gap: 10px; margin: 10px 0 4px; }
.mesaj-ek-resim { display: grid; gap: 8px; color: inherit; text-decoration: none; }
.mesaj-ek-resim img { display: block; width: min(100%, 420px); max-height: 320px; object-fit: cover; border: 1px solid rgba(151,174,204,.5); border-radius: 13px; background: #eef4fb; }
.mesaj-ek-resim span, .mesaj-ek-video > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #30445f; text-decoration: none; }
.mesaj-ek-resim small, .mesaj-ek-video small, .mesaj-ek-bilgi small { color: #718198; font-weight: 600; }
.mesaj-ek-video { display: grid; gap: 8px; }
.mesaj-ek-video video { display: block; width: min(100%, 480px); max-height: 340px; border-radius: 13px; background: #101820; }
.mesaj-ek-karti { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; min-width: min(330px, 70vw); padding: 11px 12px; border: 1px solid rgba(174,193,218,.75); border-radius: 13px; background: rgba(255,255,255,.78); color: #263b56; text-decoration: none; transition: border-color .15s ease, transform .15s ease, background .15s ease; }
.mesaj-ek-karti:hover { border-color: #8eb7e3; background: #fff; transform: translateY(-1px); }
.mesaj-ek-uzanti { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 7px; border-radius: 10px; background: #e8f2ff; color: #1262b3; font-size: 10px; font-weight: 900; letter-spacing: .04em; }
.mesaj-ek-bilgi { display: grid; min-width: 0; gap: 3px; }
.mesaj-ek-bilgi strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mesaj-ek-ac { color: #1262b3; font-size: 12px; font-weight: 800; }
.mesaj-ekleyici { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px dashed #b8cbe2; border-radius: 13px; background: #f8fbff; }
.dosya-sec-buton { display: inline-flex !important; grid-template-columns: none !important; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 42px; padding: 9px 13px; border: 1px solid #bdd2e9; border-radius: 10px; background: #fff; color: #1262b3 !important; font-weight: 800 !important; cursor: pointer; }
.dosya-sec-buton:hover { border-color: #8eb7e3; background: #f3f8ff; }
.dosya-sec-buton input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.dosya-secim-bilgisi { display: grid; gap: 2px; color: #30445f; }
.dosya-secim-bilgisi small { color: #718198; font-weight: 600; line-height: 1.45; }
.secilen-dosyalar { display: grid; gap: 7px; padding: 10px 12px; border: 1px solid #d7e2ef; border-radius: 12px; background: #fbfdff; }
.secilen-dosya { display: grid; grid-template-columns: 36px minmax(0,1fr) 30px; align-items: center; gap: 9px; color: #30445f; font-size: 12px; }
.secilen-dosya-onizleme { display: inline-grid; width: 36px; height: 36px; place-items: center; overflow: hidden; border: 1px solid #d7e2ef; border-radius: 9px; background: #eef4fb; color: #60758e; font-size: 8px; font-weight: 900; line-height: 1; }
.secilen-dosya-onizleme img { display: block; width: 100%; height: 100%; object-fit: cover; }
.secilen-dosya-bilgi { display: grid; min-width: 0; gap: 2px; }
.secilen-dosya-bilgi strong { min-width: 0; overflow: hidden; color: #30445f; text-overflow: ellipsis; white-space: nowrap; }
.secilen-dosya-bilgi small { color: #718198; font-size: 10px; font-weight: 650; }
.secilen-dosya-kaldir { display: inline-grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #718198; font: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
.secilen-dosya-kaldir:hover, .secilen-dosya-kaldir:focus-visible { border-color: #e5b9b9; background: #fff3f3; color: #a52828; outline: none; }
.secilen-dosya-hata { padding-top: 7px; border-top: 1px solid #f1caca; color: #a52828; font-size: 12px; font-weight: 750; }
.mesaj-formu .birincil-buton:disabled { opacity: .65; cursor: wait; transform: none; }
@media (max-width: 640px) {
    .mesaj-ekleyici { align-items: flex-start; flex-direction: column; }
    .dosya-sec-buton { width: 100%; }
    .mesaj-ek-karti { min-width: 0; width: 100%; }
    .mesaj-ek-resim span, .mesaj-ek-video > a { align-items: flex-start; flex-direction: column; gap: 2px; }
}

/* Sohbet resim ve PDF modal önizleme */
.medya-onizleme-tetikleyici { width: 100%; border: 0; font: inherit; text-align: left; cursor: pointer; }
.mesaj-ek-resim.medya-onizleme-tetikleyici { padding: 0; background: transparent; }
.medya-modal[hidden] { display: none; }
.medya-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; }
.medya-modal-arka-plan { position: absolute; inset: 0; background: rgba(13, 28, 48, .66); backdrop-filter: blur(5px); }
.medya-modal-panel { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(1040px, 100%); height: min(86vh, 820px); overflow: hidden; border: 1px solid rgba(213, 224, 238, .95); border-radius: 22px; background: #fff; box-shadow: 0 28px 90px rgba(7, 25, 49, .28); }
.medya-modal-ust, .medya-modal-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; }
.medya-modal-ust { border-bottom: 1px solid #e4ebf4; }
.medya-modal-ust h2 { max-width: min(720px, 70vw); margin: 8px 0 0; overflow: hidden; color: #12213a; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.medya-modal-kapat { display: inline-grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid #d5e0ed; border-radius: 12px; background: #f8fbff; color: #405570; font: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.medya-modal-icerik { position: relative; display: flex; min-width: 0; min-height: 0; align-items: center; justify-content: center; overflow: hidden; background: #eef3f9; }
.medya-modal-icerik img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.medya-modal-icerik iframe { width: 100%; height: 100%; border: 0; background: #fff; }
.medya-modal-alt { justify-content: flex-end; border-top: 1px solid #e4ebf4; }
.medya-modal-alt .ikincil-buton { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.medya-modal-yeni-sekme[hidden] { display: none !important; }
body.medya-modal-acik { overflow: hidden; }
@media (max-width: 640px) {
    .medya-modal { padding: 0; }
    .medya-modal-panel { width: 100%; height: 100%; border: 0; border-radius: 0; }
    .medya-modal-ust, .medya-modal-alt { padding: 14px; }
    .medya-modal-alt { display: grid; grid-template-columns: 1fr 1fr; }
    .medya-modal[data-medya-modal-webview="1"] .medya-modal-alt { grid-template-columns: 1fr; }
    .medya-modal-alt > * { width: 100%; }
}

.sohbet-yaziyor{margin:0 0 10px;padding:8px 12px;color:#526680;font-size:.88rem;font-style:italic}
.sohbet-canli-durum{margin:0 0 12px;padding:10px 12px;border:1px solid #f1cf8b;background:#fff8e8;border-radius:10px;color:#7b5310}


/* Sohbet süreklilik ve güvenilirlik revizyonu */
.sohbet-karti { position: relative; }

.eski-mesajlar-alani { display: flex; justify-content: center; margin: 18px 0 -8px; }
.eski-mesajlar-alani[hidden] { display: none; }
.eski-mesajlar-buton { padding: 9px 14px; border: 1px solid #bfd4eb; border-radius: 999px; background: #fff; color: #175b9f; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; box-shadow: 0 4px 14px rgba(17,71,121,.08); }
.eski-mesajlar-buton:hover { background: #f3f8fd; }
.eski-mesajlar-buton:disabled { opacity: .65; cursor: wait; }
.eski-mesajlar-buton[hidden] { display: none; }
.yeni-mesajlar-buton { position: sticky; z-index: 5; bottom: 12px; display: block; width: max-content; margin: -52px auto 12px; padding: 9px 14px; border: 1px solid #9fc4ea; border-radius: 999px; background: #1262b3; color: #fff; font: inherit; font-size: 12px; font-weight: 800; box-shadow: 0 8px 24px rgba(18,98,179,.24); cursor: pointer; }
.yeni-mesajlar-buton[hidden] { display: none; }
.sohbet-canli-durum[data-tip="basarili"] { border-color: #a7dbc0; background: #effaf4; color: #24734a; }
.sohbet-canli-durum[data-tip="hata"] { border-color: #efb5b5; background: #fff2f2; color: #9f2929; }
.sohbet-canli-durum[data-tip="uyari"] { border-color: #f1cf8b; background: #fff8e8; color: #7b5310; }
.mesaj-formu button[type="submit"] { min-width: 150px; }
@media (max-width: 640px) {
  .sohbet-sayfasi { min-height: 100dvh; }
  .sohbet-karti { min-height: calc(100dvh - 24px); }
  .mesaj-akisi { max-height: 52dvh; }
  .mesaj-formu textarea { min-height: 88px; }
  .yeni-mesajlar-buton { bottom: 8px; }
}


/* PATCH-INTERCOM-SOHBET-014 */
.sohbet-liste-karti { width: min(1040px, 100%); }
.sohbet-liste-ust-aksiyonlar { display: flex; flex-wrap: wrap; gap: 9px; }
.sohbet-ozetleri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sohbet-ozet-karti { display: grid; gap: 4px; color: inherit; text-decoration: none; }
.sohbet-ozet-karti strong { color: #18324f; font-size: 28px; }
.sohbet-ozet-karti span { color: #60708a; font-size: 12px; font-weight: 700; }
.sohbet-ozet-okunmamis { border-color: #b9d5f1; background: #f1f7ff; }
.sohbet-filtreleri { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 18px; }
.sohbet-filtre { display: inline-flex; min-height: 38px; align-items: center; padding: 8px 13px; border: 1px solid #d4dfec; border-radius: 999px; background: #fff; color: #526680; text-decoration: none; font-size: 12px; font-weight: 800; }
.sohbet-filtre:hover, .sohbet-filtre.aktif { border-color: #8eb9e4; background: #eaf3ff; color: #1262b3; }
.sohbet-listesi { display: grid; gap: 10px; }
.sohbet-liste-satiri { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid #e0e8f2; border-radius: 16px; background: #fff; color: #243652; text-decoration: none; box-shadow: 0 5px 16px rgba(20,48,86,.035); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.sohbet-liste-satiri:hover { border-color: #8eb9e4; box-shadow: 0 12px 28px rgba(20,48,86,.09); transform: translateY(-1px); }
.sohbet-liste-satiri.okunmamis { border-color: #9fc5eb; background: linear-gradient(145deg,#fff 0%,#f3f8ff 100%); }
.sohbet-liste-icerik { display: grid; gap: 8px; min-width: 0; }
.sohbet-liste-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sohbet-liste-baslik strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.sohbet-son-mesaj { overflow: hidden; color: #526680; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.sohbet-son-mesaj b { color: #304863; }
.sohbet-okunmamis-rozet { display: grid; min-width: 28px; height: 28px; padding: 0 8px; place-items: center; border-radius: 999px; background: #1262b3; color: #fff; font-size: 12px; font-weight: 900; }
.sohbet-liste-bildirim[hidden] { display: none; }
.sohbet-liste-bildirim { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; padding: 12px 14px; border: 1px solid #acd0f0; border-radius: 12px; background: #eff7ff; color: #244e79; font-size: 13px; font-weight: 700; }
.sohbet-liste-bildirim button { border: 0; border-radius: 9px; padding: 8px 11px; background: #1262b3; color: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.sayfalama { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 22px; color: #60708a; font-size: 13px; }
.sayfalama a { color: #1262b3; font-weight: 800; text-decoration: none; }
@media (max-width:760px){.sohbet-ozetleri{grid-template-columns:1fr}.sohbet-liste-ust-aksiyonlar{width:100%}.sohbet-liste-ust-aksiyonlar a{flex:1}.sohbet-liste-satiri{grid-template-columns:auto minmax(0,1fr) auto}.sohbet-liste-satiri .talep-ok{display:none}}
@media (max-width:560px){.sohbet-liste-satiri{align-items:start;padding:14px}.sohbet-liste-baslik{align-items:flex-start;flex-direction:column;gap:6px}.sohbet-son-mesaj{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sohbet-liste-satiri .talep-meta{display:grid}.sohbet-liste-bildirim{align-items:flex-start;flex-direction:column}.sohbet-liste-bildirim button{width:100%}}

/* PATCH-INTERCOM-SOHBET-017 */
.sohbet-arama-formu { display: grid; grid-template-columns: minmax(240px,1fr) minmax(170px,220px); align-items: end; gap: 10px; margin-top: 22px; padding: 14px; border: 1px solid #dce6f1; border-radius: 14px; background: #f8fbff; }
.sohbet-arama-alani, .sohbet-siralama-alani { display: grid; gap: 6px; min-width: 0; }
.sohbet-arama-alani > span, .sohbet-siralama-alani > span { color: #526680; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.sohbet-arama-alani input, .sohbet-siralama-alani select { width: 100%; min-height: 42px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #243652; font: inherit; font-size: 13px; padding: 9px 11px; outline: none; }
.sohbet-arama-alani input:focus, .sohbet-siralama-alani select:focus { border-color: #7eafe0; box-shadow: 0 0 0 3px rgba(18,98,179,.08); }
.sohbet-arama-temizle { grid-column: 1 / -1; justify-self: start; color: #526680; font-size: 12px; font-weight: 700; text-decoration: none; }
.sohbet-arama-temizle:hover { color: #1262b3; text-decoration: underline; }
.sohbet-arama-ozeti { margin: -4px 0 14px; color: #60708a; font-size: 12px; }
.sohbet-arama-ozeti strong { color: #18324f; }
@media (max-width:760px){.sohbet-arama-formu{grid-template-columns:1fr 1fr}.sohbet-arama-temizle{grid-column:1 / -1}}
@media (max-width:560px){.sohbet-arama-formu{grid-template-columns:1fr}.sohbet-arama-temizle{grid-column:auto}}

/* PATCH-INTERCOM-KIMLIK-018 */
.oturum-bildirim { margin-top: 20px; padding: 12px 14px; border: 1px solid #b9d5f1; border-radius: 10px; background: #eef6ff; color: #184f87; line-height: 1.5; }
.oturum-karti { max-width: 560px; }
.oturum-durum-kodu { width: fit-content; margin: 22px 0 10px; padding: 5px 10px; border-radius: 999px; background: #eef4fb; color: #48617f; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.oturum-aksiyon { display: inline-flex; margin-top: 24px; text-decoration: none; align-items: center; justify-content: center; }


/* YONETIM-020: salt okunur operasyon ve SLA görünümü */
.yonetim-sayfasi { align-items: flex-start; }
.yonetim-karti { width: min(1180px, calc(100% - 32px)); }
.yonetim-bilgi-notu {
    margin: 18px 0;
    padding: 14px 16px;
    border: 1px solid #cfe0f5;
    border-radius: 14px;
    background: #f5f9ff;
    color: #3b587a;
}
.yonetim-ozet-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 26px;
}
.yonetim-ozet {
    min-height: 104px;
    padding: 18px;
    border: 1px solid #dce6f2;
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.yonetim-ozet strong { font-size: 28px; color: #102a4c; }
.yonetim-ozet span { margin-top: 4px; color: #5d7390; font-size: 13px; }
.yonetim-ozet-uyari { background: #fffaf0; border-color: #f2d8a0; }
.yonetim-ozet-kritik { background: #fff5f5; border-color: #f0c8c8; }
.yonetim-bolum { margin-top: 28px; }
.yonetim-bolum-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.yonetim-bolum-baslik h2 { margin: 6px 0 0; }
.yonetim-bolum-baslik p { max-width: 520px; margin: 0; color: #657993; font-size: 13px; }
.yonetim-tablo-kapsayici { overflow-x: auto; border: 1px solid #dce6f2; border-radius: 16px; }
.yonetim-tablo { width: 100%; border-collapse: collapse; min-width: 840px; background: #fff; }
.yonetim-tablo th, .yonetim-tablo td { padding: 13px 14px; text-align: left; border-bottom: 1px solid #edf2f7; vertical-align: middle; }
.yonetim-tablo th { background: #f8fbff; color: #526a87; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; }
.yonetim-tablo td { color: #294564; font-size: 14px; }
.yonetim-tablo td small { display: block; margin-top: 3px; color: #71849c; }
.yonetim-tablo tr:last-child td { border-bottom: 0; }
.yonetim-rozet { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.yonetim-rozet.normal { background: #e9f7ef; color: #18794e; }
.yonetim-rozet.uyari { background: #fff3d8; color: #8a5a00; }
.yonetim-rozet.kritik { background: #fdeaea; color: #ad2b2b; }
.yonetim-bekleyen-listesi { display: grid; gap: 10px; }
.yonetim-bekleyen-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid #dce6f2;
    border-radius: 14px;
    background: #fff;
}
.yonetim-bekleyen-satir.uyari { border-color: #efd18a; background: #fffaf0; }
.yonetim-bekleyen-satir.kritik { border-color: #edbcbc; background: #fff6f6; }
.yonetim-bekleyen-satir > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.yonetim-bekleyen-satir span { color: #637892; font-size: 13px; }
.yonetim-bekleme { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.yonetim-bekleme > strong { color: #102a4c; }
@media (max-width: 900px) {
    .yonetim-ozet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yonetim-bolum-baslik { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
    .yonetim-karti { width: min(100% - 20px, 1180px); }
    .yonetim-ozet-grid { grid-template-columns: 1fr; }
    .yonetim-bekleyen-satir { align-items: flex-start; flex-direction: column; }
}

/* PATCH-INTERCOM-YONETIM-020-REVIZYON-002 */
.yonetim-ust { display: grid; gap: 18px; margin-bottom: 20px; }
.yonetim-baslik { min-width: 0; }
.yonetim-baslik .temel-etiket { margin-bottom: 14px; }
.yonetim-baslik h1 { margin-bottom: 8px; }
.yonetim-ust-aksiyonlar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.yonetim-ust-aksiyonlar .ikincil-buton { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 14px; text-decoration: none; white-space: nowrap; }
.yonetim-incele-linki { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 7px 10px; border: 1px solid #cbd9e8; border-radius: 9px; background: #f8fbff; color: #1262b3; text-decoration: none; font-size: 12px; font-weight: 800; white-space: nowrap; }
.yonetim-bekleyen-satir { color: inherit; text-decoration: none; }
.yonetim-bekleyen-satir:hover { border-color: #9fc2e8; box-shadow: 0 9px 24px rgba(20,48,86,.07); }
.yonetim-sohbet-liste-karti { width: min(1080px, calc(100% - 32px)); }
.yonetim-sohbet-filtreleri { display: grid; grid-template-columns: minmax(220px,1fr) minmax(160px,220px) auto; align-items: end; gap: 10px; margin: 22px 0 16px; padding: 14px; border: 1px solid #dce6f1; border-radius: 14px; background: #f8fbff; }
.yonetim-sohbet-filtreleri label { display: grid; gap: 6px; color: #526680; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.yonetim-sohbet-filtreleri select { width: 100%; min-height: 42px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #243652; font: inherit; font-size: 13px; padding: 9px 11px; outline: none; }
.yonetim-sohbet-liste-ozeti { margin-bottom: 12px; color: #60708a; font-size: 13px; }
.yonetim-sohbet-liste-ozeti strong { color: #18324f; }
.yonetim-sohbet-listesi { display: grid; gap: 10px; }
.yonetim-sohbet-satiri { display: grid; grid-template-columns: minmax(200px,.8fr) minmax(260px,1.4fr) auto; gap: 16px; align-items: center; padding: 16px; border: 1px solid #dfe8f2; border-radius: 15px; background: #fff; color: #243652; text-decoration: none; box-shadow: 0 5px 16px rgba(20,48,86,.035); }
.yonetim-sohbet-satiri:hover { border-color: #8eb9e4; box-shadow: 0 11px 26px rgba(20,48,86,.08); }
.yonetim-sohbet-kimler { display: grid; gap: 4px; min-width: 0; }
.yonetim-sohbet-kimler strong, .yonetim-sohbet-kimler span, .yonetim-sohbet-son-mesaj { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yonetim-sohbet-kimler span, .yonetim-sohbet-son-mesaj, .yonetim-sohbet-meta time { color: #60708a; font-size: 12px; }
.yonetim-sohbet-meta { display: grid; justify-items: end; gap: 7px; white-space: nowrap; }
.yonetim-sayfalama { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 18px; color: #60708a; font-size: 13px; }
.sohbet-karti-salt-okunur .mesaj-akisi { margin-top: 18px; }
.sohbet-salt-okunur-notu { margin-top: 18px; }
@media (min-width: 760px) {
  .yonetim-ust { grid-template-columns: minmax(0,1fr) auto; align-items: start; }
  .yonetim-ust-aksiyonlar { justify-content: flex-end; }
}
@media (max-width: 760px) {
  .yonetim-sohbet-filtreleri { grid-template-columns: 1fr 1fr; }
  .yonetim-sohbet-filtreleri .ikincil-buton { grid-column: 1 / -1; }
  .yonetim-sohbet-satiri { grid-template-columns: 1fr auto; }
  .yonetim-sohbet-son-mesaj { grid-column: 1 / -1; grid-row: 2; white-space: normal; }
}
@media (max-width: 560px) {
  .yonetim-ust-aksiyonlar { display: grid; grid-template-columns: 1fr; }
  .yonetim-ust-aksiyonlar .ikincil-buton { width: 100%; }
  .yonetim-sohbet-filtreleri { grid-template-columns: 1fr; }
  .yonetim-sohbet-filtreleri .ikincil-buton { grid-column: auto; }
  .yonetim-sohbet-satiri { grid-template-columns: 1fr; align-items: start; }
  .yonetim-sohbet-son-mesaj { grid-column: auto; grid-row: auto; }
  .yonetim-sohbet-meta { justify-items: start; }
  .yonetim-sayfalama { flex-wrap: wrap; }
}

/* Impersonation: production test/support oturumu */
.impersonation-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#fff7df;border-bottom:1px solid #e6c86e;color:#5d4700;font-size:14px}
.impersonation-banner-metin{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.impersonation-banner-metin span{color:#725d1b}.impersonation-banner-form{margin:0}.impersonation-bitir-buton{border:1px solid #b28a19;background:#fff;color:#6a5100;border-radius:8px;padding:7px 11px;font-weight:700;cursor:pointer}
.impersonation-karti{max-width:720px}.impersonation-uyari{margin:18px 0;padding:14px 16px;border:1px solid #d8e3f3;border-radius:10px;background:#f6f9fd;color:#314b70;line-height:1.55}.impersonation-form{display:grid;gap:16px}.impersonation-form label>span{display:block;margin-bottom:7px;font-weight:700}.impersonation-form select{width:100%;padding:11px 12px;border:1px solid #cbd8e8;border-radius:9px;background:#fff}.impersonation-onay{display:flex;align-items:flex-start;gap:10px}.impersonation-onay input{margin-top:4px}.impersonation-onay span{font-weight:400!important;line-height:1.45}.impersonation-form .birincil-buton:disabled{opacity:.55;cursor:not-allowed}

/* PATCH-INTERCOM-YETKI-YONETIMI-026 */
.yetki-yonetimi-karti{width:min(1080px,calc(100% - 32px))}.yetki-personel-secici{display:flex;gap:10px;margin:18px 0;padding:14px;border:1px solid #dce6f1;border-radius:14px;background:#f8fbff}.yetki-personel-secici label{display:grid;gap:7px;width:100%;color:#526680;font-size:12px;font-weight:800}.yetki-personel-secici select,.yetki-alani select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #ccd9e8;border-radius:10px;background:#fff;color:#243652;font:inherit}.yetki-formu{display:grid;gap:18px}.yetki-personel-ozeti{display:grid;grid-template-columns:1fr 1fr;gap:12px}.yetki-personel-ozeti>div{display:grid;gap:4px;padding:16px;border:1px solid #dce6f2;border-radius:14px;background:#fff}.yetki-personel-ozeti span,.yetki-personel-ozeti small{color:#687d97;font-size:12px}.yetki-paneli{display:grid;gap:14px;padding:18px;border:1px solid #dce6f2;border-radius:16px;background:#fff}.yetki-panel-baslik{display:flex;align-items:end;justify-content:space-between;gap:14px}.yetki-panel-baslik h2{margin:6px 0 0}.yetki-panel-baslik p{max-width:520px;margin:0;color:#687d97;font-size:12px}.yetki-alani{display:grid;gap:7px}.yetki-alani>span{font-weight:800;color:#294564}.yetki-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yetki-checkbox-grid label,.yetki-tek-checkbox{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dce6f2;border-radius:12px;background:#fbfdff}.yetki-checkbox-grid input,.yetki-tek-checkbox input{margin-top:4px}.yetki-checkbox-grid span,.yetki-tek-checkbox span{display:grid;gap:3px}.yetki-checkbox-grid small,.yetki-tek-checkbox small{color:#6d8199;line-height:1.4}.yetki-tek-checkbox.pasif{opacity:.65}.yetki-durum-notu,.yetki-uyari{padding:12px 14px;border-radius:11px;background:#f5f9ff;border:1px solid #d4e2f2;color:#425f80;line-height:1.5;font-size:13px}.yetki-uyari{background:#fff8e8;border-color:#efd7a2;color:#76520f}.yetki-form-aksiyonlari{display:flex;justify-content:flex-end}.yetki-form-aksiyonlari .birincil-buton{min-width:220px}.temel-bildirim.hata{border-color:#efb5b5;background:#fff2f2;color:#9f2929}.temel-bildirim.basarili{border-color:#a7dbc0;background:#effaf4;color:#24734a}
@media(max-width:760px){.yetki-personel-ozeti,.yetki-checkbox-grid{grid-template-columns:1fr}.yetki-panel-baslik{align-items:flex-start;flex-direction:column}.yetki-form-aksiyonlari .birincil-buton{width:100%}}

/* PATCH-INTERCOM-PRESENCE-027 */
.personel-durum-paneli { display: grid; gap: 12px; margin: 18px 0 4px; padding: 14px 16px; border: 1px solid #d7e4f2; border-radius: 14px; background: #f8fbff; }
.personel-durum-baslik { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.personel-durum-baslik > div { display: grid; gap: 4px; }
.personel-durum-baslik strong { color: #18324f; font-size: 14px; }
.personel-durum-baslik small { color: #657993; font-size: 12px; line-height: 1.45; }
.personel-durum-rozet { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; padding: 6px 10px; border-radius: 999px; background: #eef2f6; color: #53667d; font-size: 12px; font-weight: 800; white-space: nowrap; }
.personel-durum-rozet[data-durum="available"] { background: #e9f7ef; color: #18794e; }
.personel-durum-rozet[data-durum="busy"] { background: #fff0e8; color: #a34716; }
.personel-durum-rozet[data-durum="away"] { background: #fff5d9; color: #856100; }
.personel-durum-rozet[data-durum="offline"] { background: #eef2f6; color: #53667d; }
.personel-durum-secim { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(180px, 220px); align-items: center; gap: 12px; color: #526680; font-size: 12px; font-weight: 800; }
.personel-durum-secim select { width: 100%; min-height: 40px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #243652; padding: 8px 10px; font: inherit; }
.personel-durum-mesaj { padding: 9px 11px; border-radius: 10px; background: #fff3f3; color: #9d2d2d; font-size: 12px; font-weight: 700; }
.personel-durum-mesaj[hidden] { display: none; }
@media (max-width: 620px) { .personel-durum-baslik { align-items: flex-start; flex-direction: column; } .personel-durum-secim { grid-template-columns: 1fr; } }

/* 031-B: compact chat-first workspace sidebar foundation */
.workspace-body { margin: 0; min-width: 980px; min-height: 100vh; overflow: hidden; background: #f3f6fa; }
.workspace-shell { display: grid; grid-template-columns: 320px minmax(0, 1fr); height: 100vh; min-height: 680px; color: #1e3048; }
.workspace-sidebar { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; min-width: 0; border-right: 1px solid #dfe7f0; background: #fff; box-shadow: 8px 0 28px rgba(24,50,79,.035); }
.workspace-brand { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 16px 14px; border-bottom: 1px solid #edf1f6; }
.workspace-brand > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.workspace-brand-mark { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border-radius: 11px; background: #eaf3ff; color: #1468bb; font-size: 15px; font-weight: 900; }
.workspace-brand strong { display: block; overflow: hidden; color: #132b47; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-brand small { display: block; margin-top: 2px; color: #7a8ca2; font-size: 10px; }
.workspace-icon-link { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 10px; color: #6a7d94; text-decoration: none; letter-spacing: 1px; }
.workspace-icon-link:hover { background: #f3f7fb; color: #174f84; }
.workspace-presence { display: grid; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #edf1f6; background: #fbfdff; }
.workspace-presence-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.workspace-section-kicker { color: #6e8097; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.workspace-presence-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; border-radius: 999px; background: #eef2f6; color: #53667d; font-size: 10px; font-weight: 850; }
.workspace-presence-badge[data-durum="available"] { background: #e9f7ef; color: #18794e; }
.workspace-presence-badge[data-durum="busy"] { background: #fff0e8; color: #a34716; }
.workspace-presence-badge[data-durum="away"] { background: #fff5d9; color: #856100; }
/* PATCH-INTERCOM-PERSONAL-QR-QUICK-ACCESS-010 */
.workspace-presence-control-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.workspace-presence-select { display: block; min-width: 0; }
.workspace-presence-select select { width: 100%; min-height: 34px; border: 1px solid #d8e2ee; border-radius: 9px; background: #fff; color: #263b55; padding: 6px 9px; font: inherit; font-size: 12px; font-weight: 700; }
.workspace-presence-qr-link { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid #d8e2ee; border-radius: 9px; background: #fff; color: #4f759c; text-decoration: none; transition: border-color .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease; }
.workspace-presence-qr-link svg { width: 17px; height: 17px; fill: currentColor; }
.workspace-presence-qr-link:hover { border-color: #bdd5ec; background: #eef6fd; color: #1768ad; }
.workspace-presence-note { color: #7a8ca2; font-size: 10px; line-height: 1.35; }
.workspace-inline-error { padding: 7px 9px; border-radius: 8px; background: #fff1f1; color: #9d2d2d; font-size: 10px; font-weight: 700; }
.workspace-inline-error[hidden] { display: none; }

/* PATCH-INTERCOM-WORKSPACE-CHAT-SEARCH-001 */
.workspace-search { padding: 10px 12px; border-bottom: 1px solid #edf1f6; background: #fff; }
.workspace-search-field { display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: center; gap: 7px; min-height: 36px; padding: 0 10px; border: 1px solid #d8e2ee; border-radius: 10px; background: #f9fbfd; color: #72849a; transition: border-color .14s ease, box-shadow .14s ease, background .14s ease; }
.workspace-search-field:focus-within { border-color: #9fc6eb; background: #fff; box-shadow: 0 0 0 3px rgba(45,124,196,.09); }
.workspace-search-field svg { width: 16px; height: 16px; fill: currentColor; }
.workspace-search-field input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #20364f; padding: 8px 0; font: inherit; font-size: 11px; }
.workspace-search-field input::placeholder { color: #8b9aac; opacity: 1; }
.workspace-search-field input::-webkit-search-cancel-button { cursor: pointer; }
.workspace-sidebar-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.workspace-section { padding: 15px 10px 4px; }
.workspace-section + .workspace-section { border-top: 1px solid #f0f3f7; }
.workspace-section-muted { padding-bottom: 14px; }
.workspace-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 6px 8px; }
.workspace-section-head h2 { margin: 0; color: #62748b; font-size: 10px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }

/* PATCH-INTERCOM-WORKSPACE-SIDEBAR-ACCORDION-001 */
.workspace-accordion > .workspace-section-head { border-radius: 8px; cursor: pointer; list-style: none; transition: background .14s ease; }
.workspace-accordion > .workspace-section-head::-webkit-details-marker { display: none; }
.workspace-accordion > .workspace-section-head::marker { content: ''; }
.workspace-accordion > .workspace-section-head:hover { background: #f7faff; }
.workspace-accordion > .workspace-section-head:focus-visible { outline: 2px solid #2d7cc4; outline-offset: 2px; }
.workspace-section-tools { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.workspace-accordion-chevron { width: 14px; height: 14px; fill: none; stroke: #718399; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: rotate(-90deg); transition: transform .14s ease; }
.workspace-accordion[open] .workspace-accordion-chevron { transform: rotate(0deg); }
.workspace-accordion:not([open]) { padding-bottom: 6px; }
.workspace-accordion:not([open]) > .workspace-section-head { padding-bottom: 6px; }
.workspace-count { display: inline-flex; min-width: 23px; height: 20px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 999px; background: #eef2f6; color: #60738a; font-size: 10px; font-weight: 850; }
.workspace-count.is-alert { background: #fff2dc; color: #8a5b00; }
.workspace-count.is-primary { background: #e7f2ff; color: #1668b7; }
.workspace-list { display: grid; gap: 3px; }
.workspace-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 9px; min-height: 54px; padding: 7px 7px; border: 1px solid transparent; border-radius: 11px; color: #213750; text-decoration: none; transition: background .14s ease, border-color .14s ease; }
.workspace-row:hover { border-color: #d9e6f3; background: #f7faff; }
.workspace-row.is-unread { background: #f3f8ff; }
.workspace-row.is-muted { opacity: .78; }
.workspace-avatar { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 12px; background: #eef5fd; color: #286aa9; font-size: 12px; font-weight: 900; }
.workspace-row-main { display: grid; gap: 3px; min-width: 0; }
.workspace-row-title { overflow: hidden; color: #18324f; font-size: 12px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.workspace-row-preview { overflow: hidden; color: #75869b; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.workspace-row-side { display: grid; justify-items: end; gap: 5px; }
.workspace-row-time { color: #8a9aab; font-size: 9px; white-space: nowrap; }
.workspace-unread { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 999px; background: #176abd; color: #fff; font-size: 9px; font-weight: 900; }
.workspace-empty-mini { margin: 0; padding: 9px 7px 12px; color: #8a99aa; font-size: 10px; }
.workspace-more { display: block; padding: 8px 7px 5px; color: #286da8; font-size: 10px; font-weight: 800; text-decoration: none; }
.workspace-more:hover { text-decoration: underline; }
.workspace-rejected-shortcut { padding: 8px 10px 10px; border-top: 1px solid #f0f3f7; border-bottom: 1px solid #f0f3f7; }
.workspace-rejected-link { display: grid; grid-template-columns: 30px minmax(0, 1fr) 14px; align-items: center; gap: 8px; padding: 8px; border: 1px solid #e4ebf3; border-radius: 10px; background: #f8fbff; color: #1d3f63; text-decoration: none; transition: border-color .14s ease, background .14s ease; }
.workspace-rejected-link:hover { border-color: #cbdcec; background: #f2f8fd; }
.workspace-rejected-link:focus-visible { outline: 2px solid #2d7cc4; outline-offset: 2px; }
.workspace-rejected-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: #fff0df; color: #9a5a10; font-size: 18px; font-weight: 800; }
.workspace-rejected-copy { min-width: 0; }
.workspace-rejected-copy strong, .workspace-rejected-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-rejected-copy strong { font-size: 11px; font-weight: 850; }
.workspace-rejected-copy small { margin-top: 2px; color: #71849a; font-size: 9px; }
.workspace-rejected-arrow { color: #6f8499; font-size: 20px; line-height: 1; }
.workspace-sidebar-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 10px; align-items: center; padding: 11px 14px; border-top: 1px solid #e8eef5; background: #fbfdff; }
.workspace-user { display: flex; align-items: center; gap: 9px; min-width: 0; }
.workspace-avatar-user { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; }
.workspace-user > span:last-child { min-width: 0; }
.workspace-user strong { display: block; overflow: hidden; color: #1f3650; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-user small { display: block; margin-top: 1px; color: #8a9aab; font-size: 9px; }
.workspace-utilities { display: flex; gap: 5px; }
.workspace-utilities a, .workspace-logout button { border: 0; border-radius: 8px; background: transparent; color: #6c7f96; padding: 6px 7px; font: inherit; font-size: 9px; font-weight: 800; text-decoration: none; cursor: pointer; }
.workspace-utilities a:hover, .workspace-logout button:hover { background: #eef4fa; color: #215d94; }
.workspace-logout { grid-column: 2; margin: -2px 0 0; justify-self: end; }
.workspace-conversation-placeholder { display: grid; min-width: 0; place-items: center; padding: 32px; background: radial-gradient(circle at 50% 35%,#fff 0%,#f7f9fc 42%,#f1f5f9 100%); }
.workspace-placeholder-card { display: grid; max-width: 430px; justify-items: center; text-align: center; }
.workspace-placeholder-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; margin-bottom: 14px; border-radius: 16px; background: #eaf3ff; color: #1e6eb9; font-size: 22px; }
.workspace-placeholder-card h1 { margin: 0; color: #17314e; font-size: 22px; }
.workspace-placeholder-card p { margin: 10px 0 0; color: #71839a; font-size: 12px; line-height: 1.65; }
.workspace-placeholder-actions { display: flex; gap: 8px; margin-top: 18px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 1100px) { .workspace-shell { grid-template-columns: 292px minmax(0,1fr); } }

/* PATCH-INTERCOM-WORKSPACE-CONVERSATION-031-C */
.workspace-row.is-selected { border-color: #a8cbed; background: #eaf4ff; box-shadow: inset 3px 0 0 #176abd; }
.workspace-row.is-selected.is-muted { opacity: 1; }
.workspace-conversation { min-width: 0; min-height: 0; overflow-y: auto; padding: 16px; background: radial-gradient(circle at 50% 18%,#fff 0%,#f7f9fc 46%,#f1f5f9 100%); }
.workspace-conversation .sohbet-paneli-workspace { width: 100%; min-height: 100%; padding: 24px; border-radius: 16px; box-shadow: none; }
.workspace-conversation .sohbet-paneli-workspace .temel-etiket { margin-bottom: 10px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust { padding-bottom: 16px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust h1 { font-size: clamp(24px,2.2vw,34px); }
.workspace-conversation .sohbet-paneli-workspace .mesaj-akisi { min-height: 280px; max-height: calc(100vh - 390px); }
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu textarea { min-height: 90px; }

/* PATCH-INTERCOM-WORKSPACE-LIVE-VIEWPORT-031-C-HOTFIX-001 */
.workspace-body { height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
.workspace-shell { flex: 1 1 auto; height: auto; min-height: 0; overflow: hidden; }
.workspace-sidebar { min-height: 0; }
.workspace-sidebar-scroll { min-height: 0; }
.workspace-conversation { display: flex; min-height: 0; overflow: hidden; }
.workspace-conversation .sohbet-paneli-workspace { display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust,
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu,
.workspace-conversation .sohbet-paneli-workspace > .bilgi-kutusu,
.workspace-conversation .sohbet-paneli-workspace > .form-basarili,
.workspace-conversation .sohbet-paneli-workspace > .form-hata,
.workspace-conversation .sohbet-paneli-workspace > .sohbet-canli-durum,
.workspace-conversation .sohbet-paneli-workspace > .sohbet-yaziyor,
.workspace-conversation .sohbet-paneli-workspace > .eski-mesajlar-alani,
.workspace-conversation .sohbet-paneli-workspace > .yeni-mesajlar-buton { flex: 0 0 auto; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-akisi { flex: 1 1 auto; min-height: 120px; max-height: none; }

/* PATCH-INTERCOM-WORKSPACE-CONVERSATION-VIEWPORT-031-C-HOTFIX-002 */
.workspace-conversation .sohbet-paneli-workspace { padding: 18px; }
.workspace-conversation .sohbet-paneli-workspace .temel-etiket { margin-bottom: 6px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust { gap: 14px; padding-bottom: 10px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust h1 { margin-bottom: 4px; font-size: clamp(22px,1.9vw,30px); }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust p { line-height: 1.4; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-akisi { flex: 1 1 0; min-height: 220px; margin-top: 12px; padding: 16px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu { gap: 8px; margin-top: 10px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu label { gap: 5px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu textarea { height: 72px; min-height: 72px; max-height: 132px; padding: 10px 12px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ekleyici { gap: 10px; padding: 8px 10px; }
.workspace-conversation .sohbet-paneli-workspace .dosya-sec-buton { min-height: 36px; padding: 7px 11px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-formu > .birincil-buton { min-height: 40px; padding: 9px 14px; }
@media (max-height: 760px) and (min-width: 641px) {
    .workspace-conversation .sohbet-paneli-workspace { padding: 14px; }
    .workspace-conversation .sohbet-paneli-workspace .sohbet-ust { padding-bottom: 8px; }
    .workspace-conversation .sohbet-paneli-workspace .mesaj-akisi { min-height: 160px; margin-top: 8px; padding: 12px; }
    .workspace-conversation .sohbet-paneli-workspace .mesaj-formu textarea { height: 60px; min-height: 60px; }
}

/* PATCH-INTERCOM-WORKSPACE-CONVERSATION-UX-031-E */
.workspace-sidebar-footer { grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 9px 10px; }
.workspace-footer-actions { display: flex; align-items: center; gap: 3px; }
.workspace-utilities { display: flex; gap: 3px; }
.workspace-footer-icon { display: inline-flex; width: 30px; min-width: 30px; height: 30px; align-items: center; justify-content: center; padding: 0; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #6c7f96; cursor: pointer; }
.workspace-footer-icon svg { width: 16px; height: 16px; fill: currentColor; }
.workspace-footer-icon:hover { border-color: #dce7f2; background: #eef4fa; color: #215d94; }
.workspace-utilities a.workspace-footer-icon { padding: 0; font-size: 0; }
.workspace-logout { grid-column: auto; margin: 0; justify-self: auto; }
.workspace-logout button.workspace-footer-icon { padding: 0; font-size: 0; }

.workspace-conversation .sohbet-paneli-workspace { padding: 14px 16px 12px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust-workspace { align-items: center; gap: 12px; padding-bottom: 8px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust-kimlik { min-width: 0; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust-workspace h1 { margin: 0; overflow: hidden; color: #18324f; font-size: 20px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust-workspace p { margin: 3px 0 0; overflow: hidden; color: #70839a; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-musteri-presence { min-height: 18px; margin-top: 4px; gap: 5px; font-size: 10px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-musteri-presence-nokta { width: 7px; height: 7px; }
.workspace-conversation .sohbet-paneli-workspace .sohbet-ust-aksiyonlar { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.workspace-conversation .sohbet-paneli-workspace .durum-rozet-workspace { min-height: 25px; padding: 4px 9px; font-size: 10px; }

.workspace-conversation .sohbet-paneli-workspace .mesaj-akisi { gap: 8px; margin-top: 8px; padding: 12px; border-radius: 14px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-balonu { max-width: 72%; padding: 9px 11px; border-radius: 13px; box-shadow: none; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-personel { border-bottom-right-radius: 4px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-musteri { border-bottom-left-radius: 4px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-kimden { display: none; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-metni { margin: 0 0 4px; color: #26384e; font-size: 13px; font-weight: 400; line-height: 1.48; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-balonu footer { font-size: 9px; line-height: 1.25; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ekleri { gap: 7px; margin: 6px 0 3px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ek-resim img { width: min(100%, 320px); max-height: 230px; border-radius: 10px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ek-video video { width: min(100%, 360px); max-height: 250px; border-radius: 10px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ek-karti { min-width: min(280px, 58vw); padding: 9px 10px; border-radius: 11px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-ek-uzanti { min-width: 36px; height: 36px; border-radius: 9px; }

.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-workspace { gap: 0; margin-top: 8px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-kabuk { display: grid; gap: 5px; padding: 7px; border: 1px solid #cfdbe8; border-radius: 14px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-kabuk:focus-within { border-color: #8bb7e2; box-shadow: 0 0 0 3px rgba(38,118,201,.08); }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-workspace textarea { height: auto; min-height: 68px; max-height: 148px; padding: 7px 8px 3px; border: 0; border-radius: 8px; background: transparent; color: #26384e; font-family: inherit; font-size: 13.5px; font-weight: 400; line-height: 1.48; resize: none; box-shadow: none; overflow-y: hidden; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-workspace textarea:focus { border-color: transparent; box-shadow: none; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-workspace textarea::placeholder { color: #8a99aa; font-weight: 400; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-toolbar { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 10px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-sol { display: flex; min-width: 0; align-items: center; gap: 7px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-ipucu { overflow: hidden; color: #93a1b1; font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-icon { display: inline-flex; width: 34px; min-width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 10px; font: inherit; cursor: pointer; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-icon svg { width: 18px; height: 18px; fill: currentColor; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosya { position: relative; background: transparent; color: #627991; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosya:hover { background: #f1f6fb; color: #176abd; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosya input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-gonder { min-width: 34px; background: #176abd; color: #fff; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-gonder:hover { background: #125da7; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-gonder:disabled { opacity: .55; cursor: wait; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-gonder[data-loading="1"] svg { opacity: .55; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosyalar { display: flex; flex-wrap: wrap; gap: 5px; padding: 2px 4px 4px; border: 0; border-radius: 0; background: transparent; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosyalar[hidden] { display: none; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosyalar .secilen-dosya { max-width: min(280px,100%); gap: 7px; padding: 5px 7px; border-radius: 8px; background: #f2f6fa; font-size: 10px; }
.workspace-conversation .sohbet-paneli-workspace .mesaj-composer-dosyalar .secilen-dosya-hata { width: 100%; padding: 5px 7px; border: 0; border-radius: 8px; background: #fff1f1; font-size: 10px; }
.workspace-conversation .sohbet-paneli-workspace > .sohbet-canli-durum { margin: 6px 0 0; padding: 6px 9px; font-size: 10px; }
.workspace-conversation .sohbet-paneli-workspace > .sohbet-yaziyor { margin: 4px 0 0; padding: 4px 8px; font-size: 10px; }

@media (max-height: 760px) and (min-width: 641px) {
    .workspace-conversation .sohbet-paneli-workspace { padding: 11px 13px 10px; }
    .workspace-conversation .sohbet-paneli-workspace .mesaj-composer-workspace textarea { min-height: 58px; }
    .workspace-conversation .sohbet-paneli-workspace .mesaj-composer-ipucu { display: none; }
}

/* PATCH-INTERCOM-WORKSPACE-NAV-SIDEBAR-031-F */
.workspace-brand { min-height: 66px; }
.workspace-section-meta { display: inline-flex; align-items: center; gap: 5px; }
.workspace-new-count { display: inline-flex; min-height: 20px; align-items: center; justify-content: center; padding: 0 7px; border-radius: 999px; background: #e7f2ff; color: #1668b7; font-size: 9px; font-weight: 850; white-space: nowrap; }
.workspace-row-title { font-weight: 760; }
.workspace-row.is-unread .workspace-row-title { font-weight: 900; }
.workspace-row.is-unread .workspace-row-preview { color: #536d89; }
.workspace-row:focus-visible,
.workspace-more:focus-visible,
.workspace-presence-select select:focus-visible,
.workspace-presence-qr-link:focus-visible,
.workspace-footer-menu-toggle:focus-visible,
.workspace-menu-item:focus-visible { outline: 2px solid #2d7cc4; outline-offset: 2px; }
.workspace-sidebar-scroll { scrollbar-color: #cbd6e2 transparent; }
.workspace-sidebar-scroll::-webkit-scrollbar { width: 8px; }
.workspace-sidebar-scroll::-webkit-scrollbar-track { background: transparent; }
.workspace-sidebar-scroll::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #cbd6e2; background-clip: padding-box; }
.workspace-sidebar-scroll::-webkit-scrollbar-thumb:hover { background: #afbfce; background-clip: padding-box; }

.workspace-sidebar-footer { position: relative; grid-template-columns: minmax(0,1fr) auto; padding: 9px 10px; background: #fbfdff; }
.workspace-user { min-height: 34px; }
.workspace-footer-actions,
.workspace-utilities,
.workspace-logout { display: none; }
.workspace-footer-menu { position: relative; justify-self: end; }
.workspace-footer-menu > summary { list-style: none; }
.workspace-footer-menu > summary::-webkit-details-marker { display: none; }
.workspace-footer-menu-toggle { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #64788f; cursor: pointer; transition: background .14s ease, border-color .14s ease, color .14s ease; }
.workspace-footer-menu-toggle svg { width: 17px; height: 17px; fill: currentColor; }
.workspace-footer-menu-toggle:hover,
.workspace-footer-menu[open] .workspace-footer-menu-toggle { border-color: #d9e5f1; background: #edf4fb; color: #1e659f; }
.workspace-footer-popover { position: absolute; right: 0; bottom: calc(100% + 9px); z-index: 25; display: grid; width: 248px; overflow: hidden; padding: 6px; border: 1px solid #dce6f0; border-radius: 14px; background: #fff; box-shadow: 0 18px 50px rgba(28,54,82,.16); }
.workspace-menu-item { display: grid; width: 100%; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 9px; min-height: 48px; padding: 7px 8px; border: 0; border-radius: 10px; background: transparent; color: #213a55; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.workspace-menu-item:hover { background: #f3f7fb; }
.workspace-menu-item svg { width: 17px; height: 17px; justify-self: center; fill: #6f8298; }
.workspace-menu-item span { display: grid; min-width: 0; gap: 1px; }
.workspace-menu-item strong { overflow: hidden; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.workspace-menu-item small { overflow: hidden; color: #8696a8; font-size: 9px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.workspace-menu-logout { margin: 4px 0 0; padding-top: 4px; border-top: 1px solid #edf1f5; }
.workspace-menu-logout .workspace-menu-item { appearance: none; }
.workspace-menu-item-danger { color: #8f4040; }
.workspace-menu-item-danger svg { fill: #a95a5a; }
.workspace-menu-item-danger:hover { background: #fff4f4; }

@media (max-height: 720px) and (min-width: 641px) {
    .workspace-brand { min-height: 58px; padding-top: 12px; padding-bottom: 10px; }
    .workspace-presence { padding-top: 9px; padding-bottom: 9px; }
    .workspace-section { padding-top: 11px; }
    .workspace-row { min-height: 50px; padding-top: 5px; padding-bottom: 5px; }
}

/* PATCH-INTERCOM-CUSTOMER-ENTRY-UX-033-A */
.musteri-public-body {
    background:
        radial-gradient(circle at top left, rgba(18, 98, 179, .06), transparent 32%),
        linear-gradient(180deg, #f8fbff 0%, #f3f6fb 52%, #eef3f9 100%);
}
.musteri-public-sayfasi {
    align-items: start;
    place-items: start center;
    padding: clamp(18px, 4vw, 42px) 16px;
}
.musteri-public-karti {
    width: min(520px, 100%);
    padding: 28px;
    border-color: #dfe7f1;
    border-radius: 22px;
    box-shadow: 0 18px 46px rgba(20, 48, 86, .07);
}
.musteri-public-baslik {
    display: grid;
    gap: 7px;
}
.musteri-public-baslik h1 {
    margin: 0;
    color: #162238;
    font-size: clamp(25px, 5vw, 34px);
    line-height: 1.12;
    letter-spacing: -.025em;
}
.musteri-public-baslik p {
    margin: 0;
}
.musteri-akis-rozet,
.musteri-sonuc-etiket {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 26px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #edf5ff;
    color: #2869a9;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .025em;
}
.musteri-public-meta {
    color: #6c7a8f !important;
    font-size: 13px;
    line-height: 1.45 !important;
}
.musteri-public-aciklama {
    padding-top: 5px;
    color: #516178 !important;
    font-size: 14px;
    line-height: 1.5 !important;
}
.musteri-public-bildirim {
    margin-top: 16px;
}
.musteri-giris-formu,
.musteri-otp-formu {
    gap: 14px;
    margin-top: 22px;
}
.musteri-public-sayfasi .musteri-formu > .musteri-alan {
    gap: 7px;
    color: #2a3950;
    font-size: 13px;
    font-weight: 650;
}
.musteri-public-sayfasi .musteri-formu input[type="text"],
.musteri-public-sayfasi .musteri-formu input[type="tel"],
.musteri-public-sayfasi .musteri-formu input[type="email"],
.musteri-public-sayfasi .musteri-formu textarea {
    min-height: 46px;
    padding: 11px 13px;
    border-color: #d5dfeb;
    border-radius: 12px;
    color: #1b293d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}
.musteri-public-sayfasi .musteri-formu textarea {
    min-height: 92px;
    resize: vertical;
}
.musteri-public-sayfasi .musteri-formu input::placeholder,
.musteri-public-sayfasi .musteri-formu textarea::placeholder {
    color: #9aa7b7;
}
.musteri-public-sayfasi .musteri-formu input[aria-invalid="true"],
.musteri-public-sayfasi .musteri-formu textarea[aria-invalid="true"] {
    border-color: #d98d8d;
    background: #fffafa;
}
.musteri-onaylar {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e3eaf2;
    border-radius: 14px;
    background: #fafcff;
}
.musteri-public-sayfasi .onay-kutusu label {
    gap: 9px;
    color: #56657a;
    font-size: 12px;
    line-height: 1.45;
}
.musteri-public-sayfasi .onay-kutusu input {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-top: 1px;
    accent-color: #1262b3;
}
.musteri-hukuki-not {
    color: #8996a8 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}
.musteri-public-sayfasi .musteri-birincil-aksiyon,
.musteri-sonuc-aksiyon {
    min-height: 46px;
    border-radius: 12px;
    font-weight: 700;
}
.musteri-form-yardim {
    display: block;
    color: #7b899c;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
}
.musteri-otp-karti {
    width: min(460px, 100%);
}
.musteri-otp-sure-paneli {
    gap: 3px;
    margin-top: 20px;
    padding: 13px 15px;
    border-color: #dce7f3;
    border-radius: 14px;
    background: #f8fbff;
}
.musteri-otp-sure-paneli > span {
    color: #748299;
    font-size: 11px;
}
.musteri-public-sayfasi .otp-sure {
    color: #2468aa;
    font-size: clamp(28px, 7vw, 38px);
    font-weight: 750;
    letter-spacing: .035em;
}
.musteri-otp-deneme {
    margin-top: 10px !important;
    color: #7a8798 !important;
    font-size: 12px;
    text-align: center;
}
.musteri-otp-kod-alani {
    text-align: center;
}
.musteri-public-sayfasi .musteri-formu .musteri-otp-kod-input {
    min-height: 54px;
    font-size: 24px;
    font-weight: 650;
    letter-spacing: .28em;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.musteri-otp-aksiyonlar {
    margin-top: 10px;
}
.musteri-otp-aksiyonlar .musteri-ikincil-aksiyon {
    min-height: 42px;
    border: 1px solid #dbe7f4;
    border-radius: 12px;
    background: #f5f9fe;
    color: #2869a9;
    font-size: 13px;
    font-weight: 650;
}
.musteri-sonuc-karti {
    display: grid;
    justify-items: center;
    gap: 10px;
    width: min(460px, 100%);
    text-align: center;
}
.musteri-sonuc-karti h1 {
    margin: 2px 0 0;
    font-size: clamp(26px, 5vw, 34px);
}
.musteri-sonuc-karti > p {
    max-width: 380px;
    color: #66758a;
    font-size: 14px;
    line-height: 1.55;
}
.musteri-sonuc-ikonu {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    margin-bottom: 2px;
    border-radius: 17px;
}
.musteri-sonuc-ikonu svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.musteri-sonuc-basarili .musteri-sonuc-ikonu {
    background: #ebf8ef;
    color: #2b7a49;
}
.musteri-sonuc-bekliyor .musteri-sonuc-ikonu {
    background: #edf5ff;
    color: #2869a9;
}
.musteri-sonuc-reddedildi .musteri-sonuc-ikonu {
    background: #fff1f1;
    color: #a43a3a;
}
.musteri-sonuc-aksiyon {
    width: min(260px, 100%);
    margin-top: 8px;
}
.musteri-sonuc-not {
    color: #8996a8 !important;
    font-size: 11px !important;
}
.musteri-public-bilgi {
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
    text-align: left;
}
@media (max-width: 520px) {
    .musteri-public-sayfasi {
        padding: 12px;
    }
    .musteri-public-karti,
    .musteri-otp-karti {
        padding: 21px 18px;
        border-radius: 18px;
        box-shadow: 0 12px 32px rgba(20, 48, 86, .06);
    }
    .musteri-public-baslik h1 {
        font-size: 27px;
    }
    .musteri-giris-formu,
    .musteri-otp-formu {
        margin-top: 18px;
    }
    .musteri-onaylar {
        padding: 12px;
    }
}

/* PATCH-INTERCOM-CUSTOMER-CHAT-UX-033-B */
.musteri-sohbet-body { min-width: 0; overflow: hidden; background: #eef4fa; }
.musteri-sohbet-sayfasi { min-height: 100dvh; align-items: center; padding: 18px; background: radial-gradient(circle at top, #f9fbfe 0%, #eef4fa 68%, #eaf1f8 100%); }
.musteri-sohbet-karti { display: flex; width: min(760px,100%); height: min(860px,calc(100dvh - 36px)); min-height: 520px; flex-direction: column; overflow: hidden; padding: 0; border-radius: 20px; background: #fff; }
.musteri-sohbet-karti .musteri-sohbet-ust { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #e4ebf3; }
.musteri-sohbet-kimlik { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; gap: 10px; }
.musteri-sohbet-avatar { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; border-radius: 13px; background: #eaf4ff; color: #176abd; font-size: 15px; font-weight: 850; }
.musteri-sohbet-kimlik-metin { min-width: 0; }
.musteri-sohbet-marka { display: block; margin-bottom: 1px; color: #8091a4; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.musteri-sohbet-karti .musteri-sohbet-ust h1 { margin: 0; overflow: hidden; color: #18324f; font-size: 17px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.musteri-sohbet-karti .musteri-sohbet-ust p { margin: 2px 0 0; overflow: hidden; color: #74869a; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.musteri-sohbet-durum { min-height: 25px; flex: 0 0 auto; padding: 4px 9px; font-size: 9px; }

.musteri-sohbet-durum.danisman-presence-rozet[data-advisor-status="online"] { background: #e8f8ee; color: #176337; }
.musteri-sohbet-durum.danisman-presence-rozet[data-advisor-status="away"] { background: #fff5d9; color: #856100; }
.musteri-sohbet-durum.danisman-presence-rozet[data-advisor-status="offline"] { background: #eef2f6; color: #66798f; }
.musteri-sohbet-guvenlik-notu { flex: 0 0 auto; margin: 0; padding: 7px 16px; border-bottom: 1px solid #edf2f7; background: #fbfdff; color: #7d8da0; font-size: 9px; line-height: 1.4; }
.musteri-sohbet-karti .musteri-sohbet-bildirim { flex: 0 0 auto; margin: 8px 12px 0; padding: 8px 10px; font-size: 11px; }
.musteri-sohbet-karti > .sohbet-canli-durum { flex: 0 0 auto; margin: 7px 12px 0; padding: 7px 9px; font-size: 10px; }
.musteri-sohbet-karti > .sohbet-yaziyor { flex: 0 0 auto; margin: 4px 12px 0; padding: 3px 5px; color: #718399; font-size: 10px; }
.musteri-sohbet-karti .eski-mesajlar-alani { flex: 0 0 auto; margin: 7px 0 -1px; }
.musteri-sohbet-karti .eski-mesajlar-buton { min-height: 28px; padding: 5px 10px; font-size: 9px; }
.musteri-sohbet-karti .musteri-mesaj-akisi { flex: 1 1 0; min-height: 0; max-height: none; margin: 0; padding: 14px 14px 18px; gap: 8px; border: 0; border-radius: 0; background: #f7f9fc; scrollbar-color: #cad7e4 transparent; }
.musteri-sohbet-karti .musteri-mesaj-akisi::-webkit-scrollbar { width: 7px; }
.musteri-sohbet-karti .musteri-mesaj-akisi::-webkit-scrollbar-track { background: transparent; }
.musteri-sohbet-karti .musteri-mesaj-akisi::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #cad7e4; background-clip: padding-box; }
.musteri-sohbet-karti .mesaj-balonu { max-width: 76%; padding: 9px 11px; border-radius: 14px; box-shadow: none; }
.musteri-sohbet-karti .mesaj-musteri-kendi { border-bottom-right-radius: 4px; background: #dfefff; }
.musteri-sohbet-karti .mesaj-personel-karsi { border-color: #e1e8f0; border-bottom-left-radius: 4px; background: #fff; }
.musteri-sohbet-karti .mesaj-kimden { display: none; }
.musteri-sohbet-karti .mesaj-metni { margin: 0 0 4px; color: #25394f; font-size: 13px; font-weight: 400; line-height: 1.48; }
.musteri-sohbet-karti .mesaj-balonu footer { font-size: 9px; line-height: 1.25; }
.musteri-sohbet-karti .mesaj-ekleri { gap: 7px; margin: 6px 0 3px; }
.musteri-sohbet-karti .mesaj-ek-resim img { width: min(100%,360px); max-height: 270px; border-radius: 11px; }
.musteri-sohbet-karti .mesaj-ek-video video { width: min(100%,400px); max-height: 290px; border-radius: 11px; }
.musteri-sohbet-karti .mesaj-ek-karti { min-width: min(300px,62vw); padding: 9px 10px; border-radius: 11px; }
.musteri-sohbet-karti .mesaj-ek-uzanti { min-width: 36px; height: 36px; border-radius: 9px; }
.musteri-sohbet-karti .musteri-sohbet-bos-durum { margin: auto; padding: 24px 18px; color: #75879c; text-align: center; }
.musteri-sohbet-karti .musteri-sohbet-bos-durum strong { color: #344d68; font-size: 13px; }
.musteri-sohbet-karti .musteri-sohbet-bos-durum p { margin: 5px 0 0; font-size: 11px; }
.musteri-sohbet-karti > .yeni-mesajlar-buton { bottom: 8px; flex: 0 0 auto; margin: -45px auto 8px; padding: 7px 11px; font-size: 10px; }
.musteri-sohbet-karti .mesaj-composer-musteri { flex: 0 0 auto; gap: 0; margin: 0; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid #e3eaf2; background: #fff; }
.musteri-mesaj-composer-kabuk { display: grid; gap: 5px; padding: 7px; border: 1px solid #cfdbe8; border-radius: 15px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.musteri-mesaj-composer-kabuk:focus-within { border-color: #8bb7e2; box-shadow: 0 0 0 3px rgba(38,118,201,.08); }
.musteri-sohbet-karti .mesaj-composer-musteri textarea { height: auto; min-height: 48px; max-height: 140px; padding: 7px 8px 3px; border: 0; border-radius: 8px; background: transparent; color: #26384e; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.48; resize: none; box-shadow: none; overflow-y: hidden; }
.musteri-sohbet-karti .mesaj-composer-musteri textarea:focus { border-color: transparent; box-shadow: none; }
.musteri-sohbet-karti .mesaj-composer-musteri textarea::placeholder { color: #8d9bad; font-weight: 400; }
.musteri-mesaj-composer-toolbar { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 8px; }
.musteri-mesaj-composer-sol { display: flex; min-width: 0; align-items: center; gap: 7px; }
.musteri-mesaj-composer-ipucu { overflow: hidden; color: #95a2b1; font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.musteri-mesaj-composer-icon { display: inline-flex; width: 34px; min-width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 10px; font: inherit; cursor: pointer; }
.musteri-mesaj-composer-icon svg { width: 18px; height: 18px; fill: currentColor; }
.musteri-mesaj-composer-dosya { position: relative; background: transparent; color: #627991; }
.musteri-mesaj-composer-dosya:hover { background: #f1f6fb; color: #176abd; }
.musteri-mesaj-composer-dosya input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.musteri-mesaj-composer-gonder { background: #176abd; color: #fff; }
.musteri-mesaj-composer-gonder:hover { background: #125da7; }
.musteri-mesaj-composer-gonder:disabled { opacity: .55; cursor: wait; }
.musteri-mesaj-composer-gonder[data-loading="1"] svg { opacity: .55; }
.musteri-sohbet-karti .musteri-mesaj-composer-dosyalar { display: flex; flex-wrap: wrap; gap: 5px; padding: 2px 4px 4px; border: 0; border-radius: 0; background: transparent; }
.musteri-sohbet-karti .musteri-mesaj-composer-dosyalar[hidden] { display: none; }
.musteri-sohbet-karti .musteri-mesaj-composer-dosyalar .secilen-dosya { max-width: min(280px,100%); gap: 7px; padding: 5px 7px; border-radius: 8px; background: #f2f6fa; font-size: 10px; }
.musteri-sohbet-karti .musteri-mesaj-composer-dosyalar .secilen-dosya-hata { width: 100%; padding: 5px 7px; border: 0; border-radius: 8px; background: #fff1f1; font-size: 10px; }
.musteri-sohbet-kapali-notu { display: grid; flex: 0 0 auto; gap: 2px; padding: 11px 14px calc(11px + env(safe-area-inset-bottom)); border-top: 1px solid #e3eaf2; background: #fbfcfe; color: #718399; font-size: 10px; text-align: center; }
.musteri-sohbet-kapali-notu strong { color: #405671; font-size: 11px; }

@media (max-width: 640px) {
    .musteri-sohbet-body { background: #fff; }
    .musteri-sohbet-sayfasi { display: block; min-height: 100dvh; padding: 0; background: #fff; }
    .musteri-sohbet-karti { width: 100%; height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
    .musteri-sohbet-karti .musteri-sohbet-ust { flex-direction: row; padding: calc(10px + env(safe-area-inset-top)) 11px 10px; }
    .musteri-sohbet-avatar { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; font-size: 14px; }
    .musteri-sohbet-karti .musteri-sohbet-ust h1 { font-size: 15px; }
    .musteri-sohbet-guvenlik-notu { padding: 6px 11px; font-size: 8.5px; }
    .musteri-sohbet-karti .musteri-mesaj-akisi { padding: 11px 9px 15px; }
    .musteri-sohbet-karti .mesaj-balonu { max-width: 86%; padding: 8px 10px; }
    .musteri-sohbet-karti .mesaj-metni { font-size: 13px; }
    .musteri-sohbet-karti .mesaj-ek-karti { min-width: 0; width: 100%; }
    .musteri-sohbet-karti .mesaj-ek-resim span,
    .musteri-sohbet-karti .mesaj-ek-video > a { align-items: flex-start; flex-direction: column; gap: 2px; }
    .musteri-sohbet-karti .mesaj-composer-musteri { padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); }
    .musteri-mesaj-composer-kabuk { border-radius: 14px; }
    .musteri-sohbet-karti .mesaj-composer-musteri textarea { min-height: 44px; font-size: 16px; }
    .musteri-mesaj-composer-ipucu { display: none; }
}

/* PATCH-INTERCOM-EXPANDED-PERSONNEL-TEST-TARGETS-033-C2-TEST-001 */
.impersonation-hedef-arama { width: 100%; min-height: 42px; border: 1px solid #cbd9ea; border-radius: 10px; background: #fff; color: #17314e; padding: 9px 11px; font: inherit; }
.impersonation-hedef-arama:focus { outline: 2px solid rgba(29,111,190,.16); border-color: #6ca6dc; }
.impersonation-hedef-notu { display: block; margin-top: 6px; color: #71839a; font-size: 11px; line-height: 1.5; }

/* PATCH-INTERCOM-CENTRAL-USER-SWITCHER-UX-033-C2-TEST-002 */
.ana-panel-kimlik-satiri { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.ana-panel-kimlik { min-width: 0; }
.ana-panel-kimlik h1 { margin-bottom: 12px; }
.kullanici-switcher { position: relative; flex: 0 0 auto; z-index: 40; }
.kullanici-switcher-toggle { display: grid; min-width: 184px; grid-template-columns: 34px minmax(0,1fr) 18px; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid #d8e3ef; border-radius: 12px; background: #fff; color: #27425f; font: inherit; text-align: left; cursor: pointer; box-shadow: 0 5px 16px rgba(23,49,78,.04); transition: border-color .14s ease, background .14s ease, box-shadow .14s ease; }
.kullanici-switcher-toggle:hover,
.kullanici-switcher-toggle[aria-expanded="true"] { border-color: #a9c7e4; background: #f8fbff; box-shadow: 0 8px 20px rgba(23,49,78,.08); }
.kullanici-switcher-toggle-ikon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #eaf3fd; color: #176abd; font-size: 17px; font-weight: 800; }
.kullanici-switcher-toggle > span:nth-child(2) { display: grid; min-width: 0; gap: 1px; }
.kullanici-switcher-toggle strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.kullanici-switcher-toggle small { color: #8090a2; font-size: 9px; }
.kullanici-switcher-chevron { color: #7f91a4; font-size: 15px; text-align: center; }
.kullanici-switcher-panel { position: absolute; top: calc(100% + 8px); right: 0; width: min(390px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 120px)); overflow: hidden; border: 1px solid #d8e3ef; border-radius: 15px; background: #fff; box-shadow: 0 20px 52px rgba(20,48,86,.18); }
.kullanici-switcher-panel[hidden] { display: none; }
.kullanici-switcher-panel-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px 10px; }
.kullanici-switcher-panel-baslik > div { display: grid; gap: 1px; }
.kullanici-switcher-panel-baslik strong { color: #203b59; font-size: 13px; }
.kullanici-switcher-panel-baslik small { color: #8392a4; font-size: 9px; }
.kullanici-switcher-kapat { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #7d8da0; font-size: 20px; cursor: pointer; }
.kullanici-switcher-kapat:hover { background: #f1f5f9; color: #344e69; }
.kullanici-switcher-arama { display: block; padding: 0 12px 10px; }
.kullanici-switcher-arama input { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid #cddaea; border-radius: 10px; background: #fbfdff; color: #17314e; font: inherit; font-size: 12px; }
.kullanici-switcher-arama input:focus { outline: 2px solid rgba(29,111,190,.14); border-color: #77a9d6; background: #fff; }
.kullanici-switcher-durum { min-height: 28px; padding: 6px 14px; border-top: 1px solid #eef2f6; border-bottom: 1px solid #eef2f6; background: #fbfcfe; color: #7a8b9e; font-size: 9px; line-height: 1.5; }
.kullanici-switcher-durum.hata { background: #fff7f7; color: #a14848; }
.kullanici-switcher-liste { max-height: 390px; overflow-y: auto; padding: 6px; scrollbar-color: #ccd8e5 transparent; }
.kullanici-switcher-item { display: grid; width: 100%; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 8px; border: 0; border-radius: 10px; background: transparent; color: #263f5a; font: inherit; text-align: left; cursor: pointer; }
.kullanici-switcher-item:hover,
.kullanici-switcher-item:focus-visible { outline: none; background: #f2f7fc; }
.kullanici-switcher-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #edf4fb; color: #316d9e; font-size: 12px; font-weight: 850; }
.kullanici-switcher-item-metin { display: grid; min-width: 0; gap: 2px; }
.kullanici-switcher-item-metin strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.kullanici-switcher-item-metin small { overflow: hidden; color: #7b8b9d; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.kullanici-switcher-scope { max-width: 90px; overflow: hidden; padding: 3px 6px; border-radius: 999px; background: #f0f4f8; color: #8290a0; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.kullanici-switcher-dialog { width: min(450px, calc(100vw - 28px)); padding: 0; border: 0; border-radius: 18px; background: #fff; color: #233d59; box-shadow: 0 24px 70px rgba(20,48,86,.24); }
.kullanici-switcher-dialog::backdrop { background: rgba(23,38,55,.32); backdrop-filter: blur(2px); }
.kullanici-switcher-dialog-icerik { display: grid; gap: 11px; padding: 24px; }
.kullanici-switcher-dialog h2 { margin: 1px 0 0; color: #17314e; font-size: 20px; line-height: 1.3; }
.kullanici-switcher-dialog p { margin: 0; color: #62758b; font-size: 12px; line-height: 1.5; }
.kullanici-switcher-dialog-not { padding: 10px 11px; border-radius: 10px; background: #f5f8fc; color: #6e8094!important; font-size: 10px!important; }
.kullanici-switcher-dialog-hata,
.kullanici-switcher-sayfa-hata { padding: 9px 10px; border: 1px solid #efcaca; border-radius: 9px; background: #fff6f6; color: #9b4040; font-size: 10px; line-height: 1.45; }
.kullanici-switcher-sayfa-hata { position: absolute; top: calc(100% + 8px); right: 0; width: min(360px, calc(100vw - 32px)); z-index: 2; }
.kullanici-switcher-dialog-aksiyonlar { display: flex; justify-content: flex-end; gap: 8px; margin-top: 3px; }
.kullanici-switcher-dialog-aksiyonlar button { min-height: 40px; }

@media (max-width: 720px) {
    .ana-panel-kimlik-satiri { align-items: stretch; flex-direction: column; }
    .kullanici-switcher { width: 100%; }
    .kullanici-switcher-toggle { width: 100%; }
    .kullanici-switcher-panel { right: auto; left: 0; width: 100%; }
    .kullanici-switcher-scope { display: none; }
}


/* PATCH-INTERCOM-PERSONAL-QR-UX-033-C3 */
.qr-profil-karti .qr-akis-durumu { display: grid; gap: 12px; margin: 22px auto 0; text-align: left; }
.qr-profil-karti .qr-akis-baslik, .qr-profil-karti .qr-operasyon-bilgisi { display: grid; gap: 5px; padding: 14px 16px; border: 1px solid #dbe4f0; border-radius: 14px; background: #f8fbff; }
.qr-profil-karti .qr-akis-baslik { grid-template-columns: auto 1fr; align-items: center; column-gap: 12px; }
.qr-profil-karti .qr-akis-baslik strong { justify-self: end; color: #405570; font-size: 13px; }
.qr-profil-karti .qr-akis-rozeti { display: inline-flex; width: fit-content; padding: 6px 9px; border-radius: 999px; background: #e9f2ff; color: #1262b3; font-size: 12px; font-weight: 800; }
.qr-profil-karti .qr-operasyon-bilgisi span { color: #718198; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.qr-profil-karti .qr-operasyon-bilgisi strong { color: #243652; font-size: 14px; line-height: 1.4; }
.qr-profil-karti .qr-operasyon-bilgisi small { color: #7b8ca2; font-size: 11px; }
.qr-profil-karti .qr-paylasim-notu { margin: -6px auto 18px; max-width: 420px; font-size: 12px; line-height: 1.5; }
.qr-profil-karti .qr-akis-uyarisi { display: grid; gap: 7px; margin: 24px 0 18px; padding: 18px; border: 1px solid #ead39a; border-radius: 14px; background: #fffaf0; color: #624a12; text-align: left; }
.qr-profil-karti .qr-akis-uyarisi strong { color: #6d500b; }
.qr-profil-karti .qr-akis-uyarisi span { font-size: 13px; line-height: 1.55; }
.qr-profil-karti .qr-akis-uyarisi small { color: #816b36; font-size: 12px; }
@media (max-width: 520px) {
    .qr-profil-karti .qr-akis-baslik { grid-template-columns: 1fr; }
    .qr-profil-karti .qr-akis-baslik strong { justify-self: start; }
}

/* PATCH-INTERCOM-CUSTOMER-WAITING-RESUME-001 */
.musteri-sonuc-bekliyor .musteri-sonuc-ikonu {
    position: relative;
}
.musteri-bekleme-spinner {
    display: block;
    width: 24px;
    height: 24px;
    border: 3px solid rgba(40, 105, 169, .2);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: musteri-bekleme-don .8s linear infinite;
}
.musteri-bekleme-durumu {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid #dbe7f4;
    border-radius: 12px;
    background: #f5f9fe;
    color: #46637f;
    font-size: 13px;
    font-weight: 600;
}
.musteri-bekleme-noktalari {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.musteri-bekleme-noktalari i {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    animation: musteri-bekleme-nokta 1.2s ease-in-out infinite;
}
.musteri-bekleme-noktalari i:nth-child(2) { animation-delay: .15s; }
.musteri-bekleme-noktalari i:nth-child(3) { animation-delay: .3s; }
@keyframes musteri-bekleme-don {
    to { transform: rotate(360deg); }
}
@keyframes musteri-bekleme-nokta {
    0%, 70%, 100% { opacity: .35; transform: translateY(0); }
    35% { opacity: 1; transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
    .musteri-bekleme-spinner,
    .musteri-bekleme-noktalari i {
        animation: none;
    }
}

/* PATCH-INTERCOM-YONETIM-UIUX-001 */
.yonetim-dashboard {
    width: min(1240px, calc(100% - 32px));
    padding: 26px;
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(20, 48, 86, .055);
}
.yonetim-dashboard .yonetim-dashboard-ust {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 24px;
    margin-bottom: 14px;
}
.yonetim-dashboard .yonetim-baslik .temel-etiket {
    margin-bottom: 9px;
    padding: 5px 9px;
    font-size: 10px;
}
.yonetim-dashboard .yonetim-baslik h1 {
    margin: 0 0 5px;
    font-size: clamp(28px, 3vw, 36px);
    letter-spacing: -.025em;
}
.yonetim-dashboard .yonetim-baslik > p {
    max-width: 620px;
    color: #6b7c91;
    font-size: 13px;
    line-height: 1.5;
}
.yonetim-kapsam-satiri {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}
.yonetim-kapsam-rozeti,
.yonetim-mod-rozeti,
.yonetim-adet-rozeti {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}
.yonetim-kapsam-rozeti {
    border: 1px solid #d7e4f1;
    background: #f7faff;
    color: #46647f;
}
.yonetim-mod-rozeti {
    background: #edf7f1;
    color: #28704b;
}
.yonetim-dashboard .yonetim-dashboard-aksiyonlar {
    max-width: 460px;
    justify-content: flex-end;
    gap: 7px;
}
.yonetim-dashboard .yonetim-dashboard-aksiyonlar .ikincil-buton {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #d5e1ee;
    border-radius: 9px;
    background: #fff;
    color: #46647f;
    font-size: 11px;
    font-weight: 750;
    transition: border-color .16s ease-out, background .16s ease-out, color .16s ease-out, transform .16s ease-out;
}
.yonetim-dashboard .yonetim-dashboard-aksiyonlar .ikincil-buton:hover,
.yonetim-dashboard .yonetim-dashboard-aksiyonlar .ikincil-buton:focus-visible {
    border-color: #9fc2e8;
    background: #f6faff;
    color: #1262b3;
    transform: translateY(-1px);
}
.yonetim-dashboard .yonetim-dashboard-aksiyonlar .yonetim-ana-aksiyon {
    border-color: #bdd6ef;
    background: #edf5ff;
    color: #1262b3;
}
.yonetim-dashboard .yonetim-bilgi-notu-compact {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 14px 0 16px;
    padding: 9px 12px;
    border-color: #e1e9f2;
    border-radius: 10px;
    background: #f9fbfd;
    color: #66798f;
    font-size: 11px;
    line-height: 1.45;
}
.yonetim-dashboard .yonetim-bilgi-notu-compact strong { color: #405a76; }
.yonetim-dashboard .yonetim-kpi-seridi {
    gap: 8px;
    margin: 0;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet {
    min-height: 82px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #fbfdff;
    transition: border-color .16s ease-out, background .16s ease-out, transform .16s ease-out;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet:hover {
    border-color: #cbdced;
    background: #fff;
    transform: translateY(-1px);
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet-uyari { border-color: #efdcae; background: #fffaf0; }
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet-kritik { border-color: #efcece; background: #fff7f7; }
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet-bekleyen { border-color: #cfdef0; background: #f8fbff; }
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet strong {
    order: 2;
    margin-top: 4px;
    color: #173250;
    font-size: 25px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet > span:last-child {
    order: 3;
    margin-top: 4px;
    color: #8491a2;
    font-size: 10px;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet-etiket {
    order: 1;
    margin: 0;
    color: #5c7088;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
}
.yonetim-dashboard .yonetim-bolum {
    margin-top: 24px;
}
.yonetim-dashboard .yonetim-bolum + .yonetim-bolum {
    padding-top: 22px;
    border-top: 1px solid #edf1f5;
}
.yonetim-dashboard .yonetim-bolum-baslik {
    align-items: center;
    margin-bottom: 10px;
}
.yonetim-dashboard .yonetim-bolum-baslik .temel-etiket {
    margin-bottom: 5px;
    padding: 4px 8px;
    font-size: 9px;
}
.yonetim-dashboard .yonetim-bolum-baslik h2 {
    margin: 0;
    color: #18324f;
    font-size: 18px;
    letter-spacing: -.012em;
}
.yonetim-dashboard .yonetim-bolum-baslik p {
    color: #7b8a9d;
    font-size: 11px;
    line-height: 1.45;
}
.yonetim-bolum-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}
.yonetim-adet-rozeti {
    background: #eef3f8;
    color: #63758a;
}
.yonetim-dashboard .yonetim-tablo-kapsayici {
    border-color: #e0e8f1;
    border-radius: 12px;
    scrollbar-color: #cbd7e4 transparent;
}
.yonetim-dashboard .yonetim-ekip-tablosu {
    min-width: 890px;
}
.yonetim-dashboard .yonetim-ekip-tablosu th,
.yonetim-dashboard .yonetim-ekip-tablosu td {
    padding: 10px 12px;
}
.yonetim-dashboard .yonetim-ekip-tablosu th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    color: #718197;
    font-size: 9px;
    letter-spacing: .055em;
}
.yonetim-dashboard .yonetim-ekip-tablosu td {
    color: #314b68;
    font-size: 12px;
}
.yonetim-dashboard .yonetim-ekip-satiri {
    transition: background .15s ease-out;
}
.yonetim-dashboard .yonetim-ekip-satiri:hover { background: #fbfdff; }
.yonetim-dashboard .yonetim-ekip-satiri.kritik { background: #fffafa; }
.yonetim-dashboard .yonetim-ekip-satiri.kritik:hover { background: #fff6f6; }
.yonetim-dashboard .yonetim-ekip-satiri.uyari { background: #fffdf8; }
.yonetim-dashboard .yonetim-personel-hucresi strong {
    display: block;
    color: #18324f;
    font-size: 12px;
    line-height: 1.3;
}
.yonetim-dashboard .yonetim-personel-hucresi small {
    margin-top: 2px;
    color: #8a98a9;
    font-size: 9px;
}
.yonetim-dashboard .yonetim-birim-hucresi {
    color: #60758d;
    white-space: nowrap;
}
.yonetim-sohbet-sayaclari {
    display: grid;
    gap: 1px;
    white-space: nowrap;
}
.yonetim-sohbet-sayaclari span { color: #47647f; }
.yonetim-sohbet-sayaclari span strong {
    color: #173250;
    font-variant-numeric: tabular-nums;
}
.yonetim-sohbet-sayaclari small { color: #96a2b1 !important; font-size: 9px; }
.yonetim-yanit-sayaci {
    display: inline-grid;
    min-width: 25px;
    height: 25px;
    place-items: center;
    padding: 0 7px;
    border-radius: 999px;
    background: #eef5fd;
    color: #176abd;
    font-size: 11px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}
.yonetim-sessiz-deger { color: #a2adba; }
.yonetim-dashboard .yonetim-rozet {
    min-height: 23px;
    padding: 4px 7px;
    font-size: 9px;
    line-height: 1;
}
.yonetim-dashboard .yonetim-bekleme-degeri {
    color: #4d647d;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.yonetim-dashboard .yonetim-satir-aksiyonu { text-align: right; }
.yonetim-dashboard .yonetim-incele-linki {
    min-height: 30px;
    gap: 5px;
    padding: 6px 8px;
    border-color: transparent;
    background: transparent;
    font-size: 10px;
    transition: background .15s ease-out, color .15s ease-out, transform .15s ease-out;
}
.yonetim-dashboard .yonetim-incele-linki:hover,
.yonetim-dashboard .yonetim-incele-linki:focus-visible {
    background: #eef6ff;
    color: #0f5ba8;
    transform: translateX(1px);
}
.yonetim-dashboard .yonetim-bekleyen-listesi { gap: 7px; }
.yonetim-dashboard .yonetim-bekleyen-satir {
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 11px;
    box-shadow: none;
    transition: border-color .16s ease-out, background .16s ease-out, box-shadow .16s ease-out, transform .16s ease-out;
}
.yonetim-dashboard .yonetim-bekleyen-satir:hover,
.yonetim-dashboard .yonetim-bekleyen-satir:focus-visible {
    outline: none;
    border-color: #a7c7e7;
    box-shadow: 0 7px 18px rgba(20, 48, 86, .055);
    transform: translateY(-1px);
}
.yonetim-dashboard .yonetim-bekleyen-satir.uyari { border-color: #eed9a6; background: #fffdf7; }
.yonetim-dashboard .yonetim-bekleyen-satir.kritik { border-color: #efcdcd; background: #fffafa; }
.yonetim-bekleyen-kimlik {
    display: grid;
    min-width: 0;
    gap: 2px;
}
.yonetim-bekleyen-kimlik strong {
    overflow: hidden;
    color: #18324f;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yonetim-dashboard .yonetim-bekleyen-kimlik span {
    overflow: hidden;
    color: #8190a2;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yonetim-dashboard .yonetim-bekleme {
    gap: 8px;
}
.yonetim-bekleme-metni {
    color: #243d59 !important;
    font-size: 11px !important;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.yonetim-satir-oku {
    color: #8da4bb !important;
    font-size: 17px !important;
    line-height: 1;
    transition: transform .15s ease-out;
}
.yonetim-dashboard .yonetim-bekleyen-satir:hover .yonetim-satir-oku { transform: translateX(2px); }

@media (max-width: 1000px) {
    .yonetim-dashboard .yonetim-dashboard-ust { grid-template-columns: 1fr; }
    .yonetim-dashboard .yonetim-dashboard-aksiyonlar { max-width: none; justify-content: flex-start; }
    .yonetim-dashboard .yonetim-kpi-seridi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .yonetim-dashboard { width: min(100% - 20px, 1240px); padding: 20px; }
    .yonetim-dashboard .yonetim-kpi-seridi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yonetim-dashboard .yonetim-bolum-baslik,
    .yonetim-bolum-meta { align-items: flex-start; flex-direction: column; }
    .yonetim-bolum-meta { gap: 5px; }
}
@media (max-width: 520px) {
    .yonetim-dashboard-sayfasi { padding: 10px; }
    .yonetim-dashboard { width: 100%; padding: 17px 14px; border-radius: 15px; }
    .yonetim-dashboard .yonetim-dashboard-aksiyonlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .yonetim-dashboard .yonetim-dashboard-aksiyonlar .ikincil-buton { width: 100%; }
    .yonetim-dashboard .yonetim-kpi-seridi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet { min-height: 76px; padding: 11px 12px; }
    .yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet:last-child { grid-column: 1 / -1; }
    .yonetim-dashboard .yonetim-bilgi-notu-compact { display: grid; gap: 4px; }
    .yonetim-dashboard .yonetim-bekleyen-satir { align-items: flex-start; flex-direction: column; }
    .yonetim-dashboard .yonetim-bekleme { width: 100%; justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .yonetim-dashboard *,
    .yonetim-dashboard *::before,
    .yonetim-dashboard *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* PATCH-INTERCOM-WORKSPACE-ROLE-AWARE-NAV-001 */
.workspace-footer-popover { width: 264px; max-height: min(560px, calc(100vh - 110px)); overflow-y: auto; }
.workspace-menu-section { display: grid; gap: 1px; }
.workspace-menu-section + .workspace-menu-section { margin-top: 5px; padding-top: 6px; border-top: 1px solid #edf1f5; }
.workspace-menu-section-label { padding: 5px 9px 3px; color: #8b9bad; font-size: 8px; font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.workspace-menu-section-management .workspace-menu-item svg { fill: #557995; }
.workspace-menu-section-management .workspace-menu-item:hover { background: #eef6fb; }
.workspace-menu-item { transition: background .14s ease, color .14s ease, transform .14s ease; }
.workspace-menu-item:hover { transform: translateX(1px); }
@media (max-width: 720px) {
    .workspace-footer-popover { width: min(276px, calc(100vw - 24px)); max-height: min(520px, calc(100vh - 92px)); }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-menu-item { transition: none; }
    .workspace-menu-item:hover { transform: none; }
}



/* PATCH-INTERCOM-NAVIGATION-CONSISTENCY-DISCOVERABILITY-001 */
.ana-panel-geri-aksiyonu { display: flex; justify-content: flex-end; margin: -4px 0 14px; }
.birim-qr-karti { max-width: 1040px; }
.birim-qr-bilgi-notu { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; }
.birim-qr-ozet { display: grid; grid-template-columns: repeat(2, minmax(0, 180px)); gap: 10px; margin: 16px 0; }
.birim-qr-ozet > div { border: 1px solid #d9e4f0; border-radius: 12px; padding: 12px 14px; background: #f8fbff; }
.birim-qr-ozet strong { display: block; color: #0b2545; font-size: 22px; line-height: 1; }
.birim-qr-ozet span { display: block; margin-top: 5px; color: #6d819a; font-size: 12px; }
.birim-qr-listesi { border: 1px solid #d9e4f0; border-radius: 14px; overflow: hidden; }
.birim-qr-satiri { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 13px 15px; background: #fff; border-bottom: 1px solid #e7eef6; }
.birim-qr-satiri:last-child { border-bottom: 0; }
.birim-qr-satiri.is-inactive { background: #fafbfd; }
.birim-qr-kimlik strong, .birim-qr-kimlik span { display: block; }
.birim-qr-kimlik strong { color: #0b2545; font-size: 14px; }
.birim-qr-kimlik span { margin-top: 3px; color: #6d819a; font-size: 12px; }
.birim-qr-meta { display: flex; align-items: center; gap: 8px; }
.birim-qr-akis { border-radius: 999px; padding: 5px 9px; background: #eef5fd; color: #335b83; font-size: 11px; font-weight: 700; }
.birim-qr-aksiyon { min-width: 150px; text-align: right; }
.birim-qr-aksiyon .ikincil-buton { min-height: 34px; padding: 7px 10px; }
@media (max-width: 760px) {
    .ana-panel-geri-aksiyonu { justify-content: stretch; }
    .ana-panel-geri-aksiyonu .ikincil-buton { width: 100%; }
    .birim-qr-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .birim-qr-satiri { grid-template-columns: 1fr; gap: 9px; }
    .birim-qr-meta { justify-content: flex-start; }
    .birim-qr-aksiyon { min-width: 0; text-align: left; }
}

/* PATCH-INTERCOM-WORKSPACE-PERSISTENT-SHELL-001 */
.workspace-content {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background: #f3f6fa;
}
.workspace-content > .temel-sayfa {
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
}
.workspace-content > .yonetim-dashboard-sayfasi {
    min-height: 100%;
}
.workspace-content:focus-visible {
    outline: 2px solid #78a9d6;
    outline-offset: -2px;
}


/* PATCH-INTERCOM-REQUEST-REJECTION-FOLLOWUP-001 */
.musteri-sonuc-takip .musteri-sonuc-ikonu { background: #eef7ff; color: #2869a9; }
.musteri-takip-bildirimi { width: 100%; display: grid; gap: 6px; padding: 15px 16px; border: 1px solid #cfe1f4; border-radius: 13px; background: #f3f8fe; color: #244d74; font-size: 14px; font-weight: 650; line-height: 1.55; }
.takip-listesi { display: grid; gap: 14px; }
.takip-karti { padding: 20px; border: 1px solid #dbe4f0; border-radius: 16px; background: #fff; box-shadow: 0 5px 16px rgba(20,48,86,.035); }
.takip-karti-tamamlandi { background: #fbfcfe; }
.takip-karti-ekip { border-color: #d7e2ef; background: #fbfdff; }
.takip-karti-rozetleri { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.durum-rozet.durum-ekip { background: #eef4fb; color: #385474; }
.takip-ekip-bilgi { display: grid; gap: 4px; margin-top: 18px; padding: 14px 16px; border: 1px solid #d7e2ef; border-radius: 14px; background: #f7faff; color: #314761; }
.takip-ekip-bilgi strong { color: #1d3553; }
.takip-ekip-bilgi span { font-size: 12px; line-height: 1.5; color: #61738c; }
.takip-karti-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.takip-karti-baslik h3 { margin: 3px 0 0; color: #243652; font-size: 18px; }
.takip-detaylari { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 16px 0 0; }
.takip-detaylari > div { display: grid; gap: 5px; padding: 12px 13px; border: 1px solid #e0e8f2; border-radius: 12px; background: #fbfcfe; }
.takip-detaylari dt { color: #6d7c92; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.takip-detaylari dd { margin: 0; color: #243652; font-size: 13px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.takip-detaylari dd a { color: #1769aa; text-decoration: none; }
.takip-detay-genis { grid-column: 1 / -1; }
.takip-tamamlama-formu { display: grid; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e6edf5; }
.takip-tamamlama-formu textarea { width: 100%; padding: 12px 13px; border: 1px solid #cbd7e6; border-radius: 12px; background: #fff; color: #12213a; font: inherit; line-height: 1.5; resize: vertical; outline: none; }
.takip-tamamlama-formu textarea:focus { border-color: #2676c9; box-shadow: 0 0 0 3px rgba(38,118,201,.12); }
.takip-tamamlama-formu .birincil-buton { justify-self: start; }
@media (max-width: 640px) { .takip-detaylari { grid-template-columns: 1fr; } .takip-detay-genis { grid-column: auto; } .takip-karti-baslik { flex-direction: column; } }


/* PATCH-INTERCOM-UNIT-QR-MANAGEMENT-ROLLOUT-001 */
.birim-qr-karti { max-width: 1120px; }
.birim-qr-bilgi-notu { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; }
.birim-qr-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 180px)); gap: 10px; margin: 16px 0 20px; }
.birim-qr-ozet > div { border: 1px solid #d9e4f0; border-radius: 12px; padding: 12px 14px; background: #f8fbff; }
.birim-qr-ozet strong { display: block; color: #0b2545; font-size: 22px; line-height: 1; }
.birim-qr-ozet span { display: block; margin-top: 5px; color: #6d819a; font-size: 12px; }
.birim-qr-bolum { margin-top: 18px; border: 1px solid #d9e4f0; border-radius: 14px; padding: 16px; background: #fff; }
.birim-qr-bolum-baslik { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.birim-qr-bolum-baslik h2, .birim-qr-panel h3, .birim-qr-gecmis h3 { margin: 4px 0 0; color: #0b2545; }
.birim-qr-scope-form label, .birim-qr-form label > span { display: block; margin-bottom: 6px; color: #334e68; font-size: 12px; font-weight: 700; }
.birim-qr-scope-row { display: flex; gap: 10px; align-items: center; }
.birim-qr-scope-row select { flex: 1; min-width: 0; min-height: 40px; border: 1px solid #cbd8e6; border-radius: 9px; padding: 8px 10px; background: #fff; }
.birim-qr-panel { border: 1px solid #e1e9f2; border-radius: 12px; padding: 15px; background: #fbfdff; }
.birim-qr-panel p { margin: 6px 0 0; color: #657b91; font-size: 13px; line-height: 1.5; }
.birim-qr-form { display: grid; gap: 14px; margin-top: 14px; }
.birim-qr-form input[type="text"] { width: 100%; min-height: 40px; border: 1px solid #cbd8e6; border-radius: 9px; padding: 8px 10px; }
.birim-qr-personel-fieldset { border: 0; padding: 0; margin: 0; }
.birim-qr-personel-fieldset legend { margin-bottom: 8px; color: #334e68; font-size: 12px; font-weight: 700; }
.birim-qr-personel-listesi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 360px; overflow: auto; padding: 2px; }
.birim-qr-personel { display: flex; gap: 10px; align-items: flex-start; border: 1px solid #dce6f0; border-radius: 10px; padding: 10px; background: #fff; cursor: pointer; }
.birim-qr-personel input { margin-top: 3px; }
.birim-qr-personel span { min-width: 0; }
.birim-qr-personel strong, .birim-qr-personel small { display: block; }
.birim-qr-personel strong { color: #17324d; font-size: 13px; }
.birim-qr-personel small { margin-top: 3px; color: #71869b; font-size: 11px; }
.birim-qr-paylasim-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 14px; margin-bottom: 14px; }
.birim-qr-paylasim-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.birim-qr-url-row { display: flex; gap: 8px; margin-top: 14px; }
.birim-qr-url-row input { flex: 1; min-width: 0; border: 1px solid #d2deea; border-radius: 9px; padding: 8px 10px; background: #fff; color: #46627d; }
.birim-qr-paylasim-aksiyonlari, .birim-qr-lifecycle { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.birim-qr-gorsel-panel { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid #dce6f0; border-radius: 12px; padding: 14px; background: #fff; }
.birim-qr-gorsel { width: 190px; max-width: 100%; aspect-ratio: 1; }
.birim-qr-gorsel svg { display: block; width: 100%; height: 100%; }
.birim-qr-gorsel-panel strong { margin-top: 10px; color: #17324d; font-size: 13px; }
.birim-qr-gorsel-panel span { margin-top: 4px; color: #71869b; font-size: 11px; line-height: 1.4; }
.birim-qr-personel-panel { margin-top: 14px; }
.birim-qr-gecmis { margin-top: 14px; border-top: 1px solid #e2eaf2; padding-top: 12px; }
.birim-qr-gecmis > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; color: #526b83; font-size: 12px; border-bottom: 1px solid #eef3f7; }
.birim-qr-gecmis > div:last-child { border-bottom: 0; }
.tehlike-buton { border-color: #e5b7b7; color: #9c2f2f; background: #fffafa; }
.bos-durum.compact { padding: 12px; }
@media (max-width: 760px) {
    .birim-qr-ozet { grid-template-columns: 1fr; }
    .birim-qr-scope-row, .birim-qr-url-row { align-items: stretch; flex-direction: column; }
    .birim-qr-personel-listesi { grid-template-columns: 1fr; max-height: none; }
    .birim-qr-paylasim-grid { grid-template-columns: 1fr; }
    .birim-qr-bolum-baslik, .birim-qr-paylasim-baslik { align-items: flex-start; flex-direction: column; }
}

/* PATCH-INTERCOM-UNIT-QR-MANAGEMENT-UX-001 */
.birim-qr-ozet-scope { border-style: dashed !important; }
.birim-qr-birim-secimi { padding: 14px 16px; }
.birim-qr-birim-secimi .birim-qr-scope-form { display: grid; gap: 6px; }
.birim-qr-birim-secimi .birim-qr-scope-form label { margin-bottom: 0; }
.birim-qr-scope-durum { color: #71869b; font-size: 11px; }
.birim-qr-scope-form.is-loading .birim-qr-scope-durum { color: #2f6fae; font-weight: 700; }
.birim-qr-scope-form.is-loading select { opacity: .7; cursor: wait; }
.birim-qr-personel-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 10px; align-items: center; margin-bottom: 10px; }
.birim-qr-personel-arama input { width: 100%; min-height: 38px; border: 1px solid #cbd8e6; border-radius: 9px; padding: 8px 10px; background: #fff; color: #17324d; }
.birim-qr-personel-arama input:focus { border-color: #75a9df; box-shadow: 0 0 0 3px rgba(38,118,201,.10); outline: none; }
.birim-qr-personel-filtreler { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid #d9e4f0; border-radius: 9px; background: #f8fbff; }
.birim-qr-filtre-buton { min-height: 30px; border: 0; border-radius: 7px; padding: 5px 10px; background: transparent; color: #526b83; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.birim-qr-filtre-buton.is-active { background: #fff; color: #1769aa; box-shadow: 0 1px 3px rgba(28,57,86,.12); }
.birim-qr-personel-sayac { justify-self: end; color: #526b83; font-size: 12px; font-weight: 700; white-space: nowrap; }
.birim-qr-personel.is-selected { border-color: #9fc6ef; background: #f6faff; }
.birim-qr-personel-bos-filtre { border: 1px dashed #ccd9e6; border-radius: 10px; padding: 14px; color: #71869b; text-align: center; font-size: 12px; }
.birim-qr-personel-aksiyonlari { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px -2px -2px; padding: 12px 2px 2px; border-top: 1px solid #e2eaf2; background: linear-gradient(to bottom, rgba(251,253,255,.94), #fbfdff 32%); }
.birim-qr-degisiklik-durumu { color: #71869b; font-size: 12px; }
.birim-qr-personel-form[data-dirty="1"] .birim-qr-degisiklik-durumu,
.birim-qr-form[data-dirty="1"] .birim-qr-degisiklik-durumu { color: #8a621d; font-weight: 700; }
.birim-qr-paylasim-ana { min-width: 150px; }
@media (max-width: 760px) {
    .birim-qr-personel-toolbar { grid-template-columns: 1fr; align-items: stretch; }
    .birim-qr-personel-filtreler { justify-self: start; }
    .birim-qr-personel-sayac { justify-self: start; }
    .birim-qr-personel-aksiyonlari { align-items: stretch; flex-direction: column; }
    .birim-qr-personel-aksiyonlari .birincil-buton { width: 100%; }
}

/* PATCH-INTERCOM-UNIT-QR-MANAGEMENT-UX-001-HOTFIX-001 */
.birim-qr-personel[hidden] { display: none !important; }

/* PATCH-INTERCOM-PERSONAL-QR-SMS-TEMPLATE-MANAGEMENT-001 */
.sms-sablon-karti{max-width:1180px}.sms-sablon-bilgi-notu{display:grid;gap:6px}.sms-sablon-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:10px;margin:16px 0 20px}.sms-sablon-ozet>div{border:1px solid #d9e4f0;border-radius:12px;padding:12px 14px;background:#f8fbff}.sms-sablon-ozet strong{display:block;color:#0b2545;font-size:21px;line-height:1}.sms-sablon-ozet span{display:block;margin-top:5px;color:#6d819a;font-size:12px}.sms-sablon-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start}.sms-sablon-listesi,.sms-sablon-detay{border:1px solid #dce6f2;border-radius:15px;background:#fff}.sms-sablon-listesi{overflow:hidden}.sms-sablon-listesi-baslik{display:grid;gap:10px;padding:14px;border-bottom:1px solid #e6edf5;background:#fbfdff}.sms-sablon-listesi-baslik h2,.sms-sablon-detay h2,.sms-sablon-gecmis-grid h3{margin:4px 0 0}.sms-sablon-yeni>summary{list-style:none;cursor:pointer;text-align:center}.sms-sablon-yeni>summary::-webkit-details-marker{display:none}.sms-sablon-yeni[open] .sms-sablon-form{margin-top:10px}.sms-sablon-form{display:grid;gap:12px}.sms-sablon-form label{display:grid;gap:6px}.sms-sablon-form label>span{font-size:12px;font-weight:800;color:#294564}.sms-sablon-form input,.sms-sablon-form select,.sms-sablon-form textarea{width:100%;border:1px solid #ccd9e7;border-radius:9px;background:#fff;color:#173452;padding:9px 10px;font:inherit}.sms-sablon-form textarea{resize:vertical;line-height:1.45}.sms-sablon-form small,.sms-sablon-yardim{color:#6d8199;font-size:12px;line-height:1.45}.sms-sablon-satiri{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf2f7;color:#183a5b;text-decoration:none}.sms-sablon-satiri:last-child{border-bottom:0}.sms-sablon-satiri:hover,.sms-sablon-satiri:focus-visible{background:#f5f9fd;outline:none}.sms-sablon-satiri.is-selected{background:#eef6ff;box-shadow:inset 3px 0 0 #2d7cc4}.sms-sablon-satiri span:first-child{min-width:0}.sms-sablon-satiri strong,.sms-sablon-satiri small{display:block}.sms-sablon-satiri small{margin-top:3px;color:#74879c;overflow-wrap:anywhere}.sms-sablon-detay{padding:18px}.sms-sablon-detay-baslik{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.sms-sablon-detay-baslik p{margin:6px 0 0;color:#6d8199;font-size:12px}.sms-sablon-detay code,.sms-sablon-yardim code{border-radius:5px;background:#eef4fa;padding:2px 5px;color:#315b82}.sms-sablon-surum-form{padding:15px;border:1px solid #e0e9f2;border-radius:13px;background:#fbfdff}.sms-sablon-yardim{display:flex;flex-wrap:wrap;gap:8px 16px}.sms-sablon-uyari{border:1px solid #efd7a2;border-radius:10px;background:#fff8e8;color:#76520f;padding:10px 12px;font-size:12px;line-height:1.45}.sms-sablon-form-aksiyonlari,.sms-sablon-durum-form{display:flex;justify-content:flex-end}.sms-sablon-durum-form{margin-top:10px}.sms-sablon-durum-form .tehlike-buton{border-color:#e4b6b6;color:#9d3030;background:#fff8f8}.sms-sablon-gecmis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.sms-sablon-gecmis-grid>section{min-width:0;border-top:1px solid #e4ebf3;padding-top:14px}.sms-sablon-gecmis-listesi,.sms-sablon-hareket-listesi{display:grid;gap:8px;margin-top:10px}.sms-sablon-gecmis-listesi article,.sms-sablon-hareket-listesi>div{border:1px solid #e2eaf3;border-radius:10px;padding:10px 11px;background:#fbfdff}.sms-sablon-gecmis-listesi strong,.sms-sablon-gecmis-listesi small,.sms-sablon-hareket-listesi strong,.sms-sablon-hareket-listesi small{display:block}.sms-sablon-gecmis-listesi small,.sms-sablon-hareket-listesi small{margin-top:3px;color:#74879c;font-size:11px}.sms-sablon-gecmis-listesi p{margin:8px 0 0;color:#425f80;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:920px){.sms-sablon-layout{grid-template-columns:1fr}.sms-sablon-listesi{max-height:none}.sms-sablon-gecmis-grid{grid-template-columns:1fr}.sms-sablon-ozet{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.sms-sablon-ozet{grid-template-columns:1fr}.sms-sablon-detay{padding:14px}.sms-sablon-detay-baslik{flex-direction:column}.sms-sablon-yardim{display:grid}.sms-sablon-form-aksiyonlari .birincil-buton,.sms-sablon-durum-form .ikincil-buton{width:100%}}

/* PATCH-INTERCOM-PERSONAL-QR-SMS-INVITE-UX-001 */
.qr-profil-karti .qr-sms-davet { display: grid; gap: 14px; margin: 22px 0 18px; padding: 18px; border: 1px solid #d8e4f1; border-radius: 16px; background: #f8fbff; text-align: left; }
.qr-profil-karti .qr-sms-davet-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.qr-profil-karti .qr-sms-davet-baslik > div { display: grid; gap: 5px; }
.qr-profil-karti .qr-sms-davet-baslik h2 { margin: 0; color: #18324f; font-size: 18px; }
.qr-profil-karti .qr-sms-test-rozeti { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border-radius: 999px; background: #fff0c9; color: #76520f; font-size: 11px; font-weight: 800; white-space: nowrap; }
.qr-profil-karti .qr-sms-davet-form { display: grid; gap: 12px; }
.qr-profil-karti .qr-sms-davet-alan { display: grid; gap: 6px; }
.qr-profil-karti .qr-sms-davet-alan > span, .qr-profil-karti .qr-sms-davet-onizleme > span { color: #294564; font-size: 12px; font-weight: 800; }
.qr-profil-karti .qr-sms-davet-alan input, .qr-profil-karti .qr-sms-davet-alan select { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #243652; font: inherit; }
.qr-profil-karti .qr-sms-davet-alan input:focus-visible, .qr-profil-karti .qr-sms-davet-alan select:focus-visible { outline: 2px solid #2d7cc4; outline-offset: 2px; }
.qr-profil-karti .qr-sms-davet-onizleme { display: grid; gap: 7px; }
.qr-profil-karti .qr-sms-davet-onizleme p { min-height: 70px; margin: 0; padding: 12px 13px; border: 1px solid #dbe4f0; border-radius: 11px; background: #fff; color: #405570; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.qr-profil-karti .qr-sms-davet-notu { margin: 0; color: #6b7d94; font-size: 11px; line-height: 1.5; }
.qr-profil-karti .qr-sms-davet-form .birincil-buton { justify-self: end; min-width: 132px; }
.qr-profil-karti .qr-sms-davet-form .birincil-buton:disabled { opacity: .65; cursor: wait; }
.qr-profil-karti .qr-sms-davet-pasif, .qr-profil-karti .qr-sms-davet-uyari, .qr-profil-karti .temel-bildirim { padding: 11px 13px; border: 1px solid #d4e2f2; border-radius: 11px; background: #fff; color: #425f80; font-size: 12px; line-height: 1.5; }
.qr-profil-karti .qr-sms-davet-uyari { display: grid; gap: 3px; border-color: #efd7a2; background: #fff8e8; color: #76520f; }
.qr-profil-karti .temel-bildirim.hata { border-color: #efb5b5; background: #fff2f2; color: #9f2929; }
.qr-profil-karti .temel-bildirim.basarili { border-color: #a7dbc0; background: #effaf4; color: #24734a; }
.qr-profil-karti .temel-bildirim.bilgi { border-color: #b9d5f1; background: #eef6ff; color: #184f87; }
@media (max-width: 560px) {
    .qr-profil-karti .qr-sms-davet-baslik { flex-direction: column; }
    .qr-profil-karti .qr-sms-davet-form .birincil-buton { width: 100%; justify-self: stretch; }
}
.takip-recovery-formu { display: grid; gap: 12px; margin-top: 18px; padding: 16px; border: 1px solid #cfe1f4; border-radius: 14px; background: #f7fbff; }
.takip-recovery-baslik { display: grid; gap: 4px; color: #243652; }
.takip-recovery-baslik small { color: #60708a; font-size: 12px; line-height: 1.45; }
.takip-recovery-formu input[type="text"] { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #cbd7e6; border-radius: 10px; background: #fff; color: #12213a; font: inherit; outline: none; }
.takip-recovery-formu input[type="text"]:focus { border-color: #2676c9; box-shadow: 0 0 0 3px rgba(38,118,201,.12); }
.takip-recovery-formu .birincil-buton { justify-self: start; }

/* RECOVERY-V2-COMPACT-DECISION-UI-001 */
.talep-detay-compact { width: min(1020px, 100%); padding: 30px 32px; }
.talep-detay-compact .geri-linki { margin-bottom: 18px; }
.talep-baslik-compact { padding-bottom: 18px; }
.talep-baslik-etiketleri { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.talep-akis-etiketi { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; background: #eef5fd; color: #1262b3; font-size: 11px; font-weight: 800; }
.talep-hizli-ozet { display: grid; gap: 10px; margin-top: 16px; }
.talep-hizli-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.talep-hizli-grid > div { display: grid; gap: 4px; min-height: 58px; padding: 11px 13px; border: 1px solid #e0e8f2; border-radius: 12px; background: #fbfcfe; }
.talep-hizli-grid dt { color: #6d7c92; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.talep-hizli-grid dd { margin: 0; color: #243652; font-size: 13px; font-weight: 750; line-height: 1.35; }
.talep-not-compact { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 10px 13px; border: 1px solid #e0e8f2; border-radius: 12px; background: #fbfcfe; }
.talep-not-compact p { margin: 0; color: #405570; font-size: 12px; line-height: 1.45; }
.talep-karar-basligi { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #e6edf5; }
.talep-karar-basligi h2 { margin-top: 3px; }
.talep-karar-basligi p { max-width: 520px; margin: 0; color: #60738d; font-size: 12px; line-height: 1.45; text-align: right; }
.talep-karar-grid-compact { gap: 12px; margin-top: 12px; }
.talep-karar-grid-compact .karar-paneli { padding: 16px; border-radius: 15px; box-shadow: none; }
.talep-karar-grid-compact .karar-ikon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 11px; font-size: 16px; }
.talep-karar-grid-compact .karar-aciklamasi { min-height: 0; margin-top: 9px !important; font-size: 12px; }
.talep-karar-grid-compact .talep-karar-formu { gap: 9px; margin-top: 12px; }
.talep-karar-grid-compact .kontrol-satiri { gap: 9px; padding: 10px 11px; }
.talep-karar-grid-compact .kontrol-satiri strong { font-size: 12px; }
.talep-karar-grid-compact .kontrol-satiri small { font-size: 10px; }
.talep-karar-grid-compact .birincil-buton,
.talep-karar-grid-compact .tehlikeli-buton { min-height: 41px; padding: 10px 14px; }

@media (max-width: 760px) {
    .talep-detay-compact { padding: 24px 20px; }
    .talep-hizli-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .talep-dogrulama-ozeti { grid-column: 1 / -1; }
    .talep-karar-basligi { align-items: flex-start; flex-direction: column; gap: 6px; }
    .talep-karar-basligi p { max-width: none; text-align: left; }
}

@media (max-width: 560px) {
    .talep-detay-compact { padding: 20px 16px; }
    .talep-hizli-grid { grid-template-columns: 1fr; }
    .talep-dogrulama-ozeti { grid-column: auto; }
    .talep-not-compact { grid-template-columns: 1fr; gap: 5px; }
}

/* TEAM-CONVERSATION-REFINEMENT-001 */
.sohbet-ekip-aciklama { display: grid; gap: 4px; margin-top: 20px; padding: 12px 14px; border: 1px solid #cfe0f3; border-radius: 12px; background: #f6faff; color: #405570; font-size: 12px; line-height: 1.5; }
.sohbet-ekip-aciklama strong { color: #18324f; }
.sohbet-liste-rozetler { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.ekip-erisim-rozeti { display: inline-flex; min-height: 24px; align-items: center; padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 850; line-height: 1; white-space: nowrap; }
.ekip-erisim-rozeti.salt-okunur { background: #edf2f7; color: #5d6f84; }
.ekip-erisim-rozeti.devralabilir { background: #e8f4ff; color: #1262b3; }
.sohbet-ekip-baglami { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: -6px 0 16px; }
.sohbet-ekip-baglami > div { min-width: 0; padding: 10px 12px; border: 1px solid #dce6f1; border-radius: 12px; background: #fff; }
.sohbet-ekip-baglami dt { margin: 0 0 4px; color: #70839a; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.sohbet-ekip-baglami dd { margin: 0; overflow: hidden; color: #243652; font-size: 12px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.sohbet-ekip-devralma-karti { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 14px; align-items: center; margin: 0 0 16px; padding: 12px 14px; border: 1px solid #b9d5f1; border-radius: 12px; background: #f1f7ff; }
.sohbet-ekip-devralma-metni { display: grid; gap: 3px; }
.sohbet-ekip-devralma-metni strong { color: #184f87; font-size: 12px; }
.sohbet-ekip-devralma-metni span { color: #526680; font-size: 11px; line-height: 1.45; }
.sohbet-ekip-devralma-onay { grid-column: 1 / 2; display: flex; align-items: flex-start; gap: 8px; color: #405570; font-size: 11px; line-height: 1.4; }
.sohbet-ekip-devralma-onay input { margin-top: 2px; }
.sohbet-ekip-devralma-karti .birincil-buton { grid-column: 2; grid-row: 1 / span 2; min-width: 130px; }
@media (max-width:760px){.sohbet-ekip-baglami{grid-template-columns:1fr}.sohbet-ekip-devralma-karti{grid-template-columns:1fr}.sohbet-ekip-devralma-onay,.sohbet-ekip-devralma-karti .birincil-buton{grid-column:1;grid-row:auto}.sohbet-ekip-devralma-karti .birincil-buton{width:100%}}
@media (max-width:560px){.sohbet-liste-rozetler{justify-content:flex-start}.sohbet-liste-baslik{align-items:flex-start}.sohbet-ekip-aciklama{margin-top:14px}}

/* UIUX-FOUNDATION-001 — shared interaction contract */
:where(a[href], button, [role="button"]):focus-visible {
    outline: 2px solid var(--ui-focus-color);
    outline-offset: 2px;
}

:where(input, select, textarea):focus-visible {
    outline: none;
    border-color: var(--ui-focus-color);
    box-shadow: var(--ui-focus-ring);
}

:where(button, .birincil-link-buton, .ikincil-link-buton, .ikincil-buton) {
    transition-duration: var(--ui-motion-normal);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* UIUX-WORKSPACE-SHELL-001 — persistent shell visual refinement */
.workspace-body {
    background: var(--ui-color-canvas);
    color: var(--ui-color-text-strong);
}
.workspace-shell {
    grid-template-columns: 336px minmax(0, 1fr);
    background: var(--ui-color-canvas);
}
.workspace-sidebar {
    border-right-color: var(--ui-color-border);
    background: var(--ui-color-surface);
    box-shadow: 6px 0 22px rgba(20, 48, 86, .025);
}
.workspace-brand {
    min-height: 68px;
    padding: 16px 18px 14px;
    border-bottom-color: #e8eef5;
}
.workspace-brand-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
}
.workspace-brand strong { color: var(--ui-color-text); font-size: 15px; }
.workspace-brand small { color: var(--ui-color-text-soft); font-size: 11px; }
.workspace-presence {
    gap: var(--ui-space-2);
    padding: 12px 16px;
    border-bottom-color: #e8eef5;
    background: var(--ui-color-surface-subtle);
}
.workspace-section-kicker,
.workspace-section-head h2 {
    color: var(--ui-color-text-muted);
    font-size: 11px;
    letter-spacing: .045em;
}
.workspace-presence-badge {
    min-height: 24px;
    padding: 4px 9px;
    border-radius: var(--ui-radius-pill);
    font-size: var(--ui-font-size-micro);
}
.workspace-presence-select select,
.workspace-presence-qr-link {
    min-height: 36px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface);
}
.workspace-presence-select select {
    padding: 7px 10px;
    color: var(--ui-color-text-strong);
    font-size: var(--ui-font-size-caption);
}
.workspace-presence-qr-link { width: 36px; height: 36px; color: #4f759c; }
.workspace-search {
    padding: 10px 12px;
    border-bottom-color: #e8eef5;
    background: var(--ui-color-surface);
}
.workspace-search-field {
    min-height: 38px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    color: var(--ui-color-text-soft);
}
.workspace-search-field:focus-within {
    border-color: var(--ui-focus-color);
    background: var(--ui-color-surface);
    box-shadow: var(--ui-focus-ring);
}
.workspace-search-field input {
    color: var(--ui-color-text-strong);
    font-size: var(--ui-font-size-caption);
}
.workspace-section { padding: 14px 10px 4px; }
.workspace-section-head { padding: 0 7px 8px; }
.workspace-section + .workspace-section,
.workspace-rejected-shortcut {
    border-color: #edf1f5;
}
.workspace-accordion > .workspace-section-head {
    border-radius: var(--ui-radius-control);
    transition: background var(--ui-motion-fast) ease;
}
.workspace-count,
.workspace-new-count,
.workspace-unread {
    border-radius: var(--ui-radius-pill);
    font-size: var(--ui-font-size-micro);
}
.workspace-list { gap: 4px; }
.workspace-row {
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 10px;
    min-height: 56px;
    padding: 7px 8px;
    border-radius: 12px;
    color: var(--ui-color-text-strong);
    transition: background var(--ui-motion-fast) ease, border-color var(--ui-motion-fast) ease, box-shadow var(--ui-motion-fast) ease;
}
.workspace-row:hover {
    border-color: var(--ui-color-primary-border);
    background: var(--ui-color-surface-subtle);
}
.workspace-row.is-unread { background: #f2f7ff; }
.workspace-row.is-selected {
    border-color: #a8cbed;
    background: #eaf4ff;
    box-shadow: inset 3px 0 0 var(--ui-color-primary);
}
.workspace-avatar {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #eef5fd;
    color: #286aa9;
    font-size: var(--ui-font-size-caption);
}
.workspace-row-main { gap: 3px; }
.workspace-row-title { color: #18324f; font-size: 13px; }
.workspace-row-preview { color: var(--ui-color-text-soft); font-size: 11px; line-height: 1.35; }
.workspace-row-time { color: #8393a5; font-size: var(--ui-font-size-micro); }
.workspace-empty-mini {
    padding: 10px 8px 12px;
    color: #8494a6;
    font-size: 11px;
    line-height: 1.4;
}
.workspace-more {
    padding: 9px 8px 6px;
    color: var(--ui-color-primary);
    font-size: 11px;
}
.workspace-rejected-shortcut { padding: 8px 10px 10px; }
.workspace-rejected-link {
    grid-template-columns: 32px minmax(0, 1fr) auto 14px;
    gap: 9px;
    padding: 9px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.workspace-rejected-copy strong { font-size: var(--ui-font-size-caption); }
.workspace-rejected-copy small { margin-top: 2px; color: var(--ui-color-text-soft); font-size: var(--ui-font-size-micro); }
.workspace-sidebar-footer {
    padding: 10px 12px;
    border-top-color: var(--ui-color-border);
    background: var(--ui-color-surface-subtle);
}
.workspace-user strong { color: var(--ui-color-text-strong); font-size: var(--ui-font-size-caption); }
.workspace-user small { color: #8494a6; font-size: var(--ui-font-size-micro); }
.workspace-footer-menu-toggle {
    width: 34px;
    height: 34px;
    border-radius: var(--ui-radius-control);
    transition: background var(--ui-motion-fast) ease, border-color var(--ui-motion-fast) ease, color var(--ui-motion-fast) ease;
}
.workspace-footer-popover {
    width: 280px;
    padding: 7px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface);
    box-shadow: 0 18px 50px rgba(28,54,82,.14);
}
.workspace-menu-section-label { color: #8293a6; font-size: 9px; }
.workspace-menu-item {
    min-height: 50px;
    border-radius: var(--ui-radius-control);
    color: #213a55;
    transition: background var(--ui-motion-fast) ease, color var(--ui-motion-fast) ease, transform var(--ui-motion-fast) ease;
}
.workspace-menu-item strong { font-size: var(--ui-font-size-caption); }
.workspace-menu-item small { color: #7d8fa3; font-size: var(--ui-font-size-micro); line-height: 1.35; }
.workspace-sidebar-scroll {
    scrollbar-color: var(--ui-color-border-strong) transparent;
}
.workspace-content {
    background: var(--ui-color-canvas);
    scrollbar-color: var(--ui-color-border-strong) transparent;
}
.workspace-content > .temel-sayfa {
    place-items: start center;
    padding: clamp(24px, 2.4vw, 36px);
}
.workspace-content > .temel-sayfa > .temel-kart {
    margin: 0;
}
.workspace-conversation-placeholder {
    padding: clamp(28px, 4vw, 56px);
    background:
        radial-gradient(circle at 52% 30%, rgba(255,255,255,.98) 0%, rgba(248,251,255,.96) 42%, rgba(243,246,251,1) 100%);
}
.workspace-placeholder-card {
    width: min(520px, 100%);
    max-width: 520px;
    padding: 30px 32px;
    border: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-card);
    background: rgba(255,255,255,.86);
    box-shadow: 0 16px 46px rgba(20,48,86,.06);
    backdrop-filter: blur(8px);
}
.workspace-placeholder-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
    font-size: 21px;
}
.workspace-placeholder-kicker {
    margin-bottom: 7px;
    color: var(--ui-color-primary);
    font-size: var(--ui-font-size-micro);
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.workspace-placeholder-card h1 {
    color: var(--ui-color-text);
    font-size: 24px;
    letter-spacing: -.012em;
}
.workspace-placeholder-card p {
    max-width: 440px;
    margin-top: 8px;
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-body);
    line-height: 1.55;
}
.workspace-placeholder-summary {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: var(--ui-space-2);
    margin: 20px 0 0;
}
.workspace-placeholder-summary > div {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #e3eaf2;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    text-align: left;
}
.workspace-placeholder-summary dt {
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-micro);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.workspace-placeholder-summary dd {
    margin: 0;
    color: var(--ui-color-text);
    font-size: 22px;
    font-weight: 850;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.workspace-placeholder-actions {
    width: 100%;
    justify-content: center;
    gap: var(--ui-space-2);
    margin-top: 18px;
}
.workspace-placeholder-actions .birincil-link-buton,
.workspace-placeholder-actions .ikincil-link-buton {
    min-width: 148px;
}

@media (max-width: 1180px) {
    .workspace-shell { grid-template-columns: 308px minmax(0, 1fr); }
    .workspace-brand { padding-left: 14px; padding-right: 14px; }
    .workspace-presence { padding-left: 14px; padding-right: 14px; }
}

@media (max-height: 720px) and (min-width: 641px) {
    .workspace-brand { min-height: 60px; padding-top: 11px; padding-bottom: 10px; }
    .workspace-row { min-height: 52px; padding-top: 5px; padding-bottom: 5px; }
    .workspace-row-preview { font-size: var(--ui-font-size-micro); }
}

/* UIUX-OPERATION-SURFACES-001 — daily operation surface refinement */
.operasyon-sayfasi {
    padding-top: clamp(24px, 3vw, 40px);
    padding-bottom: clamp(28px, 3vw, 44px);
    background: var(--ui-color-canvas);
}
.operasyon-karti {
    width: min(var(--ui-content-standard), 100%);
    padding: clamp(24px, 2.5vw, 32px);
    box-shadow: 0 10px 30px rgba(20,48,86,.055);
}
.sohbet-liste-karti.operasyon-karti {
    width: min(1060px, 100%);
}
.operasyon-karti .sayfa-basligi {
    gap: var(--ui-space-5);
    padding-bottom: var(--ui-space-5);
    border-bottom: 1px solid var(--ui-color-border);
}
.operasyon-karti .sayfa-basligi > div:first-child {
    min-width: 0;
}
.operasyon-karti .sayfa-basligi .temel-etiket {
    margin-bottom: var(--ui-space-2);
    padding: 5px 9px;
    font-size: var(--ui-font-size-micro);
}
.operasyon-karti .sayfa-basligi h1 {
    margin-bottom: var(--ui-space-2);
    font-size: clamp(26px, 2.5vw, 32px);
}
.operasyon-karti .sayfa-basligi p {
    max-width: 680px;
    font-size: var(--ui-font-size-body);
}
.operasyon-karti .sayfa-basligi > .ikincil-link-buton,
.operasyon-karti .sohbet-liste-ust-aksiyonlar .ikincil-link-buton {
    min-height: 36px;
    padding: 7px 11px;
    border-color: var(--ui-color-border);
    background: var(--ui-color-surface);
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-caption);
}
.operasyon-karti .sayfa-basligi > .ikincil-link-buton:hover,
.operasyon-karti .sohbet-liste-ust-aksiyonlar .ikincil-link-buton:hover {
    border-color: var(--ui-color-primary-border);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
    transform: none;
}

/* Compact operational summaries. */
.operasyon-karti .talep-ozetleri {
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-5);
}
.operasyon-karti .talep-ozet {
    min-height: 72px;
    padding: 12px 14px;
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
}
.operasyon-karti .talep-ozet strong {
    font-size: 25px;
}
.operasyon-karti .talep-ozet span:not(.talep-ozet-ikon) {
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-caption);
}
.operasyon-karti .talep-ozet-ikon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-radius: var(--ui-radius-control);
    font-size: 17px;
}
.operasyon-karti .talep-bolumu {
    margin-top: var(--ui-space-7);
}
.operasyon-karti .talep-bolumu-sonuclanan {
    padding-top: var(--ui-space-6);
    border-top-color: var(--ui-color-border);
}
.operasyon-karti .bolum-basligi {
    align-items: center;
    margin-bottom: var(--ui-space-3);
}
.operasyon-karti .bolum-ust-baslik {
    margin-bottom: var(--ui-space-1);
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-micro);
}
.operasyon-karti h2 {
    font-size: var(--ui-font-size-section);
}
.operasyon-karti .adet-rozeti {
    padding: 5px 9px;
    background: var(--ui-color-surface-muted);
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-caption);
}

/* Request list: more records per viewport, less card-on-card elevation. */
.operasyon-karti .talep-listesi {
    gap: var(--ui-space-2);
}
.operasyon-karti .talep-satiri {
    min-height: 76px;
    gap: var(--ui-space-3);
    padding: 12px 14px;
    border-radius: var(--ui-radius-panel);
    box-shadow: none;
    transition: border-color var(--ui-motion-fast) ease, background var(--ui-motion-fast) ease;
}
.operasyon-karti .talep-satiri:hover {
    border-color: #a9c8e8;
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
    transform: none;
}
.operasyon-karti .talep-kimlik-ikonu {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-radius: var(--ui-radius-control);
    font-size: var(--ui-font-size-body-strong);
}
.operasyon-karti .talep-satiri-icerik {
    gap: var(--ui-space-2);
}
.operasyon-karti .talep-satiri-ust > strong {
    font-size: var(--ui-font-size-body-strong);
}
.operasyon-karti .talep-meta {
    gap: 5px 14px;
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-caption);
}
.operasyon-karti .talep-ok {
    color: #9aacc0;
    font-size: 23px;
}
.operasyon-karti .talep-satiri:hover .talep-ok {
    transform: translateX(2px);
}
.operasyon-karti .talep-satiri-sonuclanan {
    background: #fbfcfe;
    border-color: #e3eaf2;
}
.operasyon-karti .talep-bolumu-sonuclanan .talep-satiri-sonuclanan {
    color: #405570;
}
.operasyon-karti .bos-durum {
    padding: var(--ui-space-5);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
}

/* Conversation center: summary + search/filter toolbar + compact rows. */
.sohbet-liste-karti.operasyon-karti .sohbet-filtreleri {
    gap: 6px;
    margin: 12px 0;
}
.sohbet-liste-karti.operasyon-karti .sohbet-filtre {
    min-height: 34px;
    padding: 6px 11px;
    border-color: var(--ui-color-border);
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-caption);
}
.sohbet-liste-karti.operasyon-karti .sohbet-filtre:hover,
.sohbet-liste-karti.operasyon-karti .sohbet-filtre.aktif {
    border-color: var(--ui-color-primary-border);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
}
.sohbet-liste-karti.operasyon-karti .sohbet-ekip-aciklama,
.sohbet-liste-karti.operasyon-karti .sohbet-liste-bildirim {
    margin-top: var(--ui-space-3);
    border-radius: var(--ui-radius-control);
}
.sohbet-liste-karti.operasyon-karti .sohbet-ozetleri {
    margin-top: var(--ui-space-4);
}
.sohbet-liste-karti.operasyon-karti .sohbet-ozet-karti {
    min-height: 68px;
    gap: 2px;
}
.sohbet-liste-karti.operasyon-karti .sohbet-ozet-karti strong {
    font-size: 24px;
}
.sohbet-liste-karti.operasyon-karti .sohbet-arama-formu {
    grid-template-columns: minmax(260px,1fr) minmax(170px,210px);
    gap: var(--ui-space-2);
    margin-top: var(--ui-space-4);
    padding: var(--ui-space-3);
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
}
.sohbet-liste-karti.operasyon-karti .sohbet-arama-alani > span,
.sohbet-liste-karti.operasyon-karti .sohbet-siralama-alani > span {
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-micro);
}
.sohbet-liste-karti.operasyon-karti .sohbet-arama-alani input,
.sohbet-liste-karti.operasyon-karti .sohbet-siralama-alani select {
    min-height: var(--ui-control-height);
    border-color: var(--ui-color-border-strong);
    border-radius: var(--ui-radius-control);
    color: var(--ui-color-text-strong);
    font-size: var(--ui-font-size-body);
}
.sohbet-liste-karti.operasyon-karti .sohbet-arama-ozeti {
    margin: 0 0 var(--ui-space-3);
}
.sohbet-liste-karti.operasyon-karti .sohbet-listesi {
    gap: var(--ui-space-2);
}
.sohbet-liste-karti.operasyon-karti .sohbet-liste-satiri {
    gap: var(--ui-space-3);
    min-height: 74px;
    padding: 12px 14px;
    border-radius: var(--ui-radius-panel);
    box-shadow: none;
    transition: border-color var(--ui-motion-fast) ease, background var(--ui-motion-fast) ease;
}
.sohbet-liste-karti.operasyon-karti .sohbet-liste-satiri:hover {
    border-color: #a9c8e8;
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
    transform: none;
}
.sohbet-liste-karti.operasyon-karti .sohbet-liste-satiri.okunmamis {
    border-color: #a9cbed;
    background: #f5f9ff;
}
.sohbet-liste-karti.operasyon-karti .sohbet-liste-icerik {
    gap: 6px;
}
.sohbet-liste-karti.operasyon-karti .sohbet-liste-baslik strong {
    font-size: var(--ui-font-size-body-strong);
}
.sohbet-liste-karti.operasyon-karti .sohbet-son-mesaj {
    font-size: var(--ui-font-size-caption);
}
.sohbet-liste-karti.operasyon-karti .sohbet-okunmamis-rozet {
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    font-size: 11px;
}

/* Recovery list: pending work remains dominant; completed history recedes. */
.takip-liste-karti.operasyon-karti .takip-listesi {
    gap: var(--ui-space-3);
}
.takip-liste-karti.operasyon-karti .takip-karti {
    padding: var(--ui-space-4);
    border-radius: var(--ui-radius-panel);
    box-shadow: none;
}
.takip-liste-karti.operasyon-karti .takip-karti-tamamlandi {
    background: #fbfcfe;
    border-color: #e3eaf2;
}
.takip-liste-karti.operasyon-karti .takip-karti-baslik h3 {
    margin-top: 2px;
    font-size: 17px;
}
.takip-liste-karti.operasyon-karti .takip-detaylari {
    gap: 0 18px;
    margin-top: var(--ui-space-3);
}
.takip-liste-karti.operasyon-karti .takip-detaylari > div {
    gap: 3px;
    padding: 9px 0;
    border: 0;
    border-top: 1px solid #e8eef5;
    border-radius: 0;
    background: transparent;
}
.takip-liste-karti.operasyon-karti .takip-detaylari dt {
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-micro);
}
.takip-liste-karti.operasyon-karti .takip-detaylari dd {
    color: var(--ui-color-text-strong);
    font-size: var(--ui-font-size-body);
    font-weight: 650;
}
.takip-liste-karti.operasyon-karti .takip-recovery-formu {
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-4);
    padding: 14px;
    border-color: var(--ui-color-primary-border);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
}
.takip-liste-karti.operasyon-karti .takip-recovery-formu input[type="text"],
.takip-liste-karti.operasyon-karti .takip-tamamlama-formu textarea {
    border-color: var(--ui-color-border-strong);
    border-radius: var(--ui-radius-control);
}
.takip-liste-karti.operasyon-karti .takip-tamamlama-formu {
    margin-top: var(--ui-space-4);
    padding-top: var(--ui-space-4);
    border-top-color: var(--ui-color-border);
}
.takip-liste-karti.operasyon-karti .takip-ekip-bilgi {
    margin-top: var(--ui-space-4);
    padding: 12px 14px;
    border-radius: var(--ui-radius-control);
}

/* Secondary tools hub: compact operational launcher, not a landing page. */
.operasyon-hub-sayfasi {
    place-items: start center;
    padding-top: clamp(24px, 4vw, 48px);
    background: var(--ui-color-canvas);
}
.operasyon-hub-karti {
    width: min(860px, 100%);
    padding: clamp(24px, 3vw, 32px);
    box-shadow: 0 10px 30px rgba(20,48,86,.055);
}
.operasyon-hub-karti .ana-panel-kimlik h1 {
    margin-bottom: 6px;
    font-size: clamp(26px, 2.5vw, 32px);
}
.operasyon-hub-karti .ana-panel-kimlik .temel-etiket {
    margin-bottom: var(--ui-space-2);
    font-size: var(--ui-font-size-micro);
}
.operasyon-hub-karti .personel-durum-paneli {
    margin-top: var(--ui-space-5);
    padding: 14px 16px;
    border-radius: var(--ui-radius-panel);
    box-shadow: none;
}
.operasyon-hub-karti .ana-panel-geri-aksiyonu {
    margin-top: var(--ui-space-4);
}
.operasyon-hub-karti .ana-panel-geri-aksiyonu .ikincil-buton {
    min-height: 36px;
    padding: 7px 11px;
    background: var(--ui-color-surface);
    border: 1px solid var(--ui-color-border);
    color: var(--ui-color-text-muted);
}
.operasyon-hub-karti .ana-aksiyon-kartlari {
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-4);
}
.operasyon-hub-karti .ana-aksiyon-karti {
    min-height: 78px;
    padding: 14px;
    border-radius: var(--ui-radius-panel);
    box-shadow: none;
    transition: border-color var(--ui-motion-fast) ease, background var(--ui-motion-fast) ease;
}
.operasyon-hub-karti .ana-aksiyon-karti:hover {
    border-color: #a9c8e8;
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
    transform: none;
}
.operasyon-hub-karti .ana-aksiyon-birincil {
    border-color: var(--ui-color-primary-border);
    background: #f5f9ff;
}
.operasyon-hub-karti .ana-aksiyon-ikon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-radius: var(--ui-radius-control);
    font-size: 18px;
}
.operasyon-hub-karti .ana-aksiyon-karti strong {
    font-size: var(--ui-font-size-body-strong);
}
.operasyon-hub-karti .ana-aksiyon-karti small {
    font-size: var(--ui-font-size-caption);
}
.operasyon-hub-karti .ana-aksiyon-sayac {
    top: 10px;
    right: 10px;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    font-size: 11px;
}
.operasyon-hub-karti .cikis-formu {
    margin-top: var(--ui-space-5);
    padding-top: var(--ui-space-4);
    border-top: 1px solid var(--ui-color-border);
}

/* Personal QR: one stable workflow with a quieter SMS subsection. */
.operasyon-qr-sayfasi {
    place-items: start center;
    padding-top: clamp(24px, 4vw, 48px);
    background: var(--ui-color-canvas);
}
.operasyon-qr-karti {
    width: min(700px, 100%);
    max-width: 700px;
    padding: clamp(24px, 3vw, 32px);
    box-shadow: 0 10px 30px rgba(20,48,86,.055);
}
.operasyon-qr-karti > .temel-etiket {
    margin-bottom: var(--ui-space-2);
    font-size: var(--ui-font-size-micro);
}
.operasyon-qr-karti > h1 {
    font-size: clamp(26px, 2.5vw, 32px);
}
.operasyon-qr-karti .qr-akis-durumu {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-5);
}
.operasyon-qr-karti .qr-akis-baslik,
.operasyon-qr-karti .qr-operasyon-bilgisi {
    padding: 12px 14px;
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
}
.operasyon-qr-karti .qr-gorsel {
    width: min(270px, 100%);
    margin: var(--ui-space-6) auto var(--ui-space-4);
    padding: 12px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-card);
    box-shadow: 0 8px 24px rgba(20,48,86,.05);
}
.operasyon-qr-karti .qr-paylasim-notu {
    margin: -2px auto var(--ui-space-5);
}
.operasyon-qr-karti .qr-sms-davet {
    gap: var(--ui-space-3);
    margin: var(--ui-space-6) 0 var(--ui-space-4);
    padding: var(--ui-space-6) 0 0;
    border: 0;
    border-top: 1px solid var(--ui-color-border);
    border-radius: 0;
    background: transparent;
}
.operasyon-qr-karti .qr-sms-davet-baslik h2 {
    font-size: var(--ui-font-size-section);
}
.operasyon-qr-karti .qr-sms-davet-alan input,
.operasyon-qr-karti .qr-sms-davet-alan select {
    min-height: var(--ui-control-height);
    border-color: var(--ui-color-border-strong);
    border-radius: var(--ui-radius-control);
}
.operasyon-qr-karti .qr-sms-davet-onizleme p {
    min-height: 60px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.operasyon-qr-karti .qr-profil-ozeti {
    padding-top: var(--ui-space-4);
    border-top: 1px solid var(--ui-color-border);
    color: var(--ui-color-text-muted);
}

@media (max-width: 760px) {
    .operasyon-karti .sayfa-basligi {
        align-items: stretch;
        flex-direction: column;
        gap: var(--ui-space-3);
    }
    .operasyon-karti .sayfa-basligi > .ikincil-link-buton,
    .operasyon-karti .sohbet-liste-ust-aksiyonlar {
        width: 100%;
    }
    .operasyon-karti .sayfa-basligi > .ikincil-link-buton,
    .operasyon-karti .sohbet-liste-ust-aksiyonlar .ikincil-link-buton {
        flex: 1;
    }
    .sohbet-liste-karti.operasyon-karti .sohbet-arama-formu {
        grid-template-columns: 1fr 1fr;
    }
    .operasyon-qr-karti .qr-akis-durumu {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .operasyon-sayfasi,
    .operasyon-hub-sayfasi,
    .operasyon-qr-sayfasi {
        padding: 12px;
    }
    .operasyon-karti,
    .operasyon-hub-karti,
    .operasyon-qr-karti {
        padding: 20px 16px;
    }
    .operasyon-karti .talep-ozetleri,
    .sohbet-liste-karti.operasyon-karti .sohbet-ozetleri {
        grid-template-columns: 1fr;
    }
    .operasyon-karti .talep-satiri {
        grid-template-columns: auto minmax(0,1fr);
        align-items: start;
    }
    .operasyon-karti .talep-satiri .talep-ok {
        display: none;
    }
    .sohbet-liste-karti.operasyon-karti .sohbet-arama-formu {
        grid-template-columns: 1fr;
    }
    .takip-liste-karti.operasyon-karti .takip-detaylari {
        grid-template-columns: 1fr;
    }
    .operasyon-hub-karti .ana-aksiyon-kartlari {
        grid-template-columns: 1fr;
    }
}

/* UIUX-MANAGEMENT-SURFACES-001 — management density and hierarchy */
.yonetim-surface-karti {
    width: min(1240px, calc(100% - 32px));
    padding: var(--ui-space-6);
    border-radius: var(--ui-radius-card);
    box-shadow: 0 10px 30px rgba(20, 48, 86, .055);
}
.yonetim-surface-karti > .yonetim-ust {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--ui-space-6);
    margin-bottom: var(--ui-space-4);
    padding-bottom: var(--ui-space-4);
    border-bottom: 1px solid var(--ui-color-border);
}
.yonetim-surface-karti .yonetim-baslik .temel-etiket {
    margin-bottom: var(--ui-space-2);
    padding: 4px 8px;
    font-size: var(--ui-font-size-micro);
}
.yonetim-surface-karti .yonetim-baslik h1 {
    margin-bottom: var(--ui-space-2);
    font-size: clamp(27px, 2.6vw, 34px);
}
.yonetim-surface-karti .yonetim-baslik > p {
    max-width: 680px;
    color: var(--ui-color-text-muted);
    font-size: 13px;
    line-height: 1.5;
}
.yonetim-surface-karti .yonetim-ust-aksiyonlar {
    max-width: 500px;
    justify-content: flex-end;
    gap: 6px;
}
.yonetim-surface-karti .yonetim-ust-aksiyonlar .ikincil-buton {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--ui-color-border);
    border-radius: 9px;
    background: var(--ui-color-surface);
    color: #49647f;
    font-size: 11px;
    font-weight: 750;
    box-shadow: none;
    transform: none;
}
.yonetim-surface-karti .yonetim-ust-aksiyonlar .ikincil-buton:hover,
.yonetim-surface-karti .yonetim-ust-aksiyonlar .ikincil-buton:focus-visible {
    border-color: #a8c7e7;
    background: var(--ui-color-surface-subtle);
    color: var(--ui-color-primary);
    transform: none;
}
.yonetim-surface-karti .yonetim-bilgi-notu {
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: #f8fafc;
    color: #5f7288;
    font-size: 12px;
    line-height: 1.5;
}

/* Operasyon izleme: table-first hierarchy. */
.yonetim-dashboard.yonetim-surface-karti {
    padding: var(--ui-space-6);
}
.yonetim-dashboard.yonetim-surface-karti .yonetim-dashboard-ust {
    margin-bottom: var(--ui-space-3);
}
.yonetim-dashboard .yonetim-kapsam-satiri {
    margin-top: var(--ui-space-2);
}
.yonetim-dashboard .yonetim-kapsam-rozeti,
.yonetim-dashboard .yonetim-mod-rozeti,
.yonetim-dashboard .yonetim-adet-rozeti {
    min-height: 26px;
    padding: 5px 9px;
    font-size: 10px;
}
.yonetim-dashboard .yonetim-kpi-seridi {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet {
    min-height: 74px;
    padding: 10px 12px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
    transform: none;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet:hover {
    border-color: var(--ui-color-border);
    background: var(--ui-color-surface-subtle);
    transform: none;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet strong {
    margin-top: 3px;
    font-size: 23px;
}
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet-etiket,
.yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet > span:last-child {
    font-size: 10px;
}
.yonetim-dashboard .yonetim-bolum {
    margin-top: var(--ui-space-5);
}
.yonetim-dashboard .yonetim-bolum + .yonetim-bolum {
    padding-top: var(--ui-space-5);
}
.yonetim-dashboard .yonetim-bolum-baslik h2 {
    font-size: 18px;
}
.yonetim-dashboard .yonetim-bolum-baslik p {
    font-size: 12px;
}
.yonetim-dashboard .yonetim-bolum-baslik .temel-etiket {
    font-size: 10px;
}
.yonetim-dashboard .yonetim-tablo-kapsayici {
    border-radius: var(--ui-radius-control);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}
.yonetim-dashboard .yonetim-ekip-tablosu th,
.yonetim-dashboard .yonetim-ekip-tablosu td {
    padding: 10px 11px;
}
.yonetim-dashboard .yonetim-ekip-tablosu th {
    color: #65778e;
    font-size: 10px;
    letter-spacing: .045em;
}
.yonetim-dashboard .yonetim-ekip-tablosu td {
    font-size: 13px;
}
.yonetim-dashboard .yonetim-personel-hucresi strong {
    font-size: 13px;
}
.yonetim-dashboard .yonetim-personel-hucresi small,
.yonetim-dashboard .yonetim-sohbet-sayaclari small {
    font-size: 10px;
}
.yonetim-dashboard .yonetim-rozet {
    min-height: 24px;
    padding: 4px 8px;
    font-size: 10px;
}
.yonetim-dashboard .yonetim-ekip-satiri.kritik {
    box-shadow: inset 3px 0 0 #d96868;
}
.yonetim-dashboard .yonetim-ekip-satiri.uyari {
    box-shadow: inset 3px 0 0 #d9aa45;
}
.yonetim-dashboard .yonetim-incele-linki {
    min-height: 30px;
    font-size: 11px;
    transform: none;
}
.yonetim-dashboard .yonetim-incele-linki:hover,
.yonetim-dashboard .yonetim-incele-linki:focus-visible {
    transform: none;
}
.yonetim-dashboard .yonetim-bekleyen-satir {
    min-height: 56px;
    padding: 9px 11px;
    border-radius: var(--ui-radius-control);
    box-shadow: none;
    transform: none;
}
.yonetim-dashboard .yonetim-bekleyen-satir:hover,
.yonetim-dashboard .yonetim-bekleyen-satir:focus-visible {
    box-shadow: none;
    transform: none;
}
.yonetim-bekleyen-kimlik strong {
    font-size: 13px;
}
.yonetim-dashboard .yonetim-bekleyen-kimlik span {
    font-size: 11px;
}
.yonetim-bekleme-metni {
    font-size: 11px !important;
}

/* Sohbet inceleme: filters support the list instead of becoming a second panel. */
.yonetim-sohbet-liste-karti.yonetim-surface-karti {
    width: min(1180px, calc(100% - 32px));
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-filtreleri {
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 210px) auto;
    gap: 8px;
    margin: var(--ui-space-4) 0 var(--ui-space-3);
    padding: 10px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-filtreleri label {
    gap: 5px;
    font-size: 10px;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-filtreleri select {
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: 13px;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-listesi {
    gap: 6px;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-satiri {
    grid-template-columns: minmax(190px, .8fr) minmax(250px, 1.5fr) auto;
    gap: 14px;
    padding: 11px 13px;
    border-radius: var(--ui-radius-control);
    box-shadow: none;
    transform: none;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-satiri:hover,
.yonetim-sohbet-liste-karti .yonetim-sohbet-satiri:focus-visible {
    border-color: #a6c6e7;
    background: var(--ui-color-surface-subtle);
    box-shadow: none;
    outline: none;
    transform: none;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-kimler strong {
    font-size: 13px;
}
.yonetim-sohbet-liste-karti .yonetim-sohbet-kimler span,
.yonetim-sohbet-liste-karti .yonetim-sohbet-son-mesaj,
.yonetim-sohbet-liste-karti .yonetim-sohbet-meta time {
    font-size: 11px;
}

/* Yetki yönetimi: security semantics remain explicit while controls scan faster. */
.yetki-yonetimi-karti.yonetim-surface-karti {
    width: min(1120px, calc(100% - 32px));
}
.yetki-yonetimi-karti .yetki-personel-secici {
    margin: var(--ui-space-4) 0;
    padding: 10px 12px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.yetki-yonetimi-karti .yetki-personel-secici label {
    gap: 5px;
    font-size: 11px;
}
.yetki-yonetimi-karti .yetki-personel-secici select,
.yetki-yonetimi-karti .yetki-alani select {
    min-height: 40px;
    border-radius: 9px;
}
.yetki-yonetimi-karti .yetki-formu {
    gap: 0;
}
.yetki-yonetimi-karti .yetki-personel-ozeti {
    gap: 8px;
    margin-bottom: var(--ui-space-4);
}
.yetki-yonetimi-karti .yetki-personel-ozeti > div {
    min-height: 66px;
    padding: 11px 13px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.yetki-yonetimi-karti .yetki-paneli {
    gap: 12px;
    padding: var(--ui-space-5) 0;
    border: 0;
    border-top: 1px solid var(--ui-color-border);
    border-radius: 0;
    background: transparent;
}
.yetki-yonetimi-karti .yetki-panel-baslik {
    align-items: flex-start;
}
.yetki-yonetimi-karti .yetki-panel-baslik .temel-etiket {
    margin-bottom: 5px;
    padding: 4px 8px;
    font-size: 10px;
}
.yetki-yonetimi-karti .yetki-panel-baslik h2 {
    font-size: 18px;
}
.yetki-yonetimi-karti .yetki-panel-baslik p {
    font-size: 12px;
    line-height: 1.5;
}
.yetki-yonetimi-karti .yetki-checkbox-grid {
    gap: 8px;
}
.yetki-yonetimi-karti .yetki-checkbox-grid label,
.yetki-yonetimi-karti .yetki-tek-checkbox {
    gap: 10px;
    min-height: 72px;
    padding: 11px 12px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    transition: border-color var(--ui-motion-normal) ease-out, background var(--ui-motion-normal) ease-out;
}
.yetki-yonetimi-karti .yetki-checkbox-grid label:hover,
.yetki-yonetimi-karti .yetki-tek-checkbox:hover {
    border-color: #b7cee5;
    background: #f7fbff;
}
.yetki-yonetimi-karti .yetki-checkbox-grid input,
.yetki-yonetimi-karti .yetki-tek-checkbox input {
    width: 18px;
    height: 18px;
    accent-color: var(--ui-color-primary);
}
.yetki-yonetimi-karti .yetki-checkbox-grid strong,
.yetki-yonetimi-karti .yetki-tek-checkbox strong {
    color: var(--ui-color-text-strong);
    font-size: 13px;
}
.yetki-yonetimi-karti .yetki-checkbox-grid small,
.yetki-yonetimi-karti .yetki-tek-checkbox small {
    color: var(--ui-color-text-muted);
    font-size: 11px;
}
.yetki-yonetimi-karti .yetki-durum-notu,
.yetki-yonetimi-karti .yetki-uyari {
    padding: 10px 12px;
    border-radius: var(--ui-radius-control);
    font-size: 12px;
}
.yetki-yonetimi-karti .yetki-form-aksiyonlari {
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin: 0 -4px -4px;
    padding: 12px 4px 4px;
    border-top: 1px solid var(--ui-color-border);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .94), #fff 34%);
}

/* Ekip QR: keep state + share workflow together, reduce nested card weight. */
.birim-qr-karti.yonetim-surface-karti {
    width: min(1180px, calc(100% - 32px));
    max-width: none;
}
.birim-qr-karti .birim-qr-ozet {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: var(--ui-space-4) 0;
    overflow: hidden;
    border: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.birim-qr-karti .birim-qr-ozet > div {
    min-width: 0;
    padding: 10px 13px;
    border: 0;
    border-right: 1px solid var(--ui-color-border);
    border-radius: 0;
    background: transparent;
}
.birim-qr-karti .birim-qr-ozet > div:last-child {
    border-right: 0;
}
.birim-qr-karti .birim-qr-ozet strong {
    font-size: 20px;
}
.birim-qr-karti .birim-qr-bolum {
    margin-top: var(--ui-space-4);
    padding: 0;
    border: 0;
    border-top: 1px solid var(--ui-color-border);
    border-radius: 0;
    background: transparent;
}
.birim-qr-karti .birim-qr-bolum-baslik {
    margin: 0 0 var(--ui-space-3);
    padding-top: var(--ui-space-5);
}
.birim-qr-karti .birim-qr-panel {
    padding: 13px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.birim-qr-karti .birim-qr-paylasim-grid {
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 12px;
}
.birim-qr-karti .birim-qr-gorsel-panel {
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.birim-qr-karti .birim-qr-gorsel {
    width: 170px;
}
.birim-qr-karti .birim-qr-personel-toolbar {
    gap: 8px;
}
.birim-qr-karti .birim-qr-personel-listesi {
    gap: 6px;
    max-height: 320px;
}
.birim-qr-karti .birim-qr-personel {
    min-height: 56px;
    padding: 8px 10px;
    border-radius: 9px;
}
.birim-qr-karti .birim-qr-personel strong {
    font-size: 13px;
}
.birim-qr-karti .birim-qr-personel small {
    font-size: 11px;
}
.birim-qr-karti .birim-qr-gecmis {
    color: var(--ui-color-text-muted);
}

/* SMS templates: list/editor relationship is primary; history is secondary. */
.sms-sablon-karti.yonetim-surface-karti {
    width: min(1220px, calc(100% - 32px));
    max-width: none;
}
.sms-sablon-karti .sms-sablon-ozet {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: var(--ui-space-4) 0;
    overflow: hidden;
    border: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.sms-sablon-karti .sms-sablon-ozet > div {
    padding: 10px 13px;
    border: 0;
    border-right: 1px solid var(--ui-color-border);
    border-radius: 0;
    background: transparent;
}
.sms-sablon-karti .sms-sablon-ozet > div:last-child {
    border-right: 0;
}
.sms-sablon-karti .sms-sablon-ozet strong {
    font-size: 20px;
}
.sms-sablon-karti .sms-sablon-layout {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
    gap: 12px;
}
.sms-sablon-karti .sms-sablon-listesi,
.sms-sablon-karti .sms-sablon-detay {
    border-radius: var(--ui-radius-control);
    box-shadow: none;
}
.sms-sablon-karti .sms-sablon-listesi-baslik {
    gap: 8px;
    padding: 11px 12px;
}
.sms-sablon-karti .sms-sablon-satiri {
    gap: 8px;
    padding: 9px 11px;
}
.sms-sablon-karti .sms-sablon-satiri strong {
    font-size: 13px;
}
.sms-sablon-karti .sms-sablon-satiri small {
    font-size: 11px;
}
.sms-sablon-karti .sms-sablon-detay {
    padding: 15px;
}
.sms-sablon-karti .sms-sablon-detay-baslik {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ui-color-border);
}
.sms-sablon-karti .sms-sablon-form {
    gap: 10px;
}
.sms-sablon-karti .sms-sablon-form input,
.sms-sablon-karti .sms-sablon-form select {
    min-height: 40px;
}
.sms-sablon-karti .sms-sablon-form textarea {
    min-height: 112px;
    max-height: 320px;
}
.sms-sablon-karti .sms-sablon-surum-form {
    padding: 12px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
}
.sms-sablon-karti .sms-sablon-gecmis-grid {
    gap: 12px;
    margin-top: var(--ui-space-4);
}
.sms-sablon-karti .sms-sablon-gecmis-listesi article,
.sms-sablon-karti .sms-sablon-hareket-listesi > div {
    padding: 8px 10px;
    border-radius: 9px;
    background: var(--ui-color-surface-subtle);
}

@media (max-width: 1000px) {
    .yonetim-surface-karti > .yonetim-ust {
        grid-template-columns: 1fr;
    }
    .yonetim-surface-karti .yonetim-ust-aksiyonlar {
        max-width: none;
        justify-content: flex-start;
    }
    .yonetim-dashboard .yonetim-kpi-seridi {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .yonetim-surface-karti,
    .yonetim-dashboard.yonetim-surface-karti,
    .yonetim-sohbet-liste-karti.yonetim-surface-karti,
    .yetki-yonetimi-karti.yonetim-surface-karti,
    .birim-qr-karti.yonetim-surface-karti,
    .sms-sablon-karti.yonetim-surface-karti {
        width: min(100% - 20px, 1240px);
        padding: var(--ui-space-5);
    }
    .yonetim-surface-karti .yonetim-ust-aksiyonlar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    .yonetim-surface-karti .yonetim-ust-aksiyonlar .ikincil-buton {
        width: 100%;
    }
    .yetki-yonetimi-karti .yetki-checkbox-grid,
    .yetki-yonetimi-karti .yetki-personel-ozeti,
    .birim-qr-karti .birim-qr-ozet,
    .sms-sablon-karti .sms-sablon-ozet {
        grid-template-columns: 1fr;
    }
    .birim-qr-karti .birim-qr-ozet > div,
    .sms-sablon-karti .sms-sablon-ozet > div {
        border-right: 0;
        border-bottom: 1px solid var(--ui-color-border);
    }
    .birim-qr-karti .birim-qr-ozet > div:last-child,
    .sms-sablon-karti .sms-sablon-ozet > div:last-child {
        border-bottom: 0;
    }
    .birim-qr-karti .birim-qr-paylasim-grid,
    .sms-sablon-karti .sms-sablon-layout,
    .sms-sablon-karti .sms-sablon-gecmis-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 520px) {
    .yonetim-surface-karti,
    .yonetim-dashboard.yonetim-surface-karti,
    .yonetim-sohbet-liste-karti.yonetim-surface-karti,
    .yetki-yonetimi-karti.yonetim-surface-karti,
    .birim-qr-karti.yonetim-surface-karti,
    .sms-sablon-karti.yonetim-surface-karti {
        width: 100%;
        padding: 16px 14px;
    }
    .yonetim-surface-karti .yonetim-ust-aksiyonlar {
        grid-template-columns: 1fr;
    }
    .yonetim-dashboard .yonetim-kpi-seridi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .yonetim-dashboard .yonetim-kpi-seridi .yonetim-ozet:last-child {
        grid-column: 1 / -1;
    }
    .yetki-yonetimi-karti .yetki-form-aksiyonlari .birincil-buton {
        width: 100%;
    }
}

/* UIUX-CUSTOMER-SURFACES-001 — customer-facing visual refinement */
.musteri-public-body {
    min-width: 0;
    background: var(--ui-color-canvas);
    color: var(--ui-color-text);
}
.musteri-public-sayfasi {
    min-height: 100svh;
    min-height: 100dvh;
    padding: clamp(16px, 4vw, 32px);
    background:
        radial-gradient(circle at 50% 0%, rgba(233, 242, 255, .82), transparent 48%),
        var(--ui-color-canvas);
}
.uiux-customer-surface.musteri-public-karti {
    width: min(520px, 100%);
    padding: clamp(24px, 4vw, 32px);
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-card);
    background: var(--ui-color-surface);
    box-shadow: var(--ui-shadow-card);
}
.uiux-customer-surface .musteri-public-baslik {
    gap: var(--ui-space-2);
    text-align: left;
}
.uiux-customer-surface .musteri-public-baslik h1 {
    margin: 0;
    color: var(--ui-color-text);
    font-size: clamp(26px, 5vw, 32px);
    line-height: 1.14;
    letter-spacing: -.018em;
}
.uiux-customer-surface .musteri-public-meta,
.uiux-customer-surface .musteri-public-aciklama {
    color: var(--ui-color-text-muted);
    font-size: 13px;
    line-height: 1.55;
}
.uiux-customer-surface .musteri-akis-rozet {
    width: fit-content;
    margin-bottom: var(--ui-space-1);
    border-radius: var(--ui-radius-pill);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
    font-size: var(--ui-font-size-micro);
    font-weight: 800;
    letter-spacing: .055em;
}
.uiux-customer-surface .musteri-public-bildirim {
    margin-top: var(--ui-space-4);
    border-radius: var(--ui-radius-control);
    font-size: var(--ui-font-size-caption);
    line-height: 1.45;
}
.uiux-customer-entry .musteri-giris-formu,
.uiux-customer-otp .musteri-otp-formu {
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-5);
}
.uiux-customer-entry .musteri-alan,
.uiux-customer-otp .musteri-alan {
    gap: 6px;
}
.uiux-customer-entry .musteri-alan > span,
.uiux-customer-otp .musteri-alan > span {
    color: var(--ui-color-text-strong);
    font-size: 13px;
    font-weight: 700;
}
.uiux-customer-entry .musteri-formu input,
.uiux-customer-entry .musteri-formu textarea,
.uiux-customer-otp .musteri-formu input {
    border-color: var(--ui-color-border-strong);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface);
}
.uiux-customer-entry .musteri-formu textarea {
    min-height: 84px;
}
.uiux-customer-entry .musteri-onaylar {
    gap: 10px;
    padding: 12px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface-subtle);
}
.uiux-customer-entry .onay-kutusu label {
    color: var(--ui-color-text-muted);
    font-size: 12px;
    line-height: 1.5;
}
.uiux-customer-entry .musteri-hukuki-not {
    margin-top: -2px;
    color: var(--ui-color-text-soft) !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}
.uiux-customer-entry .musteri-birincil-aksiyon,
.uiux-customer-otp .musteri-birincil-aksiyon,
.uiux-customer-result .musteri-sonuc-aksiyon {
    min-height: 44px;
    border-radius: var(--ui-radius-control);
}
.uiux-customer-entry .musteri-form-yardim,
.uiux-customer-otp .musteri-form-yardim {
    color: var(--ui-color-text-soft);
    font-size: 11px;
}

/* OTP: one clear verification task, with timer and retry remaining secondary. */
.uiux-customer-otp.musteri-public-karti {
    width: min(480px, 100%);
}
.uiux-customer-otp .musteri-otp-sure-paneli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-5);
    padding: 11px 13px;
    border-color: var(--ui-color-primary-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    text-align: left;
}
.uiux-customer-otp .musteri-otp-sure-paneli > span {
    max-width: 200px;
    color: var(--ui-color-text-muted);
    font-size: 11px;
    line-height: 1.35;
}
.uiux-customer-otp .otp-sure {
    color: var(--ui-color-primary);
    font-size: 24px;
    line-height: 1;
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
}
.uiux-customer-otp .musteri-otp-deneme {
    margin: 8px 0 0 !important;
    color: var(--ui-color-text-soft) !important;
    font-size: 11px;
    text-align: left;
}
.uiux-customer-otp .musteri-otp-kod-alani {
    text-align: left;
}
.uiux-customer-otp .musteri-formu .musteri-otp-kod-input {
    min-height: 58px;
    padding-inline: 12px 5px;
    font-size: clamp(22px, 8vw, 28px);
    font-weight: 700;
    letter-spacing: .24em;
    text-align: center;
}
.uiux-customer-otp .musteri-otp-aksiyonlar {
    margin-top: var(--ui-space-3);
}
.uiux-customer-otp .musteri-otp-aksiyonlar form,
.uiux-customer-otp .musteri-ikincil-aksiyon {
    width: 100%;
}
.uiux-customer-otp .musteri-ikincil-aksiyon {
    min-height: 42px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface);
    color: var(--ui-color-primary);
}

/* Request result: keep all lifecycle states on one stable visual skeleton. */
.uiux-customer-result.musteri-public-karti {
    width: min(500px, 100%);
    gap: var(--ui-space-3);
    text-align: center;
}
.uiux-customer-result .musteri-sonuc-ikonu {
    width: 48px;
    height: 48px;
    margin-bottom: var(--ui-space-1);
    border-radius: var(--ui-radius-panel);
}
.uiux-customer-result h1 {
    margin: 0;
    font-size: clamp(25px, 5vw, 31px);
    line-height: 1.16;
}
.uiux-customer-result > p {
    max-width: 410px;
    color: var(--ui-color-text-muted);
    font-size: 13px;
    line-height: 1.55;
}
.uiux-customer-result .musteri-public-bilgi {
    margin-top: var(--ui-space-1);
    padding: 12px 13px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-surface-subtle);
    color: var(--ui-color-text-muted);
    font-size: 12px;
    line-height: 1.5;
}
.uiux-customer-result .musteri-bekleme-durumu {
    margin-top: var(--ui-space-1);
    border-radius: var(--ui-radius-control);
}
.uiux-customer-result .musteri-sonuc-aksiyon {
    width: min(280px, 100%);
    margin-top: var(--ui-space-2);
}
.uiux-customer-result .musteri-sonuc-not {
    max-width: 410px;
    color: var(--ui-color-text-soft) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

/* Customer chat: visual hierarchy only; polling/read/presence/upload semantics stay untouched. */
.musteri-sohbet-body {
    min-width: 0;
    overflow: hidden;
    background: var(--ui-color-canvas-deep);
}
.musteri-sohbet-sayfasi {
    min-height: 100svh;
    min-height: 100dvh;
    padding: 16px;
    background:
        radial-gradient(circle at 50% 0%, rgba(233, 242, 255, .78), transparent 48%),
        var(--ui-color-canvas-deep);
}
.uiux-customer-chat.musteri-sohbet-karti {
    width: min(780px, 100%);
    height: min(880px, calc(100svh - 32px));
    height: min(880px, calc(100dvh - 32px));
    min-height: 520px;
    border-color: var(--ui-color-border);
    border-radius: var(--ui-radius-card);
    background: var(--ui-color-surface);
    box-shadow: var(--ui-shadow-card);
}
.uiux-customer-chat .musteri-sohbet-ust {
    gap: var(--ui-space-3);
    padding: 13px 15px;
    border-bottom-color: var(--ui-color-border);
}
.uiux-customer-chat .musteri-sohbet-avatar {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: var(--ui-radius-control);
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
}
.uiux-customer-chat .musteri-sohbet-marka {
    color: var(--ui-color-text-soft);
    font-size: 10px;
    letter-spacing: .05em;
}
.uiux-customer-chat .musteri-sohbet-ust h1 {
    color: var(--ui-color-text);
    font-size: 17px;
}
.uiux-customer-chat .musteri-sohbet-ust p {
    color: var(--ui-color-text-muted);
    font-size: 11px;
}
.uiux-customer-chat .musteri-sohbet-durum {
    min-height: 28px;
    padding: 5px 9px;
    font-size: 10px;
}
.uiux-customer-chat .musteri-sohbet-guvenlik-notu {
    padding: 7px 15px;
    border-bottom-color: var(--ui-color-border);
    background: var(--ui-color-surface-subtle);
    color: var(--ui-color-text-soft);
    font-size: 10px;
}
.uiux-customer-chat .musteri-sohbet-bildirim,
.uiux-customer-chat > .sohbet-canli-durum {
    border-radius: var(--ui-radius-control);
    font-size: 11px;
}
.uiux-customer-chat > .sohbet-yaziyor {
    color: var(--ui-color-text-soft);
    font-size: 11px;
}
.uiux-customer-chat .eski-mesajlar-buton {
    min-height: 32px;
    border-radius: var(--ui-radius-pill);
    font-size: 10px;
}
.uiux-customer-chat .musteri-mesaj-akisi {
    padding: 14px 14px 18px;
    gap: 8px;
    background: #f7f9fc;
}
.uiux-customer-chat .mesaj-balonu {
    max-width: min(78%, 560px);
    padding: 9px 11px;
    border-radius: var(--ui-radius-panel);
}
.uiux-customer-chat .mesaj-musteri-kendi {
    border-bottom-right-radius: 5px;
    background: var(--ui-color-primary-soft);
}
.uiux-customer-chat .mesaj-personel-karsi {
    border-color: var(--ui-color-border);
    border-bottom-left-radius: 5px;
    background: var(--ui-color-surface);
}
.uiux-customer-chat .mesaj-metni {
    overflow-wrap: anywhere;
    word-break: normal;
    color: #25394f;
    font-size: 13px;
    line-height: 1.5;
}
.uiux-customer-chat .mesaj-balonu footer {
    color: var(--ui-color-text-soft);
    font-size: 10px;
}
.uiux-customer-chat .mesaj-ek-resim span strong,
.uiux-customer-chat .mesaj-ek-video > a strong,
.uiux-customer-chat .mesaj-ek-karti strong,
.uiux-customer-chat .secilen-dosya strong {
    overflow-wrap: anywhere;
}
.uiux-customer-chat .musteri-sohbet-bos-durum strong {
    color: var(--ui-color-text-strong);
    font-size: 14px;
}
.uiux-customer-chat .musteri-sohbet-bos-durum p {
    color: var(--ui-color-text-muted);
    font-size: 12px;
}
.uiux-customer-chat > .yeni-mesajlar-buton {
    min-height: 32px;
    border-radius: var(--ui-radius-pill);
    background: var(--ui-color-primary);
    color: #fff;
    font-size: 10px;
}
.uiux-customer-chat .mesaj-composer-musteri {
    padding: 9px 11px calc(9px + env(safe-area-inset-bottom));
    border-top-color: var(--ui-color-border);
    background: var(--ui-color-surface);
}
.uiux-customer-chat .musteri-mesaj-composer-kabuk {
    gap: 5px;
    padding: 6px;
    border-color: var(--ui-color-border-strong);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface);
    transition: border-color var(--ui-motion-normal) ease-out, box-shadow var(--ui-motion-normal) ease-out;
}
.uiux-customer-chat .musteri-mesaj-composer-kabuk:focus-within {
    border-color: var(--ui-focus-color);
    box-shadow: var(--ui-focus-ring);
}
.uiux-customer-chat .mesaj-composer-musteri textarea {
    min-height: 46px;
    padding: 7px 8px 3px;
    color: var(--ui-color-text-strong);
    font-size: 14px;
    line-height: 1.5;
}
.uiux-customer-chat .musteri-mesaj-composer-ipucu {
    color: var(--ui-color-text-soft);
    font-size: 10px;
}
.uiux-customer-chat .musteri-mesaj-composer-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: var(--ui-radius-control);
}
.uiux-customer-chat .musteri-mesaj-composer-dosya {
    color: var(--ui-color-text-muted);
}
.uiux-customer-chat .musteri-mesaj-composer-dosya:hover {
    background: var(--ui-color-surface-muted);
    color: var(--ui-color-primary);
}
.uiux-customer-chat .musteri-mesaj-composer-gonder {
    background: var(--ui-color-primary);
}
.uiux-customer-chat .musteri-mesaj-composer-gonder:hover {
    background: var(--ui-color-primary-hover);
}
.uiux-customer-chat .musteri-sohbet-kapali-notu {
    border-top-color: var(--ui-color-border);
    background: var(--ui-color-surface-subtle);
    color: var(--ui-color-text-muted);
    font-size: 11px;
}
.uiux-customer-chat .musteri-sohbet-kapali-notu strong {
    color: var(--ui-color-text-strong);
    font-size: 12px;
}

@media (max-width: 620px) {
    .musteri-public-sayfasi {
        place-items: start center;
        padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));
    }
    .uiux-customer-surface.musteri-public-karti {
        width: 100%;
        padding: 22px 18px;
        border-radius: var(--ui-radius-card);
        box-shadow: 0 10px 28px rgba(20, 48, 86, .06);
    }
    .uiux-customer-surface .musteri-public-baslik h1 {
        font-size: clamp(24px, 8vw, 29px);
    }
    .uiux-customer-entry .musteri-birincil-aksiyon,
    .uiux-customer-otp .musteri-birincil-aksiyon,
    .uiux-customer-result .musteri-sonuc-aksiyon {
        min-height: 46px;
        width: 100%;
    }
    .uiux-customer-otp .musteri-otp-sure-paneli {
        margin-top: 18px;
    }

    .musteri-sohbet-sayfasi {
        display: block;
        min-height: 100svh;
        min-height: 100dvh;
        padding: 0;
        background: var(--ui-color-surface);
    }
    .uiux-customer-chat.musteri-sohbet-karti {
        width: 100%;
        height: 100svh;
        height: 100dvh;
        min-height: 100svh;
        min-height: 100dvh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .uiux-customer-chat .musteri-sohbet-ust {
        padding: calc(10px + env(safe-area-inset-top)) 11px 10px;
    }
    .uiux-customer-chat .musteri-sohbet-avatar {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
    .uiux-customer-chat .musteri-sohbet-ust h1 {
        font-size: 15px;
    }
    .uiux-customer-chat .musteri-sohbet-ust p,
    .uiux-customer-chat .musteri-sohbet-guvenlik-notu {
        font-size: 10px;
    }
    .uiux-customer-chat .musteri-mesaj-akisi {
        padding: 11px 9px 15px;
    }
    .uiux-customer-chat .mesaj-balonu {
        max-width: 88%;
        padding: 8px 10px;
    }
    .uiux-customer-chat .mesaj-metni {
        font-size: 14px;
    }
    .uiux-customer-chat .mesaj-composer-musteri {
        padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    }
    .uiux-customer-chat .mesaj-composer-musteri textarea {
        min-height: 44px;
        font-size: 16px;
    }
    .uiux-customer-chat .musteri-mesaj-composer-ipucu {
        display: none;
    }
    .uiux-customer-chat .musteri-mesaj-composer-icon {
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}

@media (max-width: 360px) {
    .uiux-customer-surface.musteri-public-karti {
        padding: 20px 15px;
    }
    .uiux-customer-entry .musteri-onaylar {
        padding: 10px;
    }
    .uiux-customer-otp .musteri-otp-sure-paneli {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
    .uiux-customer-chat .musteri-sohbet-durum {
        padding-inline: 7px;
    }
    .uiux-customer-chat .mesaj-balonu {
        max-width: 91%;
    }
}

/* UIUX-PALETTE-BALANCE-001 — Acamar medium-light operational palette */
:root {
    --ui-color-sidebar: #f7f9fb;
    --ui-color-interactive-hover: #edf3f8;
    --ui-color-selection: #e2effb;
    --ui-color-table-head: #f1f4f7;
    --ui-color-chat-canvas: #f2f5f8;
}

/* White remains the primary content surface; large passive regions move to slate neutrals. */
.workspace-sidebar {
    background: var(--ui-color-sidebar);
}
.workspace-brand,
.workspace-search,
.workspace-sidebar-footer {
    background: var(--ui-color-sidebar);
}
.workspace-presence,
.workspace-search-field,
.workspace-rejected-link {
    background: var(--ui-color-surface-subtle);
}
.workspace-row:hover,
.workspace-accordion > .workspace-section-head:hover {
    background: var(--ui-color-interactive-hover);
}
.workspace-row.is-active,
.workspace-row[aria-current="page"] {
    background: var(--ui-color-selection);
}

/* Operation surfaces: white is reserved for actionable content, passive tools sit one level lower. */
.operasyon-karti .sohbet-arama-formu,
.operasyon-karti .talep-ozet,
.operasyon-karti .talep-filtreleri,
.operasyon-karti .takip-ozet,
.operasyon-karti .qr-akis-baslik,
.operasyon-karti .qr-operasyon-bilgisi,
.operasyon-karti .qr-sms-davet {
    background: var(--ui-color-surface-subtle);
    border-color: var(--ui-color-border);
}
.operasyon-karti .sohbet-liste-satiri,
.operasyon-karti .talep-satiri,
.operasyon-karti .takip-karti {
    border-color: var(--ui-color-border);
    background: var(--ui-color-surface);
}
.operasyon-karti .sohbet-liste-satiri:hover,
.operasyon-karti .talep-satiri:hover {
    background: var(--ui-color-interactive-hover);
}

/* Management: table/form hierarchy gets stronger neutral separation without becoming dark. */
.yonetim-surface-karti .yonetim-tablo,
.yonetim-surface-karti .yonetim-sohbet-satiri,
.yonetim-surface-karti .yetki-paneli,
.yonetim-surface-karti .birim-qr-bolum,
.yonetim-surface-karti .sms-sablon-listesi,
.yonetim-surface-karti .sms-sablon-detay {
    border-color: var(--ui-color-border);
    background: var(--ui-color-surface);
}
.yonetim-surface-karti .yonetim-tablo th {
    background: var(--ui-color-table-head);
    color: var(--ui-color-text-muted);
}
.yonetim-surface-karti .yonetim-sohbet-filtreleri,
.yonetim-surface-karti .yetki-personel-secici,
.yonetim-surface-karti .yetki-checkbox-grid label,
.yonetim-surface-karti .yetki-tek-checkbox,
.yonetim-surface-karti .birim-qr-panel,
.yonetim-surface-karti .sms-sablon-listesi-baslik,
.yonetim-surface-karti .sms-sablon-surum-form,
.yonetim-surface-karti .sms-sablon-gecmis-listesi article,
.yonetim-surface-karti .sms-sablon-hareket-listesi > div {
    border-color: var(--ui-color-border);
    background: var(--ui-color-surface-subtle);
}
.yonetim-surface-karti .sms-sablon-satiri:hover,
.yonetim-surface-karti .sms-sablon-satiri:focus-visible,
.yonetim-surface-karti .yonetim-ekip-satiri:hover {
    background: var(--ui-color-interactive-hover);
}
.yonetim-surface-karti .sms-sablon-satiri.is-selected {
    background: var(--ui-color-selection);
}

/* Customer: keep forms calm and bright while reducing full-viewport brightness. */
.musteri-public-sayfasi {
    background:
        radial-gradient(circle at 50% 0%, rgba(226, 239, 251, .72), transparent 46%),
        var(--ui-color-canvas);
}
.musteri-sohbet-sayfasi {
    background:
        radial-gradient(circle at 50% 0%, rgba(226, 239, 251, .66), transparent 46%),
        var(--ui-color-canvas-deep);
}
.uiux-customer-chat .musteri-mesaj-akisi {
    background: var(--ui-color-chat-canvas);
}
.uiux-customer-chat .mesaj-musteri-kendi {
    background: var(--ui-color-selection);
}
.uiux-customer-chat .mesaj-personel-karsi,
.uiux-customer-chat .mesaj-composer-musteri,
.uiux-customer-chat .musteri-mesaj-composer-kabuk,
.uiux-customer-surface.musteri-public-karti {
    background: var(--ui-color-surface);
}
.uiux-customer-entry .musteri-onaylar,
.uiux-customer-otp .musteri-otp-sure-paneli,
.uiux-customer-result .musteri-public-bilgi,
.uiux-customer-chat .musteri-sohbet-guvenlik-notu,
.uiux-customer-chat .musteri-sohbet-kapali-notu {
    background: var(--ui-color-surface-subtle);
}

@media (max-width: 620px) {
    /* Full-screen mobile chat keeps the structural surface white; the conversation canvas stays neutral. */
    .musteri-sohbet-sayfasi {
        background: var(--ui-color-surface);
    }
}
/* PATCH-INTERCOM-SKF-IS-EMRI-NOTE-001-HOTFIX-002 */
[data-skf-approval-form] [data-skf-is-emri-note] { display: none; }
[data-skf-approval-form] [data-skf-is-emri-note].skf-note-visible { display: grid; }
@supports selector(form:has(input:checked)) {
    [data-skf-approval-form]:not(:has([data-skf-required-control]:not(:checked))) [data-skf-is-emri-note] { display: grid; }
}

/* Customer correction: rejected request fields are highlighted without exposing staff-only audit data. */
.uiux-customer-result .musteri-duzeltme-formu {
    width: 100%;
    margin-top: var(--ui-space-2);
    text-align: left;
}
.uiux-customer-result .musteri-duzeltme-alani.is-hatali input {
    border-color: var(--ui-color-danger-border);
    background: var(--ui-color-danger-soft);
}
.uiux-customer-result .musteri-duzeltme-alani input:disabled {
    opacity: .8;
    background: var(--ui-color-surface-subtle);
}
.uiux-customer-result .musteri-duzeltme-yardim {
    color: var(--ui-color-danger);
    font-size: 11px;
    line-height: 1.4;
}
.uiux-customer-result .musteri-duzeltme-bildirimi {
    text-align: left;
}

/* PATCH-INTERCOM-ADVISOR-INFORMATION-ARCHITECTURE-008 */
.workspace-shell {
    grid-template-rows: 52px minmax(0, 1fr);
}
.workspace-sidebar {
    grid-column: 1;
    grid-row: 1 / span 2;
}
.workspace-topbar {
    position: relative;
    z-index: 24;
    display: flex;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    padding: 0 18px;
    border-bottom: 1px solid var(--ui-color-border);
    background: var(--ui-color-surface);
    box-shadow: 0 3px 12px rgba(20,48,86,.025);
}
.workspace-topbar-nav {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}
.workspace-topbar-menu {
    position: relative;
}
.workspace-topbar-menu > summary {
    list-style: none;
}
.workspace-topbar-menu > summary::-webkit-details-marker {
    display: none;
}
.workspace-topbar-menu-toggle {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-control);
    background: transparent;
    color: var(--ui-color-text-strong);
    font-size: var(--ui-font-size-caption);
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    transition: background var(--ui-motion-fast) ease, border-color var(--ui-motion-fast) ease, color var(--ui-motion-fast) ease;
}
.workspace-topbar-menu-toggle:hover,
.workspace-topbar-menu[open] .workspace-topbar-menu-toggle {
    border-color: var(--ui-color-border);
    background: var(--ui-color-interactive-hover);
    color: var(--ui-color-primary);
}
.workspace-topbar-menu-toggle:focus-visible,
.workspace-topbar-item:focus-visible {
    outline: 2px solid var(--ui-color-primary);
    outline-offset: 2px;
}
.workspace-topbar-menu-icon {
    width: 17px;
    height: 17px;
    fill: currentColor;
}
.workspace-topbar-chevron {
    width: 14px;
    height: 14px;
    fill: currentColor;
    transition: transform var(--ui-motion-fast) ease;
}
.workspace-topbar-menu[open] .workspace-topbar-chevron {
    transform: rotate(180deg);
}
.workspace-topbar-popover {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 30;
    display: grid;
    width: 292px;
    gap: 2px;
    padding: 7px;
    border: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-color-surface);
    box-shadow: 0 18px 50px rgba(28,54,82,.14);
}
.workspace-topbar-item {
    display: grid;
    min-height: 52px;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px;
    border-radius: var(--ui-radius-control);
    color: var(--ui-color-text-strong);
    text-decoration: none;
    transition: background var(--ui-motion-fast) ease, color var(--ui-motion-fast) ease;
}
.workspace-topbar-item:hover {
    background: var(--ui-color-interactive-hover);
    color: var(--ui-color-primary);
}
.workspace-topbar-item > svg {
    width: 17px;
    height: 17px;
    justify-self: center;
    fill: #607a94;
}
.workspace-topbar-item > span {
    display: grid;
    min-width: 0;
    gap: 2px;
}
.workspace-topbar-item strong {
    overflow: hidden;
    color: inherit;
    font-size: var(--ui-font-size-caption);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workspace-topbar-item small {
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-micro);
    line-height: 1.35;
}
.workspace-content,
.workspace-conversation,
.workspace-conversation-placeholder {
    min-width: 0;
    min-height: 0;
    grid-column: 2;
    grid-row: 2;
}
@media (max-height: 720px) and (min-width: 641px) {
    .workspace-shell { grid-template-rows: 46px minmax(0, 1fr); }
    .workspace-topbar { padding-inline: 14px; }
    .workspace-topbar-menu-toggle { min-height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-topbar-menu-toggle,
    .workspace-topbar-chevron,
    .workspace-topbar-item {
        transition: none;
    }
}

/* Ekip Yönetimi consolidation */
.ekip-yonetim-karti { max-width: 1040px; }
.ekip-ozet { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); overflow:hidden; margin:18px 0; }
.ekip-ozet > div { display:grid; gap:2px; padding:12px 14px; background:var(--ui-color-surface-muted); }
.ekip-ozet > div + div { border-left:1px solid var(--ui-color-border); }
.ekip-ozet strong { font-size:18px; color:var(--ui-color-text-strong); }
.ekip-ozet span { color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.ekip-bolum { padding:18px 0; border-top:1px solid var(--ui-color-border); }
.ekip-bolum-baslik { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:14px; }
.ekip-bolum-baslik h2,.ekip-bolum-baslik h3 { margin:6px 0 0; }
.ekip-bolum-baslik p { margin:5px 0 0; color:var(--ui-color-text-soft); }
.ekip-form { display:grid; gap:14px; }
.ekip-form > label,.ekip-qr-olustur-formu > label { display:grid; gap:6px; font-weight:700; }
.ekip-form input[type="text"],.ekip-qr-olustur-formu input,.ekip-qr-olustur-formu select,.ekip-personel-arama input,.ekip-qr-link-satiri input { width:100%; min-height:40px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); padding:8px 10px; background:var(--ui-color-surface); color:var(--ui-color-text-strong); }
.ekip-personel-fieldset { min-width:0; margin:0; padding:0; border:0; }
.ekip-personel-fieldset legend { font-weight:800; margin-bottom:4px; }
.ekip-personel-araclari { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; margin:10px 0; }
.ekip-personel-arama { min-width:0; }
.ekip-secili-filtresi,.ekip-secili-sayisi { font-size:var(--ui-font-size-caption); color:var(--ui-color-text-soft); white-space:nowrap; }
.ekip-personel-listesi { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:360px; overflow:auto; padding:2px; }
.ekip-personel { display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; align-items:start; padding:10px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); cursor:pointer; }
.ekip-personel:hover:not(.is-selected) { border-color:var(--ui-color-border-strong); background:var(--ui-color-surface-subtle); }
.ekip-personel.is-selected { border-color:var(--ui-color-primary); background:var(--ui-color-primary-soft); }
.ekip-personel:focus-within { outline:2px solid var(--ui-color-primary-border); outline-offset:1px; }
.ekip-personel span { display:grid; gap:3px; min-width:0; }
.ekip-personel small { color:var(--ui-color-text-soft); line-height:1.35; }
.ekip-personel-bos { padding:16px; color:var(--ui-color-text-soft); text-align:center; }
.ekip-kart-listesi { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ekip-karti { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:13px 14px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); color:var(--ui-color-text-strong); text-decoration:none; background:var(--ui-color-surface); }
.ekip-karti:hover,.ekip-karti.is-selected { border-color:var(--ui-color-primary); box-shadow:0 8px 22px rgba(28,54,82,.08); }
.ekip-karti.is-inactive { opacity:.72; }
.ekip-karti-ana { display:grid; gap:4px; min-width:0; }
.ekip-karti-ana small { color:var(--ui-color-text-soft); }
.ekip-detay { margin-top:4px; }
.ekip-lifecycle { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.ekip-qr-paneli { margin-top:22px; padding-top:18px; border-top:1px solid var(--ui-color-border); }
.ekip-qr-olustur-formu { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:10px; align-items:end; padding:12px; background:var(--ui-color-surface-muted); border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); }
.ekip-qr-listesi { display:grid; gap:10px; margin-top:12px; }
.ekip-qr-karti { padding:13px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); background:var(--ui-color-surface); }
.ekip-qr-karti.is-inactive { opacity:.8; }
.ekip-qr-karti-baslik { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.ekip-qr-karti-baslik > div { display:grid; gap:4px; }
.ekip-qr-karti-baslik small { color:var(--ui-color-text-soft); }
.ekip-qr-link-satiri { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; margin-top:10px; }
@media (max-width: 760px) {
    .ekip-ozet,.ekip-kart-listesi,.ekip-personel-listesi { grid-template-columns:1fr; }
    .ekip-ozet > div + div { border-left:0; border-top:1px solid var(--ui-color-border); }
    .ekip-personel-araclari,.ekip-qr-olustur-formu,.ekip-qr-link-satiri { grid-template-columns:1fr; }
}
.ekip-qr-paylasim { display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:12px; align-items:start; margin-top:10px; }
.ekip-qr-paylasim .ekip-qr-link-satiri { margin-top:0; grid-template-columns:minmax(0,1fr); align-content:start; }
.ekip-qr-aksiyonlar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ekip-qr-paylasim .ekip-qr-gorsel { min-height:120px; display:grid; place-items:center; padding:8px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:#fff; }
.ekip-qr-paylasim .ekip-qr-gorsel svg { width:100%; height:auto; display:block; }
@media (max-width: 760px) {
    .ekip-qr-paylasim,.ekip-qr-paylasim .ekip-qr-link-satiri { grid-template-columns:1fr; }
    .ekip-qr-aksiyonlar > * { flex:1 1 100%; justify-content:center; }
    .ekip-qr-paylasim .ekip-qr-gorsel { max-width:180px; }
}

.ekip-personel[hidden] { display:none !important; }

/* PATCH-INTERCOM-EKIP-PICKER-001 */
.ekip-personel-araclari { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ekip-personel-arama { flex:1 1 300px; min-width:220px; }
.ekip-secili-filtresi { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:0 10px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface); cursor:pointer; }
.ekip-secili-filtresi input { margin:0; }
.ekip-secili-sayisi { margin-left:auto; }
.ekip-filtre-temizle { min-height:40px; padding:8px 11px; white-space:nowrap; }
.ekip-filtre-temizle[hidden] { display:none !important; }
.ekip-qr-paylasim .ekip-qr-gorsel.is-error { color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); text-align:center; }
@media (max-width:760px) {
    .ekip-personel-araclari { align-items:stretch; }
    .ekip-personel-arama,.ekip-secili-filtresi,.ekip-filtre-temizle,.ekip-secili-sayisi { width:100%; margin-left:0; }
    .ekip-secili-sayisi { padding:2px 0; }
}

/* UIUX-EKIP-MANAGEMENT-002 — task-oriented team management IA */
.ekip-yonetim-ust-aksiyonlar { flex-wrap:wrap; justify-content:flex-end; }
#ekipler,
#ekip-detay,
#ekip-yeni { scroll-margin-top:24px; }
.ekipler-bolumu { padding-top:22px; }
.ekip-kart-listesi { grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.ekip-bos-durum .birincil-link-buton { margin-top:12px; }
.ekip-detay { margin-top:0; }
.ekip-detay-baslik { align-items:center; }
.ekip-detay-baslik h2 { margin-top:0; }
.ekip-detay-meta { display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center; margin-top:7px; color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.ekip-duzenleme-formu { gap:18px; }
.ekip-detay .ekip-qr-paneli { margin:0; padding:16px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); background:var(--ui-color-surface-subtle); }
.ekip-detay .ekip-qr-paneli .ekip-bolum-baslik { margin-bottom:10px; }
.ekip-detay .ekip-qr-paneli .ekip-bolum-baslik h3 { margin-top:0; }
.ekip-detay .ekip-qr-karti { background:var(--ui-color-surface); }
.ekip-detay .ekip-qr-paylasim { grid-template-columns:minmax(0,1fr) 164px; gap:14px; }
.ekip-detay .ekip-qr-paylasim .ekip-qr-gorsel { min-height:156px; padding:10px; }
.ekip-secili-sayisi { margin-left:auto; padding:7px 10px; border-radius:var(--ui-radius-pill); background:var(--ui-color-primary-soft); color:var(--ui-color-primary); font-weight:800; }
.ekip-form-alt { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; justify-content:space-between; padding-top:2px; }
.ekip-kayit-durumu { color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.ekip-kayit-durumu.is-dirty { color:var(--ui-color-warning-text, #8a5a00); font-weight:750; }
.ekip-form-alt .birincil-buton:disabled { opacity:.66; cursor:not-allowed; box-shadow:none; filter:saturate(.65); }
.ekip-durum-paneli { display:flex; gap:18px; align-items:center; justify-content:space-between; margin-top:20px; padding:16px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); background:var(--ui-color-surface-subtle); }
.ekip-durum-paneli > div { min-width:0; }
.ekip-durum-paneli h3 { margin:0; color:var(--ui-color-text-strong); }
.ekip-durum-paneli p { max-width:720px; margin:6px 0 0; color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); line-height:1.5; }
.ekip-durum-paneli form { flex:0 0 auto; margin:0; }
.ekip-yeni-bolumu { margin-top:0; }

/* UIUX-EKIP-MANAGEMENT-003 — interaction and QR sharing polish */
.ekip-detay .ekip-qr-link-satiri input { font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; font-size:var(--ui-font-size-caption); }
.ekip-detay .ekip-qr-aksiyonlar .ikincil-buton,
.ekip-detay .ekip-qr-aksiyonlar .ikincil-link-buton { white-space:nowrap; }

@media (max-width:760px) {
    .ekip-yonetim-ust-aksiyonlar { width:100%; justify-content:stretch; }
    .ekip-yonetim-ust-aksiyonlar .birincil-link-buton,
    .ekip-yonetim-ust-aksiyonlar .ikincil-link-buton { flex:1 1 100%; justify-content:center; }
    .ekip-kart-listesi { grid-template-columns:1fr; }
    .ekip-detay-baslik { align-items:flex-start; }
    .ekip-detay .ekip-qr-paylasim { grid-template-columns:1fr; }
    .ekip-detay .ekip-qr-paylasim .ekip-qr-gorsel { width:164px; min-height:164px; }
    .ekip-secili-sayisi { width:100%; margin-left:0; text-align:center; }
    .ekip-form-alt { align-items:stretch; }
    .ekip-form-alt .birincil-buton { width:100%; }
    .ekip-durum-paneli { align-items:stretch; flex-direction:column; }
    .ekip-durum-paneli form,
    .ekip-durum-paneli button { width:100%; }
}

/* PATCH-INTERCOM-NAVIGATION-IA-009 */
.workspace-primary-nav {
    width: 100%;
    gap: 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    white-space: nowrap;
}
.workspace-primary-nav::-webkit-scrollbar { display: none; }
.workspace-nav-link {
    display: inline-flex;
    min-height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-control);
    background: transparent;
    color: var(--ui-color-text-strong);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: background var(--ui-motion-fast) ease, border-color var(--ui-motion-fast) ease, color var(--ui-motion-fast) ease;
}
.workspace-nav-link:hover {
    border-color: var(--ui-color-border);
    background: var(--ui-color-interactive-hover);
    color: var(--ui-color-primary);
}
.workspace-nav-link.is-active,
.workspace-nav-link[aria-current="page"] {
    border-color: var(--ui-color-primary-border);
    background: var(--ui-color-selection);
    color: var(--ui-color-primary);
}
.workspace-nav-link:focus-visible {
    outline: 2px solid var(--ui-color-primary);
    outline-offset: 2px;
}
.workspace-nav-home {
    width: 36px;
    min-width: 36px;
    padding: 0;
}
.workspace-nav-home svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}
.workspace-nav-management {
    margin-left: 2px;
}
.workspace-menu-section-account .workspace-menu-item svg { fill: #627b96; }
@media (max-height: 720px) and (min-width: 641px) {
    .workspace-nav-link { min-height: 34px; padding-block: 6px; }
    .workspace-nav-home { width: 34px; min-width: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-nav-link { transition: none; }
}

/* PATCH-INTERCOM-SYSTEM-SETTINGS-V1-001 + UIUX-POLISH-002 */
.sistem-ayarlari-sayfasi { align-items:flex-start; }
.sistem-ayarlari-karti { max-width:1040px; }
.sistem-ayarlari-ust { grid-template-columns:minmax(0,1fr) auto; align-items:start; }
.sistem-ayarlari-ortam {
    display:grid;
    min-width:176px;
    gap:3px;
    padding:12px 14px;
    border:1px solid var(--ui-color-primary-border);
    border-radius:var(--ui-radius-panel);
    background:var(--ui-color-primary-soft);
    text-align:right;
}
.sistem-ayarlari-ortam span,.sistem-ayarlari-ortam small { color:var(--ui-color-text-soft); font-size:var(--ui-font-size-micro); }
.sistem-ayarlari-ortam strong { color:var(--ui-color-primary); font-size:14px; letter-spacing:.04em; }
.sistem-ayarlari-bildirim { margin-top:12px; }
.sistem-ayari-inline-feedback { margin:0 0 10px; }
.sistem-ayarlari-ozet {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:18px 0 0;
    overflow:hidden;
    border:1px solid var(--ui-color-border);
    border-radius:var(--ui-radius-panel);
    background:var(--ui-color-surface-subtle);
}
.sistem-ayarlari-ozet > div { min-width:0; padding:13px 15px; }
.sistem-ayarlari-ozet > div + div { border-left:1px solid var(--ui-color-border); }
.sistem-ayarlari-ozet strong { display:block; overflow:hidden; color:var(--ui-color-text-strong); font-size:16px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.sistem-ayarlari-ozet > div > span { display:flex; align-items:center; gap:6px; margin-top:4px; color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.sistem-ayarlari-bilgi-notu { margin-top:14px; }
.sistem-ayarlari-local-nav {
    position:sticky;
    top:0;
    z-index:8;
    display:flex;
    gap:5px;
    margin:18px 0 0;
    padding:8px;
    overflow-x:auto;
    border:1px solid var(--ui-color-border);
    border-radius:var(--ui-radius-control);
    background:color-mix(in srgb,var(--ui-color-surface) 96%,var(--ui-color-primary-soft));
    box-shadow:0 8px 20px rgba(20,48,86,.06);
    scrollbar-width:thin;
}
.sistem-ayarlari-local-nav button {
    flex:0 0 auto;
    min-height:34px;
    padding:6px 10px;
    border:1px solid transparent;
    border-radius:var(--ui-radius-control);
    background:transparent;
    color:var(--ui-color-text-soft);
    font:inherit;
    font-size:var(--ui-font-size-caption);
    font-weight:800;
    cursor:pointer;
    transition:background var(--ui-motion-fast) ease,border-color var(--ui-motion-fast) ease,color var(--ui-motion-fast) ease;
}
.sistem-ayarlari-local-nav button:hover { background:var(--ui-color-interactive-hover); color:var(--ui-color-primary); }
.sistem-ayarlari-local-nav button.is-active,.sistem-ayarlari-local-nav button[aria-current="true"] { border-color:var(--ui-color-primary-border); background:var(--ui-color-selection); color:var(--ui-color-primary); }
.sistem-ayarlari-local-nav button:focus-visible { outline:2px solid var(--ui-color-primary); outline-offset:2px; }
.sistem-ayari-bolumu { padding:26px 0; border-top:1px solid var(--ui-color-border); }
.sistem-ayarlari-local-nav + .sistem-ayari-bolumu { border-top:0; }
.sistem-ayari-bolum-baslik { display:flex; gap:18px; align-items:flex-start; justify-content:space-between; margin-bottom:14px; }
.sistem-ayari-bolum-baslik > div { min-width:0; }
.sistem-ayari-bolum-baslik h2 { margin:0; color:var(--ui-color-text-strong); font-size:18px; }
.sistem-ayari-bolum-baslik p { max-width:760px; margin:5px 0 0; color:var(--ui-color-text-soft); font-size:13px; line-height:1.5; }
.sistem-ayari-panel { padding:16px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); background:var(--ui-color-surface-subtle); }
.sistem-ayari-panel-baslik { display:flex; gap:16px; align-items:flex-start; justify-content:space-between; margin-bottom:14px; }
.sistem-ayari-panel-baslik h3 { margin:0; color:var(--ui-color-text-strong); font-size:15px; }
.sistem-ayari-panel-baslik p { margin:4px 0 0; color:var(--ui-color-text-soft); font-size:12px; line-height:1.45; }
.sistem-ayari-kaynak,.sistem-ayari-readonly-label { flex:0 0 auto; padding:5px 9px; border-radius:var(--ui-radius-pill); background:var(--ui-color-primary-soft); color:var(--ui-color-primary); font-size:var(--ui-font-size-micro); font-weight:800; white-space:nowrap; }
.sistem-ayari-readonly-label { background:var(--ui-color-surface-subtle); color:var(--ui-color-text-soft); border:1px solid var(--ui-color-border); }
.sistem-ayari-form { display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr); gap:12px 18px; align-items:end; }
.sistem-ayari-sla-form,.sistem-ayari-test-form { grid-template-columns:1fr; align-items:stretch; }
.sistem-ayari-alan { display:grid; gap:7px; min-width:0; color:var(--ui-color-text-strong); font-weight:750; }
.sistem-ayari-alan > span { font-size:13px; }
.sistem-ayari-alan input { width:100%; min-height:40px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface); color:var(--ui-color-text-strong); padding:9px 11px; font:inherit; font-weight:600; }
.sistem-ayari-alan input:focus { border-color:var(--ui-color-primary); outline:2px solid color-mix(in srgb,var(--ui-color-primary) 18%,transparent); outline-offset:1px; }
.sistem-ayari-alan input[aria-invalid="true"] { border-color:var(--ui-color-danger); }
.sistem-ayari-alan small { color:var(--ui-color-text-soft); font-weight:500; line-height:1.45; }
.sistem-ayari-alan-wide { grid-column:1 / -1; }
.sistem-ayari-alan-compact { max-width:340px; }
.sistem-ayari-sla-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,.85fr); gap:12px; }
.sistem-ayari-sla-layout .sistem-ayari-fieldset + .sistem-ayari-fieldset { margin-top:0; }
.sistem-ayari-fieldset-listing .sistem-ayari-alan { height:100%; align-content:start; }
.sistem-ayari-input-birim { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; overflow:hidden; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface); }
.sistem-ayari-input-birim:focus-within { border-color:var(--ui-color-primary); outline:2px solid color-mix(in srgb,var(--ui-color-primary) 18%,transparent); outline-offset:1px; }
.sistem-ayari-input-birim input { min-width:0; border:0; border-radius:0; background:transparent; outline:0; }
.sistem-ayari-input-birim small { padding:0 11px; color:var(--ui-color-text-soft); font-size:12px; font-weight:700; }
.sistem-ayari-meta { display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; min-height:40px; color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.sistem-ayari-meta strong { color:var(--ui-color-text-strong); }
.sistem-ayari-meta-wide { grid-column:1 / -1; }
.sistem-ayari-fieldset { min-width:0; margin:0; padding:13px 14px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface); }
.sistem-ayari-fieldset + .sistem-ayari-fieldset { margin-top:2px; }
.sistem-ayari-fieldset legend { padding:0 5px; color:var(--ui-color-text-strong); font-size:12px; font-weight:800; }
.sistem-ayari-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sistem-ayari-yardim { margin:9px 0 0; color:var(--ui-color-text-soft); font-size:11px; line-height:1.45; }
.sistem-ayari-dogrulama { margin:8px 0 0; color:var(--ui-color-danger); font-size:11px; font-weight:700; line-height:1.45; }
.sistem-ayari-form-footer { display:flex; grid-column:1 / -1; align-items:center; justify-content:space-between; gap:12px; padding-top:2px; }
.sistem-ayari-dirty { color:var(--ui-color-text-soft); font-size:11px; }
.sistem-ayari-dirty.is-dirty { color:var(--ui-color-primary); font-weight:700; }
.sistem-ayari-dirty.is-error { color:var(--ui-color-danger); font-weight:700; }
.sistem-ayari-reset-form { display:flex; gap:12px; align-items:center; justify-content:flex-end; margin-top:10px; }
.sistem-ayari-onay { display:flex; gap:9px; align-items:flex-start; color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); line-height:1.45; }
.sistem-ayari-onay input { margin-top:2px; }
.sistem-ayari-onay.compact { max-width:680px; margin-right:auto; }
.sistem-ayari-compact-state { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 14px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface-subtle); }
.sistem-ayari-compact-state > div { display:grid; gap:3px; }
.sistem-ayari-compact-state strong { color:var(--ui-color-text-strong); font-size:13px; }
.sistem-ayari-compact-state span { color:var(--ui-color-text-soft); font-size:11px; line-height:1.45; }
.sistem-durumu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
.sistem-durumu-grid > div { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:14px; padding:10px 12px; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-control); background:var(--ui-color-surface-subtle); }
.sistem-durumu-grid dt { color:var(--ui-color-text-soft); font-size:var(--ui-font-size-caption); }
.sistem-ayari-label-with-help,.sistem-ayari-heading-with-help { display:inline-flex; align-items:center; gap:6px; min-width:0; }
.sistem-ayari-heading-with-help { flex-wrap:wrap; }
.sistem-ayari-tooltip-trigger {
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    padding:0;
    border:1px solid var(--ui-color-primary-border);
    border-radius:50%;
    background:var(--ui-color-primary-soft);
    color:var(--ui-color-primary);
    font:inherit;
    font-size:10px;
    font-weight:900;
    line-height:1;
    cursor:help;
    transition:background var(--ui-motion-fast) ease,border-color var(--ui-motion-fast) ease,transform var(--ui-motion-fast) ease;
}
.sistem-ayari-tooltip-trigger:hover,.sistem-ayari-tooltip-trigger[data-tooltip-open="true"] { border-color:var(--ui-color-primary); background:var(--ui-color-selection); transform:translateY(-1px); }
.sistem-ayari-tooltip-trigger:focus-visible { outline:2px solid var(--ui-color-primary); outline-offset:2px; }
.sistem-ayari-tooltip {
    position:fixed;
    z-index:1100;
    width:max-content;
    max-width:min(320px,calc(100vw - 24px));
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--ui-color-text-strong) 84%,white);
    border-radius:10px;
    background:var(--ui-color-text-strong);
    color:var(--ui-color-surface);
    box-shadow:0 14px 36px rgba(7,25,49,.22);
    font-size:11px;
    font-weight:600;
    line-height:1.5;
    opacity:0;
    pointer-events:none;
    transform:translateY(3px) scale(.985);
    visibility:hidden;
    transition:opacity var(--ui-motion-fast) ease,transform var(--ui-motion-fast) ease,visibility var(--ui-motion-fast) ease;
}
.sistem-ayari-tooltip.is-visible { opacity:1; transform:none; visibility:visible; }
.sistem-durumu-grid dd { display:flex; min-width:0; align-items:baseline; gap:7px; margin:0; text-align:right; }
.sistem-durumu-grid strong { color:var(--ui-color-text-strong); font-size:13px; white-space:nowrap; }
.sistem-durumu-grid small { overflow:hidden; color:var(--ui-color-text-soft); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.sistem-ayari-hareket-listesi { overflow:hidden; border:1px solid var(--ui-color-border); border-radius:var(--ui-radius-panel); }
.sistem-ayari-hareket-baslik,.sistem-ayari-hareket-satiri { display:grid; grid-template-columns:1.15fr .7fr 1.25fr 1fr; gap:12px; align-items:center; }
.sistem-ayari-hareket-baslik { padding:8px 12px; background:var(--ui-color-surface-subtle); color:var(--ui-color-text-soft); font-size:10px; font-weight:800; text-transform:uppercase; }
.sistem-ayari-hareket-satiri { padding:11px 12px; background:var(--ui-color-surface); color:var(--ui-color-text-soft); font-size:11px; line-height:1.4; }
.sistem-ayari-hareket-satiri + .sistem-ayari-hareket-satiri { border-top:1px solid var(--ui-color-border); }
.sistem-ayari-hareket-satiri > span { min-width:0; overflow-wrap:anywhere; }
.sistem-ayari-hareket-satiri strong { color:var(--ui-color-text-strong); font-size:12px; }
.sistem-ayari-hareket-satiri small { display:block; margin-top:2px; color:var(--ui-color-text-soft); font-size:10px; }
.sistem-ayari-audit-empty { padding-block:18px; }
.sistem-ayarlari-karti button:disabled { opacity:.46; cursor:not-allowed; box-shadow:none; filter:saturate(.72); }
.workspace-menu-item.is-active { background:var(--ui-color-selection); color:var(--ui-color-primary); }
@media (max-width:900px) {
    .sistem-ayarlari-ust { grid-template-columns:1fr; }
    .sistem-ayarlari-ortam { min-width:0; text-align:left; }
    .sistem-ayarlari-ozet { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sistem-ayarlari-ozet > div:nth-child(3) { border-left:0; border-top:1px solid var(--ui-color-border); }
    .sistem-ayarlari-ozet > div:nth-child(4) { border-top:1px solid var(--ui-color-border); }
    .sistem-ayari-form { grid-template-columns:1fr; }
    .sistem-ayari-meta,.sistem-ayari-form-footer,.sistem-ayari-alan-wide { grid-column:1; }
    .sistem-ayari-bolum-baslik,.sistem-ayari-panel-baslik { flex-direction:column; }
    .sistem-ayari-sla-layout { grid-template-columns:1fr; }
    .sistem-durumu-grid { grid-template-columns:1fr; }
    .sistem-ayari-hareket-baslik { display:none; }
    .sistem-ayari-hareket-satiri { grid-template-columns:1fr 1fr; }
    .sistem-ayari-hareket-satiri > span::before { display:block; margin-bottom:2px; color:var(--ui-color-text-soft); content:attr(data-label); font-size:9px; font-weight:800; text-transform:uppercase; }
}
@media (max-width:620px) {
    .sistem-ayarlari-ozet { grid-template-columns:1fr; }
    .sistem-ayarlari-ozet > div + div,.sistem-ayarlari-ozet > div:nth-child(3),.sistem-ayarlari-ozet > div:nth-child(4) { border-left:0; border-top:1px solid var(--ui-color-border); }
    .sistem-ayari-field-grid { grid-template-columns:1fr; }
    .sistem-ayari-form-footer,.sistem-ayari-compact-state,.sistem-ayari-reset-test { align-items:stretch; flex-direction:column; }
    .sistem-ayari-form-footer button,.sistem-ayari-reset-form button { width:100%; }
    .sistem-ayari-reset-form { justify-content:stretch; }
    .sistem-ayari-hareket-satiri { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .sistem-ayarlari-local-nav button,.sistem-ayari-tooltip-trigger,.sistem-ayari-tooltip { transition:none; }
}

/* LOGIN-UI-POLISH-001 — shared Web/Desktop authentication surface */
.giris-body {
    min-height: 100vh;
    min-height: 100dvh;
    background:
        radial-gradient(circle at 14% 10%, rgba(20, 104, 184, .085), transparent 34rem),
        radial-gradient(circle at 88% 88%, rgba(195, 157, 55, .07), transparent 30rem),
        linear-gradient(145deg, #edf3f7 0%, #f4f6f8 52%, #eef2f6 100%);
}
.giris-sayfasi {
    min-height: 100vh;
    min-height: 100dvh;
    padding: clamp(24px, 4vw, 56px);
}
.giris-karti {
    width: min(500px, 100%);
    max-width: 500px;
    padding: 36px;
    border-color: rgba(174, 188, 204, .72);
    background: rgba(255, 255, 255, .965);
    box-shadow: 0 20px 55px rgba(16, 42, 67, .105);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    .giris-karti {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.giris-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}
.giris-brand-logo {
    display: block;
    width: 184px;
    max-width: 58%;
    height: auto;
}
.giris-brand-divider {
    width: 1px;
    height: 26px;
    flex: 0 0 1px;
    background: var(--ui-color-border);
}
.giris-brand-product {
    color: var(--ui-color-text-strong);
    font-size: 15px;
    font-weight: 750;
    letter-spacing: .015em;
}
.giris-intro h1 {
    margin: 0 0 8px;
    color: var(--ui-color-text);
    font-size: clamp(28px, 4vw, 32px);
    line-height: 1.12;
    letter-spacing: -.02em;
}
.giris-intro p {
    max-width: 410px;
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-body);
    line-height: 1.55;
}
.giris-karti .oturum-bildirim,
.giris-karti .form-hata {
    margin-top: 22px;
    padding: 11px 13px;
    border-radius: 11px;
    font-size: 13px;
    line-height: 1.45;
}
.giris-karti .oturum-bildirim {
    border-color: rgba(185, 213, 241, .9);
    background: rgba(238, 246, 255, .82);
    color: #285b8d;
}
.giris-karti .giris-formu {
    gap: 16px;
    margin-top: 24px;
}
.giris-karti .giris-formu label:not(.giris-remember-secimi) {
    gap: 7px;
    font-size: 13px;
}
.giris-karti .giris-formu input:not([type="checkbox"]) {
    min-height: 46px;
    padding: 12px 14px;
    border-color: #b8c5d4;
    transition: border-color var(--ui-motion-fast) ease, box-shadow var(--ui-motion-fast) ease, background-color var(--ui-motion-fast) ease;
}
.giris-karti .giris-formu input:not([type="checkbox"]):hover:not(:focus) {
    border-color: #9eafc1;
}
.giris-karti .giris-formu button {
    min-height: 48px;
    box-shadow: 0 8px 18px rgba(20, 104, 184, .14);
    transition: background-color var(--ui-motion-fast) ease, box-shadow var(--ui-motion-fast) ease, transform var(--ui-motion-fast) ease;
}
.giris-karti .giris-formu button:hover {
    background: var(--ui-color-primary-hover);
    box-shadow: 0 10px 22px rgba(20, 104, 184, .2);
}
.giris-karti .giris-formu button:active {
    transform: translateY(1px);
    box-shadow: 0 5px 12px rgba(20, 104, 184, .16);
}
.giris-karti .giris-formu button:focus-visible,
.giris-karti .giris-remember-secimi:focus-within {
    outline: none;
    box-shadow: var(--ui-focus-ring);
}
.giris-remember-secimi {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 56px;
    padding: 11px 12px;
    border: 1px solid #cfdae8;
    border-radius: 11px;
    background: rgba(247, 250, 255, .9);
    cursor: pointer;
    transition: border-color var(--ui-motion-fast) ease, background-color var(--ui-motion-fast) ease, box-shadow var(--ui-motion-fast) ease;
}
.giris-remember-secimi:hover {
    border-color: #b8cee3;
    background: #f3f8fe;
}
.giris-remember-secimi > input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--ui-color-primary);
}
.giris-remember-secimi > span {
    display: grid;
    gap: 2px;
}
.giris-remember-secimi strong {
    color: var(--ui-color-text);
    font-size: 13px;
    line-height: 1.35;
}
.giris-remember-secimi small {
    color: var(--ui-color-text-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}
@media (max-width: 520px) {
    .giris-sayfasi {
        padding: 20px;
    }
    .giris-karti {
        padding: 28px 24px;
    }
    .giris-brand {
        gap: 12px;
        margin-bottom: 24px;
    }
    .giris-brand-logo {
        width: 164px;
        max-width: 60%;
    }
    .giris-brand-product {
        font-size: 14px;
    }
    .giris-intro h1 {
        font-size: 28px;
    }
    .giris-karti .giris-formu {
        gap: 15px;
        margin-top: 22px;
    }
}
@media (max-height: 720px) and (min-width: 521px) {
    .giris-sayfasi {
        place-items: start center;
        padding-block: 24px;
    }
    .giris-karti {
        padding: 28px 32px;
    }
    .giris-brand {
        margin-bottom: 22px;
    }
    .giris-karti .oturum-bildirim,
    .giris-karti .form-hata {
        margin-top: 16px;
    }
    .giris-karti .giris-formu {
        gap: 14px;
        margin-top: 20px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .giris-karti .giris-formu input,
    .giris-karti .giris-formu button,
    .giris-remember-secimi {
        transition: none;
    }
    .giris-karti .giris-formu button:active {
        transform: none;
    }
}

/* PATCH-INTERCOM-KVKK-001-A — local/versioned aydınlatma + acknowledgement */
.musteri-public-sayfasi .musteri-kvkk-ozet {
    margin: 0;
    color: var(--ui-color-text-muted);
    font-size: 12px;
    line-height: 1.55;
}
.musteri-public-sayfasi .musteri-kvkk-ozet a,
.musteri-kvkk-karti a {
    color: var(--ui-color-primary);
    font-weight: 700;
    text-underline-offset: 2px;
}
.musteri-kvkk-sayfasi {
    align-items: start;
    padding-top: var(--ui-space-8);
    padding-bottom: var(--ui-space-8);
}
.musteri-kvkk-karti {
    width: min(820px, 100%);
}
.musteri-kvkk-baslik {
    padding-bottom: var(--ui-space-6);
    border-bottom: 1px solid var(--ui-color-border);
}
.musteri-kvkk-baslik > small {
    display: block;
    margin-top: var(--ui-space-3);
    color: var(--ui-color-text-soft);
    font-size: var(--ui-font-size-caption);
}
.musteri-kvkk-icerik {
    display: grid;
    gap: var(--ui-space-6);
    margin-top: var(--ui-space-6);
}
.musteri-kvkk-bolum {
    display: grid;
    gap: var(--ui-space-3);
}
.musteri-kvkk-bolum h2 {
    margin: 0;
    color: var(--ui-color-text-strong);
    font-size: 18px;
}
.musteri-kvkk-bolum p,
.musteri-kvkk-bolum li {
    color: var(--ui-color-text-muted);
    font-size: var(--ui-font-size-body);
    line-height: 1.65;
}
.musteri-kvkk-bolum p,
.musteri-kvkk-bolum ul {
    margin: 0;
}
.musteri-kvkk-bolum ul {
    display: grid;
    gap: var(--ui-space-2);
    padding-left: var(--ui-space-6);
}
.musteri-kvkk-alt {
    margin-top: var(--ui-space-8);
    padding-top: var(--ui-space-5);
    border-top: 1px solid var(--ui-color-border);
}
.musteri-kvkk-alt .metin-linki {
    margin-top: 0;
}
@media (max-width: 640px) {
    .musteri-kvkk-sayfasi {
        padding: 0;
    }
    .musteri-kvkk-karti {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
}


/* INTERCOM-KVKK-001-B — in-form notice dialog + customer data minimization */
.musteri-kvkk-dialog:not([open]) { display: none; }
.musteri-kvkk-dialog { width: min(780px, calc(100vw - 32px)); max-width: none; height: min(88dvh, 820px); max-height: none; padding: 0; border: 0; border-radius: 18px; background: #fff; color: #17314e; box-shadow: 0 26px 80px rgba(18, 42, 70, .24); }
.musteri-kvkk-dialog::backdrop { background: rgba(18, 35, 54, .42); backdrop-filter: blur(3px); }
.musteri-kvkk-dialog-kart { display: grid; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr) auto; }
.musteri-kvkk-dialog-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 18px; border-bottom: 1px solid #e2eaf3; }
.musteri-kvkk-dialog-baslik > div { min-width: 0; }
.musteri-kvkk-dialog-baslik h2 { margin: 10px 0 7px; color: #102d49; font-size: clamp(21px, 3vw, 28px); line-height: 1.18; letter-spacing: -.018em; }
.musteri-kvkk-dialog-baslik h2:focus { outline: none; }
.musteri-kvkk-dialog-baslik p { max-width: 650px; margin: 0; color: #657990; font-size: 12px; line-height: 1.55; }
.musteri-kvkk-dialog-baslik small { display: block; margin-top: 8px; color: #8190a1; font-size: 10px; }
.musteri-kvkk-dialog-kapat { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; padding: 0; border: 1px solid #d7e2ee; border-radius: 11px; background: #f8fbff; color: #50677f; font: inherit; font-size: 22px; line-height: 1; cursor: pointer; }
.musteri-kvkk-dialog-kapat:hover, .musteri-kvkk-dialog-kapat:focus-visible { border-color: #a9c8e5; background: #f1f7fd; outline: none; }
.musteri-kvkk-dialog-icerik { min-height: 0; overflow-y: auto; padding: 20px 24px 24px; overscroll-behavior: contain; scrollbar-gutter: stable; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum { padding-top: 15px; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum:first-child { padding-top: 0; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum h3 { margin: 0 0 8px; color: #17314e; font-size: 14px; line-height: 1.4; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum p,
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum li { color: #5f748c; font-size: 12px; line-height: 1.65; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum p,
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum ul { margin: 0 0 10px; }
.musteri-kvkk-dialog-icerik .musteri-kvkk-bolum ul { padding-left: 20px; }
.musteri-kvkk-dialog-alt { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding: 14px 18px; border-top: 1px solid #e2eaf3; background: #fbfdff; }
.musteri-kvkk-dialog-alt .ikincil-buton { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.musteri-mesaj-composer-gizlilik { display: block; padding: 0 4px 3px; color: #7a8ca0; font-size: 9px; line-height: 1.45; }
@media (max-width: 640px) {
    .musteri-kvkk-dialog { width: 100%; height: 100dvh; margin: 0; border-radius: 0; }
    .musteri-kvkk-dialog-baslik { gap: 12px; padding: 17px 16px 14px; }
    .musteri-kvkk-dialog-baslik h2 { font-size: 21px; }
    .musteri-kvkk-dialog-icerik { padding: 17px 16px 22px; scrollbar-gutter: auto; }
    .musteri-kvkk-dialog-alt { display: grid; grid-template-columns: 1fr 1fr; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); }
    .musteri-kvkk-dialog-alt > * { width: 100%; }
    .musteri-mesaj-composer-gizlilik { padding: 1px 4px 2px; font-size: 9px; }
}

/* Personel Master Sync Yönetim UI V1 */
.personel-sync-karti { width: min(1220px, calc(100% - 32px)); }
.personel-sync-karti .yonetim-bilgi-notu { display: grid; gap: 4px; }
.personel-sync-ozet { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.personel-sync-tablo { min-width: 980px; }
.personel-sync-audit-tablosu { min-width: 900px; }
.personel-sync-uygula-bolumu { padding: 18px; border: 1px solid #dce6f2; border-radius: 16px; background: #fbfdff; }
.personel-sync-uyari { display: grid; gap: 4px; margin-bottom: 14px; padding: 13px 14px; border: 1px solid #cfe0f5; border-radius: 12px; background: #f5f9ff; color: #3b587a; }
.personel-sync-uyari.normal { border-color: #b9dfc9; background: #f1fbf5; color: #286a46; }
.personel-sync-uyari.uyari { border-color: #efd7a2; background: #fff8e8; color: #76520f; }
.personel-sync-uyari.kritik { border-color: #efb5b5; background: #fff2f2; color: #9f2929; }
.personel-sync-form { display: grid; gap: 12px; }
.personel-sync-aksiyonlar { display: flex; justify-content: flex-end; }
.personel-sync-aksiyonlar .birincil-buton { min-width: 220px; }
.personel-sync-aksiyonlar .birincil-buton:disabled { opacity: .55; cursor: not-allowed; transform: none; }
@media (max-width: 1100px) { .personel-sync-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    .personel-sync-karti { width: min(100% - 20px, 1220px); }
    .personel-sync-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .personel-sync-aksiyonlar .birincil-buton { width: 100%; }
}
@media (max-width: 520px) { .personel-sync-ozet { grid-template-columns: 1fr; } }