/* Etci panel — CRM düzeni ve görünümü (koyu lacivert menü, açık gri zemin, mavi vurgu, Roboto). Logo Etci. */
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/roboto-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/roboto-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/roboto-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/roboto-latin-ext-500-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 600 700; font-display: swap; src: url(/fonts/roboto-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 600 700; font-display: swap; src: url(/fonts/roboto-latin-ext-700-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --zemin: #F2F4F7; --kart: #fff; --metin: #101828; --ikincil: #475467; --sonuk: #667085;
  --cizgi: #EAECF0; --vurgu: #155EEF; --hata: #B42318;
  color-scheme: light;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--zemin); color: var(--metin); font: 400 16px/1.55 Roboto, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
.ns { padding: 24px; text-align: center; }

/* Giriş kartı */
.kapi { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 32px 16px; }
.kart { width: 100%; max-width: 440px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 16px; padding: 40px 36px; box-shadow: 0 1px 2px rgba(0,0,0,.03), 0 12px 32px rgba(0,0,0,.04); }
.logo { display: block; width: 120px; height: auto; margin: 0 0 32px; }
h1 { font-size: 26px; line-height: 1.2; letter-spacing: -.02em; font-weight: 600; margin: 0 0 8px; }
.alt { color: var(--ikincil); font-size: 15px; margin: 0 0 24px; }
.adim label { display: block; font-size: 14px; font-weight: 500; margin: 0 0 16px; }
.adim input[type=email], .adim input[type=password], .adim input:not([type]), .adim input[inputmode] {
  display: block; width: 100%; margin-top: 6px; height: 48px; padding: 0 14px; font: inherit; font-size: 16px;
  color: var(--metin); background: #fff; border: 1px solid rgba(0,0,0,.16); border-radius: 10px; outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.adim input:focus { border-color: #101828; box-shadow: 0 0 0 3px rgba(0,0,0,.08); }
.kodkutu { font-variant-numeric: tabular-nums; letter-spacing: .18em; font-size: 20px !important; text-align: center; }
.hata { min-height: 22px; margin: 0 0 12px; color: var(--hata); font-size: 14px; }
.hata:empty { min-height: 0; margin: 0; }

.cta { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border: 0; border-radius: 100px; background: #101828; color: #fff; font: 500 16px Roboto, sans-serif; cursor: pointer; transition: opacity .15s; }
.cta:hover { opacity: .86; }
.cta:disabled { opacity: .35; cursor: not-allowed; }
.ikincil { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 1px solid rgba(0,0,0,.16); border-radius: 100px; background: #fff; color: #101828; font: 500 15px Roboto, sans-serif; cursor: pointer; transition: background-color .15s; }
.ikincil:hover { background: rgba(0,0,0,.04); }
.ikincil.kucuk { height: 38px; padding: 0 16px; font-size: 14px; }
.bag { display: block; width: 100%; min-height: 44px; margin-top: 8px; border: 0; background: none; color: var(--ikincil); font: 500 14px Roboto, sans-serif; cursor: pointer; transition: color .15s; }
.bag:hover { color: #101828; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

.qr { display: flex; justify-content: center; margin: 0 0 16px; }
.qr svg { width: 196px; height: 196px; border: 1px solid var(--cizgi); border-radius: 12px; padding: 10px; background: #fff; }
.sirkutu { margin: 0 0 20px; font-size: 14px; color: var(--ikincil); }
.sirkutu summary { cursor: pointer; min-height: 32px; }
.sirkutu code { display: block; word-break: break-all; font: 500 14px/1.6 'JetBrains Mono', ui-monospace, monospace; color: #101828; background: var(--zemin); padding: 10px 12px; border-radius: 8px; }

.kodlar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; list-style: none; padding: 16px; margin: 0 0 16px; background: var(--zemin); border-radius: 10px; font: 500 15px ui-monospace, 'JetBrains Mono', monospace; }
.onay { display: flex !important; gap: 10px; align-items: center; margin: 16px 0 !important; font-weight: 400 !important; }
.onay input { width: 18px; height: 18px; }

/* ===== Uygulama: alışıldık CRM düzeni (koyu sol menü, üst başlık + sekmeler, yoğun tablolar) — Etci renkleriyle ===== */
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[data-ikon] { display: inline-flex; align-items: center; justify-content: center; }
.panel { min-height: 100vh; display: grid; grid-template-columns: 232px 1fr; background: #F2F4F7; }

/* Sol menü */
.yan { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 14px; padding: 18px 12px 14px; background: #2D3748; color: rgba(255,255,255,.86); overflow-y: auto; }
.yan-ust { display: flex; align-items: center; justify-content: space-between; padding: 2px 8px 4px; }
.logo-y { width: 76px; height: auto; }
.hesap-sec select { width: 100%; height: 44px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: #fff; font: 500 14px Roboto, sans-serif; }
.hesap-sec select option { color: #101828; }
.hesap-tek { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; border-radius: 8px; background: rgba(255,255,255,.06); font-size: 14px; font-weight: 500; }
.hesap-harf, .kisi-harf { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #155EEF; color: #fff; font-size: 12px; font-weight: 600; flex: none; }
.menu { display: flex; flex-direction: column; gap: 1px; }
.menu hr { border: 0; border-top: 1px solid rgba(255,255,255,.1); margin: 10px 8px; }
.menu a { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 0 10px; border-radius: 8px; color: rgba(255,255,255,.78); text-decoration: none; font-size: 14px; font-weight: 500; transition: background-color .15s, color .15s; }
.menu a:hover { background: rgba(255,255,255,.07); color: #fff; }
.menu a[aria-current=page] { background: rgba(255,255,255,.12); color: #fff; }
.menu a.pasif { color: rgba(255,255,255,.42); }
.yan-alt { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 12px 6px 0; border-top: 1px solid rgba(255,255,255,.1); }
.kisi { flex: 1; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yan-cikis, .menu-kapat { width: 36px; height: 36px; border: 0; border-radius: 8px; background: none; color: rgba(255,255,255,.7); cursor: pointer; transition: background-color .15s, color .15s; }
.yan-cikis:hover, .menu-kapat:hover { background: rgba(255,255,255,.08); color: #fff; }
.menu-kapat { display: none; }

/* Sayfa başlığı + sekmeler */
.ana { min-width: 0; display: flex; flex-direction: column; }
.sayfa-bas { display: flex; align-items: center; gap: 28px; height: 60px; padding: 0 24px; background: #fff; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 5; }
.sayfa-bas h1 { font-size: 18px; font-weight: 600; letter-spacing: -.01em; margin: 0; white-space: nowrap; }
.sekmeler { display: flex; gap: 22px; height: 100%; overflow-x: auto; }
.sekmeler a { display: flex; align-items: center; height: 100%; font-size: 14px; color: var(--ikincil); text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; transition: color .15s, border-color .15s; }
.sekmeler a:hover { color: #101828; }
.sekmeler a[aria-current=page] { color: #101828; border-bottom-color: #101828; font-weight: 500; }
.menu-ac { display: none; width: 40px; height: 40px; border: 0; background: none; border-radius: 8px; cursor: pointer; color: #101828; }
.icerik { padding: 20px 24px 32px; min-width: 0; }

/* Ortak parçalar */
.kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; }
.arac { display: flex; align-items: center; gap: 10px; padding: 12px 14px; flex-wrap: wrap; }
.kutu > .arac { border-bottom: 1px solid var(--cizgi); }
.ust-arac { padding: 0 0 14px; }
.bosluk { flex: 1; }
.sayac { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 100px; background: #EFF4FF; color: #004EEB; font-size: 12px; font-weight: 500; white-space: nowrap; }
.sayac:empty { display: none; }
.eylemler { display: flex; gap: 8px; }
.birincil, .ikincil { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 8px; font: 500 14px Roboto, sans-serif; cursor: pointer; white-space: nowrap; transition: background-color .15s, opacity .15s; }
.birincil { background: #101828; color: #fff; border: 1px solid #101828; }
.birincil:hover { opacity: .85; }
.ikincil { background: #fff; color: #101828; border: 1px solid rgba(0,0,0,.14); }
.ikincil:hover { background: rgba(0,0,0,.04); }
.birincil:disabled, .ikincil:disabled { opacity: .4; cursor: not-allowed; }
.kucuk { height: 34px; padding: 0 12px; font-size: 13px; }
.arama { position: relative; display: flex; align-items: center; }
.arama [data-ikon] { position: absolute; left: 10px; color: var(--sonuk); pointer-events: none; }
.arama input { width: 240px; height: 36px; padding: 0 12px 0 34px; font: 400 14px Roboto, sans-serif; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; background: #fff; outline: none; }
.arama input:focus { border-color: #101828; }
.secim select { height: 38px; min-width: 200px; padding: 0 12px; font: 500 14px Roboto, sans-serif; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; background: #fff; color: #101828; }
.bos { padding: 48px 18px; margin: 0; text-align: center; color: var(--ikincil); font-size: 14px; }
.yakinda { padding: 48px 24px; text-align: center; }
.yakinda h2 { font-size: 20px; font-weight: 600; margin: 0 0 6px; }

/* Kişi tablosu */
.tablo-kutu { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.tablo th { text-align: left; font-weight: 500; font-size: 12.5px; color: var(--ikincil); padding: 10px 14px; background: #F9FAFB; border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.tablo td { padding: 9px 14px; border-bottom: 1px solid rgba(0,0,0,.05); vertical-align: middle; white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.tablo tbody tr:hover { background: #F9FAFB; }
.tablo td.ikincil-m { color: rgba(0,0,0,.66); }
.ad-hucre { display: flex; align-items: center; gap: 10px; font-weight: 500; }
.bas-harf { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #EFF4FF; color: #004EEB; font-size: 11px; font-weight: 600; flex: none; }
.ikon-metin { display: inline-flex; align-items: center; gap: 6px; }
.ikon-metin [data-ikon], .ikon-metin svg { color: var(--sonuk); flex: none; }
.etiket { display: inline-block; font-size: 11.5px; padding: 2px 8px; margin: 0 4px 0 0; border-radius: 6px; background: #EFF4FF; color: #004EEB; }
.sayfalama { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--ikincil); }

/* Satış panosu */
.pano { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 12px; align-items: flex-start; }
.sutun { flex: 0 0 272px; border-radius: 10px; min-height: 140px; transition: background-color .15s; }
.sutun.uzerinde { background: rgba(21,94,239,.08); }
.sutun-bas { background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; }
.sutun-bas h2 { font-size: 14px; font-weight: 600; margin: 0 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sutun-bas p { margin: 0; font-size: 12.5px; color: var(--ikincil); }
.sutun-bas b { color: #101828; font-weight: 600; }
.kart-f { background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; padding: 12px; margin-bottom: 8px; cursor: grab; transition: box-shadow .15s, opacity .15s; }
.kart-f:hover { box-shadow: 0 4px 14px rgba(0,0,0,.07); }
.kart-f.suruklen { opacity: .4; }
.kart-f h3 { font-size: 14px; font-weight: 600; margin: 0 0 6px; line-height: 1.35; }
.kart-f dl { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; margin: 0 0 10px; font-size: 12.5px; }
.kart-f dt { color: var(--sonuk); }
.kart-f dd { margin: 0; color: rgba(0,0,0,.78); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kart-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rozet { font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 6px; }
.rozet.kazanildi { background: rgba(16,128,67,.1); color: #0E6B3B; }
.rozet.kaybedildi, .rozet.birakildi { background: rgba(0,0,0,.06); color: var(--ikincil); }
.kart-f select { height: 30px; font: 400 12.5px Roboto, sans-serif; border: 1px solid rgba(0,0,0,.14); border-radius: 6px; background: #fff; max-width: 150px; }

/* Pencereler */
.pencere { width: min(480px, calc(100vw - 32px)); border: 0; border-radius: 12px; padding: 28px; box-shadow: 0 24px 64px rgba(0,0,0,.18); }
.pencere::backdrop { background: rgba(0,0,0,.35); }
.pencere h2 { font-size: 20px; letter-spacing: -.01em; font-weight: 600; margin: 0 0 8px; }
.pencere select { display: block; width: 100%; margin-top: 6px; height: 48px; padding: 0 12px; font: 400 15px Roboto, sans-serif; border: 1px solid rgba(0,0,0,.16); border-radius: 10px; background: #fff; }
.pencere-alt { display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; }
.davet-sonuc { background: var(--zemin); border-radius: 10px; padding: 14px; margin: 0 0 16px; font-size: 14px; }
.davet-sonuc p { margin: 0 0 6px; color: var(--ikincil); }
.davet-sonuc code { display: block; word-break: break-all; font: 500 13px ui-monospace, monospace; margin-bottom: 10px; }

@media (max-width: 900px) {
  .panel { display: block; }
  .yan { position: fixed; z-index: 20; inset: 0 auto 0 0; width: min(280px, 86vw); transform: translateX(-100%); transition: transform .2s; }
  .yan.acik { transform: none; box-shadow: 0 0 40px rgba(0,0,0,.3); }
  .menu-kapat, .menu-ac { display: inline-flex; align-items: center; justify-content: center; }
  .sayfa-bas { gap: 12px; padding: 0 10px; }
  .icerik { padding: 14px 12px 24px; }
  .arama input { width: 100%; }
  .arama { flex: 1 1 100%; }
  .icerik:not(#g-contacts) .tablo:not(.e-tablo) :is(th, td):is(:nth-child(4), :nth-child(5), :nth-child(6)) { display: none; }
  #g-contacts .tablo :is(th, td):is(:nth-child(5), :nth-child(6), :nth-child(7)) { display: none; }   /* 1. sütun seçim kutusu */
  .sutun { flex-basis: 80vw; }
}
@media (max-width: 480px) {
  .kart { padding: 32px 22px; border-radius: 14px; }
  .kodlar { grid-template-columns: 1fr; }
  .icerik:not(#g-contacts) .tablo:not(.e-tablo) :is(th, td):nth-child(3) { display: none; }
  #g-contacts .tablo :is(th, td):nth-child(4) { display: none; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* ===== Takvim ===== */
.ikon-btn { width: 34px; padding: 0; }
.ikon-btn.sade { border: 0; background: none; height: 34px; border-radius: 8px; cursor: pointer; color: var(--ikincil); }
.ikon-btn.sade:hover { background: rgba(0,0,0,.05); color: #101828; }
.t-gezin { display: inline-flex; align-items: center; gap: 4px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; padding: 0 2px; background: #fff; height: 34px; }
.t-gezin .ikincil { border: 0; height: 30px; }
.ikincil.ikon-btn, .t-gezin .ikon-btn { padding: 0; width: 30px; flex: none; }
.t-aralik { min-width: 170px; text-align: center; font-size: 13.5px; font-weight: 500; }
.kucuk-secim select { height: 34px; min-width: 150px; font-size: 13px; }
.t-govde { display: flex; gap: 12px; align-items: flex-start; }
.t-alan { flex: 1; min-width: 0; overflow: auto; max-height: calc(100vh - 160px); }
.t-yonet { width: 260px; flex: none; padding: 14px; }
.t-yonet-bas { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.t-yonet-bas h2, .cekmece-bas h2 { font-size: 15px; font-weight: 600; margin: 0; }
.t-alt-baslik { font-size: 12px; font-weight: 600; color: var(--sonuk); text-transform: uppercase; letter-spacing: .04em; margin: 12px 0 8px; }
.t-secenek { display: flex; align-items: center; gap: 8px; min-height: 32px; font-size: 13.5px; cursor: pointer; }
.t-secenek i { width: 10px; height: 10px; border-radius: 3px; flex: none; }

/* Hafta/gün ızgarası */
.t-izgara { display: grid; position: relative; min-width: 640px; }
.t-bas { position: sticky; top: 0; z-index: 3; background: #fff; border-bottom: 1px solid var(--cizgi); text-align: center; padding: 8px 4px; font-size: 13px; color: var(--ikincil); }
.t-bas b { display: block; font-size: 18px; font-weight: 500; color: #101828; }
.t-bas.bugun b { color: #fff; background: #155EEF; border-radius: 50%; width: 32px; height: 32px; line-height: 32px; margin: 0 auto; }
.t-saat { font-size: 11.5px; color: var(--sonuk); text-align: right; padding: 0 8px; position: relative; top: -7px; }
.t-gun { position: relative; border-left: 1px solid var(--cizgi); }
.t-hucre { height: 48px; border-bottom: 1px solid rgba(0,0,0,.05); }
.t-hucre:nth-child(2n) { border-bottom-color: rgba(0,0,0,.09); }
.t-simdi { position: absolute; left: 0; right: 0; height: 2px; background: #D92D20; z-index: 2; pointer-events: none; }
.t-simdi::before { content: ''; position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: #D92D20; }
.t-olay { position: absolute; left: 3px; right: 3px; border-radius: 6px; padding: 4px 7px; font-size: 12px; line-height: 1.3; overflow: hidden; cursor: pointer; background: #EFF4FF; color: #00359E; border-left: 3px solid #155EEF; text-align: left; border-top: 0; border-right: 0; border-bottom: 0; font-family: inherit; z-index: 1; transition: box-shadow .15s; }
.t-olay:hover { box-shadow: 0 3px 10px rgba(0,0,0,.12); }
.t-olay b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-olay.iptal { opacity: .55; text-decoration: line-through; }
.t-olay.gelmedi { background: #F2F4F7; color: var(--ikincil); border-left-color: rgba(0,0,0,.3); }

/* Ay görünümü */
.t-ay { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); min-width: 640px; }
.t-ay-bas { padding: 8px; font-size: 12px; color: var(--sonuk); text-align: center; border-bottom: 1px solid var(--cizgi); }
.t-ay-gun { min-height: 110px; border-right: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06); padding: 6px; font-size: 12px; }
.t-ay-gun.disarida { background: #F9FAFB; color: var(--sonuk); }
.t-ay-gun > span { display: inline-block; min-width: 22px; text-align: center; margin-bottom: 4px; }
.t-ay-gun.bugun > span { background: #155EEF; color: #fff; border-radius: 50%; line-height: 22px; }
.t-ay-gun .t-olay { position: static; display: block; width: 100%; margin-bottom: 3px; padding: 2px 6px; }

/* Çekmece (randevu ayrıntısı) */
.cekmece { position: fixed; top: 0; right: 0; bottom: 0; width: min(380px, 100vw); background: #fff; border-left: 1px solid var(--cizgi); box-shadow: -12px 0 40px rgba(0,0,0,.08); z-index: 15; padding: 18px; overflow-y: auto; }
.cekmece-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.cekmece-bas h2 { font-size: 17px; line-height: 1.35; }
.d-bilgi { display: grid; grid-template-columns: 90px 1fr; gap: 10px 12px; font-size: 13.5px; margin: 0 0 16px; }
.d-bilgi dt { color: var(--sonuk); }
.d-bilgi dd { margin: 0; overflow-wrap: anywhere; }
.d-bilgi a { color: #004EEB; }
.d-alan, .d-satir label, .pencere .d-satir label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 12px; }
.d-alan select, .d-alan input, .d-satir input, .pencere .d-satir select { display: block; width: 100%; margin-top: 6px; height: 40px; padding: 0 10px; font: 400 14px Roboto, sans-serif; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; background: #fff; }
.d-satir { display: flex; gap: 10px; }
.d-satir label { flex: 1; }
.d-tasi { border-top: 1px solid var(--cizgi); padding-top: 4px; }
.r-kisiler { max-height: 180px; overflow-y: auto; margin: -8px 0 12px; }
.r-kisiler button { display: block; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-radius: 8px; background: none; font: 400 13.5px Roboto, sans-serif; cursor: pointer; }
.r-kisiler button:hover, .r-kisiler button[aria-selected=true] { background: #EFF4FF; }
.r-kisiler small { color: var(--sonuk); margin-left: 6px; }
@media (max-width: 900px) {
  .t-yonet { position: fixed; right: 0; top: 60px; bottom: 0; z-index: 12; width: min(280px, 90vw); border-radius: 0; }
  .t-aralik { min-width: 120px; font-size: 12.5px; }
  .t-alan { max-height: 72vh; }
  .t-izgara.tek { min-width: 0; }
}

/* ---------- Conversations: list | thread | contact (CRM inbox layout) ---------- */
.k-icerik { padding: 8px 12px 12px; }
.k-sayfa { display: grid; grid-template-columns: 252px minmax(0, 1fr) 236px; gap: 8px; height: calc(100vh - 80px); min-height: 480px; }
.k-sayfa.kisi-kapali { grid-template-columns: 252px minmax(0, 1fr); }
.k-sayfa.kisi-kapali .k-sag { display: none; }
.k-sol { display: flex; flex-direction: column; min-height: 0; background: #F2F4F7; border-radius: 10px; }
.k-orta, .k-sag { display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; }
.k-sol-bas { display: flex; align-items: center; justify-content: space-between; padding: 12px 10px 4px 14px; }
.k-sol-bas h2 { font-size: 15px; font-weight: 600; margin: 0; }
.k-ara { display: flex; align-items: center; gap: 8px; margin: 4px 10px 6px; padding: 0 10px; height: 34px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; background: #fff; color: var(--sonuk); }
.k-ara[hidden] { display: none; }
.k-ara input { flex: 1; min-width: 0; border: 0; outline: 0; font: 400 13px Roboto, sans-serif; background: none; color: #101828; }
.k-ara:focus-within { border-color: var(--vurgu); }
.k-filtreler { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 10px; border-bottom: 1px solid rgba(0,0,0,.08); }
.k-filtreler button { display: flex; flex-direction: column; align-items: center; gap: 3px; border: 0; background: none; padding: 7px 0 8px; font: 500 12px Roboto, sans-serif; color: var(--ikincil); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.k-filtreler button svg { width: 15px; height: 15px; }
.k-filtreler button[aria-selected=true] { color: #101828; border-bottom-color: var(--vurgu); }
.k-liste { flex: 1; overflow-y: auto; padding: 6px 8px; }
.k-bilgi { padding: 16px; font-size: 13px; color: var(--sonuk); text-align: center; margin: 0; }
.k-oge { display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 9px 10px; border: 1px solid transparent; border-bottom-color: rgba(0,0,0,.06); border-radius: 0; background: none; text-align: left; cursor: pointer; font-family: inherit; }
.k-oge:hover { background: rgba(255,255,255,.6); }
.k-oge[aria-current=true] { background: #fff; border-color: var(--vurgu); border-radius: 8px; }
.k-oge-ust { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.k-oge-ust b { flex: 1; min-width: 0; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-oge-ust time { flex: none; font-size: 11px; color: var(--sonuk); }
.k-oge.okunmamis .k-oge-ust b { font-weight: 700; }
.k-av { position: relative; flex: none; }
.k-av-kanal { position: absolute; right: -4px; bottom: -3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; color: var(--ikincil); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.k-harf { flex: none; width: 22px; height: 22px; border-radius: 50%; background: #155EEF; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600; letter-spacing: .02em; }
.k-harf.kucuk { width: 28px; height: 28px; font-size: 11px; }
.k-oge-alt { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ikincil); padding-left: 30px; }
.k-son { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-oge.okunmamis .k-son { color: #101828; font-weight: 500; }
.k-oge-yildiz { flex: none; display: inline-flex; color: rgba(0,0,0,.25); }
.k-oge-yildiz.acik { color: #F5A524; }
.k-oge-yildiz.acik svg { fill: currentColor; }
.k-rozet { flex: none; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--vurgu); color: #fff; font-size: 11px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.k-daha { margin: 8px auto 12px; }
.k-bos { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; padding: 20px; }
.k-bos h3 { font-size: 17px; font-weight: 500; margin: 0; color: rgba(0,0,0,.75); }
.k-bos p { margin: 0 0 12px; font-size: 13px; color: var(--sonuk); }
.k-bos [hidden] { display: none; }
.k-akis { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.k-akis[hidden], .k-bos[hidden] { display: none; }
.k-bas { display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 14px; border-bottom: 1px solid var(--cizgi); }
.k-bas .k-harf { width: 28px; height: 28px; font-size: 11px; }
.k-bas-ad { font-size: 14.5px; font-weight: 500; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-bas .ikon-btn.sade { width: 32px; height: 32px; color: rgba(0,0,0,.6); }
.k-bas .ikon-btn.sade svg { width: 18px; height: 18px; }
.k-bas [data-k-yildiz].acik { color: #F5A524; }
.k-bas [data-k-yildiz].acik svg { fill: currentColor; }
.k-geri { display: none !important; }
.k-mesajlar { flex: 1; overflow-y: auto; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; background: #fff; }
.k-eski { align-self: center; }
.k-gun { align-self: center; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ikincil); padding: 4px 10px; margin: 8px 0; }
.k-etkinlik { align-self: center; font-size: 12px; color: var(--ikincil); }
.k-mesaj { max-width: min(560px, 75%); display: flex; flex-direction: column; gap: 3px; }
.k-mesaj.gelen { align-self: flex-start; }
.k-mesaj.giden { align-self: flex-end; align-items: flex-end; }
.k-balon { display: flex; flex-direction: column; gap: 4px; padding: 8px 12px; border-radius: 10px; font-size: 13.5px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.k-mesaj.gelen .k-balon { background: #F2F4F7; }
.k-mesaj.giden .k-balon { background: #EFF4FF; color: #00359E; }
.k-mesaj.arama .k-balon { flex-direction: row; align-items: center; gap: 6px; font-size: 13px; }
.k-mesaj.not .k-balon { background: #FFF8E6; border: 1px dashed #F5C46B; }
.k-mesaj.basarisiz .k-balon { background: #FEF3F2; color: #B42318; }
.k-ust { font-size: 11px; color: var(--sonuk); padding: 0 4px; }
.k-ek { display: flex; align-items: center; gap: 4px; font-size: 12px; opacity: .85; }
.k-eposta { border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; }
.k-eposta-bas { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: #F2F4F7; font-size: 12.5px; font-weight: 500; color: rgba(0,0,0,.75); }
.k-eposta-govde { display: flex; gap: 10px; padding: 10px 12px; align-items: flex-start; }
.k-eposta-yazi { flex: 1; min-width: 0; font-size: 13px; }
.k-eposta-yazi b { font-weight: 500; }
.k-eposta-yazi p { margin: 2px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: rgba(0,0,0,.75); }
.k-eposta time { flex: none; font-size: 12px; color: var(--ikincil); }
.k-eposta.basarisiz .k-eposta-bas { color: #B42318; }
.k-hata-not { display: inline-block; margin-top: 4px; font-size: 12px; color: #B42318; }
.k-yaz { margin: 0 12px 12px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; background: #fff; }
.k-yaz:focus-within { border-color: var(--vurgu); box-shadow: 0 0 0 3px rgba(21,94,239,.08); }
.k-yaz-ust { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid rgba(0,0,0,.06); background: #F9FAFB; border-radius: 8px 8px 0 0; }
.k-kanal-sec { position: relative; }
.k-kanal-dugme { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 8px; border: 1px solid rgba(0,0,0,.12); border-radius: 6px; background: #fff; font: 500 12.5px Roboto, sans-serif; color: #004EEB; cursor: pointer; }
.k-kanal-dugme > span { display: inline-flex; }
.k-kanal-menu { position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 6; min-width: 170px; padding: 4px; background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.k-kanal-menu[hidden] { display: none; }
.k-kanal-menu button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 6px; background: none; font: 400 13px Roboto, sans-serif; cursor: pointer; text-align: left; }
.k-kanal-menu button:hover { background: #F2F4F7; }
.k-kanal-menu .k-tik { margin-left: auto; color: var(--vurgu); visibility: hidden; display: inline-flex; }
.k-kanal-menu button[aria-selected=true] .k-tik { visibility: visible; }
.k-eposta-alan { border-bottom: 1px solid rgba(0,0,0,.06); }
.k-eposta-alan[hidden] { display: none; }
.k-satir { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: 13px; }
.k-satir + .k-satir { border-top: 1px solid rgba(0,0,0,.06); }
.k-satir > span { color: var(--ikincil); flex: none; }
.k-satir b { font-weight: 500; }
.k-satir input { flex: 1; min-width: 0; border: 0; outline: 0; font: 400 13px Roboto, sans-serif; background: none; }
.k-yaz textarea { display: block; width: 100%; min-height: 64px; max-height: 220px; resize: vertical; padding: 10px; border: 0; outline: 0; font: 400 13.5px/1.45 Roboto, sans-serif; background: none; }
.k-yaz-alt { display: flex; align-items: center; gap: 10px; padding: 4px 8px 8px 10px; }
.k-yaz-alt .hata { flex: 1; margin: 0; font-size: 12.5px; }
.k-sayac { font-size: 11.5px; color: var(--sonuk); }
.k-gonder { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 30px; border: 0; border-radius: 6px; background: #155EEF; color: #fff; cursor: pointer; }
.k-gonder:disabled { opacity: .5; cursor: default; }
.k-sag-bas { display: flex; align-items: center; justify-content: space-between; padding: 10px 8px 6px 14px; }
.k-sag-bas h2 { font-size: 13.5px; font-weight: 500; margin: 0; }
.k-sag-govde { flex: 1; overflow-y: auto; padding: 0 10px 14px; }
.k-sag-bos { height: 100%; min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; color: var(--sonuk); }
.k-sag-bos b { font-size: 13px; font-weight: 600; color: rgba(0,0,0,.7); }
.k-sag-bos p { margin: 0; font-size: 12px; max-width: 200px; }
.k-kisi-kart { border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px; margin-bottom: 10px; }
.k-kisi-ust { display: flex; align-items: center; gap: 8px; }
.k-kisi-ust .k-harf { width: 28px; height: 28px; font-size: 11px; }
.k-kisi-ust b { font-size: 13.5px; font-weight: 600; }
.k-etiketler { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 10px; font-size: 12.5px; }
.k-etiket-bas { color: var(--ikincil); margin-right: 4px; }
.k-soluk { color: var(--sonuk); }
.k-bolum { border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; }
.k-bolum h3 { margin: 0; padding: 9px 10px; font-size: 13px; font-weight: 600; background: #F9FAFB; border-bottom: 1px solid var(--cizgi); }
.k-alan { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; font-size: 12.5px; }
.k-alan span { color: var(--ikincil); }
.k-alan b { font-weight: 500; overflow-wrap: anywhere; }
.k-balon, .k-son, .k-oge-ust b, .k-bas-ad, .k-eposta-yazi p { unicode-bidi: plaintext; }
@media (max-width: 1200px) { .k-sayfa, .k-sayfa.kisi-kapali { grid-template-columns: 260px minmax(0, 1fr); } .k-sag { display: none; } }
@media (max-width: 900px) {
  .k-icerik { padding: 0; }
  .k-sayfa, .k-sayfa.kisi-kapali { grid-template-columns: minmax(0, 1fr); gap: 0; height: calc(100dvh - 60px); }
  .k-sol, .k-orta { border-radius: 0; border: 0; }
  .k-orta { display: none; }
  .k-sayfa.konusma-acik .k-sol { display: none; }
  .k-sayfa.konusma-acik .k-orta { display: flex; }
  .k-geri { display: inline-flex !important; align-items: center; justify-content: center; }
  .k-bas [data-k-kisi-ac] { display: none; }
  .k-mesaj { max-width: 85%; }
}

/* ---------- Contact page: details | conversation | panels | tool rail ---------- */
.tablo tr.tikla { cursor: pointer; }
.tablo tr.tikla:hover td { background: #F9FAFB; }
a.ad-hucre { color: inherit; text-decoration: none; }
a.ad-hucre:hover { text-decoration: underline; }
.k-kisi-git { margin-left: auto; display: inline-flex; color: var(--ikincil); padding: 4px; border-radius: 6px; }
.k-kisi-git:hover { background: #F2F4F7; color: #101828; }
.kd-icerik { padding: 8px 12px 12px; }
.kd-sayfa { display: grid; grid-template-columns: 280px minmax(0, 1fr) 280px 40px; gap: 8px; height: calc(100vh - 80px); min-height: 480px; }
.kd-sol, .kd-orta, .kd-sag { display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; }
.kd-sol-bas { padding: 12px 14px 8px; }
.kd-geri { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #101828; text-decoration: none; }
.kd-geri svg { width: 16px; height: 16px; }
.kd-sol-govde { flex: 1; overflow-y: auto; padding: 0 10px 12px; }
.kd-etiketler { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 10px; font-size: 12.5px; }
.kd-etiket { display: inline-flex; align-items: center; gap: 3px; }
.kd-etiket-sil { border: 0; background: none; padding: 0; display: inline-flex; color: inherit; opacity: .6; cursor: pointer; }
.kd-etiket-sil:hover { opacity: 1; }
.kd-etiket-ekle { width: 20px; height: 20px; border: 1px dashed rgba(0,0,0,.25); border-radius: 50%; background: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--vurgu); }
.kd-etiket-girdi { height: 24px; width: 120px; padding: 0 8px; border: 1px solid var(--vurgu); border-radius: 6px; font: 400 12.5px Roboto, sans-serif; outline: 0; }
.kd-sekmeler { display: flex; background: #F2F4F7; border-radius: 8px; padding: 3px; margin-bottom: 10px; }
.kd-sekmeler span { flex: 1; text-align: center; font-size: 12.5px; padding: 5px; border-radius: 6px; color: var(--ikincil); }
.kd-sekmeler .secili { background: #fff; color: #101828; font-weight: 500; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.kd-alanlar { padding: 2px 0 8px; }
.kd-alan { display: flex; flex-direction: column; gap: 3px; padding: 7px 10px; font-size: 12.5px; }
.kd-alan > span { color: var(--ikincil); }
.kd-alan input { height: 30px; padding: 0 8px; margin: 0 -8px; border: 1px solid transparent; border-radius: 6px; font: 500 13px Roboto, sans-serif; background: none; color: #101828; }
.kd-alan input:hover { border-color: rgba(0,0,0,.12); }
.kd-alan input:focus { outline: 0; border-color: var(--vurgu); background: #fff; }
.kd-alan.salt b { font-weight: 500; font-size: 13px; }
.kd-alanlar .hata { margin: 4px 10px 0; font-size: 12.5px; }
.kd-kaydet { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 10px 0; }
.kd-kaydet[hidden] { display: none; }
.kd-alt { font-size: 11.5px; color: var(--sonuk); margin: 12px 4px 0; }
.kd-sekme { display: flex; border-bottom: 1px solid var(--cizgi); padding: 0 12px; }
.kd-sekme > span { display: inline-flex; align-items: center; gap: 6px; padding: 10px 4px; font-size: 13px; font-weight: 500; color: #004EEB; border-bottom: 2px solid var(--vurgu); margin-bottom: -1px; }
.kd-sekme svg { width: 15px; height: 15px; }
.kd-orta .k-akis { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.kd-panel { flex: 1; overflow-y: auto; padding: 12px; }
.kd-panel-bas { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.kd-panel-bas h2 { font-size: 14px; font-weight: 600; margin: 0; }
.kd-ekle { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; font: 500 12.5px Roboto, sans-serif; cursor: pointer; padding: 4px 6px; border-radius: 6px; }
.kd-ekle:hover { background: #F2F4F7; }
.kd-bos { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 28px 10px; color: var(--sonuk); }
.kd-bos b { color: rgba(0,0,0,.7); font-size: 13px; }
.kd-bos p { margin: 0 0 6px; font-size: 12.5px; }
.kd-liste { display: flex; flex-direction: column; gap: 8px; }
.kd-not, .kd-gorev, .kd-randevu { border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px; font-size: 13px; }
.kd-not p { margin: 0 0 6px; white-space: pre-wrap; overflow-wrap: anywhere; unicode-bidi: plaintext; }
.kd-not-alt { display: flex; align-items: center; gap: 2px; font-size: 11.5px; color: var(--sonuk); }
.kd-not-alt .ikon-btn.sade, .kd-gorev .ikon-btn.sade { width: 26px; height: 26px; }
.ikon-btn.sade.onay { color: #B42318; background: #FEF3F2; }
.kd-gorev { display: flex; gap: 8px; align-items: flex-start; }
.kd-tik { border: 0; background: none; padding: 1px 0 0; cursor: pointer; color: var(--sonuk); display: inline-flex; }
.kd-tik.tamam { color: #12B76A; }
.kd-gorev-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kd-gorev-yazi b { font-weight: 500; overflow-wrap: anywhere; }
.kd-gorev-yazi p { margin: 0; color: var(--ikincil); font-size: 12.5px; white-space: pre-wrap; }
.kd-gorev-yazi time { font-size: 11.5px; color: var(--sonuk); }
.kd-gorev-yazi time.gecikti { color: #B42318; }
.kd-gorev.tamam b { text-decoration: line-through; color: var(--sonuk); }
.kd-form { display: flex; flex-direction: column; gap: 8px; }
.kd-form input:not([type=datetime-local]), .kd-form textarea { width: 100%; padding: 8px 10px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; font: 400 13px/1.45 Roboto, sans-serif; resize: vertical; }
.kd-form input[type=datetime-local] { height: 32px; padding: 0 8px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; font: 400 13px Roboto, sans-serif; margin: 0; }
.kd-form .kd-alan { padding: 0; }
.kd-form .hata { margin: 0; font-size: 12.5px; }
.kd-form .kd-kaydet { padding: 0; }
.kd-ikili { display: grid; grid-template-columns: 1fr 1fr; background: #F2F4F7; border-radius: 8px; padding: 3px; margin-bottom: 10px; }
.kd-ikili button { border: 0; background: none; padding: 5px; border-radius: 6px; font: 500 12.5px Roboto, sans-serif; color: var(--ikincil); cursor: pointer; }
.kd-ikili button[aria-pressed=true] { background: #fff; color: #101828; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.kd-randevu { display: flex; flex-direction: column; gap: 3px; }
.kd-randevu b { font-weight: 500; }
.kd-randevu > span { font-size: 12.5px; color: var(--ikincil); }
.kd-randevu-alt { display: flex; justify-content: space-between; align-items: center; }
.durum-rozet { font-size: 11px; padding: 1px 7px; border-radius: 10px; background: #F2F4F7; color: var(--ikincil); }
.durum-rozet.d-onayli { background: #EFF4FF; color: #004EEB; }
.durum-rozet.d-geldi { background: #ECFDF3; color: #067647; }
.durum-rozet.d-iptal, .durum-rozet.d-gelmedi { background: #FEF3F2; color: #B42318; }
.kd-ray { display: flex; flex-direction: column; gap: 4px; padding-top: 4px; }
.kd-ray button { width: 36px; height: 36px; border: 0; border-radius: 8px; background: none; color: rgba(0,0,0,.6); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.kd-ray button:hover { background: #fff; color: #101828; }
.kd-ray button[aria-pressed=true] { background: #fff; color: var(--vurgu); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.kd-ray svg { width: 18px; height: 18px; }
@media (max-width: 1280px) { .kd-sayfa { grid-template-columns: 260px minmax(0, 1fr) 260px 40px; } }
@media (max-width: 1100px) { .kd-sayfa { grid-template-columns: 260px minmax(0, 1fr); grid-template-rows: auto auto; height: auto; } .kd-orta { height: 70vh; } .kd-sag { grid-column: 1 / -1; } .kd-ray { grid-column: 1 / -1; flex-direction: row; } }
@media (max-width: 900px) {
  .kd-icerik { padding: 0; }
  .kd-sayfa { grid-template-columns: 1fr; gap: 8px; }
  .kd-sol, .kd-orta, .kd-sag { border-radius: 0; border-left: 0; border-right: 0; }
  .kd-orta { height: 75dvh; }
  .kd-ray { order: 3; padding: 0 8px; }
  .kd-sag { order: 4; }
}

/* ---------- Payments ---------- */
.o-sayfa { max-width: 1060px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.o-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.o-ust h2 { font-size: 20px; font-weight: 600; margin: 0 0 2px; }
.o-ust p { margin: 0; font-size: 13px; color: var(--ikincil); }
.o-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; min-height: 92px; }
.o-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; }
.o-kart span { font-size: 12.5px; color: var(--ikincil); }
.o-kart b { font-size: 24px; font-weight: 600; letter-spacing: -.01em; }
.o-arac { display: flex; align-items: center; gap: 8px; padding: 10px 12px; }
.o-ara { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; color: var(--sonuk); }
.o-ara input { border: 0; outline: 0; font: 400 13px Roboto, sans-serif; width: 180px; background: none; color: #101828; }
.o-bos { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 10px; color: var(--sonuk); }
.o-bos b { color: rgba(0,0,0,.7); font-size: 13.5px; font-weight: 500; }
.o-rozet { display: inline-block; font-size: 11.5px; padding: 2px 8px; border-radius: 10px; background: #F2F4F7; color: var(--ikincil); text-transform: capitalize; white-space: nowrap; }
.o-rozet.o-odendi, .o-rozet.o-succeeded, .o-rozet.o-active, .o-rozet.o-completed { background: #ECFDF3; color: #067647; }
.o-rozet.o-gonderildi, .o-rozet.o-kismi, .o-rozet.o-pending, .o-rozet.o-isleniyor { background: #EFF4FF; color: #004EEB; }
.o-rozet.o-gecikmis, .o-rozet.o-failed, .o-rozet.o-iptal, .o-rozet.o-canceled, .o-rozet.o-cancelled { background: #FEF3F2; color: #B42318; }
.o-kisi { display: flex; flex-direction: column; }
.o-kisi b { font-weight: 500; }
.o-kisi small { color: var(--sonuk); font-size: 11.5px; }
.o-kalem-tablo { margin: 4px 0 8px; font-size: 13px; }
.o-kalem-tablo td, .o-kalem-tablo th { padding: 6px 8px; }
.o-toplamlar { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; font-size: 13px; padding: 8px 0 14px; border-bottom: 1px solid var(--cizgi); }
.o-toplamlar span { color: var(--ikincil); }
.o-islemler { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; }
.o-satir { display: flex; gap: 8px; align-items: center; }
.o-satir input { height: 34px; width: 130px; padding: 0 8px; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; font: 400 13px Roboto, sans-serif; }
.o-odeme { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px; }
.o-odeme h3 { margin: 0; font-size: 13px; font-weight: 600; }
.o-odeme > input { height: 34px; padding: 0 8px; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; font: 400 13px Roboto, sans-serif; }
.o-odeme .kucuk-secim select { min-width: 0; }
.ikincil.tehlike { color: #B42318; border-color: #FECDCA; }
.pencere.genis { width: min(640px, 94vw); }
.o-kalemler { border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px; margin-bottom: 12px; }
.o-kalem-bas, .o-kalem { display: grid; grid-template-columns: 1fr 70px 110px 32px; gap: 6px; align-items: center; }
.o-kalem-bas { font-size: 12px; color: var(--ikincil); padding: 0 2px 4px; }
.o-kalem { margin-bottom: 6px; }
.o-kalem input { height: 34px; width: 100%; padding: 0 8px; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; font: 400 13px Roboto, sans-serif; }
.o-toplam { text-align: right; font-size: 14px; margin: 0 0 8px; }
@media (max-width: 900px) { .o-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .o-ara input { width: 110px; } .o-ust { align-items: flex-start; } }
.o-satir .kucuk-secim { flex: 1; min-width: 0; }
.o-satir .kucuk-secim select { width: 100%; min-width: 0; }
.o-satir input { flex: none; width: 110px; }
.d-alan textarea { display: block; width: 100%; margin-top: 6px; padding: 8px 10px; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; font: 400 14px/1.45 Roboto, sans-serif; resize: vertical; }
#d-fatura .d-satir input, #d-fatura .d-satir select { height: 40px; font-size: 14px; }
@media (max-width: 900px) { .o-kart { padding: 12px; } .o-kart b { font-size: 18px; overflow-wrap: anywhere; } .sekmeler { overflow-x: auto; scrollbar-width: none; } .sekmeler a { flex: none; } }
.o-kod-satir { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ikincil); }
.o-kod { height: 34px; width: 120px; padding: 0 8px; border: 1px solid rgba(0,0,0,.16); border-radius: 8px; font: 500 14px ui-monospace, monospace; letter-spacing: .15em; }

/* ---------- Dashboard & Reporting ---------- */
.p-sayfa { display: flex; flex-direction: column; gap: 12px; }
.p-arac { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.p-arac h2 { font-size: 18px; font-weight: 600; margin: 0; }
.p-rakamlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.p-rakam { display: flex; flex-direction: column; gap: 6px; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; color: inherit; text-decoration: none; }
a.p-rakam:hover { border-color: rgba(0,0,0,.2); }
.p-rakam span { font-size: 12.5px; color: var(--ikincil); }
.p-rakam b { font-size: 22px; font-weight: 600; }
.p-izgara { display: grid; gap: 12px; }
.p-izgara.uc { grid-template-columns: 1.4fr 1.1fr .9fr; }
.p-izgara.iki { grid-template-columns: 1.2fr 1fr; }
.p-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; display: flex; flex-direction: column; min-width: 0; }
.p-kart header { padding: 12px 16px; border-bottom: 1px solid var(--cizgi); }
.p-kart h3 { margin: 0; font-size: 14px; font-weight: 600; }
.p-kart header small { font-size: 11.5px; color: var(--sonuk); }
.p-govde { padding: 16px; min-height: 220px; display: flex; flex-direction: column; justify-content: center; }
.p-bos { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--sonuk); font-size: 13px; }
.p-halka-kutu { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: center; }
.p-halka { width: 150px; height: 150px; flex: none; }
.p-halka-yazi { font: 600 20px Roboto, sans-serif; fill: #101828; }
.p-lejant { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; min-width: 140px; }
.p-lejant li { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; }
.p-lejant i { width: 10px; height: 10px; border-radius: 3px; }
.p-lejant b { font-weight: 600; }
.p-cubuklar { display: flex; align-items: flex-end; gap: 14px; height: 190px; }
.p-cubuk { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; min-width: 0; }
.p-cubuk-alan { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.p-cubuk-ic { width: min(44px, 70%); border-radius: 6px 6px 0 0; }
.p-cubuk-deger { font-size: 11px; color: var(--ikincil); white-space: nowrap; }
.p-cubuk-ad { font-size: 12px; color: var(--ikincil); }
.p-oran { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.p-oran small { font-size: 12px; color: var(--ikincil); margin-top: 6px; }
.p-oran b { font-size: 17px; }
.p-huni { display: flex; flex-direction: column; gap: 6px; }
.p-huni-bas, .p-huni-satir { display: grid; grid-template-columns: 1fr 80px 110px; gap: 10px; align-items: center; }
.p-huni-bas span { font-size: 11.5px; color: var(--sonuk); text-align: center; }
.p-huni-ad { position: relative; height: 30px; background: #F2F4F7; border-radius: 6px; overflow: hidden; }
.p-huni-bar { position: absolute; inset: 0 auto 0 0; background: rgba(21,94,239,.18); }
.p-huni-ad span { position: relative; display: block; padding: 0 10px; line-height: 30px; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p-yuzde { text-align: center; font-size: 12.5px; background: #F2F4F7; border-radius: 6px; line-height: 30px; }
.p-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; align-self: stretch; }
.p-liste li { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.05); }
.p-liste li b { font-weight: 500; }
.p-liste li span { color: var(--ikincil); white-space: nowrap; }
.p-daha a { color: #004EEB; font-size: 12.5px; }
@media (max-width: 1100px) { .p-izgara.uc, .p-izgara.iki { grid-template-columns: 1fr; } }

/* ---------- Media Storage ---------- */
.m-sayfa { max-width: 1060px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.m-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; padding: 12px; }
.m-dosya { margin: 0; border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.m-on { aspect-ratio: 4 / 3; background: #F2F4F7; display: flex; align-items: center; justify-content: center; }
.m-on img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.m-ikon { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--sonuk); font-size: 11px; font-weight: 600; }
.m-dosya figcaption { display: grid; grid-template-columns: 1fr auto; gap: 0 6px; padding: 8px 8px 6px 10px; font-size: 12.5px; align-items: center; }
.m-ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.m-dosya small { color: var(--sonuk); font-size: 11px; grid-column: 1; }
.m-islem { grid-column: 2; grid-row: 1 / span 2; display: flex; }
.m-islem .ikon-btn.sade { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; color: var(--ikincil); }
.m-dugmeler { display: flex; gap: 8px; }
.m-onay { max-width: 420px; }
.m-onay h3 { margin: 0 0 8px; font-size: 16px; }
.m-onay p { margin: 0 0 16px; color: var(--yazi-2, #475467); font-size: 14px; overflow-wrap: anywhere; }

/* ===== CRM görünümü 1:1 (ölçüler canlı CRM panelinden okundu; yalnız logo Etci) ===== */
body { font: 400 14px/1.5 Roboto, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; color: #101828; }
.panel { grid-template-columns: 224px 1fr; background: #F2F4F7; }
/* sol menü: #2D3748 zemin, tam genişlik satırlar, etkin satır #1A202C */
.yan { gap: 10px; padding: 16px 0 8px; background: #2D3748; color: #fff; }
.yan-ust { justify-content: center; padding: 0 8px 4px; }
.logo-y { width: 64px; }
.hesap-sec, .hesap-tek { display: block; margin: 0 8px; }
.hesap-tek { display: flex; }
.k-gonder:hover { background: #004EEB; }
.hesap-sec select { height: 42px; padding: 0 10px; border: 0; border-radius: 8px; background: #4B5563; color: #fff; font: 500 12px/16px Roboto, sans-serif; }
.hesap-tek { min-height: 42px; border-radius: 8px; background: #4B5563; color: #fff; font-size: 12px; }
.hesap-harf, .kisi-harf { background: #6B7280; }
.menu { gap: 0; }
.menu a { gap: 8px; min-height: 36px; padding: 8px 16px; border-radius: 6px; color: #fff; font: 500 14px/20px Roboto, sans-serif; }
.menu a [data-ikon], .menu a svg { width: 20px; height: 20px; color: #fff; }
.menu a:hover { background: rgba(26,32,44,.55); color: #fff; }
.menu a[aria-current=page] { background: #1A202C; color: #fff; }
.menu a.pasif { color: rgba(255,255,255,.45); }
.menu hr { border-top: 1px solid rgba(255,255,255,.9); margin: 12px 12px; }
.yan-alt { padding: 12px 16px 0; border-top: 0; color: #fff; }
.yan-cikis, .menu-kapat { color: #fff; border-radius: 6px; }
.yan-cikis:hover, .menu-kapat:hover { background: #1A202C; }
/* üst başlık: beyaz, hafif gölge, 18/500 başlık, mavi alt çizgili sekmeler */
.sayfa-bas { height: 64px; gap: 20px; padding: 0 16px; border-bottom: 0; box-shadow: rgba(0,0,0,.11) 0 2px 3px 0; }
.sayfa-bas h1 { font: 500 18px/28px Roboto, sans-serif; color: #1F2937; letter-spacing: 0; }
.sekmeler { gap: 8px; }
.sekmeler a { padding: 0 8px; font: 500 14px Roboto, sans-serif; color: #4B5563; }
.sekmeler a:hover { color: #38A0DB; }
.sekmeler a[aria-current=page] { color: #38A0DB; border-bottom-color: #38A0DB; font-weight: 500; }
.icerik { padding: 32px 15px 15px; }
/* kartlar ve tablolar */
.kutu { border: 1px solid #EAECF0; border-radius: 12px; box-shadow: rgba(16,24,40,.03) 0 4px 6px -2px, rgba(16,24,40,.08) 0 12px 16px -4px; }
.kutu > .arac { border-bottom: 0; padding: 16px; }
.tablo { font-size: 14px; color: #344054; }
.tablo th { font: 700 13px/19.5px Roboto, sans-serif; color: #475467; padding: 10px 12px; background: #F9FAFB; border-bottom: 1px solid #F0F1F3; border-right: 1px solid #F0F1F3; }
.tablo td { padding: 6px 12px; border-bottom: 1px solid #F0F1F3; border-right: 1px solid #F0F1F3; color: #344054; }
.tablo tbody tr:hover { background: #F9FAFB; }
.bas-harf { width: 24px; height: 24px; background: #D0F8AB; color: #4B5563; font-size: 11px; font-weight: 400; }
.sayfalama { background: #FCFCFD; border-top: 1px solid #F0F1F3; color: #344054; font-size: 14px; padding: 8px 12px; }
.sayac { height: 32px; padding: 0 14px; border-radius: 16px; background: #EFF4FF; color: #004EEB; font-weight: 600; font-size: 12px; }
.etiket { border-radius: 4px; background: #EFF4FF; color: #004EEB; }
/* düğmeler: mavi birincil, beyaz ikincil, 4px köşe */
.birincil, .ikincil { height: 36px; padding: 0 14px; border-radius: 4px; font: 400 14px Roboto, sans-serif; }
.birincil { background: #155EEF; border: 1px solid #155EEF; color: #fff; box-shadow: rgba(16,24,40,.05) 0 1px 2px 0; }
.birincil:hover { background: #004EEB; border-color: #004EEB; opacity: 1; }
.ikincil { background: #fff; color: #344054; border: 1px solid #D0D5DD; box-shadow: rgba(16,24,40,.05) 0 1px 2px 0; }
.ikincil:hover { background: #F9FAFB; }
.ikincil.tehlike { color: #B42318; border-color: #FDA29B; }
.kucuk { height: 32px; padding: 0 10px; font-size: 14px; }
.ikon-btn { width: 32px; padding: 0; }
.ikon-btn.sade { height: 32px; border-radius: 4px; }
.arama input, .secim select, .kucuk-secim select { height: 36px; border: 1px solid #EAECF0; border-radius: 4px; font: 500 14px Roboto, sans-serif; color: #101828; }
.arama input:focus, .secim select:focus { border-color: #155EEF; box-shadow: 0 0 0 3px rgba(21,94,239,.12); }
:focus-visible { outline-color: #155EEF; }
/* pencereler */
.pencere { border-radius: 8px; padding: 24px; }
.pencere h2 { font: 500 18px/28px Roboto, sans-serif; color: #101828; }
.pencere select, .pencere input:not([type=checkbox]):not([type=radio]) { border-radius: 4px; border-color: #D0D5DD; }
/* giriş ekranları */
.kapi { background: #F2F4F7; }
.kart { border-radius: 8px; border-color: #EAECF0; box-shadow: rgba(16,24,40,.03) 0 4px 6px -2px, rgba(16,24,40,.08) 0 12px 16px -4px; }
h1 { font-weight: 500; letter-spacing: 0; color: #101828; }
.adim input[type=email], .adim input[type=password], .adim input:not([type]), .adim input[inputmode] { height: 44px; border-radius: 4px; border-color: #D0D5DD; font-size: 14px; }
.adim input:focus { border-color: #155EEF; box-shadow: 0 0 0 3px rgba(21,94,239,.12); }
.cta { height: 44px; border-radius: 4px; background: #155EEF; font: 500 14px Roboto, sans-serif; }
.cta:hover { background: #004EEB; opacity: 1; }
.bag:hover { color: #155EEF; }
.arama.o-ara { height: 36px; padding: 0 12px; border: 1px solid #EAECF0; border-radius: 4px; background: #fff; }
.arama.o-ara [data-ikon], .arama.o-ara svg { position: static; }
.arama.o-ara input { width: 200px; height: 34px; padding: 0; border: 0; box-shadow: none; font: 500 14px Roboto, sans-serif; }
.arama.o-ara input:focus { box-shadow: none; }
.arama.o-ara:focus-within { border-color: #155EEF; box-shadow: 0 0 0 3px rgba(21,94,239,.12); }
/* Konuşmalar: liste #F7F9FD (319px), yazışma ve kişi paneli beyaz 8px köşe, 8px aralık */
.icerik.k-icerik { padding: 8px; }
@media (min-width: 1201px) {
  .k-sayfa { grid-template-columns: 319px minmax(0, 1fr) 299px; gap: 8px; height: calc(100vh - 80px); }
  .k-sayfa.kisi-kapali { grid-template-columns: 319px minmax(0, 1fr); }
}
.k-sol { background: #F7F9FD; border-radius: 0; padding: 0 8px; }
.k-orta, .k-sag { border: 0; border-radius: 8px; box-shadow: none; }
/* Ödemeler: özet kartları ve tablo (canlı ölçüler) */
.o-kartlar { gap: 12px; }
.o-kart { padding: 24px; border: 1px solid #EAECF0; border-radius: 8px; box-shadow: rgba(16,24,40,.1) 0 1px 3px 0, rgba(16,24,40,.06) 0 1px 2px 0; }
.o-kart span { font-size: 14px; font-weight: 500; color: #667085; }
.o-kart b { font-size: 30px; line-height: 38px; font-weight: 600; color: #101828; letter-spacing: 0; }
.o-tablo .tablo th { font: 500 12px/18px Roboto, sans-serif; color: #667085; padding: 12px 24px; background: #F9FAFB; border-top: 1px solid #EAECF0; border-bottom: 1px solid #EAECF0; border-right: 0; }
.o-tablo .tablo td { padding: 16px 24px; border-right: 0; border-bottom: 1px solid #EAECF0; font-size: 14px; color: #475467; }
/* Takvim: tam genişlik beyaz alan, tek satır gün başlıkları ("25 Sun"), bugün mavi yazı */
.icerik.takvim-sayfa { padding: 0; background: #fff; }
.takvim-sayfa > .arac, .takvim-sayfa .ust-arac { padding: 12px 16px; margin: 0; background: #fff; }
.takvim-sayfa .kutu { border: 0; border-radius: 0; box-shadow: none; border-top: 1px solid #EAECF0; }
.t-bas { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 4px; font: 500 18px/28px Roboto, sans-serif; color: #98A2B3; }
.t-bas b { display: inline; order: -1; font-size: 18px; font-weight: 500; color: #98A2B3; }
.t-bas.bugun, .t-bas.bugun b { color: #155EEF; }
.t-bas.bugun b { background: none; width: auto; height: auto; line-height: inherit; margin: 0; border-radius: 0; }
.t-bas:first-child { font-size: 11px; line-height: 14px; color: #475467; }
@media (max-width: 900px) { .o-kart { padding: 14px; } .o-kart b { font-size: 18px; line-height: 26px; overflow-wrap: normal; } }

/* ===== Eklenen bölümler (canlı CRM ölçüleriyle) ===== */
.menu-alt { margin-top: auto; }
.menu-alt + .yan-alt { margin-top: 0; }
.e-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
.e-ust h2 { font: 600 20px/28px Roboto, sans-serif; color: #101828; margin: 0; }
.e-ust p { margin: 4px 0 0; font-size: 14px; color: #475467; max-width: 860px; }
.e-baslik { display: flex; align-items: center; gap: 10px; }
.e-baslik .sayac { height: 24px; padding: 0 10px; }
.e-eylemler { display: flex; gap: 8px; flex: none; }
.e-kutu { overflow: hidden; }
.e-kutu > .arac { padding: 12px 16px; border-bottom: 1px solid #EAECF0; }
.e-sekmeler { display: flex; gap: 4px; flex-wrap: wrap; }
.e-sekmeler button { height: 32px; padding: 0 12px; border: 1px solid transparent; border-radius: 6px; background: none; font: 500 14px Roboto, sans-serif; color: #475467; cursor: pointer; }
.e-sekmeler button:hover { background: #F9FAFB; color: #101828; }
.e-sekmeler button[aria-selected=true] { background: #EFF4FF; color: #004EEB; }
.e-tablo td { white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.e-tablo td a { color: #155EEF; text-decoration: none; }
.e-tablo td a:hover { text-decoration: underline; }
.e-tablo code, .e-ayar code { font: 500 12px ui-monospace, 'JetBrains Mono', monospace; background: #F2F4F7; color: #344054; padding: 2px 6px; border-radius: 4px; }
.e-satir-eylem { width: 1%; text-align: right; }
.e-satir-eylem .ikon-btn { display: inline-flex; align-items: center; justify-content: center; }
.e-uzun { display: inline-block; max-width: 320px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.e-soluk td { color: #98A2B3; }
.e-soluk td b { text-decoration: line-through; font-weight: 500; }
.e-bos { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 64px 16px; text-align: center; color: #475467; font-size: 14px; }
.e-bos b { font-size: 16px; font-weight: 600; color: #101828; }
.e-bos span:not(.e-bos-ikon) { max-width: 360px; }
.e-bos .birincil { margin-top: 8px; }
.e-bos-ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #EFF4FF; color: #155EEF; }
.e-rozet { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 16px; background: #F2F4F7; color: #344054; font-size: 12px; font-weight: 500; white-space: nowrap; }
.e-rozet.mavi, .e-rozet.onayli, .e-rozet.yeni { background: #EFF8FF; color: #175CD3; }
.e-rozet.yesil, .e-rozet.geldi { background: #ECFDF3; color: #067647; }
.e-rozet.kirmizi, .e-rozet.iptal, .e-rozet.gelmedi { background: #FEF3F2; color: #B42318; }
.e-rozet.mor { background: #F4F3FF; color: #5925DC; }
.e-bilgi { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 10px 12px; border: 1px solid #B2DDFF; border-radius: 8px; background: #EFF8FF; color: #175CD3; font-size: 13px; }
.e-not { margin: -4px 0 8px; font-size: 12.5px; }
/* toplu işlem çubuğu */
.e-toplu { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: #EFF4FF; border-bottom: 1px solid #D1E0FF; color: #004EEB; font-size: 14px; flex-wrap: wrap; }
.e-toplu[hidden] { display: none; }
.e-sec { width: 40px; text-align: center; }
.e-sec input { width: 16px; height: 16px; accent-color: #155EEF; cursor: pointer; }
/* form penceresi: iki sütunlu alanlar */
.e-form { display: flex; flex-wrap: wrap; column-gap: 12px; }
.e-form > * { flex: 1 1 100%; }
.e-form > .d-alan.yarim { flex: 1 1 calc(50% - 6px); }
.e-form .pencere-alt, .e-form .hata { flex-basis: 100%; }
.e-kisi-sec input { display: block; width: 100%; margin-top: 6px; height: 40px; padding: 0 10px; font: 400 14px Roboto, sans-serif; border: 1px solid #D0D5DD; border-radius: 4px; }
.e-kisi-sec .r-kisiler { margin: 4px 0 0; }
.e-alan-grup { border: 1px solid #EAECF0; border-radius: 8px; padding: 8px 12px 10px; margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.e-alan-grup legend { font-size: 13px; font-weight: 500; padding: 0 4px; }
.e-kutu-sec { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; }
.e-kutu-sec input { width: 16px; height: 16px; accent-color: #155EEF; }
.e-fiyatlar { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
.e-fiyat { display: flex; justify-content: space-between; gap: 8px; padding: 10px 12px; border: 1px solid #EAECF0; border-radius: 8px; font-size: 14px; }
.e-fiyat span { color: #475467; }
/* sosyal planlayıcı */
.e-hesaplar { display: flex; flex-wrap: wrap; gap: 6px; }
.e-hesap { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 12px; background: #F2F4F7; color: #344054; font-size: 12px; }
.e-hesap.doldu { background: #FEF3F2; color: #B42318; }
.e-gonderiler { padding: 8px 16px 16px; }
.e-gun h3 { font: 600 13px Roboto, sans-serif; color: #475467; text-transform: uppercase; letter-spacing: .02em; margin: 16px 0 8px; }
.e-gonderi { border: 1px solid #EAECF0; border-radius: 8px; padding: 12px 14px; margin-bottom: 8px; background: #fff; }
.e-gonderi-ust { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #475467; }
.e-gonderi p { margin: 8px 0; font-size: 14px; color: #101828; white-space: pre-wrap; overflow-wrap: anywhere; }
/* ayarlar: sol ayar menüsü + içerik */
.icerik.e-icerik { min-width: 0; }
.e-ayar { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; align-items: start; }
.e-ayar-menu { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 80px; }
.e-ayar-grup { font-size: 11px; font-weight: 500; color: #667085; letter-spacing: .04em; margin: 12px 8px 6px; }
.e-ayar-menu a { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; border-radius: 6px; color: #344054; text-decoration: none; font-size: 14px; }
.e-ayar-menu a:hover { background: #fff; }
.e-ayar-menu a[aria-current=page] { background: #fff; color: #155EEF; font-weight: 500; box-shadow: rgba(16,24,40,.06) 0 1px 2px 0; }
.e-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.e-ayar-kart { padding: 20px; }
.e-ayar-kart h3 { font: 500 16px Roboto, sans-serif; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #EAECF0; }
.e-ayar-kart input:disabled { background: #F9FAFB; color: #344054; }
.e-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
/* bildirim */
.e-bildirim { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; z-index: 50; padding: 10px 16px; border-radius: 8px; background: #101828; color: #fff; font-size: 14px; box-shadow: 0 8px 24px rgba(16,24,40,.2); transition: opacity .2s, transform .2s; max-width: calc(100vw - 32px); }
.e-bildirim.acik { opacity: 1; transform: translate(-50%, 0); }
.e-bildirim.hata { background: #B42318; }
@media (max-width: 900px) {
  .e-ayar { grid-template-columns: minmax(0, 1fr); }
  .e-ayar-menu { position: static; flex-direction: row; flex-wrap: wrap; }
  .e-ayar-grup { display: none; }
  .e-kartlar { grid-template-columns: minmax(0, 1fr); }
  .e-ust { flex-wrap: wrap; }
  .e-form > .d-alan.yarim { flex-basis: 100%; }
  .e-tablo td { max-width: 200px; }
}
.e-uyari { margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; background: #FEF3F2; color: #B42318; font-size: 13.5px; }
@media (max-width: 900px) {
  /* yeni tablolar mobilde tüm sütunlarıyla yatay kayar; işlem sütunu sağda sabit */
  .e-tablo .e-satir-eylem, .e-tablo th:last-child { position: sticky; right: 0; background: #fff; box-shadow: -6px 0 8px -6px rgba(16,24,40,.15); }
  .e-tablo thead th:last-child { background: #F9FAFB; }
}
.e-tamam { margin: 0 0 8px; color: #067647; font-size: 14px; }
.e-tamam:empty { display: none; }
.e-onemli td { background: #FEF3F2; }
.e-eylem-metin { white-space: nowrap; }
.e-eylem-metin .ikincil { margin-left: 6px; }
.e-baglanti { display: block; word-break: break-all; padding: 10px 12px; margin: 0 0 12px; border-radius: 8px; background: #F2F4F7; font: 500 13px ui-monospace, monospace; }
/* Güvenlik anahtarlı hesap: yetkili işlem onayı anahtarla, 6 haneli kod alanı gizli */
body.anahtarli .kod-sor { display: none; }