:root {
  --sidebar: var(--sidebar-genisligi, 248px);
  --operator-sidebar-arkaplan: #10264a;
  --operator-aux-rengi: #1769dd;
  --ust: 64px;
  --alt: 58px;
  --telefon-kokpiti-sekme: 48px;
  --operator-dikey-bosluk: 9px;
  --lacivert-2: var(--lacivert-acik);
  --ikincil: var(--metin-ikincil);
  --zemin: var(--arkaplan);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}
body[data-aux-tonu="0"] { --operator-aux-rengi: #d97706; }
body[data-aux-tonu="1"] { --operator-aux-rengi: #2563eb; }
body[data-aux-tonu="2"] { --operator-aux-rengi: #7c3aed; }
body[data-aux-tonu="3"] { --operator-aux-rengi: #a78b00; }
body[data-aux-tonu="4"] { --operator-aux-rengi: #0f9188; }
body[data-aux-tonu="5"] { --operator-aux-rengi: #c2416c; }

* { box-sizing: border-box; }
.ekran-okuyucu-metni { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
html { min-width: 1180px; min-height: 100%; margin: 0; overflow-x: hidden; }
body { min-width: 1180px; min-height: 100%; margin: 0; overflow-x: hidden; background: var(--zemin); color: var(--metin); font-size: 14px; line-height: 1.45; }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(23, 105, 221, .22); outline-offset: 2px; }
.ikon-kutuphanesi { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
[hidden] { display: none; }

.uygulama { min-height: 100vh; padding-left: var(--sidebar); padding-top: var(--ust); padding-bottom: var(--alt); transition: padding-left .22s ease; }
.sidebar {
  position: fixed; inset: 0 auto 0 0; z-index: 50; width: var(--sidebar); display: flex; flex-direction: column;
  border-right: 5px solid transparent; background: var(--operator-sidebar-arkaplan); color: var(--menu-metin); padding: 21px 14px 16px; overflow: hidden;
  transition: width .22s ease, background .28s ease, border-color .28s ease;
}
body[data-aux-etkin] .sidebar {
  background:
    radial-gradient(circle at 15% 9%, color-mix(in srgb, var(--operator-aux-rengi) 88%, white 12%) 0, transparent 29%),
    linear-gradient(158deg,
      color-mix(in srgb, #07172e 32%, var(--operator-aux-rengi) 68%) 0%,
      color-mix(in srgb, #10264a 25%, var(--operator-aux-rengi) 75%) 48%,
      color-mix(in srgb, #061326 38%, var(--operator-aux-rengi) 62%) 100%);
  border-right-color: color-mix(in srgb, var(--operator-aux-rengi) 90%, white 10%);
}
.marka { display: flex; align-items: center; gap: 11px; padding: 0 7px; color: inherit; text-decoration: none; }
.marka img { width: 43px; height: 43px; object-fit: contain; }
.marka span { display: grid; gap: 4px; white-space: nowrap; line-height: 1.1; }
.marka strong { letter-spacing: .06em; font-size: 16px; }
.marka small { letter-spacing: .18em; font-size: 10px; color: var(--menu-soluk); }
.yerli-kimlik { display: flex; align-items: center; gap: 10px; margin: 20px 7px 22px; padding: 11px 1px 13px; border-bottom: 1px solid rgba(255,255,255,.13); }
.yerli-kimlik > img { width: 36px; height: 24px; flex: 0 0 auto; border-radius: 4px; object-fit: cover; box-shadow: 0 5px 14px rgba(0,0,0,.16); }
.yerli-kimlik > span { display: flex; min-width: 0; flex-direction: column; }
.yerli-kimlik small { color: var(--menu-soluk); font-size: 9px; }
.yerli-kimlik strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar nav { flex: 1; min-height: 0; margin-right: -10px; padding-right: 10px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(179,199,226,.32) transparent; scrollbar-gutter: stable; scrollbar-width: thin; }
.sidebar nav p { margin: 18px 11px 7px; font-size: 9px; font-weight: 700; letter-spacing: .16em; color: var(--menu-soluk); }
.sidebar nav a, .sidebar nav button { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 8px; margin: 3px 0; padding: 0 11px; border: 0; border-radius: 10px; background: transparent; color: var(--menu-metin); text-decoration: none; cursor: pointer; text-align: left; white-space: nowrap; }
.sidebar nav [data-operator-gorunum][hidden] { display: none; }
.sidebar nav a > span, .sidebar nav button > span { font-size: 12px; font-weight: 590; }
.sidebar nav a:hover, .sidebar nav button:hover { background: rgba(255,255,255,.07); }
.sidebar nav .etkin { position: relative; background: var(--menu-etkin); color: var(--menu-metin); box-shadow: inset 3px 0 #ef4054; }
body[data-aux-etkin] .sidebar nav .etkin {
  background: color-mix(in srgb, var(--operator-aux-rengi) 44%, rgba(255,255,255,.16));
  box-shadow: inset 4px 0 color-mix(in srgb, var(--operator-aux-rengi) 72%, white 28%), 0 9px 28px rgba(0,0,0,.16);
}
.sidebar nav .etkin::before { display: none; }
.sidebar nav svg { width: 19px; height: 19px; color: var(--menu-soluk); flex: 0 0 auto; }
.operator-kimligi { position: relative; z-index: 2; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; flex: 0 0 auto; padding: 14px 8px 3px; border-top: 1px solid rgba(255,255,255,.1); background: var(--operator-sidebar-arkaplan); white-space: nowrap; }
body[data-aux-etkin] .operator-kimligi { background: color-mix(in srgb, #061326 34%, var(--operator-aux-rengi) 66%); }
.operator-kimligi .avatar { position: relative; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: #14305b; background: #d8e6f8; font-size: 11px; font-weight: 800; }
.operator-kimligi .avatar > b { font: inherit; }
.operator-kimligi span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.operator-kimligi strong, .operator-kimligi small { overflow: hidden; text-overflow: ellipsis; }
.operator-kimligi strong { font-size: 11px; }
.operator-kimligi small { color: var(--menu-soluk); font-size: 9px; }
.durum-noktasi { position: absolute; right: -2px; bottom: -1px; width: 8px; height: 8px; border: 2px solid var(--operator-sidebar-arkaplan); border-radius: 50%; background: #8096af; }
.durum-noktasi.hazir { background: #10b981; box-shadow: 0 0 0 5px rgba(16,185,129,.12); }
body[data-aux-etkin] .durum-noktasi { border-color: color-mix(in srgb, #061326 34%, var(--operator-aux-rengi) 66%); background: var(--operator-aux-rengi); box-shadow: 0 0 0 5px color-mix(in srgb, var(--operator-aux-rengi) 24%, transparent); }
.operator-kimligi .oturumu-kapat-dugmesi { display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.045); color: var(--menu-soluk); cursor: pointer; transition: color .16s ease, border-color .16s ease, background .16s ease; }
.operator-kimligi .oturumu-kapat-dugmesi:hover { border-color: rgba(239,64,84,.55); background: rgba(239,64,84,.13); color: #fff; }
.operator-kimligi .oturumu-kapat-dugmesi svg { width: 17px; height: 17px; }

.ust-bar { position: fixed; z-index: 40; top: 0; left: var(--sidebar); right: 0; height: var(--ust); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: color-mix(in srgb, var(--yuzey) 96%, transparent); border-bottom: 1px solid var(--cizgi); transition: left .22s ease, background .28s ease, border-color .28s ease, color .28s ease; backdrop-filter: blur(12px); }
body[data-aux-etkin] .ust-bar {
  background: color-mix(in srgb, var(--yuzey) 96%, transparent);
  border-bottom: 3px solid var(--operator-aux-rengi);
  color: var(--metin);
}
.ust-sol, .ust-durumlar { display: flex; align-items: center; gap: 11px; }
.ust-sol h1 { margin: 0 0 0 6px; padding-left: 17px; border-left: 1px solid var(--cizgi); font-size: 18px; }
body[data-aux-etkin] .ust-sol h1 { border-left-color: var(--cizgi); }
.ikon-dugme { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey); cursor: pointer; }
.tema-secici { display: flex; align-items: center; gap: 7px; color: var(--metin-ikincil); font-size: 10px; }
.tema-secici select { height: 36px; padding: 0 27px 0 10px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; }
.ust-durumlar > span { display: flex; align-items: center; gap: 7px; color: #52647d; font-size: 12px; font-weight: 700; }
.ust-durumlar > .staff-ust-suresi { min-width: 148px; min-height: 40px; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid color-mix(in srgb, var(--mavi) 30%, var(--cizgi)); border-radius: 10px; background: color-mix(in srgb, var(--mavi) 7%, var(--yuzey)); box-shadow: 0 5px 16px color-mix(in srgb, var(--mavi) 8%, transparent); }
.ust-durumlar > .staff-ust-suresi[hidden] { display: none; }
.ust-durumlar > .staff-ust-suresi small { color: var(--mavi); font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.ust-durumlar > .staff-ust-suresi b { min-width: 66px; color: var(--metin); font-size: 16px; font-weight: 850; font-variant-numeric: tabular-nums; letter-spacing: .025em; text-align: center; }
body[data-aux-etkin] .ust-bar .ikon-dugme,
body[data-aux-etkin] .ust-bar .tema-secici select { border-color: var(--cizgi); background: var(--yuzey); color: var(--metin); }
body[data-aux-etkin] .ust-bar .tema-secici { color: var(--metin-ikincil); }
body[data-aux-etkin] .ust-bar .ust-durumlar > span:not(.aux-ust-rozeti) { color: var(--metin-ikincil); }
.ust-durumlar > .aux-ust-rozeti { min-height: 34px; padding: 0 12px; border: 1px solid color-mix(in srgb, var(--operator-aux-rengi) 54%, var(--cizgi)); border-radius: 9px; background: color-mix(in srgb, var(--operator-aux-rengi) 12%, var(--yuzey)); color: color-mix(in srgb, var(--operator-aux-rengi) 68%, var(--metin) 32%); }
.ust-durumlar > .aux-ust-rozeti i { background: var(--operator-aux-rengi); box-shadow: 0 0 0 4px color-mix(in srgb, var(--operator-aux-rengi) 14%, transparent); }
.ust-durumlar > .aux-ust-rozeti b { font-size: 11px; white-space: nowrap; }
.ust-durumlar > span i, .ses-durumlari i { width: 8px; height: 8px; border-radius: 50%; background: #8ea0b5; }
.ust-durumlar > span.hazir i, .ses-durumlari .hazir i { background: var(--yesil); box-shadow: 0 0 0 4px rgba(7,158,111,.1); }
.ust-durumlar > span.uyari i, .ses-durumlari .uyari i { background: var(--turuncu); box-shadow: 0 0 0 4px color-mix(in srgb, var(--turuncu) 12%, transparent); }
.ust-durumlar > span.hata i, .ses-durumlari .hata i { background: var(--kirmizi); }

.ana-icerik { padding: 18px 22px 28px; }
body:is([data-operator-gorunumu="calisma-planim"], [data-operator-gorunumu="cagrilarim"], [data-operator-gorunumu="degerlendirmeler"], [data-operator-gorunumu="musteri"], [data-operator-gorunumu="karsilama"]) .ana-icerik { height: auto; min-height: calc(100dvh - var(--ust) - var(--alt)); overflow: visible; }
body:is([data-operator-gorunumu="calisma-planim"], [data-operator-gorunumu="cagrilarim"], [data-operator-gorunumu="degerlendirmeler"], [data-operator-gorunumu="musteri"], [data-operator-gorunumu="karsilama"]) .operator-alt-gorunumu {
  height: auto;
  min-height: calc(100dvh - var(--ust) - var(--alt) - 46px);
  margin-right: calc(var(--telefon-kokpiti-sekme) + 12px);
  overflow: visible;
}
.operator-alt-gorunumu { height: calc(100dvh - var(--ust) - var(--alt) - 46px); min-height: 430px; }
.gorunum-basligi { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.gorunum-basligi small { display: block; margin-bottom: 4px; color: var(--mavi); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.gorunum-basligi h2 { margin: 0; font-size: 27px; letter-spacing: -.035em; }
.gorunum-basligi p { margin: 4px 0 0; color: var(--ikincil); font-size: 11px; }
.gorunum-basligi > button { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 750; cursor: pointer; }
.gorunum-basligi > button svg { width: 15px; height: 15px; }
.operator-is-araclari { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.operator-ana-gorunumu > .operator-is-araclari { justify-content: flex-end; margin-bottom: 10px; }
.operator-is-araclari button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 750; cursor: pointer; }
.operator-is-araclari button svg { width: 15px; height: 15px; }
.operator-is-araclari button[hidden], .operator-is-araclari:not(:has(button:not([hidden]))) { display: none; }
.operator-is-araclari .menu-sayaci:not([hidden]) { padding: 2px 6px; border-radius: 10px; background: var(--mavi); color: white; }
body[data-operator-gorunumu="cagrilarim"] .cagrilarim-gorunumu { min-height: 0; }
.cagrilarim-paneli { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 10px 28px rgba(27,53,84,.05); }
.cagrilarim-paneli > header { min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--cizgi); }
.cagrilarim-paneli > header h3 { margin: 0; font-size: 15px; }
.gorusmeler-basligi { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.gorusmeler-basligi > span { color: var(--ikincil); font-size: 12px; }
body .operator-alt-gorunumu[data-sade-menu] { display: grid; height: auto; min-height: 0; align-content: start; gap: 14px; margin-right: calc(var(--telefon-kokpiti-sekme) + 12px); overflow: visible; }
body .operator-alt-gorunumu[data-sade-menu][hidden] { display: none; }
.operator-alt-gorunumu .menu-kart-basligi { min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); }
.operator-alt-gorunumu .menu-kart-basligi h3 { margin: 0; font-size: 15px; }
.operator-alt-gorunumu .menu-kart-metni { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.operator-alt-gorunumu .menu-kart-metni > span { color: var(--ikincil); font-size: 12px; }
.operator-alt-gorunumu .menu-kart-basligi .operator-is-araclari { margin-left: auto; }
.operator-alt-gorunumu .menu-kart-basligi .operator-is-araclari button { min-height: 38px; height: auto; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 750; }
.operator-alt-gorunumu[data-sade-menu] .bilgi-bankasi-arama { margin-bottom: 0; }
.operator-alt-gorunumu[data-sade-menu] .bilgi-bankasi-yerlesimi { min-height: 0; align-items: start; }
.operator-alt-gorunumu[data-sade-menu] .yardim-yerlesimi { align-items: start; }
.operator-alt-gorunumu[data-sade-menu] .geri-arama-araclari,
.operator-alt-gorunumu[data-sade-menu] .dijital-is-araclari { flex-wrap: wrap; }
.operator-alt-gorunumu[data-sade-menu] .geri-arama-araclari > nav,
.operator-alt-gorunumu[data-sade-menu] .dijital-is-araclari > nav { margin-right: auto; }
.operator-alt-gorunumu[data-sade-menu] .dijital-is-paneli { overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 10px 28px rgba(27,53,84,.05); }
.operator-alt-gorunumu[data-sade-menu] .dijital-is-yerlesimi { min-height: 0; border: 0; border-radius: 0; box-shadow: none; }
.operator-alt-gorunumu[data-sade-menu] .karsilama-yerlesimi { min-height: 0; }
.operator-alt-gorunumu[data-sade-menu] .karsilama-karti > .menu-kart-basligi { min-height: 96px; }
.operator-alt-gorunumu .menu-anons-durumu { display: flex; padding: 12px 18px 0; }
.operator-alt-gorunumu .menu-anons-durumu .karsilama-sunucu-rozeti { max-width: 100%; white-space: normal; }
.son-gorusmeler-icerigi { overflow: visible; }
.cagrilarim-paneli > footer { min-height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-top: 1px solid var(--cizgi); color: var(--ikincil); font-size: 10px; }
.cagrilarim-paneli > footer > div { display: flex; gap: 8px; }
.cagrilarim-paneli > footer button { min-height: 34px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); color: var(--metin); font-size: 10px; font-weight: 750; cursor: pointer; }
.cagrilarim-paneli > footer button:disabled { opacity: .42; cursor: not-allowed; }
.giris-cikis-gorunumu { display: grid; grid-template-rows: auto auto auto; align-content: start; gap: 12px; }
.giris-cikis-gorunumu > .gorunum-basligi { min-height: 0; }
.giris-cikis-baslik-eylemleri { display: flex; align-items: flex-end; gap: 8px; }
.giris-cikis-baslik-eylemleri label { display: grid; gap: 4px; color: var(--ikincil); font-size: 9px; font-weight: 750; }
.giris-cikis-baslik-eylemleri input { min-width: 150px; height: 38px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); color-scheme: light dark; font-size: 11px; }
.giris-cikis-baslik-eylemleri button { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 750; cursor: pointer; }
.giris-cikis-baslik-eylemleri button svg { width: 15px; height: 15px; }
.giris-cikis-metrikleri { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 9px 25px rgba(27,53,84,.045); }
.giris-cikis-metrikleri article { min-width: 0; display: flex; align-items: center; gap: 13px; padding: 14px 18px; border-right: 1px solid var(--cizgi); }
.giris-cikis-metrikleri article:last-child { border-right: 0; }
.giris-cikis-metrikleri article > span { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; background: color-mix(in srgb,var(--yesil) 11%,var(--yuzey)); color: var(--yesil); }
.giris-cikis-metrikleri article:nth-child(2) > span { background: color-mix(in srgb,var(--turuncu) 12%,var(--yuzey)); color: var(--turuncu); }
.giris-cikis-metrikleri article:nth-child(3) > span { background: var(--mavi-yumusak); color: var(--mavi); }
.giris-cikis-metrikleri svg { width: 21px; height: 21px; }
.giris-cikis-metrikleri article > div { min-width: 0; display: grid; grid-template-columns: 1fr auto; column-gap: 10px; align-items: end; }
.giris-cikis-metrikleri small { grid-column: 1/-1; color: var(--ikincil); font-size: 10px; }
.giris-cikis-metrikleri strong { color: var(--metin); font-size: 25px; font-weight: 870; line-height: 1.1; font-variant-numeric: tabular-nums; }
.giris-cikis-metrikleri em { overflow: hidden; color: var(--ikincil); font-size: 9px; font-style: normal; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.giris-cikis-paneli { min-height: 430px; display: grid; grid-template-rows: 66px auto 48px; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 10px 28px rgba(27,53,84,.05); }
.giris-cikis-paneli > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 17px; border-bottom: 1px solid var(--cizgi); }
.giris-cikis-paneli > header h3 { margin: 0; font-size: 15px; }
.giris-cikis-paneli > header p { margin: 2px 0 0; color: var(--ikincil); font-size: 10px; }
.giris-cikis-durum-rozeti { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 16px; background: var(--yuzey-ikincil); color: var(--ikincil); font-size: 9px; font-weight: 800; }
.giris-cikis-durum-rozeti i { width: 8px; height: 8px; border-radius: 50%; background: #8ea0b5; }
.giris-cikis-durum-rozeti[data-durum="acik"] { border-color: color-mix(in srgb,var(--yesil) 32%,var(--cizgi)); background: var(--yesil-yumusak); color: var(--yesil); }
.giris-cikis-durum-rozeti[data-durum="acik"] i { background: var(--yesil); box-shadow: 0 0 0 4px color-mix(in srgb,var(--yesil) 12%,transparent); }
.giris-cikis-tablosu { min-height: 315px; overflow-x: auto; overflow-y: visible; }
.giris-cikis-tablosu table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.giris-cikis-tablosu th { height: 42px; padding: 0 13px; border-bottom: 1px solid var(--cizgi); background: color-mix(in srgb,var(--yuzey-ikincil) 82%,var(--yuzey)); color: var(--ikincil); font-size: 8px; font-weight: 850; letter-spacing: .055em; text-align: left; text-transform: uppercase; }
.giris-cikis-tablosu th:first-child { width: 25%; }
.giris-cikis-tablosu th:nth-child(2), .giris-cikis-tablosu th:nth-child(4) { width: 12%; }
.giris-cikis-tablosu th:nth-child(3), .giris-cikis-tablosu th:nth-child(5) { width: 10%; }
.giris-cikis-tablosu th:nth-child(6) { width: 11%; }
.giris-cikis-tablosu th:nth-child(7) { width: 20%; }
.giris-cikis-tablosu td { min-height: 65px; padding: 12px 13px; border-bottom: 1px solid var(--cizgi); color: var(--metin); font-size: 10px; vertical-align: middle; }
.giris-cikis-tablosu tr:last-child td { border-bottom: 0; }
.giris-cikis-tablosu tr[data-durum="active"] { background: color-mix(in srgb,var(--yesil) 6%,var(--yuzey)); box-shadow: inset 3px 0 var(--yesil); }
.giris-cikis-temsilci { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; }
.giris-cikis-temsilci > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: var(--mavi-yumusak); color: var(--mavi); font-style: normal; font-weight: 850; }
.giris-cikis-temsilci span { min-width: 0; display: grid; gap: 2px; }
.giris-cikis-temsilci strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.giris-cikis-temsilci small, .giris-cikis-hucre-ikincil { color: var(--ikincil); font-size: 9px; }
.giris-cikis-sure { font-size: 12px; font-weight: 850; font-variant-numeric: tabular-nums; }
.giris-cikis-satir-durumu { display: grid; gap: 2px; }
.giris-cikis-satir-durumu strong { width: fit-content; padding: 4px 8px; border-radius: 10px; background: var(--yuzey-ikincil); color: var(--ikincil); font-size: 9px; }
tr[data-durum="active"] .giris-cikis-satir-durumu strong { background: var(--yesil-yumusak); color: var(--yesil); }
.giris-cikis-satir-durumu small { overflow: hidden; color: var(--ikincil); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.giris-cikis-yukleniyor { min-height: 180px; display: grid; place-items: center; place-content: center; gap: 10px; color: var(--ikincil); }
.giris-cikis-yukleniyor svg { width: 32px; height: 32px; color: var(--mavi); }
.giris-cikis-yukleniyor strong { font-size: 11px; }
.giris-cikis-paneli > footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 15px; border-top: 1px solid var(--cizgi); color: var(--ikincil); font-size: 9px; }
.giris-cikis-paneli > footer time { font-variant-numeric: tabular-nums; }
.sidebar nav .menu-sayaci { min-width: 20px; height: 20px; display: grid; place-items: center; margin-left: auto; padding: 0 6px; border-radius: 10px; background: #ef4054; color: #fff; font-size: 9px; font-weight: 850; }
.sidebar nav .menu-sayaci[hidden] { display: none; }
.degerlendirmeler-gorunumu { display: grid; min-height: 0; grid-template-rows: minmax(88px,auto) auto; align-content: start; gap: 12px; }
body[data-operator-gorunumu="degerlendirmeler"] .degerlendirmeler-gorunumu { min-height: 0; }
.degerlendirme-metrikleri { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 9px 25px rgba(27,53,84,.045); }
.degerlendirme-metrikleri article { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 13px 17px; border-right: 1px solid var(--cizgi); }
.degerlendirme-metrikleri article:last-child { border-right: 0; }
.degerlendirme-metrikleri article > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: var(--mavi-yumusak); color: var(--mavi); }
.degerlendirme-metrikleri article:nth-child(2) > span { background: var(--yesil-yumusak); color: var(--yesil); }
.degerlendirme-metrikleri article:nth-child(3) > span { background: color-mix(in srgb,#7c4dd6 12%,var(--yuzey)); color: #7251cc; }
.degerlendirme-metrikleri article:nth-child(4) > span { background: var(--turuncu-yumusak); color: var(--turuncu); }
.degerlendirme-metrikleri svg { width: 20px; height: 20px; }
.degerlendirme-metrikleri div { min-width: 0; display: grid; grid-template-columns: 1fr auto; column-gap: 10px; align-items: end; }
.degerlendirme-metrikleri small { grid-column: 1/-1; color: var(--ikincil); font-size: 10px; }
.degerlendirme-metrikleri strong { font-size: 23px; font-weight: 850; line-height: 1.15; font-variant-numeric: tabular-nums; }
.degerlendirme-metrikleri em { overflow: hidden; color: var(--ikincil); font-size: 9px; font-style: normal; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.degerlendirme-calisma-alani { min-height: 0; display: grid; grid-template-columns: minmax(330px,.72fr) minmax(620px,1.7fr); align-items: start; gap: 12px; }
.degerlendirme-listesi-karti, .degerlendirme-detay-karti { min-height: 0; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 10px 28px rgba(27,53,84,.05); }
.degerlendirme-listesi-karti { display: grid; grid-template-rows: auto 48px auto 50px; }
.degerlendirme-listesi-karti > header { min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); }
.degerlendirme-listesi-karti > header h3 { margin: 0; font-size: 15px; }
.degerlendirme-sonuc-basligi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.degerlendirme-sonuc-basligi > span { color: var(--ikincil); font-size: 12px; }
.degerlendirme-filtreleri { display: flex; align-items: center; gap: 6px; padding: 7px 12px; border-bottom: 1px solid var(--cizgi); }
.degerlendirme-filtreleri button { min-height: 32px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); color: var(--ikincil); font-size: 9px; font-weight: 800; cursor: pointer; }
.degerlendirme-filtreleri button.etkin { border-color: var(--mavi); background: var(--mavi-yumusak); color: var(--mavi); }
.degerlendirme-listesi { min-height: 0; overflow: visible; }
.degerlendirme-liste-satiri { width: 100%; min-height: 78px; display: grid; grid-template-columns: 47px minmax(0,1fr) 15px; align-items: center; gap: 11px; padding: 10px 13px; border: 0; border-bottom: 1px solid var(--cizgi); background: transparent; color: var(--metin); text-align: left; cursor: pointer; }
.degerlendirme-liste-satiri:hover { background: color-mix(in srgb,var(--mavi) 4%,var(--yuzey)); }
.degerlendirme-liste-satiri.etkin { background: color-mix(in srgb,var(--mavi) 9%,var(--yuzey)); box-shadow: inset 3px 0 var(--mavi); }
.degerlendirme-puani { width: 46px; height: 46px; display: grid; place-content: center; grid-template-columns: auto auto; align-items: baseline; border-radius: 13px; background: var(--mavi-yumusak); color: var(--mavi); }
.degerlendirme-puani.guclu { background: var(--yesil-yumusak); color: var(--yesil); }
.degerlendirme-puani.takip { background: var(--turuncu-yumusak); color: var(--turuncu); }
.degerlendirme-puani.gelisim { background: var(--kirmizi-yumusak); color: var(--kirmizi); }
.degerlendirme-puani strong { font-size: 17px; font-weight: 850; }
.degerlendirme-puani small { font-size: 8px; font-weight: 750; }
.degerlendirme-liste-metni { min-width: 0; display: grid; gap: 2px; }
.degerlendirme-liste-metni strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.degerlendirme-liste-metni small { overflow: hidden; color: var(--ikincil); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.degerlendirme-liste-metni em { width: fit-content; margin-top: 2px; padding: 2px 6px; border-radius: 8px; background: var(--yuzey-ikincil); color: var(--ikincil); font-size: 8px; font-style: normal; font-weight: 750; }
.degerlendirme-liste-satiri > svg { width: 14px; height: 14px; transform: rotate(-90deg); color: var(--ikincil); }
.degerlendirme-listesi-karti > footer { display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-top: 1px solid var(--cizgi); color: var(--ikincil); font-size: 9px; }
.degerlendirme-listesi-karti > footer div { display: flex; gap: 5px; }
.degerlendirme-listesi-karti > footer button { min-height: 31px; padding: 0 9px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); color: var(--metin); font-size: 9px; font-weight: 750; cursor: pointer; }
.degerlendirme-listesi-karti > footer button:disabled { opacity: .42; cursor: not-allowed; }
.degerlendirme-detay-karti { display: flex; flex-direction: column; }
.degerlendirme-detay-karti > .bos-durum { flex: 1; }
.degerlendirme-detay-basligi { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 18px; border-bottom: 1px solid var(--cizgi); }
.degerlendirme-detay-basligi small { color: var(--mavi); font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.degerlendirme-detay-basligi h3 { margin: 2px 0 0; font-size: 16px; }
.degerlendirme-detay-basligi p { margin: 2px 0 0; color: var(--ikincil); font-size: 9px; }
.degerlendirme-yanit-rozeti { padding: 6px 10px; border-radius: 13px; background: var(--mavi-yumusak); color: var(--mavi); font-size: 9px; font-weight: 800; }
.degerlendirme-yanit-rozeti.accepted { background: var(--yesil-yumusak); color: var(--yesil); }
.degerlendirme-yanit-rozeti.disputed { background: var(--kirmizi-yumusak); color: var(--kirmizi); }
.degerlendirme-detay-govdesi { min-height: 0; overflow: visible; padding: 14px 16px 18px; }
.degerlendirme-vitrini { min-height: 122px; display: grid; grid-template-columns: 96px minmax(0,1fr); align-items: center; gap: 18px; padding: 14px 17px; border: 1px solid color-mix(in srgb,var(--mavi) 20%,var(--cizgi)); border-radius: 13px; background: linear-gradient(135deg,color-mix(in srgb,var(--mavi) 7%,var(--yuzey)),var(--yuzey)); }
.degerlendirme-puan-halkasi { position: relative; width: 86px; height: 86px; display: grid; place-items: center; }
.degerlendirme-puan-halkasi > svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.degerlendirme-puan-halkasi circle { fill: none; stroke: var(--cizgi); stroke-width: 4; }
.degerlendirme-puan-halkasi circle:last-child { stroke: var(--mavi); stroke-linecap: round; }
.degerlendirme-puan-halkasi.guclu circle:last-child { stroke: var(--yesil); }
.degerlendirme-puan-halkasi.takip circle:last-child { stroke: var(--turuncu); }
.degerlendirme-puan-halkasi.gelisim circle:last-child { stroke: var(--kirmizi); }
.degerlendirme-puan-halkasi > span { position: relative; display: flex; align-items: baseline; }
.degerlendirme-puan-halkasi strong { font-size: 25px; font-weight: 880; }
.degerlendirme-puan-halkasi small { color: var(--ikincil); font-size: 9px; }
.degerlendirme-vitrini > div:last-child > small { color: var(--mavi); font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.degerlendirme-vitrini > div:last-child > strong { display: block; margin-top: 4px; font-size: 17px; }
.degerlendirme-vitrini p { margin: 6px 0 0; color: var(--ikincil); font-size: 10px; line-height: 1.55; }
.degerlendirme-bilgileri { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 10px 0 0; border: 1px solid var(--cizgi); border-radius: 11px; overflow: hidden; }
.degerlendirme-bilgileri div { padding: 10px 12px; border-right: 1px solid var(--cizgi); }
.degerlendirme-bilgileri div:last-child { border-right: 0; }
.degerlendirme-bilgileri dt { color: var(--ikincil); font-size: 8px; }
.degerlendirme-bilgileri dd { margin: 3px 0 0; font-size: 10px; font-weight: 800; }
.degerlendirme-kriterleri, .degerlendirme-kritik, .degerlendirme-yanit-alani, .degerlendirme-bilgi-notu { margin-top: 10px; border: 1px solid var(--cizgi); border-radius: 11px; background: var(--yuzey); }
.degerlendirme-kriterleri > header, .degerlendirme-kritik > header { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 12px; border-bottom: 1px solid var(--cizgi); font-size: 10px; }
.degerlendirme-kriterleri > header span, .degerlendirme-kritik > header span { color: var(--ikincil); font-size: 8px; }
.degerlendirme-kriterleri > div { display: grid; grid-template-columns: minmax(140px,1fr) minmax(130px,.8fr) 76px; align-items: center; gap: 11px; min-height: 39px; padding: 6px 12px; border-bottom: 1px solid var(--cizgi); font-size: 9px; }
.degerlendirme-kriterleri > div:last-child { border-bottom: 0; }
.degerlendirme-kriterleri progress { width: 100%; height: 7px; border: 0; border-radius: 5px; overflow: hidden; accent-color: var(--mavi); }
.degerlendirme-kriterleri progress::-webkit-progress-bar { background: var(--cizgi); }
.degerlendirme-kriterleri progress::-webkit-progress-value { background: linear-gradient(90deg,var(--mavi),#36b8d6); }
.degerlendirme-kriterleri > div > strong { text-align: right; font-size: 9px; }
.degerlendirme-kritik p { display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 12px; border-bottom: 1px solid var(--cizgi); color: var(--kirmizi); font-size: 9px; font-weight: 750; }
.degerlendirme-kritik p:last-child { border-bottom: 0; }
.degerlendirme-kritik svg { width: 15px; height: 15px; }
.degerlendirme-bilgi-notu { display: flex; align-items: center; gap: 10px; padding: 11px 13px; }
.degerlendirme-bilgi-notu svg { color: var(--mavi); }
.degerlendirme-bilgi-notu span { display: grid; gap: 2px; }
.degerlendirme-bilgi-notu strong { font-size: 10px; }
.degerlendirme-bilgi-notu small { color: var(--ikincil); font-size: 9px; }
.degerlendirme-kaydi { margin-top: 10px; border: 1px solid var(--cizgi); border-radius: 11px; overflow: hidden; }
.degerlendirme-kaydi .gorusme-ozeti { grid-template-columns: 38px minmax(0,1fr) 120px; }
.degerlendirme-yanit-alani { padding: 12px; }
.degerlendirme-yanit-alani > div:first-child strong { font-size: 11px; }
.degerlendirme-yanit-alani > div:first-child p { margin: 3px 0 0; color: var(--ikincil); font-size: 9px; }
.degerlendirme-yanit-eylemleri { display: flex; gap: 7px; margin-top: 10px; }
.degerlendirme-yanit-eylemleri button, #degerlendirmeItirazFormu button { min-height: 34px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); color: var(--metin); font-size: 9px; font-weight: 800; cursor: pointer; }
.degerlendirme-yanit-eylemleri button:first-child, #degerlendirmeItirazFormu button.birincil { border-color: var(--mavi); background: var(--mavi); color: #fff; }
.degerlendirme-yanit-eylemleri button.itiraz { border-color: color-mix(in srgb,var(--kirmizi) 35%,var(--cizgi)); color: var(--kirmizi); }
.degerlendirme-yanit-eylemleri button:disabled { opacity: .5; cursor: not-allowed; }
#degerlendirmeItirazFormu { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
#degerlendirmeItirazFormu label { display: grid; gap: 5px; color: var(--ikincil); font-size: 9px; font-weight: 750; }
#degerlendirmeItirazFormu textarea { min-height: 74px; resize: vertical; padding: 9px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey-ikincil); color: var(--metin); font: inherit; }
#degerlendirmeItirazFormu > div { display: flex; justify-content: flex-end; gap: 7px; margin-top: 8px; }
.degerlendirme-yanit-alani blockquote { margin: 10px 0 0; padding: 9px 11px; border-left: 3px solid var(--kirmizi); border-radius: 0 7px 7px 0; background: var(--kirmizi-yumusak); color: var(--metin); font-size: 9px; }
body[data-operator-gorunumu="musteri"] .musteri-gecmisi-gorunumu { min-height: 0; }
.musteri-gecmisi-yerlesimi { min-height: 0; display: grid; grid-template-columns: minmax(300px,.68fr) minmax(540px,1.52fr); align-items: start; gap: 14px; }
.musteri-gecmisi-karti { min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 16px; background: var(--yuzey); box-shadow: 0 12px 32px rgba(27,53,84,.07); }
.musteri-gecmisi-karti > header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--cizgi); background: linear-gradient(145deg,color-mix(in srgb,var(--mavi-yumusak) 38%,var(--yuzey)),var(--yuzey)); }
.musteri-gecmisi-karti > header > div { min-width: 0; }
.musteri-temas-basligi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.musteri-temas-basligi > span { color: var(--ikincil); font-size: 12px; }
.musteri-gecmisi-karti > header h3 { overflow: hidden; margin: 0; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.musteri-gecmisi-karti > header p { margin: 4px 0 0; color: var(--ikincil); font-size: 10px; line-height: 1.4; }
.musteri-gecmisi-karti > header > span { flex: 0 0 auto; padding: 6px 10px; border-radius: 14px; background: var(--yesil-yumusak); color: var(--yesil); font-size: 10px; font-weight: 800; }
.musteri-gecmisi-karti > header > span[data-baglam="son"] { background: var(--mavi-yumusak); color: var(--mavi); }
.musteri-gecmisi-profil, .musteri-gecmisi-temaslar { min-height: 0; overflow: visible; }
.musteri-gecmisi-profil .profil-alanlari { grid-template-columns: 1fr; padding: 8px 0; }
.musteri-gecmisi-profil .profil-alanlari div { border-right: 0; }
.musteri-zaman-cizelgesi { padding: 9px 20px 8px 38px; }
.musteri-zaman-cizelgesi article { position: relative; min-height: 82px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: start; gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.musteri-zaman-cizelgesi article:last-child { border-bottom: 0; }
.musteri-zaman-cizelgesi article::before { position: absolute; top: 0; bottom: 0; left: -20px; width: 1px; background: var(--cizgi); content: ""; }
.musteri-zaman-cizelgesi article:first-child::before { top: 24px; }
.musteri-zaman-cizelgesi article:last-child::before { bottom: calc(100% - 26px); }
.musteri-zaman-cizelgesi article::after { position: absolute; top: 21px; left: -24px; width: 9px; height: 9px; border: 2px solid var(--yuzey); border-radius: 50%; background: var(--mavi); box-shadow: 0 0 0 3px color-mix(in srgb,var(--mavi) 15%,transparent); content: ""; }
.musteri-zaman-cizelgesi article[data-temas-turu="geri_arama"]::after { background: var(--turuncu); box-shadow: 0 0 0 3px color-mix(in srgb,var(--turuncu) 16%,transparent); }
.musteri-zaman-cizelgesi article[data-temas-turu="dijital"]::after { background: var(--turkuaz); box-shadow: 0 0 0 3px color-mix(in srgb,var(--turkuaz) 16%,transparent); }
.musteri-temas-ikonu { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--mavi) 20%,var(--cizgi)); border-radius: 13px; background: var(--mavi-yumusak); color: var(--mavi); }
.musteri-temas-ikonu.geri_arama { border-color: color-mix(in srgb,var(--turuncu) 24%,var(--cizgi)); background: color-mix(in srgb,var(--turuncu) 10%,var(--yuzey)); color: var(--turuncu); }
.musteri-temas-ikonu.dijital { border-color: color-mix(in srgb,var(--turkuaz) 24%,var(--cizgi)); background: color-mix(in srgb,var(--turkuaz) 10%,var(--yuzey)); color: var(--turkuaz); }
.musteri-temas-ikonu svg { width: 20px; height: 20px; }
.musteri-zaman-cizelgesi article > span { min-width: 0; display: grid; gap: 5px; }
.musteri-temas-basligi { display: flex; align-items: center; gap: 7px; }
.musteri-zaman-cizelgesi article strong { min-width: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.musteri-temas-basligi em { flex: 0 0 auto; padding: 3px 6px; border-radius: 6px; background: var(--yuzey-ikincil); color: var(--ikincil); font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.musteri-zaman-cizelgesi article small { color: var(--ikincil); font-size: 10px; line-height: 1.45; }
.musteri-zaman-cizelgesi article p { margin: 2px 0 0; padding: 8px 10px; border-left: 3px solid color-mix(in srgb,var(--mavi) 45%,var(--cizgi)); border-radius: 0 7px 7px 0; background: var(--yuzey-ikincil); color: var(--metin-ikincil); font-size: 10px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.musteri-zaman-cizelgesi article p b { margin-right: 7px; color: var(--mavi); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.musteri-zaman-cizelgesi article > b { margin-top: 7px; padding: 5px 9px; border-radius: 12px; background: var(--yesil-yumusak); color: var(--yesil); font-size: 9px; white-space: nowrap; }
.musteri-zaman-cizelgesi article > b[data-durum="aktif"] { background: var(--mavi-yumusak); color: var(--mavi); }
.musteri-zaman-cizelgesi article > b[data-durum="bekliyor"] { background: color-mix(in srgb,var(--turuncu) 12%,var(--yuzey)); color: var(--turuncu); }
.musteri-zaman-cizelgesi article > b[data-durum="hata"] { background: var(--kirmizi-yumusak); color: var(--kirmizi); }
.musteri-zaman-cizelgesi-alt { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:8px 16px; border-top:1px solid var(--cizgi); background:var(--yuzey-ikincil); }
.musteri-zaman-cizelgesi-alt button { min-height:34px; padding:0 12px; border:1px solid var(--cizgi-guclu); border-radius:8px; background:var(--yuzey); color:var(--mavi); font-size:9px; font-weight:800; cursor:pointer; }
.musteri-zaman-cizelgesi-alt button:disabled { cursor:wait; opacity:.55; }
.musteri-zaman-cizelgesi-alt small { margin-left:auto; color:var(--ikincil); font-size:9px; }
@media (max-width:1100px) { .musteri-gecmisi-yerlesimi { grid-template-columns:1fr; } .musteri-gecmisi-profil .profil-alanlari { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .musteri-gecmisi-karti > header { align-items:flex-start; } .musteri-gecmisi-profil .profil-alanlari { grid-template-columns:1fr; } .musteri-zaman-cizelgesi { padding-inline:28px 14px; } .musteri-zaman-cizelgesi article { grid-template-columns:38px minmax(0,1fr); } .musteri-temas-ikonu { width:38px; height:38px; } .musteri-zaman-cizelgesi article > b { grid-column:2; justify-self:start; margin-top:0; } .musteri-zaman-cizelgesi-alt { align-items:flex-start; flex-direction:column; } .musteri-zaman-cizelgesi-alt small { margin-left:0; } }
.karsilama-sunucu-rozeti { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--yesil) 30%, var(--cizgi)); border-radius: 18px; background: var(--yesil-yumusak); color: var(--yesil); font-size: 11px; font-weight: 800; }
.karsilama-sunucu-rozeti i { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px color-mix(in srgb, var(--yesil) 13%, transparent); }
.karsilama-yerlesimi { min-height: calc(100% - 88px); display: grid; grid-template-columns: minmax(330px,.74fr) minmax(500px,1.18fr) minmax(350px,.82fr); align-items: stretch; gap: 14px; }
.karsilama-karti { min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 15px; background: var(--yuzey); box-shadow: 0 12px 30px rgba(27,53,84,.06); }
.karsilama-karti > header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 18px; border-bottom: 1px solid var(--cizgi); }
.karsilama-karti > header small { display: block; margin-bottom: 3px; color: var(--mavi); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.karsilama-karti > header h3 { margin: 0; font-size: 17px; letter-spacing: -.015em; }
.karsilama-karti > header p { margin: 4px 0 0; color: var(--ikincil); font-size: 11px; }
.karsilama-karti > header > span { flex: 0 0 auto; padding: 6px 10px; border-radius: 15px; background: var(--mavi-yumusak); color: var(--mavi); font-size: 12px; font-weight: 850; font-variant-numeric: tabular-nums; }
.karsilama-kayit-alani { min-height: 112px; display: flex; align-items: center; gap: 16px; margin: 14px 18px 12px; padding: 16px; border: 1px solid color-mix(in srgb, var(--mavi) 22%, var(--cizgi)); border-radius: 14px; background: linear-gradient(145deg, color-mix(in srgb, var(--mavi) 8%, var(--yuzey)), var(--yuzey)); }
.karsilama-mikrofonu { position: relative; width: 62px; height: 62px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--mavi-yumusak); color: var(--mavi); box-shadow: inset 0 0 0 10px color-mix(in srgb, var(--mavi) 4%, transparent); }
.karsilama-mikrofonu svg { width: 27px; height: 27px; }
.karsilama-mikrofonu i { position: absolute; right: 2px; bottom: 4px; width: 13px; height: 13px; border: 3px solid var(--yuzey); border-radius: 50%; background: var(--yesil); }
.karsilama-mikrofonu.kayitta { color: var(--kirmizi); background: var(--kirmizi-yumusak); animation: karsilama-nabiz 1.1s ease-in-out infinite; }
.karsilama-mikrofonu.kayitta i { background: var(--kirmizi); }
@keyframes karsilama-nabiz { 50% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--kirmizi) 10%, transparent), inset 0 0 0 12px color-mix(in srgb, var(--kirmizi) 4%, transparent); } }
.karsilama-kayit-alani strong { display: block; margin-bottom: 6px; font-size: 17px; }
.karsilama-kayit-alani p { margin: 0; color: var(--ikincil); font-size: 12px; line-height: 1.55; }
.karsilama-baslik-alani { display: grid; gap: 6px; margin: 0 18px 12px; color: var(--metin-ikincil); font-size: 11px; font-weight: 750; }
.karsilama-baslik-alani input { height: 42px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey-ikincil); color: var(--metin); font-size: 13px; }
.karsilama-kayit-eylemleri { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 8px; padding: 0 18px 12px; }
.karsilama-kayit-eylemleri button, .karsilama-onizleme button, .karsilama-etkin-ozeti button, .karsilama-kaydi button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 800; cursor: pointer; }
.karsilama-kayit-eylemleri button svg { width: 16px; height: 16px; }
.karsilama-kayit-eylemleri .birincil, .karsilama-onizleme .birincil { border-color: var(--mavi); background: var(--mavi); color: #fff; }
.karsilama-kayit-eylemleri button:disabled, .karsilama-onizleme button:disabled, .karsilama-etkin-ozeti button:disabled, .karsilama-kaydi button:disabled { cursor: not-allowed; opacity: .45; }
.karsilama-onizleme { margin: 0 20px 14px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 11px; background: var(--yuzey-ikincil); }
.karsilama-onizleme audio { width: 100%; height: 38px; }
.karsilama-onizleme > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.karsilama-onizleme[hidden] { display: none; }
.karsilama-bilgi { margin: auto 18px 16px; padding: 10px 12px; border-radius: 9px; background: var(--yuzey-ikincil); color: var(--ikincil); font-size: 10px; line-height: 1.45; }
.karsilama-bilgi:has(button:not([hidden])) { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.karsilama-bilgi button { min-height: 34px; flex: 0 0 auto; padding: 0 11px; border: 1px solid currentColor; border-radius: 8px; background: var(--yuzey); color: inherit; font: inherit; font-weight: 850; cursor: pointer; }
.karsilama-bilgi.hata { background: var(--kirmizi-yumusak); color: var(--kirmizi); }
.karsilama-bilgi.basarili { background: var(--yesil-yumusak); color: var(--yesil); }
.karsilama-etkin-ozeti { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 15px 16px 8px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--yesil) 28%, var(--cizgi)); border-radius: 11px; background: var(--yesil-yumusak); }
.karsilama-etkin-ozeti > span { position: relative; display: grid; gap: 2px; padding-left: 20px; }
.karsilama-etkin-ozeti > span > i { position: absolute; top: 8px; left: 1px; width: 9px; height: 9px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px color-mix(in srgb, var(--yesil) 13%, transparent); }
.karsilama-etkin-ozeti small { color: var(--yesil); font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.karsilama-etkin-ozeti strong { font-size: 13px; }
.karsilama-listesi { flex: 1; min-height: 0; overflow: visible; padding: 8px 16px 16px; }
.karsilama-kaydi { min-height: 82px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid var(--cizgi); }
.karsilama-kaydi > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: var(--mavi-yumusak); color: var(--mavi); font-style: normal; font-size: 16px; font-weight: 850; }
.karsilama-kaydi.etkin > i { background: var(--yesil-yumusak); color: var(--yesil); }
.karsilama-kaydi > span { min-width: 0; display: grid; gap: 4px; }
.karsilama-kaydi > span strong { overflow: hidden; text-overflow: ellipsis; font-size: 13px; white-space: nowrap; }
.karsilama-kaydi > span small { color: var(--ikincil); font-size: 10px; }
.karsilama-kaydi > div { display: flex; gap: 7px; }
.karsilama-kaydi button { min-height: 34px; padding: 0 10px; }
.karsilama-kaydi button.etkinlestir { border-color: color-mix(in srgb, var(--mavi) 45%, var(--cizgi)); color: var(--mavi); }
.karsilama-kaydi button.sil { color: var(--kirmizi); }
.karsilama-plan-karti { background: linear-gradient(160deg, color-mix(in srgb, var(--mavi) 3%, var(--yuzey)), var(--yuzey) 45%); }
.karsilama-simdi { min-height: 82px; display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 13px; margin: 14px 16px 10px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--yesil) 28%, var(--cizgi)); border-radius: 12px; background: linear-gradient(135deg, var(--yesil-yumusak), color-mix(in srgb, var(--yesil) 3%, var(--yuzey))); }
.karsilama-simdi-ikonu { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--yesil); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--yesil) 25%, transparent); }
.karsilama-simdi > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.karsilama-simdi small { color: var(--yesil); font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.karsilama-simdi strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.karsilama-simdi em { color: var(--ikincil); font-size: 10px; font-style: normal; }
.karsilama-simdi > b { padding: 7px 9px; border-radius: 9px; background: var(--yuzey); color: var(--yesil); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.karsilama-zaman-dilimleri { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 9px; padding: 4px 16px 12px; overflow: visible; }
.karsilama-zaman-dilimi { position: relative; min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px; padding: 11px; border: 1px solid var(--cizgi); border-radius: 11px; background: var(--yuzey); transition: border-color .18s ease, box-shadow .18s ease, translate .18s ease; }
.karsilama-zaman-dilimi.etkin { border-color: color-mix(in srgb, var(--mavi) 55%, var(--cizgi)); box-shadow: 0 7px 18px color-mix(in srgb, var(--mavi) 9%, transparent); translate: 0 -1px; }
.karsilama-zaman-dilimi > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--mavi-yumusak); color: var(--mavi); font-style: normal; font-size: 14px; font-weight: 900; }
.karsilama-zaman-dilimi > span { min-width: 0; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; }
.karsilama-zaman-dilimi strong { font-size: 12px; }
.karsilama-zaman-dilimi small { color: var(--ikincil); font-size: 9px; font-variant-numeric: tabular-nums; }
.karsilama-saatleri { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) 12px minmax(0,1fr); align-items: end; gap: 5px; margin-top: 6px; }
.karsilama-saatleri label { min-width: 0; display: grid; gap: 3px; }
.karsilama-saatleri em { color: var(--ikincil); font-size: 8px; font-style: normal; font-weight: 750; }
.karsilama-saatleri b { align-self: center; color: var(--ikincil); font-size: 10px; text-align: center; }
.karsilama-saatleri input { width: 100%; min-width: 0; height: 32px; padding: 0 7px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey-ikincil); color: var(--metin); font-size: 10px; font-weight: 750; font-variant-numeric: tabular-nums; color-scheme: light dark; }
.karsilama-saatleri input:focus { border-color: var(--mavi); outline: 2px solid color-mix(in srgb, var(--mavi) 15%, transparent); outline-offset: 1px; }
.karsilama-zaman-dilimi select { grid-column: 1 / -1; width: 100%; height: 34px; margin-top: 5px; padding: 0 28px 0 9px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey-ikincil); color: var(--metin); font-size: 10px; font-weight: 700; }
.karsilama-zaman-dilimi.etkin select { border-color: color-mix(in srgb, var(--mavi) 35%, var(--cizgi)); }
.karsilama-plan-alt { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 16px; border-top: 1px solid var(--cizgi); }
.karsilama-plan-alt > span { display: flex; align-items: center; gap: 8px; color: var(--ikincil); }
.karsilama-plan-alt > span i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--yesil); }
.karsilama-plan-alt small { font-size: 9px; }
.karsilama-plan-alt button { min-height: 38px; padding: 0 14px; border: 1px solid var(--mavi); border-radius: 9px; background: var(--mavi); color: #fff; font-size: 10px; font-weight: 850; cursor: pointer; white-space: nowrap; }
.karsilama-plan-alt button:disabled { cursor: not-allowed; opacity: .45; }
@media (max-width: 1540px) { .karsilama-yerlesimi { grid-template-columns: minmax(340px,.8fr) minmax(520px,1.2fr); grid-template-rows: auto auto; } .karsilama-kayit-karti { grid-row: 1 / span 2; } }
.operator-cagri-kpi-seridi { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 10px; margin: 6px 0 0; }
.operator-cagri-kpi-seridi article { min-width: 0; min-height: 72px; display: flex; align-items: center; gap: 13px; padding: 10px 16px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--cizgi) 88%,#b7c7dc); border-radius: 11px; background: linear-gradient(145deg,var(--yuzey),color-mix(in srgb,var(--mavi) 1.5%,var(--yuzey))); box-shadow: 0 5px 16px color-mix(in srgb,var(--lacivert) 4%,transparent); }
.operator-cagri-kpi-seridi article > span { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--mavi-yumusak); color: var(--mavi); }
.operator-cagri-kpi-seridi article > span svg { width: 21px; height: 21px; stroke-width: 2; }
.operator-cagri-kpi-seridi article > div { min-width: 0; display: grid; gap: 3px; }
.operator-cagri-kpi-seridi small { overflow: hidden; color: var(--metin-ikincil); font-size: 11px; font-weight: 560; letter-spacing: 0; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.operator-cagri-kpi-seridi strong { overflow: hidden; color: var(--metin); font-size: 21px; font-weight: 760; font-variant-numeric: tabular-nums; letter-spacing: -.025em; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.operator-cagri-kpi-seridi article[data-kpi="gelen"] > span,
.operator-cagri-kpi-seridi article[data-kpi="yanitlanan"] > span { background: var(--yesil-yumusak); color: var(--yesil); }
.operator-cagri-kpi-seridi article[data-kpi="giden"] > span { background: color-mix(in srgb,var(--turkuaz) 10%,var(--yuzey)); color: var(--turkuaz); }
.operator-cagri-kpi-seridi[data-hata="true"] article:not([data-kpi="bekleyen"]) strong { color: var(--metin-soluk); }
.telefon-konsolu { position: relative; z-index: 5; overflow: visible; border: 1px solid #96add0; border-radius: 14px; background: var(--yuzey); box-shadow: var(--golge); transition: box-shadow .2s ease; }
.telefon-konsolu.cagri-var { box-shadow: 0 0 0 3px rgba(23,105,221,.1), var(--golge); }
.telefon-basligi { min-height: 48px; display: grid; grid-template-columns: minmax(230px, .9fr) 1.15fr minmax(52px, .7fr); align-items: center; padding: 0 20px; border-bottom: 1px solid var(--cizgi); }
.telefon-basligi > div:first-child, .telefon-baslik-eylem { display: flex; min-width: 0; flex-wrap: nowrap; align-items: center; gap: 9px; }
.telefon-basligi > div:first-child svg { width: 18px; height: 18px; }
.telefon-basligi > div:first-child i { width: 8px; height: 8px; border-radius: 50%; background: #96a5b8; }
.telefon-basligi > div:first-child i.hazir { background: var(--yesil); box-shadow: 0 0 0 4px rgba(7,158,111,.11); }
.telefon-basligi > div:first-child strong, .telefon-basligi > div:first-child span { flex: 0 0 auto; white-space: nowrap; }
.telefon-basligi > div:first-child strong { font-size: 14px; }
.telefon-basligi > div:first-child span { color: var(--ikincil); }
.telefon-basligi dl { height: 100%; display: flex; align-items: center; justify-content: center; gap: 0; margin: 0; }
.telefon-basligi dl div { min-width: 108px; min-height: 30px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 0 16px; border-left: 1px solid var(--cizgi); }
.telefon-basligi dl div:last-child { border-right: 1px solid var(--cizgi); }
.telefon-basligi dt { color: var(--ikincil); font-size: 12px; }
.telefon-basligi dd { margin: 0; font-weight: 700; }
.telefon-baslik-eylem { justify-content: flex-end; }
.telefon-baslik-eylem button { width: 32px; height: 32px; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; }
.telefon-baslik-eylem button svg { width: 17px; transition: transform .2s ease; }
.telefon-baslik-eylem .telefon-yeniden-baglan { display: inline-flex; width: auto; gap: 6px; padding: 0 10px; border: 1px solid color-mix(in srgb, var(--kirmizi) 36%, var(--cizgi)); border-radius: 8px; background: var(--kirmizi-yumusak); color: var(--kirmizi); font-size: 10px; font-weight: 800; }
.telefon-baslik-eylem .telefon-yeniden-baglan[hidden] { display: none; }
.telefon-baslik-eylem .telefon-yeniden-baglan:hover { border-color: var(--kirmizi); background: color-mix(in srgb, var(--kirmizi-yumusak) 75%, var(--yuzey)); }
.telefon-baslik-eylem .telefon-yeniden-baglan:disabled { cursor: wait; opacity: .62; }
.telefon-baslik-eylem .telefon-yeniden-baglan svg { width: 15px; }
.telefon-konsolu.dar #telefonuDaralt svg { transform: rotate(180deg); }
.telefon-govdesi { display: grid; grid-template-columns: minmax(320px, .92fr) minmax(500px, 1.45fr) minmax(280px, .78fr); min-height: 112px; transition: max-height .25s ease, min-height .25s ease, opacity .2s ease; }
.cagri-kimligi, .temel-kontroller, .gelismis-kontroller { display: flex; align-items: center; padding: 8px 14px; }
.cagri-kimligi { gap: 11px; }
.cagri-amblemi { width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--mavi-yumusak); color: var(--mavi); box-shadow: inset 0 0 0 8px color-mix(in srgb, var(--mavi) 3%, transparent); }
.cagri-amblemi { border: 0; cursor: pointer; }
.cagri-amblemi svg { width: 24px; height: 24px; }
.cagri-kimligi h2 { margin: 0 0 5px; font-size: 16px; }
.cagri-kimligi p { max-width: 190px; margin: 0; color: var(--ikincil); font-size: 12px; line-height: 1.5; }
.cagri-kimligi .durum-suresi { display: flex; align-items: baseline; gap: 8px; max-width: none; }
.cagri-kimligi .durum-suresi span { font-size: 10px; }
.cagri-kimligi .durum-suresi b { color: var(--metin); font-size: 12px; font-variant-numeric: tabular-nums; letter-spacing: .025em; }
.cagri-kimligi strong { display: block; margin-top: 4px; color: var(--mavi); }
.arama-alani { display: none; position: absolute; top: 66px; left: 95px; z-index: 6; width: 330px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); box-shadow: var(--golge); }
.arama-alani.acik { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.arama-alani span { grid-column: 1 / -1; font-size: 11px; font-weight: 700; color: var(--ikincil); }
.arama-alani input { min-width: 0; height: 38px; border: 1px solid var(--cizgi); border-radius: 8px; padding: 0 11px; }
.arama-alani button { border: 0; border-radius: 8px; padding: 0 14px; background: var(--mavi); color: #fff; font-weight: 700; cursor: pointer; }
.temel-kontroller, .gelismis-kontroller { position: relative; gap: 7px; border-left: 1px solid var(--cizgi); }
.temel-kontroller p, .gelismis-kontroller p { position: absolute; top: 8px; left: 16px; margin: 0; color: var(--metin-ikincil); font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.temel-kontroller button, .gelismis-kontroller button { min-width: 72px; height: 64px; display: grid; place-items: center; align-content: center; gap: 5px; margin-top: 11px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 11px; font-weight: 700; cursor: pointer; transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; }
.temel-kontroller button:hover:not(:disabled), .gelismis-kontroller button:hover:not(:disabled) { transform: translateY(-2px); border-color: #a9c5e8; box-shadow: 0 8px 18px rgba(23,54,91,.1); }
.temel-kontroller button:disabled, .gelismis-kontroller button:disabled { cursor: not-allowed; opacity: .53; }
.temel-kontroller button svg, .gelismis-kontroller button svg { width: 21px; height: 21px; }
.temel-kontroller .cevapla { color: #fff; border-color: #07965f; background: linear-gradient(145deg, #08a56e, #078d5d); }
.temel-kontroller .kapat { color: #fff; border-color: #d92636; background: linear-gradient(145deg, #ed3544, #d72332); }
.temel-kontroller button.etkin { color: #fff; border-color: var(--mavi); background: var(--mavi); }
.ses-konsolu { min-height: 58px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 8px 18px; border-top: 1px solid var(--cizgi); background: linear-gradient(180deg, color-mix(in srgb, var(--yuzey-ikincil) 92%, #fff), var(--yuzey-ikincil)); border-radius: 0 0 14px 14px; }
.ses-konsolu label { flex: 1 1 260px; min-width: 0; display: grid; grid-template-columns: 22px auto minmax(0,1fr); align-items: center; gap: 9px; color: var(--metin-ikincil); font-size: 12px; }
.ses-konsolu label > svg { width: 19px; height: 19px; }
.ses-konsolu label select { width: 100%; min-width: 0; height: 38px; border: 1px solid var(--cizgi); border-radius: 8px; padding: 0 30px 0 11px; background: var(--yuzey); color: var(--metin); font-size: 12px; }
.ses-konsolu label select:focus { outline: 0; border-color: color-mix(in srgb, var(--turkuaz) 65%, var(--cizgi)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--turkuaz) 12%, transparent); }
.ses-konsolu label select:disabled { cursor: not-allowed; opacity: .56; }
.hoparlor-ikonu { font-size: 17px; font-weight: 900; letter-spacing: -3px; }
.ses-denetimi { min-width: 0; width: 100%; height: 40px; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid color-mix(in srgb, var(--turkuaz) 42%, var(--cizgi)); border-radius: 8px; background: color-mix(in srgb, var(--turkuaz) 5%, var(--yuzey)); color: var(--metin); cursor: pointer; text-align: left; }
.ses-denetimi svg { width: 19px; height: 19px; color: var(--turkuaz); }
.ses-denetimi span { min-width: 0; display: grid; gap: 1px; }
.ses-denetimi b { font-size: 12px; }
.ses-denetimi small { max-width: 165px; overflow: hidden; color: var(--metin-ikincil); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ses-denetimi.hazir { border-color: color-mix(in srgb, var(--yesil) 42%, var(--cizgi)); background: color-mix(in srgb, var(--yesil) 7%, var(--yuzey)); }
.ses-denetimi.uyari { border-color: color-mix(in srgb, var(--turuncu) 42%, var(--cizgi)); background: color-mix(in srgb, var(--turuncu) 7%, var(--yuzey)); }
.ses-denetimi.hata { border-color: color-mix(in srgb, var(--kirmizi) 42%, var(--cizgi)); background: color-mix(in srgb, var(--kirmizi) 6%, var(--yuzey)); }
.ses-denetimi:disabled { cursor: not-allowed; opacity: .62; }
.ses-denetimleri { flex: 1 1 340px; min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.ses-denetimleri .ses-denetimi b { white-space: nowrap; }
.ses-denetimleri .ses-denetimi svg { flex-shrink: 0; }
.ses-konsolu > .ses-denetimi { flex: 0 1 178px; }
.ses-durumlari[hidden] { display: none; }
.ses-denetimleri .ses-denetimi:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }
.ses-durumlari { margin-left: 0; display: flex; align-items: center; justify-content: space-between; gap: 11px; color: #52647d; font-size: 10px; }
.ses-durumlari span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (max-width: 1450px) {
  .ses-konsolu label { min-width: 0; }
  .ses-durumlari { grid-column: 1 / -1; justify-content: flex-end; gap: 22px; }
}
.telefon-konsolu.dar .telefon-govdesi, .telefon-konsolu.dar .ses-konsolu { display: none; }
.telefon-konsolu.dar .telefon-basligi { border-bottom: 0; }

.dtmf-paneli { position: absolute; z-index: 20; top: 145px; right: 25%; width: 250px; padding: 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); box-shadow: var(--golge-yuksek); }
.dtmf-paneli header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.dtmf-paneli header button { border: 0; background: transparent; font-size: 20px; cursor: pointer; }
.tus-ekrani { display: grid; gap: 5px; margin-bottom: 10px; }
.tus-ekrani span { color: var(--ikincil); font-size: 10px; font-weight: 700; }
.tus-ekrani input { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid var(--cizgi); border-radius: 8px; padding: 0 11px; background: var(--yuzey); color: var(--metin); font-size: 17px; letter-spacing: .04em; }
.dtmf-paneli > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.dtmf-paneli > div button { height: 42px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey-ikincil); color: var(--metin); cursor: pointer; font-weight: 700; }
.tus-arama-dugmesi { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; border: 0; border-radius: 8px; background: var(--yesil); color: #fff; font-weight: 800; cursor: pointer; }
.tus-arama-dugmesi svg { width: 16px; }
.tus-arama-dugmesi:disabled { cursor: not-allowed; opacity: .45; }

.danisma-koprusu { padding: 16px 20px 18px; border-top: 1px solid var(--cizgi); background: var(--yuzey); }
.danisma-koprusu[hidden] { display: none; }
.danisma-koprusu > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.danisma-koprusu > header span { display: flex; align-items: center; gap: 8px; }
.danisma-koprusu > header svg { width: 18px; height: 18px; color: var(--mavi); }
.danisma-koprusu > header b { font-size: 13px; }
.danisma-koprusu > header small { color: var(--ikincil); font-size: 10px; }
.danisma-taraflari { display: grid; grid-template-columns: minmax(205px,1fr) 80px minmax(175px,.8fr) 80px minmax(205px,1fr); align-items: center; gap: 10px; }
.danisma-tarafi { min-height: 78px; display: flex; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid var(--cizgi); border-radius: 11px; background: var(--yuzey-ikincil); }
.danisma-tarafi > i { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; background: color-mix(in srgb, var(--taraf-rengi) 14%, var(--yuzey)); box-shadow: inset 0 0 0 10px color-mix(in srgb, var(--taraf-rengi) 4%, transparent); }
.danisma-tarafi > div { min-width: 0; display: grid; gap: 3px; }
.danisma-tarafi small { color: var(--ikincil); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.danisma-tarafi strong { overflow: hidden; text-overflow: ellipsis; font-size: 14px; white-space: nowrap; }
.danisma-tarafi span { color: var(--taraf-rengi); font-size: 10px; font-weight: 700; }
.danisma-tarafi.ana-taraf { --taraf-rengi: #d98a08; border-color: color-mix(in srgb, var(--taraf-rengi) 50%, var(--cizgi)); }
.danisma-tarafi.operator-tarafi { --taraf-rengi: var(--mavi); }
.danisma-tarafi.hedef-taraf { --taraf-rengi: #129a91; border-color: color-mix(in srgb, var(--taraf-rengi) 48%, var(--cizgi)); }
.danisma-tarafi.hedef-taraf[data-durum="araniyor"] { --taraf-rengi: #7a8ba1; }
.danisma-tarafi.hedef-taraf[data-durum="hata"] { --taraf-rengi: var(--kirmizi); }
.danisma-tarafi.ana-taraf[data-durum="hata"] { --taraf-rengi: var(--kirmizi); }
.danisma-hatti { display: flex; align-items: center; color: var(--mavi); }
.danisma-hatti span { height: 1px; flex: 1; border-top: 1px dashed color-mix(in srgb, currentColor 55%, transparent); }
.danisma-hatti svg { width: 23px; height: 23px; padding: 5px; border: 1px solid color-mix(in srgb, currentColor 35%, var(--cizgi)); border-radius: 50%; }
.danisma-eylemleri { display: grid; grid-template-columns: repeat(4, minmax(145px,1fr)); gap: 9px; margin-top: 13px; }
.danisma-eylemleri button { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-size: 10px; font-weight: 800; cursor: pointer; }
.danisma-eylemleri button svg { width: 17px; height: 17px; }
.danisma-eylemleri button:disabled { cursor: not-allowed; opacity: .43; }
.danisma-eylemleri .transferi-tamamla:not(:disabled) { border-color: #0b9187; background: #0b9187; color: #fff; }
.danisma-eylemleri .danismayi-sonlandir { border-color: color-mix(in srgb, var(--kirmizi) 35%, var(--cizgi)); color: var(--kirmizi); }
.telefon-konsolu.danisma-etkin .telefon-govdesi { display: none; }
.telefon-konsolu.danisma-etkin .danisma-koprusu { display: block; }

.operator-durumlari { min-height: 58px; display: grid; grid-template-columns: minmax(145px, .85fr) auto minmax(0, 5fr); margin: 0; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); overflow: hidden; }
.operator-durum-secenekleri { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(115px, 1fr); overflow-x: auto; scrollbar-width: thin; }
.operator-durum-etiketi { display: grid; grid-template-columns: 12px 1fr; grid-template-rows: auto auto auto; align-content: center; column-gap: 8px; padding: 7px 16px; border-right: 1px solid var(--cizgi); }
.operator-durum-etiketi i { grid-row: 1 / 4; align-self: center; width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; }
.operator-durum-etiketi small { color: var(--ikincil); font-size: 9px; }
.operator-durum-etiketi strong { font-size: 11px; }
.operator-durum-etiketi em { max-width: 185px; overflow: hidden; color: var(--ikincil); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.temsilci-sureleri { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.temsilci-sureleri p { display: inline-flex; align-items: center; gap: 5px; margin: 0; }
.sonraki-durum-etiketi { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-content: center; column-gap: 12px; min-width: 190px; padding: 0 14px; border-right: 1px solid var(--cizgi); background: color-mix(in srgb, var(--yesil) 7%, var(--yuzey)); }
.sonraki-durum-etiketi[hidden] { display: none; }
.sonraki-durum-etiketi small { color: var(--ikincil); font-size: 9px; }
.sonraki-durum-etiketi strong { font-size: 11px; color: var(--metin); }
.operator-durumlari .sonraki-durum-etiketi button { grid-column: 2; grid-row: 1 / 3; align-self: center; min-width: auto; height: 28px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); color: var(--kirmizi); font-size: 10px; }
.operator-durumlari[data-mevcut-durum="hazir"] .operator-durum-etiketi i { background: var(--yesil); }
.operator-durumlari[data-mevcut-durum="caliyor"] .operator-durum-etiketi i,
.operator-durumlari[data-mevcut-durum="gorusmede"] .operator-durum-etiketi i { background: #2563eb; }
.operator-durumlari[data-mevcut-durum="beklemede"] .operator-durum-etiketi i,
.operator-durumlari[data-mevcut-durum="acw"] .operator-durum-etiketi i { background: #8b5cf6; }
.operator-durumlari button { display: flex; min-width: 0; justify-content: center; align-items: center; gap: 9px; border: 0; border-right: 1px solid var(--cizgi); background: var(--yuzey); color: var(--durum-rengi, var(--metin)); font-weight: 700; cursor: pointer; white-space: nowrap; }
.operator-durumlari button[data-durum-tonu="hazir"] { --durum-rengi: #159a72; }
.operator-durumlari button[data-durum-tonu="0"] { --durum-rengi: #d97706; }
.operator-durumlari button[data-durum-tonu="1"] { --durum-rengi: #2563eb; }
.operator-durumlari button[data-durum-tonu="2"] { --durum-rengi: #7c3aed; }
.operator-durumlari button[data-durum-tonu="3"] { --durum-rengi: #a78b00; }
.operator-durumlari button[data-durum-tonu="4"] { --durum-rengi: #0f9188; }
.operator-durumlari button[data-durum-tonu="5"] { --durum-rengi: #c2416c; }
.operator-durumlari button:last-child { border-right: 0; }
.operator-durumlari button.etkin { color: var(--yesil); background: var(--yesil-yumusak); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--yesil) 45%, transparent); }
.operator-durumlari button.planli { background: color-mix(in srgb, currentColor 9%, var(--yuzey)); box-shadow: inset 0 -3px 0 currentColor; }
body[data-aux-etkin] .operator-durumlari button.etkin { color: var(--durum-rengi, var(--operator-aux-rengi)); background: color-mix(in srgb, var(--operator-aux-rengi) 13%, var(--yuzey)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--operator-aux-rengi) 64%, transparent); }
body[data-aux-etkin] .operator-durum-etiketi i { background: var(--operator-aux-rengi); box-shadow: 0 0 0 5px color-mix(in srgb, var(--operator-aux-rengi) 15%, transparent); }
.operator-durumlari button.bekliyor { opacity: .6; cursor: wait; }
.operator-durumlari button i { width: 12px; height: 12px; border: 2px solid currentColor; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; background: currentColor; }
.operator-durumlari svg { width: 18px; }

.kart-izgarasi { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.acw-tamamlama { display: grid; align-content: center; gap: 12px; min-height: 185px; padding: 20px; background: var(--yuzey); }
.acw-tamamlama label { display: grid; gap: 6px; }
.acw-tamamlama label span { color: var(--ikincil); font-size: 10px; font-weight: 700; }
.acw-tamamlama select { height: 39px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); }
.acw-tamamlama p { margin: 0; color: var(--ikincil); font-size: 9px; line-height: 1.5; }
.masa-karti { grid-column: span 3; min-height: 230px; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 13px; background: var(--yuzey); box-shadow: 0 8px 24px rgba(27,53,84,.045); }
.masa-karti > header { height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 14px; border-bottom: 1px solid var(--cizgi); }
.masa-karti h2 { margin: 0; font-size: 13px; }
.surukle { color: #2a4e76; font-size: 18px; cursor: grab; }
.kart-menusu { margin-left: auto; border: 0; background: transparent; color: #47617f; cursor: pointer; }
.bos-durum { min-height: 175px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; color: var(--ikincil); }
.masa-karti:nth-child(4) .bos-durum, .masa-karti:nth-child(5) .bos-durum { min-height: 115px; }
.bos-durum svg { width: 38px; height: 38px; margin-bottom: 14px; padding: 9px; border-radius: 50%; background: var(--mavi-yumusak); color: var(--mavi); }
.bos-durum strong { color: var(--metin); font-size: 12px; }
.bos-durum p { max-width: 330px; margin: 6px 0 0; font-size: 11px; line-height: 1.45; }
.calisma-donemi-ozeti { min-height: 154px; display: grid; grid-template-columns: minmax(180px,.78fr) minmax(0,1.35fr); gap: 10px; padding: 10px; }
.gunluk-staff-vitrini { position: relative; overflow: hidden; display: grid; align-content: center; gap: 4px; padding: 14px; border: 1px solid color-mix(in srgb, var(--mavi) 27%, var(--cizgi)); border-radius: 12px; background: linear-gradient(145deg,color-mix(in srgb,var(--mavi-yumusak) 74%,var(--yuzey)),var(--yuzey)); }
.gunluk-staff-vitrini::after { content: ""; position: absolute; width: 112px; height: 112px; right: -38px; bottom: -52px; border: 24px solid color-mix(in srgb,var(--mavi) 9%,transparent); border-radius: 50%; }
.gunluk-staff-vitrini small { position: relative; z-index: 1; color: var(--mavi); font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.gunluk-staff-vitrini strong { position: relative; z-index: 1; margin: 3px 0; color: var(--metin); font-size: clamp(24px,2vw,32px); letter-spacing: -.04em; }
.gunluk-staff-vitrini span { position: relative; z-index: 1; color: var(--ikincil); font-size: 10px; }
.gunluk-temel-sureler { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 0; }
.gunluk-temel-sureler > div { min-width: 0; display: grid; align-content: center; gap: 3px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey-ikincil); }
.gunluk-temel-sureler dt { display: flex; align-items: center; gap: 7px; color: var(--ikincil); font-size: 9px; }
.gunluk-temel-sureler dt i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--mavi); }
.gunluk-temel-sureler dd { margin: 0; color: var(--metin); font-size: 14px; font-weight: 800; }
.gunluk-temel-sureler > div:nth-child(1) i { background: var(--yesil); }
.gunluk-temel-sureler > div:nth-child(2) i { background: var(--mavi); }
.gunluk-temel-sureler > div:nth-child(3) i { background: var(--turuncu); }
.gunluk-temel-sureler > div:nth-child(4) i { background: #7c4dd6; }
.gunluk-temel-sureler > div:nth-child(5) i { background: #159a72; }
.gunluk-temel-sureler > div:nth-child(6) i { background: #0f8aa3; }
.gunluk-temel-sureler > [data-calisma-yon-karti="dahili"] i { background: #7c4dd6; }
.gunluk-temel-sureler > [data-calisma-yon-karti="bilinmiyor"] i { background: var(--turuncu); }
.calisma-yon-uyarisi { grid-column: 1 / -1; margin: 0; padding: 9px 11px; border: 1px solid color-mix(in srgb,var(--turuncu) 45%,var(--cizgi)); border-radius: 9px; color: var(--metin); background: color-mix(in srgb,var(--turuncu) 10%,var(--yuzey)); font-size: 11px; line-height: 1.5; }
.calisma-yon-uyarisi[hidden] { display: none; }
.kart-izgarasi[data-calisma-ozeti] .masa-karti { min-height: 198px; }
.kart-izgarasi[data-calisma-ozeti] .masa-karti > header { height: 44px; }
.kart-izgarasi[data-calisma-ozeti] .kart-canli-icerik { min-height: 154px; }
.kart-izgarasi[data-calisma-ozeti] .operator-liste article { padding-block: 10px; }
.kart-izgarasi[data-calisma-ozeti] .masa-karti[data-kart="gorusme-notu"] { grid-column: 1 / -1; min-height: 158px; }
.kart-izgarasi:not([data-cagri-modu]) .masa-karti:is([data-kart="musteri"], [data-kart="gorusme-notu"], [data-kart="acw"]) { display: none; }
.kart-izgarasi .masa-karti[data-kart="calisma-durumlari"] { grid-column: 1 / -1; min-height: 158px; }
.kart-izgarasi[data-canli-gorusme] .masa-karti[data-kart="acw"] { display: none; }
.kart-izgarasi[data-canli-gorusme] .masa-karti[data-kart="gorusme-notu"] { grid-column: 1 / -1; }
.yardimci-durum-ozeti { min-height: 114px; display: grid; grid-template-columns: minmax(220px,.62fr) minmax(0,2.38fr); gap: 10px; padding: 10px; }
.yardimci-durum-toplami { position: relative; overflow: hidden; display: grid; align-content: center; gap: 3px; padding: 12px 14px; border: 1px solid color-mix(in srgb,var(--turuncu) 30%,var(--cizgi)); border-radius: 11px; background: linear-gradient(145deg,color-mix(in srgb,var(--turuncu) 9%,var(--yuzey)),var(--yuzey)); }
.yardimci-durum-toplami::after { content: ""; position: absolute; width: 90px; height: 90px; right: -36px; bottom: -45px; border: 20px solid color-mix(in srgb,var(--turuncu) 9%,transparent); border-radius: 50%; }
.yardimci-durum-toplami small { position: relative; z-index: 1; color: #aa6416; font-size: 9px; font-weight: 850; letter-spacing: .09em; }
.yardimci-durum-toplami strong { position: relative; z-index: 1; color: var(--metin); font-size: 24px; letter-spacing: -.03em; }
.yardimci-durum-toplami span { position: relative; z-index: 1; color: var(--ikincil); font-size: 9px; line-height: 1.4; }
.yardimci-durum-listesi { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 7px; }
.yardimci-durum-karti { min-width: 0; display: grid; align-content: center; gap: 4px; padding: 9px 11px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey-ikincil); }
.yardimci-durum-karti header { min-width: 0; display: flex; align-items: center; gap: 7px; }
.yardimci-durum-karti header i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--turuncu); box-shadow: 0 0 0 4px color-mix(in srgb,var(--turuncu) 10%,transparent); }
.yardimci-durum-karti header span { overflow: hidden; color: var(--ikincil); font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.yardimci-durum-karti > strong { color: var(--metin); font-size: 15px; }
.yardimci-durum-karti > small { color: var(--ikincil); font-size: 9px; }
.yardimci-durum-karti[data-ton="1"] header i { background: #286dd1; box-shadow: 0 0 0 4px color-mix(in srgb,#286dd1 10%,transparent); }
.yardimci-durum-karti[data-ton="2"] header i { background: #784fd0; box-shadow: 0 0 0 4px color-mix(in srgb,#784fd0 10%,transparent); }
.yardimci-durum-karti[data-ton="3"] header i { background: #b59a00; box-shadow: 0 0 0 4px color-mix(in srgb,#b59a00 10%,transparent); }
.yardimci-durum-karti[data-ton="4"] header i { background: #c34f73; box-shadow: 0 0 0 4px color-mix(in srgb,#c34f73 10%,transparent); }
.yardimci-durum-karti[data-ton="5"] header i { background: #148b85; box-shadow: 0 0 0 4px color-mix(in srgb,#148b85 10%,transparent); }
.yardimci-durum-bos { grid-column: 1 / -1; display: grid; place-content: center; gap: 5px; min-height: 100px; padding: 18px; border: 1px dashed var(--cizgi); border-radius: 10px; color: var(--ikincil); text-align: center; }
.yardimci-durum-bos strong { color: var(--metin); font-size: 12px; }
.yardimci-durum-bos span { font-size: 10px; }
.masa-karti[data-kart-modu="gorusme-alani"] { grid-column: span 4; }
.gorusme-calisma-alani { min-height: 175px; display: grid; align-content: center; gap: 13px; padding: 17px; }
.gorusme-calisma-alani > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gorusme-calisma-alani > header span { display: flex; align-items: center; gap: 8px; }
.gorusme-calisma-alani > header i { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; }
.gorusme-calisma-alani > header small { color: var(--ikincil); font-size: 9px; text-align: right; }
.gorusme-calisma-alani dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 0; }
.gorusme-calisma-alani dl div { min-width: 0; display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey-ikincil); }
.gorusme-calisma-alani dt { color: var(--ikincil); font-size: 9px; }
.gorusme-calisma-alani dd { overflow: hidden; margin: 0; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.gorusme-calisma-alani nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.gorusme-calisma-alani nav button { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); cursor: pointer; font-size: 10px; font-weight: 700; }
.gorusme-calisma-alani nav button:hover { border-color: #9cb8da; background: var(--mavi-yumusak); }
.gorusme-calisma-alani nav svg { width: 17px; height: 17px; color: var(--mavi); }
body.cagri-odagi .gorusme-calisma-alani > header i { background: var(--mavi); box-shadow: 0 0 0 4px rgba(23,105,221,.1); }

@media (max-width: 980px) {
  .calisma-donemi-ozeti { grid-template-columns: 1fr; }
  .gunluk-staff-vitrini { min-height: 105px; }
  .yardimci-durum-ozeti { grid-template-columns: 1fr; }
  .yardimci-durum-toplami { min-height: 105px; }
}

.aktif-cagri-seridi { position: sticky; z-index: 34; top: calc(var(--ust) + 8px); min-height: 76px; display: grid; grid-template-columns: minmax(155px,.72fr) minmax(440px,1.35fr) auto auto; align-items: center; gap: 14px; margin: 0 0 14px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--mavi) 38%, var(--cizgi)); border-radius: 13px; background: color-mix(in srgb, var(--yuzey) 97%, transparent); box-shadow: 0 14px 34px rgba(23,54,91,.1); backdrop-filter: blur(14px); }
.aktif-cagri-seridi[hidden] { display: none; }
.aktif-cagri-kimligi { min-width: 0; display: flex; align-items: center; gap: 10px; padding-right: 14px; border-right: 1px solid var(--cizgi); }
.aktif-cagri-kimligi > svg { width: 21px; height: 21px; color: var(--mavi); }
.aktif-cagri-kimligi > span { min-width: 0; display: grid; gap: 3px; }
.aktif-cagri-kimligi small { color: var(--mavi); font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.aktif-cagri-kimligi strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.aktif-cagri-seridi dl { display: grid; grid-template-columns: repeat(5,minmax(68px,1fr)); gap: 0; margin: 0; }
.aktif-cagri-seridi dl div { min-width: 0; display: grid; gap: 3px; padding: 0 12px; border-right: 1px solid var(--cizgi); }
.aktif-cagri-seridi dt { color: var(--ikincil); font-size: 9px; }
.aktif-cagri-seridi dd { overflow: hidden; margin: 0; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.aktif-cagri-eylemleri { display: flex; align-items: center; gap: 7px; }
.aktif-cagri-eylemleri button { min-width: 62px; height: 48px; display: grid; place-items: center; align-content: center; gap: 3px; padding: 4px 8px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); cursor: pointer; font-size: 9px; font-weight: 750; }
.aktif-cagri-eylemleri button svg { width: 17px; height: 17px; }
.aktif-cagri-eylemleri button:disabled { cursor: not-allowed; opacity: .42; }
.aktif-cagri-eylemleri button.etkin { border-color: var(--mavi); background: var(--mavi-yumusak); color: var(--mavi); }
.aktif-cagri-eylemleri .serit-cevapla { border-color: var(--yesil); background: var(--yesil); color: #fff; }
.aktif-cagri-eylemleri .serit-kapat { border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; }
.aktif-cagri-eylemleri .serit-kokpit { min-width: 35px; width: 35px; }
.aktif-cagri-baglanti { display: grid; gap: 5px; color: var(--ikincil); font-size: 8px; white-space: nowrap; }
.aktif-cagri-baglanti span { display: flex; align-items: center; gap: 5px; }
.aktif-cagri-baglanti i { width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; }
.aktif-cagri-baglanti .hazir i { background: var(--yesil); box-shadow: 0 0 0 3px rgba(7,158,111,.1); }
.aktif-cagri-baglanti .hata i { background: var(--kirmizi); }
.aktif-cagri-seridi[data-cagri-durumu="beklemede"] { border-color: color-mix(in srgb, var(--turuncu) 55%, var(--cizgi)); }

.altyapi-seridi { position: fixed; z-index: 35; left: var(--sidebar); right: 0; bottom: 0; height: var(--alt); display: grid; grid-template-columns: repeat(4, minmax(155px, 1fr)) 84px; align-items: center; padding: 0 26px; border-top: 1px solid var(--cizgi); background: color-mix(in srgb, var(--yuzey) 97%, transparent); transition: left .22s ease; }
.altyapi-seridi > span { min-width: 0; display: grid; grid-template-columns: 24px 1fr; grid-template-rows: auto auto; padding-left: 20px; border-left: 1px solid var(--cizgi); }
.altyapi-seridi > span:first-child { padding-left: 0; border-left: 0; }
.altyapi-seridi svg, .altyapi-seridi > span > i { grid-row: 1 / 3; align-self: center; width: 18px; height: 18px; margin-right: 8px; color: var(--yesil); }
.altyapi-seridi > span > i { width: 9px; height: 9px; border-radius: 50%; background: #98a8ba; }
.altyapi-seridi > span.hazir > i { background: var(--yesil); }
.altyapi-seridi > span.uyari > i { background: var(--turuncu); }
.altyapi-seridi > span.hata > i { background: var(--kirmizi); }
.altyapi-seridi > span.hazir > svg { color: var(--yesil); }
.altyapi-seridi > span.uyari > svg { color: var(--turuncu); }
.altyapi-seridi > span.hata > svg { color: var(--kirmizi); }
.altyapi-seridi b { font-size: 10px; }
.altyapi-seridi small { margin-top: 3px; color: var(--ikincil); font-size: 9px; }
.altyapi-seridi time { box-sizing: border-box; width: 84px; white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; padding-left: 16px; color: var(--metin-ikincil); border-left: 1px solid var(--cizgi); font-weight: 700; }

.ozellestirme { position: fixed; z-index: 60; top: 0; right: 0; bottom: 0; width: 330px; display: flex; flex-direction: column; padding: 0 18px 18px; border-left: 1px solid var(--cizgi); background: var(--yuzey); box-shadow: var(--golge-yuksek); transform: translateX(102%); transition: transform .23s ease; }
.ozellestirme.acik { transform: translateX(0); }
.ozellestirme > header { height: 74px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cizgi); }
.ozellestirme h2 { font-size: 17px; }
.ozellestirme > header button { border: 0; background: transparent; font-size: 25px; cursor: pointer; }
.ozellestirme section { padding: 18px 0; border-bottom: 1px solid var(--cizgi); }
.ozellestirme h3 { margin: 0 0 10px; font-size: 12px; }
.ozellestirme section > p { margin: -4px 0 12px; color: var(--ikincil); font-size: 10px; line-height: 1.5; }
.presetler { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid var(--cizgi); border-radius: 9px; }
.presetler button { height: 36px; border: 0; border-right: 1px solid var(--cizgi); background: var(--yuzey); color: var(--metin); cursor: pointer; font-size: 11px; }
.presetler button:last-child { border: 0; }
.presetler button.etkin { color: #fff; background: var(--lacivert); }
.kart-ayar-satiri, .ayar-satiri { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 5px; border-bottom: 1px solid var(--cizgi); font-size: 11px; }
.kart-ayar-satiri input, .ayar-satiri input { accent-color: var(--yesil); }
.ayar-satiri select { height: 34px; min-width: 132px; padding: 0 28px 0 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey-ikincil); color: var(--metin); }
.ozellestirme > footer { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ozellestirme > footer button { height: 40px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--metin); cursor: pointer; font-weight: 700; font-size: 11px; }
.ozellestirme > footer button:last-child { color: #fff; border-color: var(--mavi); background: var(--mavi); }

.oturum-kapisi {
  position: fixed; z-index: 110; inset: 0; display: grid; place-items: center; padding: 28px;
  background: linear-gradient(135deg, rgba(4, 21, 39, .82), rgba(5, 34, 51, .76));
  backdrop-filter: blur(8px) saturate(.75);
}
.oturum-karti {
  width: 438px; min-height: 392px; display: flex; flex-direction: column; align-items: center;
  padding: 34px 34px 24px; border: 1px solid rgba(255,255,255,.78); border-radius: 20px;
  background: color-mix(in srgb, var(--yuzey) 97%, transparent); color: var(--metin);
  box-shadow: 0 34px 90px rgba(0, 13, 31, .36), 0 2px 0 rgba(255,255,255,.7) inset;
}
.oturum-amblemi { position: relative; width: 82px; height: 82px; display: grid; place-items: center; margin-bottom: 18px; }
.oturum-amblemi::before, .oturum-amblemi span {
  content: ""; position: absolute; inset: 0; border: 1px solid rgba(15, 145, 169, .21); border-radius: 50%;
  animation: oturum-nabiz 2.2s ease-out infinite;
}
.oturum-amblemi span { inset: 10px; animation-delay: .48s; }
.oturum-amblemi img {
  position: relative; z-index: 1; width: 50px; height: 50px; padding: 8px; border-radius: 15px;
  background: var(--yuzey); box-shadow: 0 10px 25px rgba(13, 73, 103, .18), 0 0 0 1px var(--cizgi);
}
.oturum-ust-etiket { width: 100%; margin: 0 0 9px; color: #087e98; text-align: center; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.oturum-karti h1 { width: 100%; max-width: 340px; margin: 0; text-align: center; font-size: 23px; line-height: 1.35; letter-spacing: -.025em; }
.oturum-aciklamasi { width: 100%; max-width: 340px; min-height: 39px; margin: 8px 0 16px; color: #6b7e94; font-size: 12px; line-height: 1.55; text-align: center; }
.oturum-ilerleme { width: 100%; height: 4px; overflow: hidden; border-radius: 999px; background: #e4ebf1; }
.oturum-ilerleme i { display: block; width: 8%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #079e6f, #12a8bd); transition: width .35s ease; }
.oturum-kapisi[data-adim="oturum"] .oturum-ilerleme i { width: 34%; }
.oturum-kapisi[data-adim="telefon"] .oturum-ilerleme i { width: 68%; }
.oturum-kapisi[data-adim="acd"] .oturum-ilerleme i { width: 92%; }
.oturum-kapisi[data-adim="tamam"] .oturum-ilerleme i { width: 100%; }
.oturum-adimlari { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 17px 0 0; padding: 0; list-style: none; }
.oturum-adimlari li { position: relative; min-width: 0; display: grid; justify-items: center; align-content: start; gap: 4px; color: #93a3b5; text-align: center; font-size: 10px; }
.oturum-adimlari li::before { content: ""; position: absolute; z-index: -1; top: 13px; right: 50%; width: 100%; height: 1px; background: #dce6ed; }
.oturum-adimlari li:first-child::before { display: none; }
.oturum-adimlari b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #edf2f6; color: #8092a7; font-size: 11px; }
.oturum-adimlari span { font-weight: 800; }
.oturum-adimlari small { font-size: 9px; }
.oturum-adimlari li.tamam, .oturum-adimlari li.etkin { color: #087f94; }
.oturum-adimlari li.tamam b { color: #fff; background: var(--yesil); }
.oturum-adimlari li.etkin b { color: #fff; background: #0c94aa; box-shadow: 0 0 0 5px rgba(12,148,170,.13); }
.oturum-adimlari li.hata { color: var(--kirmizi); }
.oturum-adimlari li.hata b { color: #fff; background: var(--kirmizi); }
.oturum-yeniden-dene { min-width: 132px; height: 38px; margin-top: 17px; padding: 0 18px; border: 1px solid var(--cizgi-guclu); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-weight: 800; cursor: pointer; }
.oturum-yeniden-dene:hover { border-color: #7da6cf; background: #f5f9fd; }
.oturum-guvenlik { display: flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 22px; color: #668096; font-size: 9px; font-weight: 700; }
.oturum-guvenlik i { width: 7px; height: 7px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px rgba(7,158,111,.1); }
body[data-oturum="denetleniyor"] .uygulama { filter: blur(5px); transform: scale(.997); pointer-events: none; user-select: none; }
body[data-oturum="denetleniyor"], body[data-oturum="giris"] { width: 100%; height: 100vh; overflow: hidden; }
body[data-oturum="giris"] .uygulama { visibility: hidden; }
body[data-oturum="giris"] .oturum-kapisi, body[data-oturum="uygulama"] .oturum-kapisi { display: none; }

.giris { position: fixed; z-index: 100; inset: 0; display: none; grid-template-columns: minmax(430px, .94fr) 1.06fr; overflow: hidden; background: linear-gradient(145deg,#0b294e 0%,#123964 54%,#0a2343 100%); isolation: isolate; }
.giris.goster { display: grid; }
.uygulama[hidden], .giris[hidden] { display: none; }
/* İlk boyama yalnız görsel bir ipucudur: masa kabuğu inert kalır ve gerçek
   yetki oturum yoklaması, cihaz sahipliği ve ACD denetimleri tamamlanınca açılır. */
html[data-oturum-on-yukleme="oturum"] .oturum-kapisi,
html[data-oturum-on-yukleme="giris"] .oturum-kapisi { display: none; }
html[data-oturum-on-yukleme="oturum"] .uygulama[hidden] { display: block; }
html[data-oturum-on-yukleme="oturum"] body[data-oturum="denetleniyor"] .uygulama {
  filter: none; transform: none; pointer-events: none; user-select: none;
}
html[data-operator-giris-stili="hazir"][data-oturum-on-yukleme="giris"] .giris[hidden] { display: grid; }
body[data-oturum="yenileniyor"] .uygulama { pointer-events: none; user-select: none; }
.giris::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 12% 88%,rgba(27,169,183,.18),transparent 27%),radial-gradient(circle at 40% 18%,rgba(92,147,221,.18),transparent 28%); }
.giris::after { content: ""; position: absolute; z-index: -1; inset: 0 0 0 43%; border-left: 1px solid rgba(255,255,255,.58); background: radial-gradient(circle at 34% 39%,rgba(55,126,218,.16),transparent 29%),radial-gradient(circle at 79% 75%,rgba(14,158,145,.09),transparent 25%),linear-gradient(138deg,#eef4fb 0%,#f8fbff 48%,#e8f0fa 100%); clip-path: polygon(11% 0,100% 0,100% 100%,0 100%); box-shadow: -28px 0 70px rgba(2,17,37,.16); }
.giris-dekor { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.giris-dekor i { position: absolute; border: 1px solid rgba(126,188,226,.16); border-radius: 50%; animation: giris-yuzeyi 9s ease-in-out infinite alternate; }
.giris-dekor i:nth-child(1) { width: 460px; height: 460px; left: -120px; bottom: -245px; box-shadow: 0 0 90px rgba(13,168,177,.08) inset; }
.giris-dekor i:nth-child(2) { width: 265px; height: 265px; left: 32%; top: -160px; animation-delay: -3s; }
.giris-dekor i:nth-child(3) { width: 520px; height: 520px; right: -235px; top: -275px; border-color: rgba(35,104,195,.08); animation-delay: -6s; }
.giris-marka { z-index: 1; width: min(520px,calc(100% - 88px)); align-self: center; justify-self: center; display: grid; justify-items: start; color: #fff; }
.giris-marka-amblemi { position: relative; width: 102px; height: 102px; display: grid; place-items: center; margin-bottom: 28px; }
.giris-marka-amblemi::before, .giris-marka-amblemi span { content: ""; position: absolute; inset: 0; border: 1px solid rgba(137,208,232,.24); border-radius: 31px; transform: rotate(45deg); }
.giris-marka-amblemi::before { inset: 12px; background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035)); box-shadow: 0 18px 45px rgba(0,13,35,.22),0 0 34px rgba(26,177,187,.1) inset; }
.giris-marka-amblemi span { animation: giris-amblem-nabzi 3.1s ease-out infinite; }
.giris-marka-amblemi img { position: relative; z-index: 1; width: 61px; height: 61px; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,9,26,.3)); }
.giris-marka-metni { display: grid; gap: 7px; }
.giris-marka-metni small { color: #63d4dc; letter-spacing: .22em; font-size: 10px; font-weight: 850; }
.giris-marka-metni strong { font-size: clamp(34px,3vw,50px); font-weight: 900; letter-spacing: .045em; line-height: 1; text-shadow: 0 12px 32px rgba(0,13,35,.22); }
.giris-marka-metni em { color: #c3d8ef; font-size: 12px; font-style: normal; font-weight: 750; letter-spacing: .24em; }
.giris-marka > p { max-width: 470px; margin: 25px 0 0; color: #eef7ff; font-size: 17px; font-weight: 600; line-height: 1.65; letter-spacing: .005em; text-shadow: 0 4px 18px rgba(0,13,35,.34); }
.giris-marka-nabzi { display: flex; align-items: center; gap: 10px; margin-top: 30px; padding: 10px 14px; border: 1px solid rgba(122,213,206,.2); border-radius: 999px; background: rgba(6,25,51,.28); color: #d8e9f7; font-size: 10px; font-weight: 750; letter-spacing: .035em; backdrop-filter: blur(7px); }
.giris-marka-nabzi i { width: 8px; height: 8px; border-radius: 50%; background: #4fd2ad; box-shadow: 0 0 0 5px rgba(79,210,173,.1),0 0 16px rgba(79,210,173,.54); }
.giris form, .giris-oturum-dogrulama { position: relative; z-index: 2; width: min(600px, calc(100% - 76px)); align-self: center; justify-self: center; display: grid; gap: 17px; padding: 44px; border: 1px solid rgba(255,255,255,.84); border-radius: 26px; background: linear-gradient(145deg,color-mix(in srgb,var(--yuzey) 97%,transparent),color-mix(in srgb,var(--yuzey-ikincil) 93%,transparent)); color: var(--metin); box-shadow: 0 36px 85px rgba(22,53,89,.18),0 12px 26px rgba(22,53,89,.09),0 1px 0 #fff inset; backdrop-filter: blur(18px) saturate(1.08); }
.giris form::before, .giris-oturum-dogrulama::before { content: ""; position: absolute; z-index: -1; inset: 12px -12px -12px 12px; border: 1px solid rgba(99,135,177,.13); border-radius: 27px; background: rgba(255,255,255,.18); box-shadow: 0 22px 52px rgba(22,53,89,.08); }
.giris form { width: min(520px, calc(100% - 76px)); min-height: 520px; align-content: center; }
.giris-form-basligi { display: grid; gap: 7px; margin-bottom: 7px; }
.giris-form-basligi > span { color: #167c9c; font-size: 10px; font-weight: 900; letter-spacing: .19em; }
.giris h1 { margin: 0; font-size: 34px; letter-spacing: -.035em; }
.giris form p, .giris-oturum-dogrulama > p { margin: -3px 0 6px; color: var(--ikincil); line-height: 1.6; }
.giris-form-basligi p { margin: 0; font-size: 13px; }
.giris label { display: grid; gap: 9px; color: var(--metin-ikincil); font-size: 12px; font-weight: 750; }
.giris input { height: 54px; border: 1px solid color-mix(in srgb,var(--cizgi-guclu) 80%,transparent); border-radius: 12px; padding: 0 15px; outline: 0; background: color-mix(in srgb,var(--yuzey) 92%,transparent); color: var(--metin); font-size: 14px; transition: border-color .16s ease,box-shadow .16s ease,background .16s ease; }
.giris input:focus { border-color: color-mix(in srgb,var(--mavi) 64%,var(--cizgi)); background: var(--yuzey); box-shadow: 0 0 0 4px color-mix(in srgb,var(--mavi) 11%,transparent),0 8px 20px rgba(31,100,193,.06); }
.giris form > button { height: 56px; margin-top: 3px; border: 1px solid rgba(7,35,73,.18); border-radius: 12px; background: linear-gradient(135deg,#123967,#1d4d83); color: #fff; font-size: 13px; font-weight: 850; cursor: pointer; box-shadow: 0 13px 25px rgba(16,57,103,.18); transition: transform .16s ease,box-shadow .16s ease,filter .16s ease; }
.giris form > button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 17px 31px rgba(16,57,103,.23); }
.giris form > button:disabled { opacity: .6; cursor: wait; }
.giris form > small { text-align: center; color: var(--ikincil); }
.giris-guvenli { display: flex; align-items: center; gap: 10px; margin-top: 5px; padding-top: 17px; border-top: 1px solid var(--cizgi); color: var(--ikincil); }
.giris-guvenli svg { width: 20px; height: 20px; padding: 4px; border-radius: 7px; background: var(--yesil-yumusak); color: var(--yesil); fill: none; stroke: currentColor; stroke-width: 1.8; }
.giris-guvenli span { display: grid; gap: 2px; }
.giris-guvenli b { color: var(--metin-ikincil); font-size: 10px; }
.giris-guvenli small { font-size: 9px; }
.giris-hatasi { margin: 0; padding: 10px 12px; border-radius: 8px; color: var(--kirmizi); background: var(--kirmizi-yumusak); font-size: 11px; }
.giris-oturum-dogrulama[hidden] { display: none; }
.giris-oturum-dogrulama > ol { display: grid; grid-template-columns: repeat(3,1fr); margin: 0 0 10px; padding: 0; list-style: none; }
.giris-oturum-dogrulama > ol li { position: relative; display: flex; align-items: center; gap: 7px; color: var(--ikincil); font-size: 11px; }
.giris-oturum-dogrulama > ol li:not(:last-child)::after { content: ""; height: 1px; flex: 1; margin-right: 10px; background: var(--cizgi); }
.giris-oturum-dogrulama > ol i { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid var(--cizgi); border-radius: 50%; font-style: normal; }
.giris-oturum-dogrulama > ol .tamam i { border-color: var(--yesil); color: var(--yesil); }
.giris-oturum-dogrulama > ol .etkin i { border-color: var(--mavi); background: var(--mavi); color: #fff; }
.giris-oturum-dogrulama h1 { text-align: center; }
.giris-oturum-dogrulama > p { text-align: center; }
.giris-oturum-adimlari, .giris-oturum-dogrulama dl { overflow: hidden; display: grid; border: 1px solid var(--cizgi); border-radius: 10px; }
.giris-oturum-adimlari span { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 13px; font-size: 11px; font-weight: 700; }
.giris-oturum-adimlari span + span, .giris-oturum-dogrulama dl div + div { border-top: 1px solid var(--cizgi); }
.giris-oturum-adimlari span:first-child { color: var(--yesil); background: var(--yesil-yumusak); }
.giris-oturum-adimlari .etkin i { width: 15px; height: 15px; border: 2px dotted var(--mavi); border-radius: 50%; }
.giris-oturum-dogrulama dl { margin: 0; }
.giris-oturum-dogrulama dl div { display: grid; grid-template-columns: 150px 1fr; align-items: center; min-height: 42px; padding: 0 13px; }
.giris-oturum-dogrulama dt { color: var(--ikincil); }
.giris-oturum-dogrulama dd { display: flex; align-items: center; justify-content: space-between; margin: 0; font-weight: 700; }
.giris-oturum-dogrulama dd b { padding: 5px 8px; border-radius: 12px; color: var(--yesil); background: var(--yesil-yumusak); font-size: 9px; }
.giris-oturum-dogrulama > button { min-height: 43px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); color: var(--metin); font-weight: 800; cursor: pointer; }
.giris-oturum-sayaci { padding: 9px 12px; border-radius: 8px; color: var(--mavi); background: var(--mavi-yumusak); text-align: center; font-size: 11px; font-weight: 800; }
.giris-oturum-dogrulama > button.birincil { border-color: var(--lacivert); background: var(--lacivert); color: #fff; }
.giris-oturum-dogrulama > button.metin-dugmesi { min-height: 28px; border: 0; background: transparent; }
.giris-oturum-dogrulama > .giris-oturum-guvenlik-notu { display: flex; align-items: center; gap: 11px; margin: 0; padding: 12px 13px; border: 1px solid color-mix(in srgb,var(--yesil) 28%,var(--cizgi)); border-radius: 10px; background: var(--yesil-yumusak); color: var(--metin); text-align: left; line-height: normal; }
.giris-oturum-guvenlik-notu svg { flex: 0 0 auto; width: 20px; height: 20px; fill: none; stroke: var(--yesil); stroke-width: 1.8; }
.giris-oturum-guvenlik-notu span { display: grid; gap: 3px; }
.giris-oturum-guvenlik-notu b { font-size: 11px; }
.giris-oturum-guvenlik-notu small { color: var(--ikincil); font-size: 9px; line-height: 1.45; }
.giris-oturum-dogrulama > small { display: flex; align-items: center; justify-content: center; gap: 7px; padding-top: 10px; border-top: 1px solid var(--cizgi); color: var(--ikincil); }
.giris-oturum-dogrulama > small svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }

.oturum-guvenlik-paneli { position: fixed; z-index: 95; top: var(--ust); right: 0; bottom: var(--alt); width: min(430px,calc(100vw - 30px)); display: flex; flex-direction: column; gap: 15px; padding: 22px; border-left: 1px solid var(--cizgi); background: var(--yuzey); color: var(--metin); box-shadow: -18px 0 45px rgba(8,29,55,.16); transform: translateX(105%); transition: transform .22s ease; }
body.oturum-guvenlik-acik .oturum-guvenlik-paneli { transform: translateX(0); }
.oturum-guvenlik-paneli > header { display: flex; align-items: center; justify-content: space-between; }
.oturum-guvenlik-paneli > header span { display: flex; align-items: center; gap: 7px; color: var(--mavi); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.oturum-guvenlik-paneli svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.oturum-guvenlik-paneli > header button { border: 0; background: transparent; color: var(--ikincil); font-size: 24px; cursor: pointer; }
.oturum-guvenlik-paneli h2 { margin: 8px 0 0; font-size: 23px; }
.oturum-guvenlik-paneli > p { margin: -5px 0 5px; color: var(--ikincil); line-height: 1.6; }
.oturum-guvenlik-paneli dl { display: grid; gap: 11px; margin: 0; padding: 15px; border: 1px solid var(--cizgi); border-radius: 10px; }
.oturum-guvenlik-paneli dl div { display: grid; grid-template-columns: 105px 1fr; }
.oturum-guvenlik-paneli dt { font-weight: 800; }
.oturum-guvenlik-paneli dd { margin: 0; color: var(--ikincil); }
.oturum-cagri-korumasi { display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding: 15px; border: 1px solid #efc36d; border-radius: 10px; color: #8b5c00; background: #fff8e8; }
.oturum-cagri-korumasi strong { display: block; margin-bottom: 5px; }
.oturum-cagri-korumasi p { margin: 0 0 10px; color: #755b2b; line-height: 1.5; }
.oturum-cagri-korumasi span { display: inline-flex; padding: 5px 9px; border: 1px solid #efc36d; border-radius: 14px; font-size: 10px; font-weight: 800; }
.oturum-guvenlik-paneli > time { padding: 11px; border-radius: 8px; color: var(--mavi); background: var(--mavi-yumusak); text-align: center; font-weight: 800; }
.oturum-guvenlik-eylemleri { display: grid; gap: 8px; }
.oturum-guvenlik-eylemleri button { min-height: 44px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); color: var(--metin); font-weight: 800; cursor: pointer; }
.oturum-guvenlik-eylemleri .birincil { border-color: var(--lacivert); background: var(--lacivert); color: #fff; }
.oturum-guvenlik-eylemleri .tehlike { border: 0; color: var(--kirmizi); background: transparent; }
.oturum-guvenlik-eylemleri .kilitli { display: flex; align-items: center; justify-content: center; gap: 7px; opacity: .55; cursor: not-allowed; }
.oturum-guvenlik-paneli > footer { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--cizgi); color: var(--ikincil); font-size: 10px; line-height: 1.6; }
.cikis-onay-katmani { position: fixed; z-index: 140; inset: 0; display: grid; place-items: center; padding: 24px; background: color-mix(in srgb,#07182f 64%,transparent); backdrop-filter: blur(8px); }
.cikis-onay-katmani[hidden] { display: none; }
.cikis-onay-karti { width: min(460px,calc(100vw - 40px)); display: grid; justify-items: center; padding: 30px; border: 1px solid color-mix(in srgb,var(--cizgi-guclu) 76%,transparent); border-radius: 18px; background: var(--yuzey); color: var(--metin); box-shadow: 0 28px 75px rgba(4,18,38,.3); text-align: center; }
.cikis-onay-ikonu { width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 16px; border: 1px solid color-mix(in srgb,var(--kirmizi) 24%,var(--cizgi)); border-radius: 16px; background: color-mix(in srgb,var(--kirmizi) 8%,var(--yuzey)); color: var(--kirmizi); }
.cikis-onay-ikonu svg { width: 25px; height: 25px; }
.cikis-onay-karti > small { color: var(--mavi); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.cikis-onay-karti h2 { margin: 8px 0 7px; font-size: 24px; letter-spacing: -.025em; }
.cikis-onay-karti > p { max-width: 370px; margin: 0; color: var(--ikincil); line-height: 1.65; }
.cikis-onay-durumu { width: 100%; display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 13px 14px; border: 1px solid color-mix(in srgb,var(--yesil) 27%,var(--cizgi)); border-radius: 10px; background: color-mix(in srgb,var(--yesil) 7%,var(--yuzey)); color: var(--metin); text-align: left; font-size: 11px; font-weight: 700; }
.cikis-onay-durumu i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px color-mix(in srgb,var(--yesil) 12%,transparent); }
.cikis-onay-katmani[data-aktif-gorusme="true"] .cikis-onay-durumu { border-color: color-mix(in srgb,var(--turuncu) 38%,var(--cizgi)); background: color-mix(in srgb,var(--turuncu) 9%,var(--yuzey)); }
.cikis-onay-katmani[data-aktif-gorusme="true"] .cikis-onay-durumu i { background: var(--turuncu); box-shadow: 0 0 0 4px color-mix(in srgb,var(--turuncu) 14%,transparent); }
.cikis-onay-hatasi { width: 100%; margin-top: 10px; padding: 11px 13px; border: 1px solid color-mix(in srgb,var(--kirmizi) 32%,var(--cizgi)); border-radius: 9px; background: color-mix(in srgb,var(--kirmizi) 7%,var(--yuzey)); color: var(--kirmizi); text-align: left; font-size: 11px; font-weight: 700; }
.cikis-onay-karti footer { width: 100%; display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px; margin-top: 22px; }
.cikis-onay-karti footer button { min-height: 44px; border: 1px solid var(--cizgi-guclu); border-radius: 9px; background: var(--yuzey); color: var(--metin); font-weight: 850; cursor: pointer; }
.cikis-onay-karti footer .tehlike { border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; }
.cikis-onay-karti footer button:disabled { opacity: .5; cursor: not-allowed; }
.cikis-onay-katmani[data-islemde="true"] .cikis-onay-karti { pointer-events: none; }
body.cikis-onayi-acik { overflow: hidden; }
.bildirim { position: fixed; z-index: 120; right: 24px; bottom: 84px; max-width: 380px; padding: 13px 17px; border-radius: 10px; background: #102d55; color: #fff; box-shadow: 0 15px 35px rgba(8,29,55,.24); }

body.sidebar-dar { --sidebar: 78px; }
body.sidebar-dar .marka span, body.sidebar-dar .yerli-kimlik span, body.sidebar-dar .sidebar nav p, body.sidebar-dar .sidebar nav span, body.sidebar-dar .operator-kimligi span:nth-child(2), body.sidebar-dar .operator-kimligi .avatar { display: none; }
body.sidebar-dar .marka { justify-content: center; padding-left: 0; padding-right: 0; }
body.sidebar-dar .yerli-kimlik { justify-content: center; padding-inline: 0; }
body.sidebar-dar .sidebar nav a, body.sidebar-dar .sidebar nav button { position:relative; justify-content: center; padding: 0; }
body.sidebar-dar .sidebar nav .menu-sayaci:not([hidden]) { position:absolute; top:2px; right:2px; min-width:16px; height:16px; margin:0; padding:0 3px; box-sizing:border-box; border-radius:8px; font-size:9px; line-height:1; font-variant-numeric:tabular-nums; box-shadow:0 0 0 2px var(--operator-sidebar-arkaplan); pointer-events:none; }
body.sidebar-dar .operator-kimligi { display: flex; justify-content: center; padding-left: 0; padding-right: 0; }
body.ozellestirme-acik .ust-bar, body.ozellestirme-acik .ana-icerik, body.ozellestirme-acik .altyapi-seridi { right: 330px; }
/* Kabuk ölçüleri kart yoğunluğundan bağımsızdır. */

body.kompakt .ana-icerik { padding: 12px 18px 20px; }
body.kompakt .telefon-konsolu { border-radius: 14px; }
body.kompakt .operator-durumlari { min-height: 48px; margin: 0; border-radius: 11px; }
body.kompakt .operator-durum-etiketi { padding-block: 5px; }
body.kompakt .operator-durum-secenekleri { grid-auto-columns: minmax(108px,1fr); }
body.kompakt .operator-durumlari button { gap: 7px; font-size: 12px; }
body.kompakt .kart-izgarasi { gap: 11px; }
body.kompakt .masa-karti { min-height: 190px; border-radius: 12px; }
body.kompakt .masa-karti > header { height: 42px; padding-inline: 12px; }
body.kompakt .kart-izgarasi[data-calisma-ozeti] .masa-karti { min-height: 170px; }
body.kompakt .kart-izgarasi[data-calisma-ozeti] .masa-karti > header { height: 40px; }
body.kompakt .kart-izgarasi[data-calisma-ozeti] .kart-canli-icerik { min-height: 130px; }
body.kompakt .kart-izgarasi[data-calisma-ozeti] .masa-karti[data-kart="gorusme-notu"] { min-height: 140px; }
body.kompakt .operator-liste article { gap: 11px; padding: 10px 14px; }
body.kompakt .calisma-donemi-ozeti { min-height: 130px; gap: 8px; padding: 8px; }
body.kompakt .gunluk-staff-vitrini { padding: 14px; }
body.kompakt .gunluk-staff-vitrini strong { font-size: clamp(22px,1.65vw,28px); }
body.kompakt .gunluk-temel-sureler { gap: 7px; }
body.kompakt .gunluk-temel-sureler > div { gap: 3px; padding: 8px 10px; }
body.kompakt .gunluk-temel-sureler dd { font-size: 13px; }
body.kompakt .bos-durum { min-height: 130px; padding: 18px; }
body.kompakt .yardimci-durum-ozeti { min-height: 100px; padding: 8px; }
body.kompakt .yardimci-durum-karti { padding: 9px 11px; }
body.preset-odak .masa-karti[data-kart="kuyruk"] { display: none; }
body.preset-yogun .masa-karti { grid-column: span 2; min-height: 165px; }
body.preset-yogun .bos-durum { min-height: 115px; }

:root[data-tema="gece"] .giris form > button { color: #fff; }
:root[data-tema="gece"] .presetler button.etkin { color: #172236; }

@media (max-width: 1450px) {
  .telefon-govdesi { grid-template-columns: 250px 1fr 245px; }
  .temel-kontroller, .gelismis-kontroller { padding-left: 15px; padding-right: 15px; gap: 7px; }
  .temel-kontroller p, .gelismis-kontroller p { left: 15px; }
  .temel-kontroller button, .gelismis-kontroller button { min-width: 70px; }
  .ses-konsolu label { min-width: 0; }
  .ses-durumlari { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (max-width: 980px) {
  .giris { grid-template-columns: 1fr; background: linear-gradient(145deg,#0d2e55,#123c69); }
  .giris::after { inset: 0; clip-path: none; opacity: .97; }
  .giris-marka { position: absolute; top: 24px; left: 28px; width: auto; display: flex; align-items: center; gap: 12px; color: var(--metin); }
  .giris-marka-amblemi { width: 52px; height: 52px; margin: 0; }
  .giris-marka-amblemi img { width: 34px; filter: none; }
  .giris-marka-metni { gap: 3px; }
  .giris-marka-metni small, .giris-marka > p, .giris-marka-nabzi { display: none; }
  .giris-marka-metni strong { color: var(--lacivert); font-size: 17px; text-shadow: none; }
  .giris-marka-metni em { color: var(--ikincil); font-size: 8px; }
  .giris form { margin-top: 45px; }
}

@media (max-width: 620px) {
  .giris-marka { top: 17px; left: 19px; }
  .giris form, .giris-oturum-dogrulama { width: calc(100% - 30px); padding: 29px 24px; border-radius: 21px; }
  .giris form { min-height: 470px; }
  .giris form::before, .giris-oturum-dogrulama::before { inset: 8px -6px -7px 7px; border-radius: 22px; }
  .giris h1 { font-size: 29px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; } }
@keyframes oturum-nabiz { 0% { transform: scale(.76); opacity: 0; } 35% { opacity: 1; } 100% { transform: scale(1.12); opacity: 0; } }
@keyframes giris-amblem-nabzi { 0% { transform: rotate(45deg) scale(.72); opacity: 0; } 32% { opacity: .8; } 100% { transform: rotate(45deg) scale(1.18); opacity: 0; } }
@keyframes giris-yuzeyi { from { transform: translate3d(0,0,0) scale(.96); } to { transform: translate3d(15px,-12px,0) scale(1.04); } }
body [hidden] { display: none; }
.kart-canli-icerik { min-height: 180px; }
.operator-liste { display: grid; }
.operator-liste article { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 13px 16px; border-bottom: 1px solid var(--cizgi); }
.operator-liste article:last-child { border-bottom: 0; }
.operator-liste span { display: grid; gap: 3px; min-width: 0; }
.operator-liste strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operator-liste small { color: var(--ikincil); }
.operator-liste b { color: var(--metin); }
.operator-liste em { color: var(--mavi); font-style: normal; font-weight: 700; }
.gorusme-listesi > .gorusme-kaydi { display: block; min-height: 72px; padding: 0; transition: background .18s ease, box-shadow .18s ease; }
.gorusme-listesi > .gorusme-kaydi.acik { background: color-mix(in srgb, var(--mavi-yumusak) 42%, var(--yuzey)); box-shadow: inset 3px 0 0 var(--mavi); }
.gorusme-ozeti { min-height: 72px; display: grid; grid-template-columns: 38px minmax(0,1fr) 72px 100px 132px; align-items: center; gap: 14px; padding: 9px 18px; }
.gorusme-listesi .gorusme-yonu { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--yesil-yumusak); color: var(--yesil); }
.gorusme-listesi .gorusme-yonu.giden { background: var(--mavi-yumusak); color: var(--mavi); }
.gorusme-listesi .gorusme-yonu svg { width: 16px; height: 16px; }
.gorusme-ozeti > b { color: var(--ikincil); font-size: 10px; font-weight: 700; }
.gorusme-ozeti > em { justify-self: start; padding: 5px 8px; border-radius: 12px; background: var(--mavi-yumusak); font-size: 9px; }
.kayit-dinle-dugmesi { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid color-mix(in srgb, var(--mavi) 38%, var(--cizgi)); border-radius: 9px; background: color-mix(in srgb, var(--mavi-yumusak) 70%, var(--yuzey)); color: var(--mavi); font-size: 10px; font-weight: 800; cursor: pointer; transition: transform .15s ease, background .15s ease; }
.kayit-dinle-dugmesi:hover:not(:disabled) { transform: translateY(-1px); background: var(--mavi-yumusak); }
.kayit-dinle-dugmesi:disabled { border-color: var(--cizgi); background: var(--yuzey-ikincil); color: var(--ikincil); cursor: not-allowed; opacity: .72; }
.kayit-dinle-dugmesi svg { width: 14px; height: 14px; }
.kayit-oynaticisi { display: grid; grid-template-columns: 44px minmax(180px,1fr) 36px 36px auto 36px 92px; align-items: center; gap: 9px; padding: 13px 18px 15px 70px; border-top: 1px solid color-mix(in srgb, var(--mavi) 18%, var(--cizgi)); }
.kayit-oynaticisi > audio { display: none; }
.kayit-oynaticisi button { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey); color: var(--metin); cursor: pointer; }
.kayit-oynaticisi button:hover { border-color: color-mix(in srgb, var(--mavi) 50%, var(--cizgi)); color: var(--mavi); }
.kayit-oynaticisi button svg { width: 16px; height: 16px; }
.kayit-oynaticisi .oynatici-ana-dugme { width: 44px; height: 44px; border: 0; border-radius: 50%; background: linear-gradient(145deg, #2f70dd, #174caa); color: #fff; box-shadow: 0 7px 18px rgba(30,93,190,.24); }
.kayit-oynaticisi .oynatici-ana-dugme svg { width: 18px; height: 18px; }
.oynatici-akis { min-width: 0; display: grid; gap: 8px; }
.oynatici-akis > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.oynatici-akis strong { color: var(--metin); font-size: 10px; }
.oynatici-akis span { display: inline-flex; align-items: center; gap: 5px; color: var(--ikincil); font-size: 9px; font-variant-numeric: tabular-nums; }
.oynatici-akis span b { color: inherit; font-weight: 750; }
.oynatici-akis span i { font-style: normal; opacity: .55; }
.kayit-oynaticisi input[type="range"] { accent-color: var(--mavi); cursor: pointer; }
.oynatici-akis input[type="range"] { width: 100%; height: 14px; margin: 0; }
.oynatici-hiz { min-height: 36px; display: flex; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--ikincil); font-size: 9px; }
.oynatici-hiz select { min-width: 50px; border: 0; outline: 0; background: transparent; color: var(--metin); font: inherit; font-weight: 800; cursor: pointer; }
.oynatici-ses { width: 92px; }

@media (max-width: 980px) {
  .gorusme-ozeti { grid-template-columns: 38px minmax(0,1fr) 70px 120px; }
  .gorusme-ozeti > em { display: none; }
  .kayit-oynaticisi { grid-template-columns: 44px minmax(160px,1fr) 36px 36px auto 36px; padding-left: 18px; }
  .oynatici-ses { display: none; }
}

@media (max-width: 680px) {
  .gorusme-ozeti { grid-template-columns: 38px minmax(0,1fr) 112px; gap: 9px; padding: 10px 12px; }
  .gorusme-ozeti > b, .gorusme-ozeti > em { display: none; }
  .kayit-oynaticisi { grid-template-columns: 44px 1fr 36px 36px; padding: 12px; }
  .oynatici-hiz, .kayit-oynaticisi > [data-kayit-eylem="ses"], .oynatici-ses { display: none; }
}
.profil-alanlari { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; }
.profil-alanlari div { padding: 12px 16px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.profil-alanlari dt { color: var(--ikincil); font-size: 11px; }
.profil-alanlari dd { margin: 5px 0 0; overflow-wrap: anywhere; font-weight: 700; }
.gorusme-notu-formu { display: grid; gap: 12px; padding: 16px; }
.gorusme-notu-formu label { display: grid; gap: 7px; color: var(--ikincil); font-size: 11px; font-weight: 700; }
.gorusme-notu-formu textarea { min-height: 105px; resize: vertical; padding: 12px; border: 1px solid var(--cizgi-guclu); border-radius: 9px; background: var(--yuzey); color: var(--metin); font: inherit; }
.gorusme-notu-formu footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.gorusme-notu-formu small { color: var(--ikincil); }
.gorusme-notu-formu button { min-height: 36px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--lacivert); color: #fff; font-weight: 800; cursor: pointer; }

/* Kokpit sağa gizlenir; açıldığında özgün yatay telefon yerleşimi korunur. */
.telefon-cekmecesi {
  position: relative; z-index: 5; width: 100%; max-height: 560px; flex: 0 0 auto; overflow: visible;
  transition: max-height .28s cubic-bezier(.22,.72,.22,1), margin .28s ease;
}
.telefon-cekmece-icerigi {
  min-width: 0; display: grid; gap: var(--operator-dikey-bosluk); transform: translateX(0); opacity: 1; visibility: visible;
  transition: transform .28s cubic-bezier(.22,.72,.22,1), opacity .2s ease, visibility .2s ease;
}
.operator-ana-gorunumu { margin-top: var(--operator-dikey-bosluk); }
.aktif-cagri-seridi:not([hidden]) + .operator-ana-gorunumu { margin-top: 0; }
body:not(.telefon-kokpiti-acik) .telefon-cekmecesi { max-height: 0; margin: 0; }
body:not(.telefon-kokpiti-acik) .telefon-cekmece-icerigi {
  transform: translateX(calc(100% + 32px)); opacity: 0; visibility: hidden; pointer-events: none;
}
body.cagri-odagi .telefon-konsolu { box-shadow: 0 0 0 3px rgba(23,105,221,.1), var(--golge); }

.telefon-cekmece-sekmesi {
  position: fixed; z-index: 36; top: 50%; right: 0; width: var(--telefon-kokpiti-sekme); height: 232px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px;
  padding: 13px 0; border: 1px solid #83a5ce; border-right: 0; border-radius: 13px 0 0 13px;
  background: linear-gradient(180deg, #0b718d, #12517b); color: #fff;
  box-shadow: -10px 12px 28px rgba(14, 58, 97, .16); cursor: pointer; transform: translateY(-50%);
}
.telefon-cekmece-sekmesi span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10px; font-weight: 800; letter-spacing: .09em; white-space: nowrap; }
.telefon-cekmece-sekmesi svg { width: 18px; height: 18px; flex: 0 0 auto; }
.telefon-cekmece-sekmesi .cekmece-oku { transform: rotate(90deg); transition: transform .24s ease; }
body.telefon-kokpiti-acik .telefon-cekmece-sekmesi .cekmece-oku { transform: rotate(-90deg); }
.telefon-cekmecesi #telefonuDaralt svg { transform: rotate(-90deg); }
.dtmf-paneli { position: fixed; z-index: 75; top: calc(var(--ust) + 94px); }
.dtmf-paneli { right: 27%; }

@media (max-width: 1250px) {
  .danisma-taraflari { grid-template-columns: 1fr 34px 1fr 34px 1fr; gap: 6px; }
  .danisma-tarafi { padding: 10px; }
  .danisma-tarafi > i { display: none; }
  .danisma-eylemleri { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1500px) {
  .aktif-cagri-seridi { grid-template-columns: minmax(130px,.65fr) minmax(360px,1.1fr) auto; }
  .aktif-cagri-baglanti { display: none; }
  .aktif-cagri-eylemleri button { min-width: 54px; padding-inline: 6px; }
}

.bilgi-bankasi-basligi{align-items:flex-end}.bilgi-bankasi-arama{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,280px) auto;align-items:end;gap:10px;margin-bottom:14px;padding:13px;border:1px solid var(--cizgi);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}.bilgi-bankasi-arama label{display:grid;gap:5px}.bilgi-bankasi-arama label span{color:var(--metin-soluk);font-size:10px;font-weight:800}.bilgi-bankasi-arama input,.bilgi-bankasi-arama select{width:100%;height:39px;padding:0 11px;border:1px solid var(--cizgi-guclu);border-radius:9px;outline:0;background:var(--yuzey-ikincil);color:var(--metin)}.bilgi-bankasi-arama input:focus,.bilgi-bankasi-arama select:focus{border-color:var(--mavi);box-shadow:0 0 0 3px color-mix(in srgb,var(--mavi) 13%,transparent)}.bilgi-bankasi-arama>button{height:39px;padding:0 19px;border:1px solid var(--lacivert);border-radius:9px;background:var(--lacivert);color:#fff;font-weight:800}.bilgi-bankasi-yerlesimi{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);gap:14px;min-height:500px}.bilgi-bankasi-sonuclari,.bilgi-bankasi-detayi{overflow:hidden;border:1px solid var(--cizgi);border-radius:16px;background:var(--yuzey);box-shadow:var(--golge)}.bilgi-bankasi-sonuclari>header,.bilgi-bankasi-detayi>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid var(--cizgi)}.bilgi-bankasi-sonuclari h3,.bilgi-bankasi-detayi h3{margin:0;font-size:16px}.bilgi-bankasi-sonuclari header p,.bilgi-bankasi-detayi header p{margin:4px 0 0;color:var(--metin-ikincil);font-size:10px;line-height:1.5}.bilgi-bankasi-sonuclari header>span,.bilgi-bankasi-detayi header>span{flex:0 0 auto;padding:5px 8px;border-radius:7px;background:var(--mavi-yumusak);color:var(--mavi);font-size:9px;font-weight:800}.bilgi-bankasi-sonuclari>div{display:grid;max-height:540px;overflow-y:auto}.bilgi-bankasi-sonuclari>div>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--cizgi);background:transparent;color:var(--metin);text-align:left}.bilgi-bankasi-sonuclari>div>button:hover,.bilgi-bankasi-sonuclari>div>button.etkin{background:var(--mavi-yumusak)}.bilgi-bankasi-sonuclari>div>button.etkin{box-shadow:inset 3px 0 var(--mavi)}.bilgi-bankasi-sonuclari button span{display:grid;min-width:0}.bilgi-bankasi-sonuclari button small{color:var(--turkuaz);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bilgi-bankasi-sonuclari button strong{margin-top:4px;font-size:12px}.bilgi-bankasi-sonuclari button em{margin-top:4px;overflow:hidden;color:var(--metin-ikincil);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.bilgi-bankasi-sonuclari button>b{color:var(--metin-soluk);font-size:9px}.bilgi-bankasi-sonuclari>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid var(--cizgi);color:var(--metin-soluk);font-size:9px}.bilgi-bankasi-sonuclari>footer div{display:flex;gap:6px}.bilgi-bankasi-sonuclari>footer button{height:30px;padding:0 9px;border:1px solid var(--cizgi);border-radius:7px;background:var(--yuzey);color:var(--metin);font-size:9px}.bilgi-bankasi-sonuclari>footer button:disabled{opacity:.45}.bilgi-bankasi-detayi>header small{color:var(--turkuaz);font-size:8px;font-weight:800;letter-spacing:.1em}.bilgi-bankasi-makale{padding:20px}.bilgi-bankasi-makale-metni{min-height:350px;color:var(--metin);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.bilgi-bankasi-makale footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:12px;border-top:1px solid var(--cizgi);color:var(--metin-soluk);font-size:9px}.bilgi-bankasi-gorunumu .bos-durum.hata{color:var(--kirmizi)}@media(max-width:1100px){.bilgi-bankasi-yerlesimi{grid-template-columns:1fr}.bilgi-bankasi-sonuclari>div{max-height:320px}}@media(max-width:680px){.bilgi-bankasi-arama{grid-template-columns:1fr}.bilgi-bankasi-arama>button{width:100%}}
/* Ortak 9443 ölçü ailesi: mevcut görünümü koruyan semantik alias katmanı. */
.operator-kart,.telefon-konsolu,.calisma-karti{border-radius:var(--gs-radius-lg);box-shadow:var(--gs-shadow-1)}
.operator-kart>header,.telefon-konsolu>header{gap:var(--gs-card-gap);padding-inline:var(--gs-card-padding)}
button,input,select{min-height:var(--gs-control-compact)}
.ana-dugme,.ikincil-dugme{min-height:var(--gs-button-height);border-radius:var(--gs-radius-sm)}
dialog{border-radius:var(--gs-radius-modal);box-shadow:var(--gs-shadow-2)}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--gs-status-info) 42%,transparent);outline-offset:2px}

/* Telefon kenar sekmesi: ayrılan sağ şeritte sabit genişlik. */
.telefon-cekmece-sekmesi {
  top: 50%; right: 0; bottom: auto; width: var(--telefon-kokpiti-sekme); height: 184px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  padding: 12px 0; border: 1px solid #365376; border-right: 0; border-radius: 12px 0 0 12px;
  background: #153454; color: #fff; box-shadow: -3px 4px 12px rgba(14, 35, 62, .12);
  transform: translateY(-50%); overflow: hidden; transition: background .18s ease;
}
.telefon-cekmece-sekmesi:hover { background: #20496f; }
.telefon-cekmece-sekmesi > .telefon-cekmece-metin { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.telefon-cekmece-sekmesi > .telefon-mini-amblem { position: relative; display: grid; place-items: center; width: 28px; height: 28px; writing-mode: horizontal-tb; transform: none; }
.telefon-mini-amblem svg { width: 19px; height: 19px; }
.telefon-mini-amblem i { position: absolute; right: -1px; bottom: -1px; width: 8px; height: 8px; border: 2px solid #153454; border-radius: 50%; background: #9eacbb; }
.telefon-mini-amblem i.hazir { background: #32d79b; }
.telefon-mini-amblem i.cagri { background: #7ed8ff; }
.telefon-mini-amblem i.hata { background: #ff6c79; }
.telefon-cekmece-sekmesi > .telefon-mini-bilgi, .telefon-cekmece-sekmesi > time { display: none; }
.telefon-cekmece-sekmesi > .cekmece-oku { width: 14px; height: 14px; transform: rotate(90deg); }
body.telefon-kokpiti-acik .telefon-cekmece-sekmesi .cekmece-oku { transform: rotate(-90deg); }

body:is([data-telefon-durumu="caliyor"],[data-telefon-durumu="araniyor"],[data-telefon-durumu="gorusmede"],[data-telefon-durumu="beklemede"]) .uygulama { padding-bottom:calc(var(--alt) + 104px); }

.aktif-cagri-seridi {
  position:fixed; z-index:48; top:auto; left:calc(var(--sidebar) + 18px); right:18px; bottom:calc(var(--alt) + 12px);
  min-height:78px; margin:0; border-color:color-mix(in srgb,var(--mavi) 48%,var(--cizgi)); border-radius:16px;
  background:color-mix(in srgb,var(--yuzey) 94%,transparent); box-shadow:0 22px 55px rgba(9,35,66,.2); backdrop-filter:blur(18px) saturate(1.25);
  transition:left .22s ease, transform .2s ease, opacity .2s ease;
}
.aktif-cagri-seridi[data-cagri-durumu="caliyor"] { border-color:color-mix(in srgb,var(--yesil) 58%,var(--cizgi)); box-shadow:0 22px 55px rgba(9,35,66,.2),inset 4px 0 var(--yesil); }
.aktif-cagri-seridi[data-cagri-durumu="beklemede"] { box-shadow:0 22px 55px rgba(9,35,66,.2),inset 4px 0 var(--turuncu); }
.aktif-cagri-seridi .serit-cevapla:not(:disabled) { animation:telefon-cevap-nabiz 1.5s ease-in-out infinite; }

.gelen-cagri-katmani { position:fixed; z-index:105; inset:0; display:grid; place-items:center; padding:24px; background:rgba(4,18,36,.58); backdrop-filter:blur(9px) saturate(.88); }
.gelen-cagri-katmani[hidden] { display:none; }
.gelen-cagri-karti { width:min(520px,100%); overflow:hidden; border:1px solid color-mix(in srgb,#76ccdc 48%,var(--cizgi)); border-radius:24px; background:var(--yuzey); box-shadow:0 34px 100px rgba(0,16,36,.4); animation:gelen-cagri-giris .25s cubic-bezier(.2,.8,.2,1) both; }
.gelen-cagri-karti > header { display:flex; align-items:center; gap:17px; padding:24px 25px 20px; background:linear-gradient(145deg,color-mix(in srgb,var(--mavi-yumusak) 62%,var(--yuzey)),color-mix(in srgb,var(--turkuaz) 8%,var(--yuzey))); }
.gelen-cagri-karti > header > span:last-child { min-width:0; }
.gelen-cagri-karti header small { color:var(--turkuaz); font-size:9px; font-weight:900; letter-spacing:.15em; }
.gelen-cagri-karti h2 { margin:4px 0 3px; font-size:22px; letter-spacing:-.02em; }
.gelen-cagri-karti header p { margin:0; color:var(--ikincil); font-size:11px; }
.gelen-cagri-amblemi { position:relative; width:62px; height:62px; flex:0 0 auto; display:grid; place-items:center; border-radius:20px; background:linear-gradient(145deg,#08a56e,#07855a); color:#fff; box-shadow:0 12px 27px rgba(7,150,95,.24); }
.gelen-cagri-amblemi svg { width:29px; height:29px; }
.gelen-cagri-amblemi i { position:absolute; inset:-8px; border:1px solid rgba(8,165,110,.3); border-radius:25px; animation:gelen-cagri-halka 1.55s ease-out infinite; }
.gelen-cagri-karti dl { display:grid; grid-template-columns:1.15fr 1fr .9fr; margin:0; padding:18px 25px; border-block:1px solid var(--cizgi); }
.gelen-cagri-karti dl div { min-width:0; display:grid; gap:5px; padding:0 14px; border-right:1px solid var(--cizgi); }
.gelen-cagri-karti dl div:first-child { padding-left:0; }
.gelen-cagri-karti dl div:last-child { padding-right:0; border-right:0; }
.gelen-cagri-karti dt { color:var(--ikincil); font-size:9px; }
.gelen-cagri-karti dd { overflow:hidden; margin:0; font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.gelen-cagri-karti > footer { display:grid; grid-template-columns:1fr 1.35fr; gap:10px; padding:20px 25px 12px; }
.gelen-cagri-karti > footer button { min-height:58px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:13px; color:#fff; cursor:pointer; font-size:13px; font-weight:850; transition:transform .14s ease,filter .14s ease; }
.gelen-cagri-karti > footer button:hover:not(:disabled) { transform:translateY(-2px); filter:brightness(1.04); }
.gelen-cagri-karti > footer button:disabled { cursor:wait; opacity:.62; }
.gelen-cagri-karti > footer svg { width:21px; height:21px; }
.gelen-cagri-reddet { background:linear-gradient(145deg,#dc3544,#bd2735); }
.gelen-cagri-yanitla { background:linear-gradient(145deg,#09ad74,#078a5d); box-shadow:0 11px 24px rgba(7,150,95,.2); }
.gelen-cagri-karti kbd { padding:3px 6px; border:1px solid rgba(255,255,255,.26); border-radius:6px; background:rgba(0,0,0,.12); color:inherit; font:700 8px/1.2 Inter,"Segoe UI",sans-serif; }
.gelen-cagri-guvenlik { display:flex; align-items:center; justify-content:center; gap:7px; margin:0; padding:0 25px 19px; color:var(--ikincil); font-size:9px; }
.gelen-cagri-guvenlik svg { width:14px; height:14px; color:var(--turkuaz); }
body.gelen-cagri-bekliyor { overflow:hidden; }

@keyframes gelen-cagri-giris { from { opacity:0; transform:translateY(18px) scale(.975); } to { opacity:1; transform:none; } }
@keyframes gelen-cagri-halka { 0% { opacity:.75; transform:scale(.82); } 75%,100% { opacity:0; transform:scale(1.16); } }
@keyframes telefon-cevap-nabiz { 50% { box-shadow:0 0 0 5px color-mix(in srgb,var(--yesil) 16%,transparent); } }
@keyframes telefon-mini-nabiz { 50% { box-shadow:0 0 0 7px rgba(126,216,255,.08); } }

@media (max-width:1250px) {
  .aktif-cagri-seridi { grid-template-columns:minmax(150px,.8fr) minmax(260px,1fr) auto; }
  .aktif-cagri-seridi dl { grid-template-columns:repeat(3,minmax(65px,1fr)); }
  .aktif-cagri-seridi dl div:nth-child(n+4),.aktif-cagri-baglanti { display:none; }
  .aktif-cagri-eylemleri button { min-width:52px; }
}
@media (max-width:850px) {
  .telefon-cekmece-sekmesi { right:0; bottom:auto; width:var(--telefon-kokpiti-sekme); }
  .aktif-cagri-seridi { left:calc(var(--sidebar) + 10px); right:10px; bottom:calc(var(--alt) + 8px); grid-template-columns:minmax(130px,1fr) auto; gap:8px; padding:8px 10px; }
  .aktif-cagri-seridi dl { display:none; }
  .aktif-cagri-eylemleri { max-width:62vw; overflow-x:auto; padding:2px; scrollbar-width:thin; }
  .aktif-cagri-eylemleri button { flex:0 0 54px; }
  .gelen-cagri-katmani { padding:12px; }
  .gelen-cagri-karti { border-radius:19px; }
}
@media (max-width:560px) {
  .gelen-cagri-karti dl { grid-template-columns:1fr 1fr; }
  .gelen-cagri-karti dl div:nth-child(2) { border-right:0; }
  .gelen-cagri-karti dl div:last-child { display:none; }
  .gelen-cagri-karti > footer { grid-template-columns:1fr; }
  .aktif-cagri-kimligi { border-right:0; }
}
@media (prefers-reduced-motion:reduce) {
  .telefon-mini-amblem i.cagri,.aktif-cagri-seridi .serit-cevapla:not(:disabled),.gelen-cagri-amblemi i,.gelen-cagri-karti { animation:none; }
}

/* Birleşik aktarım merkezi: operasyon kapsamlı temsilci, ekip, kuyruk ve dış numara seçimi. */
.transfer-secici-katmani { position:fixed; z-index:104; inset:0; display:grid; place-items:center; padding:24px; background:rgba(4,18,36,.62); backdrop-filter:blur(10px) saturate(.9); }
.transfer-secici-katmani[hidden] { display:none; }
.transfer-secici { width:min(980px,100%); height:min(780px,calc(100vh - 48px)); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; border:1px solid color-mix(in srgb,#68b8d0 42%,var(--cizgi)); border-radius:24px; background:var(--yuzey); box-shadow:0 36px 110px rgba(0,17,38,.46); animation:transfer-secici-giris .22s cubic-bezier(.2,.8,.2,1) both; }
.transfer-secici > header { display:grid; grid-template-columns:54px minmax(0,1fr) 38px; align-items:center; gap:15px; padding:21px 23px 18px; background:linear-gradient(145deg,color-mix(in srgb,var(--mavi-yumusak) 64%,var(--yuzey)),color-mix(in srgb,var(--turkuaz) 8%,var(--yuzey))); }
.transfer-secici > header > div { min-width:0; }
.transfer-secici > header small { color:var(--turkuaz); font-size:9px; font-weight:900; letter-spacing:.15em; }
.transfer-secici > header h2 { margin:3px 0 2px; color:var(--metin); font-size:19px; letter-spacing:-.025em; }
.transfer-secici > header p { margin:0; color:var(--ikincil); font-size:10px; }
.transfer-secici > header > button { width:38px; height:38px; border:1px solid var(--cizgi); border-radius:11px; background:color-mix(in srgb,var(--yuzey) 84%,transparent); color:var(--ikincil); cursor:pointer; font-size:22px; }
.transfer-secici-amblemi { width:54px; height:54px; display:grid; place-items:center; border-radius:17px; background:linear-gradient(145deg,#126dd7,#0d91a0); color:#fff; box-shadow:0 12px 28px rgba(16,104,174,.23); }
.transfer-secici-amblemi svg { width:25px; height:25px; }
.transfer-filtreleri { display:flex; align-items:center; gap:7px; padding:10px 23px; overflow-x:auto; border-block:1px solid var(--cizgi); background:var(--yuzey); scrollbar-width:thin; }
.transfer-filtreleri button { min-height:34px; display:flex; align-items:center; gap:7px; padding:0 12px; border:1px solid var(--cizgi); border-radius:999px; background:var(--yuzey-ikincil); color:var(--ikincil); cursor:pointer; font-size:10px; font-weight:760; white-space:nowrap; }
.transfer-filtreleri button b { min-width:19px; padding:2px 5px; border-radius:999px; background:color-mix(in srgb,var(--ikincil) 9%,transparent); color:inherit; font-size:8px; text-align:center; }
.transfer-filtreleri button[aria-pressed="true"] { border-color:color-mix(in srgb,var(--mavi) 55%,var(--cizgi)); background:var(--mavi-yumusak); color:var(--mavi); }
.transfer-secici-govdesi { min-height:0; display:flex; flex-direction:column; gap:9px; padding:16px 23px 13px; overflow:hidden; }
.transfer-arama { height:45px; display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:9px; padding:0 12px; border:1px solid var(--cizgi-guclu); border-radius:12px; background:var(--yuzey-ikincil); }
.transfer-arama:focus-within { border-color:var(--mavi); box-shadow:0 0 0 3px color-mix(in srgb,var(--mavi) 11%,transparent); }
.transfer-arama svg { width:18px; height:18px; fill:none; stroke:var(--ikincil); stroke-width:1.8; }
.transfer-arama input { width:100%; height:40px; border:0; outline:0; background:transparent; color:var(--metin); font-size:11px; }
.transfer-arama kbd { padding:3px 6px; border:1px solid var(--cizgi); border-radius:6px; background:var(--yuzey); color:var(--ikincil); font:750 8px/1.2 Inter,"Segoe UI",sans-serif; }
.transfer-takim-kapsami { min-height:34px; display:flex; align-items:center; gap:8px; padding:5px 7px 5px 11px; border:1px solid color-mix(in srgb,var(--turkuaz) 38%,var(--cizgi)); border-radius:10px; background:color-mix(in srgb,var(--turkuaz) 7%,var(--yuzey)); }
.transfer-takim-kapsami[hidden] { display:none; }
.transfer-takim-kapsami span { color:var(--turkuaz); font-size:8px; font-weight:900; letter-spacing:.11em; }
.transfer-takim-kapsami strong { overflow:hidden; color:var(--metin); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.transfer-takim-kapsami button { min-height:24px; margin-left:auto; padding:0 9px; border:0; border-radius:7px; background:color-mix(in srgb,var(--turkuaz) 11%,transparent); color:var(--turkuaz); cursor:pointer; font-size:9px; font-weight:800; }
.transfer-yukleme-durumu { margin:0; color:var(--ikincil); font-size:9px; }
.transfer-sonuclari { min-height:120px; flex:1 1 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:8px; overflow:auto; padding:1px 3px 4px 1px; scrollbar-width:thin; }
.transfer-sonuc-grubu { grid-column:1/-1; margin:5px 0 0; color:var(--ikincil); font-size:8px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.transfer-sonuc-karti { min-width:0; min-height:76px; display:grid; grid-template-columns:39px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid var(--cizgi); border-radius:12px; background:var(--yuzey); color:var(--metin); cursor:pointer; text-align:left; transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease,background .14s ease; }
.transfer-sonuc-karti:hover:not(:disabled) { z-index:1; border-color:#8eafd4; background:color-mix(in srgb,var(--mavi-yumusak) 34%,var(--yuzey)); transform:translateY(-1px); box-shadow:0 8px 18px rgba(20,59,100,.08); }
.transfer-sonuc-karti.secili { border-color:var(--mavi); background:var(--mavi-yumusak); box-shadow:inset 3px 0 var(--mavi); }
.transfer-sonuc-karti:disabled { cursor:not-allowed; opacity:.62; }
.transfer-sonuc-amblemi { position:relative; width:39px; height:39px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(145deg,#e7f1fe,#d9e8fb); color:#1764bd; font-size:13px; font-weight:900; }
.transfer-sonuc-karti.takim .transfer-sonuc-amblemi { background:linear-gradient(145deg,#e7f8f6,#d9efec); color:#07877e; }
.transfer-sonuc-karti.kuyruk .transfer-sonuc-amblemi { background:linear-gradient(145deg,#fff3df,#f9e7c7); color:#a8640e; }
.transfer-sonuc-karti.dis .transfer-sonuc-amblemi { background:linear-gradient(145deg,#f1eaff,#e5d9fb); color:#7145b7; }
.transfer-sonuc-amblemi::after { content:""; position:absolute; right:-2px; bottom:-2px; width:9px; height:9px; border:2px solid var(--yuzey); border-radius:50%; background:#94a3b8; }
.transfer-sonuc-karti[data-durum="hazir"] .transfer-sonuc-amblemi::after { background:var(--yesil); }
.transfer-sonuc-karti[data-durum="mesgul"] .transfer-sonuc-amblemi::after { background:var(--turuncu); }
.transfer-sonuc-karti[data-durum="engelli"] .transfer-sonuc-amblemi::after { background:var(--kirmizi); }
.transfer-sonuc-bilgi { min-width:0; display:grid; gap:2px; }
.transfer-sonuc-bilgi small { color:var(--mavi); font-size:7px; font-weight:900; letter-spacing:.09em; }
.transfer-sonuc-bilgi strong,.transfer-sonuc-bilgi > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transfer-sonuc-bilgi strong { font-size:10px; }
.transfer-sonuc-bilgi > span { color:var(--ikincil); font-size:8px; }
.transfer-sonuc-meta { min-width:55px; display:grid; justify-items:end; gap:5px; }
.transfer-sonuc-meta b { color:var(--metin); font-size:8px; white-space:nowrap; }
.transfer-sonuc-meta small { color:var(--mavi); font-size:8px; font-weight:750; white-space:nowrap; }
.transfer-sonuc-karti:disabled .transfer-sonuc-meta small { color:var(--kirmizi); }
.transfer-bos-durumu { grid-column:1/-1; min-height:150px; display:grid; place-content:center; justify-items:center; gap:6px; padding:22px; border:1px dashed var(--cizgi-guclu); border-radius:13px; color:var(--ikincil); text-align:center; }
.transfer-bos-durumu strong { color:var(--metin); font-size:12px; }
.transfer-bos-durumu span { font-size:9px; }
.transfer-bos-durumu button { margin-top:5px; padding:0 14px; border:1px solid var(--cizgi); border-radius:8px; background:var(--yuzey); color:var(--mavi); cursor:pointer; font-size:9px; font-weight:800; }
.transfer-secici > footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding:14px 23px 18px; border-top:1px solid var(--cizgi); background:var(--yuzey-ikincil); }
.transfer-secim-ozeti { min-width:0; display:grid; gap:2px; }
.transfer-secim-turu { color:var(--turkuaz); font-size:8px; font-weight:900; letter-spacing:.11em; }
.transfer-secim-ozeti strong,.transfer-secim-ozeti small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transfer-secim-ozeti strong { color:var(--metin); font-size:12px; }
.transfer-secim-ozeti small { color:var(--ikincil); font-size:8px; }
.transfer-secim-ozeti[data-secim-yok="true"] { opacity:.72; }
.transfer-secici-eylemleri { display:flex; align-items:center; gap:8px; }
.transfer-secici-eylemleri > button { min-width:166px; min-height:48px; display:flex; align-items:center; justify-content:center; gap:9px; padding:7px 12px; border:1px solid; border-radius:11px; color:#fff; cursor:pointer; text-align:left; }
.transfer-secici-eylemleri > button:disabled { cursor:not-allowed; filter:grayscale(.38); opacity:.45; }
.transfer-secici-eylemleri svg { width:19px; height:19px; flex:0 0 auto; }
.transfer-secici-eylemleri span { display:grid; gap:1px; }
.transfer-secici-eylemleri b { font-size:10px; }
.transfer-secici-eylemleri small { color:inherit; font-size:7px; opacity:.82; }
.transfer-secici-eylemleri > .transfer-danismali { border-color:#1872c7; background:linear-gradient(145deg,#1a7ddd,#1263b0); }
.transfer-secici-eylemleri > .transfer-dogrudan { border-color:#07897f; background:linear-gradient(145deg,#0da596,#07847a); }
body.transfer-secici-acik { overflow:hidden; }

@keyframes transfer-secici-giris { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
@media (max-width:900px) {
  .transfer-sonuclari { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .transfer-secici > footer { grid-template-columns:1fr; }
  .transfer-secici-eylemleri > button { flex:1; }
}
@media (max-width:620px) {
  .transfer-secici-katmani { padding:8px; }
  .transfer-secici { height:calc(100vh - 16px); border-radius:18px; }
  .transfer-secici > header { grid-template-columns:44px minmax(0,1fr) 34px; gap:10px; padding:15px; }
  .transfer-secici-amblemi { width:44px; height:44px; border-radius:14px; }
  .transfer-secici > header h2 { font-size:15px; }
  .transfer-filtreleri { padding-inline:15px; }
  .transfer-secici-govdesi { padding:12px 15px 10px; }
  .transfer-sonuclari { grid-template-columns:1fr; }
  .transfer-secici > footer { padding:12px 15px 15px; }
  .transfer-secici-eylemleri { display:grid; grid-template-columns:1fr 1fr; }
  .transfer-secici-eylemleri > button { min-width:0; }
}
@media (prefers-reduced-motion:reduce) { .transfer-secici { animation:none; } }

.giris-cikis-gun-payi { display:block; margin-top:5px; font-size:10px; font-weight:400; color:var(--metin-ikincil); }
.giris-cikis-gun-payi [data-giris-cikis-sure] { font-variant-numeric:tabular-nums; }
.gorusme-kanitlari { display:contents; }
.gorusme-kanitlari div { min-width:0; }
.gorusme-kanitlari dt { font-size:10px; color:var(--metin-ikincil); margin-bottom:4px; }
.gorusme-kanitlari dd { margin:0; font-size:12px; font-weight:650; overflow-wrap:anywhere; }
.gorusme-listesi .gorusme-ozeti { grid-template-columns:34px minmax(180px,1.8fr) minmax(110px,1fr) minmax(90px,.8fr) 85px 110px 132px; min-height:88px; gap:16px; padding:16px 24px; }
.gorusme-listesi .gorusme-ozeti > span { min-width:0; }
.gorusme-listesi .gorusme-ozeti > span strong { font-size:13px; overflow-wrap:anywhere; }
.gorusme-listesi .gorusme-ozeti > span small { margin-top:6px; font-variant-numeric:tabular-nums; }
.gorusme-listesi .gorusme-ozeti > b { font-size:11px; }
.gorusme-listesi .gorusme-ozeti > em { font-style:normal; font-size:10px; padding:6px 10px; }
.gorusme-listesi .kayit-dinle-dugmesi { justify-self:end; min-height:36px; }
.gorusme-listesi > .gorusme-kaydi:hover { background:color-mix(in srgb,var(--mavi-yumusak) 22%,var(--yuzey)); }
.gorusme-kaydi .gorusme-ozeti > em, .gorusme-kaydi .gorusme-ozeti > b { display:block; }

.gunluk-temel-sureler > [data-calisma-yon-karti][hidden] { display:none; }

.gorusme-eslesme-uyarisi { margin:0; padding:0 18px 16px 70px; color:var(--metin-ikincil); font-size:12px; }
@media (max-width:1200px) {
  .gorusme-listesi .gorusme-ozeti { grid-template-columns:30px minmax(140px,1.5fr) minmax(90px,1fr) minmax(80px,.8fr) 66px 90px 112px; gap:10px; padding:14px 16px; }
}
@media (max-width:950px) {
  .gorusme-listesi .gorusme-ozeti { grid-template-columns:30px minmax(0,1fr) auto; gap:12px; }
  .gorusme-listesi .gorusme-ozeti > i { grid-column:1; grid-row:1; }
  .gorusme-listesi .gorusme-ozeti > span { grid-column:2; grid-row:1; }
  .gorusme-listesi .kayit-dinle-dugmesi { grid-column:3; grid-row:1; }
  .gorusme-listesi .gorusme-kanitlari { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; grid-column:2 / -1; grid-row:2; }
  .gorusme-listesi .gorusme-ozeti > b { grid-column:2; grid-row:3; }
  .gorusme-listesi .gorusme-ozeti > em { grid-column:3; grid-row:3; }
  .gorusme-eslesme-uyarisi { padding-left:58px; }
}

.vardiya-uyum-icerigi{padding:18px;color:var(--metin)}.vardiya-uyum-icerigi p{margin:0 0 12px}.vardiya-uyum-tablo{overflow:auto}.vardiya-uyum-tablo table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.vardiya-uyum-tablo td,.vardiya-uyum-tablo th{padding:12px;border-bottom:1px solid var(--cizgi)}

.operator-baglanti-karti {margin:0 0 12px;padding:18px 20px;border:1px solid var(--cizgi,#d5dfed);border-radius:16px;background:var(--yuzey,#f6f8fc);color:var(--metin,#18324f);display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;}
.operator-baglanti-ozet {display:flex;align-items:center;gap:12px;flex:1 1 300px;}
.operator-baglanti-ozet p {margin:6px 0 0;font-size:12px;max-width:560px;line-height:1.5;}
.operator-baglanti-amblem {display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#dfeaff;color:#2563eb;flex-shrink:0;}
.operator-baglanti-amblem svg {width:22px;height:22px;}
.operator-baglanti-eylemleri {display:flex;flex-wrap:wrap;gap:10px;align-items:end;}
.operator-baglanti-eylemleri label {display:grid;gap:5px;font-size:11px;}
.operator-baglanti-eylemleri input {width:90px;}
.operator-baglanti-eylemleri input,.operator-baglanti-eylemleri select,.operator-baglanti-eylemleri button {min-height:38px;border:1px solid var(--cizgi,#c9d7ea);border-radius:9px;padding:8px 12px;background:transparent;color:inherit;font:inherit;}
.operator-baglanti-eylemleri button {font-size:12px;font-weight:600;cursor:pointer;}
#operatorCalismaBaslat {background:#156f65;color:white;border-color:#156f65;}
.operator-baglanti-eylemleri button:disabled {opacity:.45;cursor:default;}

body[data-telefon-bagli="false"] #telefonKonsolu,body[data-telefon-bagli="false"] .telefon-cekmece-sekmesi {display:none;}

#operatorTelefonBaglan {background:#245edb;border-color:#245edb;color:#fff;box-shadow:0 3px 8px #245edb25;}
#operatorTelefonBaglan:not(:disabled):hover {background:#174bbd;border-color:#174bbd;}
#operatorCalismaBitir:not(:disabled) {border-color:#b64343;color:#a73030;background:var(--yuzey);}
.operator-baglanti-eylemleri button {min-height:42px;padding:10px 16px;font-size:13px;}
.operator-baglanti-eylemleri button:disabled {opacity:.65;}
body[data-calisma-etkin="false"] .operator-durumlari,
body[data-calisma-etkin="false"] #operatorCalismaBitir {display:none;}
body[data-calisma-etkin="true"] #operatorCalismaBaslat,
body[data-calisma-etkin="true"] .operator-baglanti-eylemleri label:has(#operatorBaslangicDurumu),
body[data-telefon-bagli="false"] #operatorCalismaBaslat {display:none;}
.calisma-bitis-onayi {width:min(480px,calc(100vw - 40px));padding:28px;border:1px solid var(--cizgi);border-radius:18px;background:var(--yuzey);color:var(--metin);box-shadow:0 24px 80px #07172e44;}
.calisma-bitis-onayi::backdrop {background:#07172e80;backdrop-filter:blur(3px);}
#operatorCalismaParolaOnayi label {display:grid;gap:8px;margin:18px 0;font-size:14px;}
#operatorCalismaParola {width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey);color:var(--metin);}
.calisma-bitis-onayi h2 {margin:18px 0 10px;font-size:20px;line-height:1.4;}
.calisma-bitis-onayi p {font-size:14px;line-height:1.65;color:var(--metin-ikincil);}
.calisma-bitis-simge {display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0e4;color:#b75a16;}
.calisma-bitis-simge svg {width:24px;height:24px;}
.calisma-bitis-eylemleri {display:flex;justify-content:flex-end;gap:10px;margin-top:24px;}
.calisma-bitis-eylemleri button {padding:11px 16px;border:1px solid var(--cizgi);border-radius:9px;background:var(--yuzey);color:var(--metin);font-weight:600;cursor:pointer;}
.calisma-bitis-eylemleri button[value="bitir"] {background:#ad3333;border-color:#ad3333;color:#fff;}

.operator-bakim-bildirimi{position:fixed;right:20px;bottom:70px;z-index:1200;max-width:min(420px,calc(100vw - 40px));padding:18px;border:1px solid var(--cizgi);border-left:4px solid #c38b18;border-radius:12px;background:var(--yuzey);color:var(--metin);box-shadow:0 8px 28px #12274826;overflow-wrap:anywhere}.operator-bakim-bildirimi[hidden]{display:none}.operator-bakim-bildirimi p{margin:8px 0 0;white-space:pre-wrap}
#operatorAuxKilitBilgisi:not([hidden]) { grid-column:1 / -1;padding:9px 16px;border-top:1px solid var(--cizgi);font-size:12px;line-height:1.5;color:var(--metin-ikincil);overflow-wrap:anywhere; }
[data-operator-durumu][data-aux-kilitli] { opacity:.45;cursor:not-allowed; }