/* ================= Satış: daireler, fiyat listeleri, teklifler (de-*, tk-*) ================= */
.de-arac { flex-wrap: wrap; gap: 10px; }
.de-filtreler { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-left: auto; }
.de-sec { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: var(--soluk); }
.de-sec select, .de-sec input { min-width: 104px; height: 34px; padding: 0 10px; border: 1px solid var(--kenar-koyu); border-radius: var(--r-kucuk); background: var(--panel); font: inherit; font-size: 13px; color: var(--metin); }
.de-sec input { width: 120px; }
.de-sec.tam { flex: 1 1 160px; }
.de-sec.tam select { width: 100%; }
.de-lejant { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 4px 0 14px; font-size: 12.5px; color: var(--metin-2); }
.de-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.de-lejant i { width: 12px; height: 12px; border-radius: 4px; border: 1px solid var(--de-k); background: var(--de-bg); }
.de-lejant-not { margin-left: auto; color: var(--soluk); }
.de-satista { --de-r: #15803d; --de-bg: #effaf3; --de-k: #bfe5cc; }
.de-rezerve { --de-r: #b45309; --de-bg: #fffaeb; --de-k: #f5d48a; }
.de-satildi { --de-r: #4b5563; --de-bg: #f3f4f6; --de-k: #d9dbe0; }
.de-kapali { --de-r: #9ca3af; --de-bg: #fafafa; --de-k: #e5e7eb; }
.de-duzen { display: grid; grid-template-columns: 1fr; gap: 16px; align-items: start; }
.de-duzen.kartli { grid-template-columns: minmax(0, 1fr) minmax(320px, 400px); }
.de-bloklar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 640px), 1fr)); gap: 14px; min-width: 0; }
.de-blok { padding: 16px; }
.de-blok header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
.de-blok h3 { margin: 0; font-size: 15px; }
.de-blok header small { color: var(--soluk); font-size: 12px; }
.de-kat { display: grid; grid-template-columns: 64px 1fr; gap: 8px; align-items: stretch; margin-top: 6px; }
.de-kat-ad { font-size: 11px; font-weight: 600; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; display: flex; align-items: center; }
.de-hucreler { display: grid; grid-template-columns: repeat(var(--de-sutun, 8), minmax(50px, 1fr)); gap: 5px; overflow-x: auto; }
.de-hucre { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 6px 7px; min-height: 58px; border-radius: 8px; cursor: pointer; text-align: left;
  border: 1px solid var(--de-k); background: var(--de-bg); color: var(--metin); font: inherit; transition: transform var(--gecis), box-shadow var(--gecis), opacity var(--gecis); }
.de-hucre b { font-size: 13px; font-family: var(--rakam); color: var(--de-r); }
.de-hucre span { font-size: 10.5px; color: var(--metin-2); }
.de-hucre small { font-size: 10.5px; font-family: var(--rakam); color: var(--metin); font-weight: 500; }
.de-hucre em { position: absolute; top: 4px; right: 5px; font-style: normal; font-size: 9.5px; min-width: 15px; height: 15px; border-radius: 8px; background: var(--murekkep); color: #fff; display: grid; place-items: center; padding: 0 4px; }
.de-hucre:hover { transform: translateY(-1px); box-shadow: var(--golge-orta); }
.de-hucre:focus-visible { outline: none; box-shadow: var(--halka); }
.de-hucre.secili { outline: 2px solid var(--murekkep); outline-offset: 1px; }
.de-hucre.soluk { opacity: .28; }
.de-hucre.de-satildi b, .de-hucre.de-kapali b { text-decoration: line-through; text-decoration-thickness: 1px; }
.de-kart { position: sticky; top: 16px; padding: 18px; display: flex; flex-direction: column; gap: 12px; max-height: calc(100vh - 32px); overflow-y: auto; }
.de-kart-ust { display: flex; justify-content: space-between; gap: 12px; }
.de-kart-ust small { color: var(--soluk); font-size: 12px; }
.de-kart-ust h3 { margin: 2px 0 6px; font-size: 19px; }
.de-rozet { display: inline-block; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 20px; background: var(--de-bg); color: var(--de-r); border: 1px solid var(--de-k); }
.de-musteri { margin-left: 8px; font-size: 12.5px; color: var(--metin-2); display: inline-flex; gap: 4px; align-items: center; }
.de-galeri { position: relative; border-radius: 12px; overflow: hidden; background: var(--yuzey); }
.de-galeri > img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #fff; }
.de-galeri-et { position: absolute; top: 10px; left: 10px; background: rgba(17, 24, 39, .78); color: #fff; font-size: 11px; padding: 3px 8px; border-radius: 6px; }
.de-galeri-kucuk { display: flex; gap: 6px; padding: 8px; overflow-x: auto; }
.de-galeri-kucuk button { flex: none; width: 54px; height: 40px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: none; }
.de-galeri-kucuk button.aktif { border-color: var(--murekkep); }
.de-galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.de-galeri.bos { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 18px; text-align: center; color: var(--soluk); font-size: 12.5px; }
.de-fiyatlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.de-fiyat { padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; display: flex; flex-direction: column; gap: 2px; }
.de-fiyat.ana { border-color: var(--murekkep); }
.de-fiyat small { font-size: 11.5px; color: var(--soluk); }
.de-fiyat b { font-size: 20px; font-family: var(--rakam); letter-spacing: -.01em; }
.de-fiyat span { font-size: 11.5px; color: var(--metin-2); }
.de-bilgi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 10px; margin: 0; }
.de-bilgi div { min-width: 0; }
.de-bilgi dt { font-size: 11px; color: var(--soluk); }
.de-bilgi dd { margin: 1px 0 0; font-size: 13px; font-weight: 500; }
.de-kart h4, .de-liste-kart h4, .de-yukle h4 { margin: 6px 0 2px; font-size: 13px; }
.de-kart h4 small, .de-liste-kart h4 small, .de-yukle h4 small { font-weight: 400; color: var(--soluk); }
.de-plan td small { display: block; font-size: 11px; color: var(--soluk); }
.de-tip-ac { font-size: 12.5px; color: var(--metin-2); margin: 0; }
.de-kart-eylem { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.de-kart-eylem small { color: var(--soluk); font-size: 12px; }
.de-listeler { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 16px; margin-bottom: 16px; }
.de-liste-kart header, .de-bolum-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.de-liste-kart h3, .de-bolum-ust h3 { margin: 0; font-size: 15px; }
.de-bolum-ust small { color: var(--soluk); font-size: 12px; flex-basis: 100%; }
.de-aktif { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 10px; background: var(--ok-bg); border: 1px solid var(--ok-kenar); }
.de-aktif small { display: block; color: var(--metin-2); font-size: 12px; margin-top: 2px; }
.de-arsiv { margin-top: 12px; }
.de-arsiv summary { cursor: pointer; font-size: 13px; font-weight: 500; padding: 4px 0; }
.de-satir-eylem { display: flex; gap: 6px; justify-content: flex-end; }
.de-tipler { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.de-tip { display: flex; gap: 12px; padding: 10px; border: 1px solid var(--kenar); border-radius: 12px; }
.de-tip-gorsel { flex: none; width: 84px; height: 84px; border-radius: 8px; overflow: hidden; background: var(--yuzey); display: grid; place-items: center; color: var(--soluk-2); }
.de-tip-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.de-tip-govde { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.de-tip-govde small { color: var(--soluk); font-size: 12px; }
.de-tip-eylem, .de-tip-kucuk { display: flex; flex-wrap: wrap; gap: 5px; }
.de-tip-kucuk span { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 32px; border-radius: 6px; overflow: hidden; background: var(--yuzey); font-size: 11px; }
.de-tip-kucuk img { width: 44px; height: 32px; object-fit: cover; }
.de-tip-kucuk button { position: absolute; top: 1px; right: 1px; width: 15px; height: 15px; border: 0; border-radius: 50%; background: rgba(17, 24, 39, .75); color: #fff; font-size: 9px; cursor: pointer; line-height: 1; }
.de-yukle { display: flex; flex-direction: column; gap: 12px; }
.de-adimlar { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0; counter-reset: a; }
.de-adimlar li { counter-increment: a; font-size: 12.5px; color: var(--soluk); padding: 5px 12px 5px 8px; border-radius: 20px; background: var(--yuzey); }
.de-adimlar li::before { content: counter(a); display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 6px; border-radius: 50%; background: var(--kenar-koyu); color: #fff; font-size: 11px; }
.de-adimlar li.aktif { color: var(--metin); background: var(--vurgu-acik); font-weight: 600; }
.de-adimlar li.aktif::before { background: var(--murekkep); }
.de-adimlar li.tamam::before { background: var(--ok); content: "\2713"; }
.de-birak { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 34px 20px; border: 2px dashed var(--kenar-koyu); border-radius: 14px; text-align: center; cursor: pointer; color: var(--metin-2); transition: background var(--gecis), border-color var(--gecis); }
.de-birak.ustunde, .de-birak:hover { background: var(--vurgu-acik); border-color: var(--murekkep); }
.de-birak small { max-width: 560px; color: var(--soluk); font-size: 12px; }
.de-uyari { padding: 10px 14px; border-radius: 10px; background: var(--uyari-bg); border: 1px solid var(--uyari-kenar); font-size: 12.5px; }
.de-uyari.hata { background: var(--hata-bg); border-color: var(--hata-kenar); }
.de-uyari ul { margin: 6px 0 0; padding-left: 18px; }
.de-plan-duzen input { height: 30px; padding: 0 8px; border: 1px solid var(--kenar-koyu); border-radius: 6px; font: inherit; font-size: 13px; }
.de-plan-duzen input.kisa { width: 84px; }
.de-plan-ekle { display: flex; gap: 6px; flex-wrap: wrap; }
.de-form { margin-top: 4px; }
.de-modal { position: fixed; inset: 0; background: rgba(17, 24, 39, .38); display: grid; place-items: center; z-index: 900; padding: 16px; }
.de-modal-ic { width: min(720px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 1100px) { .de-duzen.kartli { grid-template-columns: 1fr; } .de-kart { position: static; max-height: none; } }
@media (max-width: 640px) {
  .de-bloklar, .de-listeler { grid-template-columns: 1fr; }
  .de-kat { grid-template-columns: 1fr; gap: 4px; }
  .de-filtreler { margin-left: 0; }
  .de-bilgi { grid-template-columns: repeat(2, 1fr); }
  .de-lejant-not { margin-left: 0; flex-basis: 100%; }
}
.de-plan { width: 100%; border-collapse: collapse; font-size: 13px; }
.de-plan th { text-align: left; font-size: 11.5px; font-weight: 500; color: var(--soluk); padding: 6px 8px; border-bottom: 1px solid var(--kenar); }
.de-plan td { padding: 7px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.de-plan td.s { text-align: right; font-family: var(--rakam); white-space: nowrap; }
.de-plan tr.toplam td { font-weight: 600; border-bottom: 0; }

.pm-grup-baslik { margin: 26px 0 12px; font-size: 15px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pm-grup-baslik small { font-weight: 400; font-size: 12.5px; color: var(--soluk); }

/* Bildirim merkezi */
#zil.yeni { color: var(--metin); border-color: var(--kenar-koyu); }
#zil-sayi { display: inline-grid !important; }
#zil-sayi:empty { display: none !important; }
.bl-pano { position: fixed; z-index: 950; width: min(400px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 90px)); display: flex; flex-direction: column;
  background: var(--panel); border: 1px solid var(--kenar); border-radius: 14px; box-shadow: var(--golge-buyuk); overflow: hidden; }
.bl-pano header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.bl-pano header b { font-size: 14px; }
.bl-say { font-size: 11.5px; font-weight: 600; color: #fff; background: var(--murekkep); border-radius: 10px; padding: 1px 8px; }
.bl-ust-eylem { margin-left: auto; display: flex; gap: 6px; }
.bl-liste { list-style: none; margin: 0; padding: 4px; overflow-y: auto; }
.bl-liste li button { display: flex; gap: 10px; width: 100%; text-align: left; padding: 10px; border: 0; border-radius: 10px; background: none; cursor: pointer; font: inherit; color: var(--metin); }
.bl-liste li button:hover, .bl-liste li button:focus-visible { background: var(--yuzey); outline: none; }
.bl-liste li.yeni button { background: #f5f8ff; }
.bl-liste li.yeni button:hover { background: #edf2ff; }
.bl-ikon { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--yuzey-2); color: var(--metin-2); }
.bl-web { background: #eff4ff; color: #1d4ed8; } .bl-whatsapp { background: #ecfdf3; color: #15803d; } .bl-cagri { background: #fff7ed; color: #c2410c; }
.bl-teklif_onay { background: var(--uyari-bg); color: var(--uyari); } .bl-atama { background: #f5f3ff; color: #6d28d9; }
.bl-govde { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bl-govde b { font-size: 13px; font-weight: 600; }
.bl-govde b em { font-style: normal; font-size: 11px; background: var(--murekkep); color: #fff; border-radius: 8px; padding: 0 6px; margin-left: 4px; }
.bl-govde small { font-size: 12.5px; color: var(--metin-2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bl-govde i { font-style: normal; font-size: 11.5px; color: var(--soluk); }
.bl-bos { padding: 28px 18px; text-align: center; color: var(--soluk); font-size: 13px; }
.bl-pano footer { display: flex; justify-content: space-between; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--cizgi); }
.bl-ayar { padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.bl-ayar label { display: flex; gap: 8px; align-items: center; }

/* Elle daire ve fiyat tablosu */
.de-fiyat-tablo { max-height: 620px; overflow: auto; }
.de-fiyat-tablo thead th { position: sticky; top: 0; background: var(--panel); z-index: 1; }
.de-fiyat-gir { width: 130px; height: 32px; padding: 0 8px; text-align: right; border: 1px solid var(--kenar-koyu); border-radius: 6px; font: inherit; font-family: var(--rakam); font-size: 13px; }
.de-fiyat-gir.degisti { border-color: var(--uyari); background: var(--uyari-bg); }
.de-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--soluk); }
.de-form input, .de-form textarea { height: 36px; padding: 0 10px; border: 1px solid var(--kenar-koyu); border-radius: var(--r-kucuk); font: inherit; font-size: 13.5px; color: var(--metin); background: var(--panel); }
.de-form textarea { height: auto; padding: 8px 10px; width: 100%; }
.de-devam { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--metin-2); }

/* Müşteri kartı (tam sayfa) */
.crm-duzen:not(.detayli) { grid-template-columns: 1fr; }
.crm-ad-link { color: inherit; text-decoration: none; }
.crm-ad-link:hover b { text-decoration: underline; }
.ms-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ms-yol { color: var(--soluk); font-size: 13px; }
.ms-sayfa { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 1fr); gap: 16px; align-items: start; }
.ms-sol .crm-detay { position: static; max-height: none; }
.ms-sol .crm-kapat { display: none; }
.ms-sag { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ms-blok { padding: 16px; overflow-x: auto; }
.ms-blok h3 { margin: 0 0 10px; font-size: 15px; }
@media (max-width: 1100px) { .ms-sayfa { grid-template-columns: 1fr; } }

/* Yönetim özeti */
.oz-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
.oz-kart { padding: 18px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.oz-kart.genis { grid-column: span 2; }
.oz-kart[data-oz-git] { cursor: pointer; transition: box-shadow var(--gecis), transform var(--gecis); }
.oz-kart[data-oz-git]:hover { box-shadow: var(--golge-orta); }
.oz-kart[data-oz-git]:focus-visible { outline: none; box-shadow: var(--halka); }
.oz-kart header { display: flex; justify-content: space-between; align-items: baseline; }
.oz-kart h3 { margin: 0; font-size: 14px; }
.oz-git { font-size: 12px; color: var(--soluk); }
.oz-buyuk { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.oz-buyuk b { font-size: 30px; font-family: var(--rakam); letter-spacing: -.02em; line-height: 1; }
.oz-buyuk span { color: var(--metin-2); font-size: 13px; }
.oz-buyuk em { font-style: normal; font-weight: 600; }
.oz-not { margin: 0; font-size: 12px; color: var(--soluk); }
.oz-stok { display: flex; flex-direction: column; gap: 6px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.oz-stok:last-child { border-bottom: 0; }
.oz-stok-ust { display: flex; justify-content: space-between; font-size: 13px; }
.oz-stok-ust span { color: var(--soluk); }
.oz-stok small { color: var(--metin-2); font-size: 12px; }
.oz-bar { display: flex; height: 10px; border-radius: 6px; background: #e8f5ec; overflow: hidden; }
.oz-bar i.satildi { background: #4b5563; } .oz-bar i.rezerve { background: #f59e0b; }
.oz-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.oz-liste li { display: flex; justify-content: space-between; font-size: 13px; padding-bottom: 6px; border-bottom: 1px solid var(--cizgi); }
@media (max-width: 760px) { .oz-kart.genis { grid-column: auto; } .oz-izgara { grid-template-columns: 1fr; } }

/* Çağrı panosu */
.cm-pano { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.cm-pano h3 { margin: 0 0 10px; font-size: 14px; }
.cm-gunluk { height: 130px; }
.cm-saatler { display: grid; grid-template-columns: repeat(24, 1fr); gap: 2px; align-items: end; height: 90px; }
.cm-saatler span { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; }
.cm-saatler span::before { content: ""; width: 100%; height: calc(var(--y) * 70% + 2px); background: var(--murekkep); opacity: calc(.18 + var(--y) * .82); border-radius: 3px 3px 0 0; }
.cm-saatler b { position: absolute; top: 0; font-size: 9.5px; font-weight: 500; color: var(--metin-2); }
.cm-saatler small { font-size: 9.5px; color: var(--soluk); height: 12px; }
.cm-hafta { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-top: 10px; }
.cm-hafta span { text-align: center; font-size: 11px; color: var(--metin-2); padding: 6px 0; border-radius: 6px; background: rgba(17, 24, 39, calc(.04 + var(--y) * .3)); }
.cm-hafta b { display: block; font-size: 13px; color: var(--metin); }
.cm-duygu { display: flex; gap: 8px; flex-wrap: wrap; }
.cm-duygu span { font-size: 12px; padding: 4px 10px; border-radius: 20px; background: var(--yuzey); }
.cm-d-positive { background: var(--ok-bg) !important; color: var(--ok); } .cm-d-negative { background: var(--hata-bg) !important; color: var(--hata); }
.cm-alt { display: block; color: var(--soluk); font-size: 11.5px; }
.cm-veri { margin: 10px 0; padding: 10px 12px; background: var(--yuzey); border-radius: 10px; }
.cm-deg { font-size: 12.5px; margin: 6px 0; padding-left: 18px; }
@media (max-width: 1100px) { .cm-pano { grid-template-columns: 1fr; } }

/* Teklif formu ve ayrıntısı */
.tk-modal .de-modal-ic, .de-modal .tk-detay { width: min(980px, 100%); }
.tk-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tk-bolum { border: 1px solid var(--kenar); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.tk-bolum h4 { margin: 0; font-size: 13px; }
.tk-genis { grid-column: 1 / -1; }
.tk-bolum label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--soluk); }
.tk-bolum input, .tk-bolum select, .tk-bolum textarea { height: 36px; padding: 0 10px; border: 1px solid var(--kenar-koyu); border-radius: var(--r-kucuk); font: inherit; font-size: 13.5px; color: var(--metin); background: var(--panel); }
.tk-bolum textarea { height: auto; padding: 8px 10px; resize: vertical; }
.tk-tam select, .tk-tam textarea { width: 100%; }
.tk-musteri { margin: 0; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.tk-fiyat { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: var(--yuzey); }
.tk-fiyat div { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.tk-fiyat b { font-family: var(--rakam); }
.tk-fiyat .tk-son { border-top: 1px solid var(--kenar); padding-top: 6px; margin-top: 2px; font-size: 16px; }
.tk-plan-giris { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.tk-plan-giris input { width: 150px; }
.tk-plan-giris input:disabled { background: var(--yuzey); color: var(--soluk); }
.tk-ozel-ac { margin-left: auto; }
.tk-ozel-uyari { font-size: 12.5px; padding: 8px 12px; border-radius: 8px; background: var(--uyari-bg); border: 1px solid var(--uyari-kenar); }
.tk-eylem { justify-content: flex-end; }
.tk-eylem .not { margin-right: auto; }
.tk-rozet { display: inline-block; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 20px; vertical-align: middle; border: 1px solid; }
.tk-gri { color: #4b5563; background: #f3f4f6; border-color: #e5e7eb; }
.tk-uyari { color: #b45309; background: #fffaeb; border-color: #f5d48a; }
.tk-mavi { color: #1d4ed8; background: #eff4ff; border-color: #c7d7fe; }
.tk-ok { color: #15803d; background: #effaf3; border-color: #bfe5cc; }
.tk-hata { color: #c2410c; background: #fff4ed; border-color: #fbd7c2; }
.tk-zincir { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.tk-surum { flex: none; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 12px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--panel); cursor: pointer; font: inherit; text-align: left; }
.tk-surum.aktif { border-color: var(--murekkep); box-shadow: inset 0 0 0 1px var(--murekkep); }
.tk-surum span { font-family: var(--rakam); font-size: 13px; }
.tk-surum small { color: var(--soluk); font-size: 11px; }
.tk-ozet { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.tk-ozet div { padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tk-ozet small { color: var(--soluk); font-size: 11.5px; }
.tk-ozet b { font-size: 15px; }
.tk-ozet span { font-size: 11.5px; color: var(--metin-2); }
.tk-satir { cursor: pointer; }
.tk-satir:hover td { background: var(--yuzey); }
@media (max-width: 760px) { .tk-izgara, .tk-ozet { grid-template-columns: 1fr; } .tk-plan-giris input { width: 100%; } .tk-ozel-ac { margin-left: 0; } }