/* KUZET görünüm ekleri: prototiplerdeki (Merkez.html, Puantaj_Bordro.html) hava. Tabler üstüne gelir. */
:root {
  --kz-koyu: #0f172a;
  --kz-koyu-2: #22304f;
  --kz-turuncu: #f59e0b; /* uyarı (dikkat) rengi */
  --kz-celik: #3f7fa6; /* marka vurgusu: çelik mavisi */
  --kz-celik-acik: #6fb1d6;
  --kz-celik-koyu: #2c5d7c;
  --kz-yesil: #22c55e;
  --kz-kirmizi: #dc2626;
  --kz-mavi: #3f7fa6;
  --kz-mor: #8b5cf6;
  --kz-gri: #64748b;
}
body { font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }

/* Üst çubuk */
.kz-navbar { position: relative; min-height: 82px; border-bottom: 0 !important;
  background: radial-gradient(700px 120px at 82% 100%, rgba(111,177,214,.18), transparent 70%), linear-gradient(90deg, #0b1220 0%, #0f172a 45%, #1d3a52 100%) !important; }
/* alt kenarda çelik tonlu ince şerit */
.kz-navbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--kz-celik-koyu), var(--kz-celik) 45%, var(--kz-celik-acik) 80%, #b7dcef); opacity: .9; }
.kz-navbar .navbar-nav { gap: .25rem; }
.kz-navbar .navbar-nav .nav-link { position: relative; color: rgba(255,255,255,.84); font-weight: 600; font-size: 1rem; letter-spacing: .01em; padding: .65rem .95rem; border-radius: .7rem; border: 1px solid transparent;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.kz-navbar .navbar-nav .nav-link .nav-link-icon svg { width: 20px; height: 20px; }
.kz-navbar .navbar-nav .nav-link .nav-link-icon { color: var(--kz-celik-acik); transition: color .18s ease, transform .18s ease; }
.kz-navbar .navbar-nav .nav-link:hover, .kz-navbar .navbar-nav .nav-link:focus-visible { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.32); box-shadow: 0 6px 14px -8px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.18); transform: translateY(-1px); outline: none; }
.kz-navbar .navbar-nav .nav-link:hover .nav-link-icon { color: #fff; transform: scale(1.08); }
.kz-navbar .navbar-nav .nav-link.active, .kz-navbar .navbar-nav .nav-link.show { color: #fff; background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10)); border-color: rgba(255,255,255,.22); box-shadow: 0 6px 14px -8px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.25); }
.kz-navbar .navbar-nav .nav-link.active .nav-link-icon, .kz-navbar .navbar-nav .nav-link.show .nav-link-icon { color: #fff; }
.kz-navbar .navbar-nav .nav-link.active::after { content: ""; position: absolute; left: 50%; bottom: -8px; width: 24px; height: 3px; margin-left: -12px; border-radius: 3px; background: linear-gradient(90deg, var(--kz-celik-acik), #b7dcef); box-shadow: 0 0 8px rgba(111,177,214,.85); }
.kz-navbar .dropdown-toggle::after { transition: transform .18s ease; }
.kz-navbar .nav-link.show.dropdown-toggle::after { transform: rotate(180deg); }
.kz-navbar .dropdown-menu { margin-top: .35rem; border: 0; border-radius: .7rem; box-shadow: 0 18px 40px -16px rgba(2,6,23,.55), 0 2px 6px rgba(2,6,23,.15); animation: kz-menu-ac .16s ease; }
@keyframes kz-menu-ac { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.kz-navbar .dropdown-item { border-radius: .45rem; margin: 0 .35rem; transition: background-color .12s ease, color .12s ease, box-shadow .12s ease; }
.kz-navbar .dropdown-item:hover, .kz-navbar .dropdown-item:focus-visible { background: linear-gradient(90deg, #dfeaf3, #e4ecf5); color: var(--kz-celik-koyu); box-shadow: inset 3px 0 0 var(--kz-celik); }
.kz-navbar .dropdown-item:hover svg { color: var(--kz-celik); }
.kz-navbar .dropdown-item.active { background: linear-gradient(90deg, var(--kz-celik-koyu), var(--kz-celik)); color: #fff; box-shadow: none; }
.kz-brand { display: flex; align-items: center; gap: .6rem; color: #fff; text-decoration: none; }
.kz-brand .kz-k { width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(160deg, var(--kz-celik-acik), var(--kz-celik-koyu)); color: #fff; font-weight: 900; font-size: 1.6rem; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 18px -6px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.35); transition: transform .18s ease, box-shadow .18s ease; }
.kz-brand:hover { color: #fff; }
.kz-brand:hover .kz-k { transform: translateY(-2px) rotate(-3deg); box-shadow: 0 14px 24px -6px rgba(0,0,0,.65), 0 0 0 3px rgba(111,177,214,.25), inset 0 1px 0 rgba(255,255,255,.5); }
.kz-brand .kz-ad { font-weight: 900; font-size: 1.15rem; letter-spacing: .06em; line-height: 1.1; }
.kz-brand .kz-alt { font-size: .72rem; color: #94a3b8; }
@media (prefers-reduced-motion: reduce) { .kz-navbar .navbar-nav .nav-link, .kz-brand .kz-k, .kz-navbar .dropdown-menu { transition: none; animation: none; transform: none !important; } }
.kz-canli { background: var(--kz-kirmizi); color: #fff; font-weight: 700; font-size: .75rem; border-radius: 999px; padding: .25rem .6rem; }
.kz-saat { color: #fff; font-weight: 800; font-variant-numeric: tabular-nums; }
.kz-navbar .btn-kz-ghost { color: #e2e8f0; border-color: rgba(255,255,255,.18); }
.kz-navbar .btn-kz-ghost { transition: background-color .18s ease, transform .18s ease; }
.kz-navbar .btn-kz-ghost:hover { background: rgba(255,255,255,.12); color: #fff; transform: translateY(-1px); }
.kz-navbar .btn-kz-turuncu { background: var(--kz-celik); color: #fff; font-weight: 700; border: 0; transition: transform .18s ease, box-shadow .18s ease; }
.kz-navbar .btn-kz-turuncu:hover { transform: translateY(-1px); box-shadow: 0 8px 16px -8px rgba(63,127,166,.9); }

/* KPI kartları */
.kpi { position: relative; overflow: hidden; padding: .85rem 1rem; border: 1px solid var(--tblr-border-color); border-left: 4px solid var(--kz-mavi); border-radius: .5rem; background: var(--tblr-bg-surface, #fff); box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.kpi .l { font-size: .68rem; font-weight: 800; color: var(--kz-gri); text-transform: uppercase; letter-spacing: .05em; }
.kpi .v { font-size: 1.75rem; font-weight: 900; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kpi .s { font-size: .74rem; color: var(--kz-gri); }
.kpi .bg { position: absolute; right: 8px; bottom: -8px; opacity: .1; }
.kpi.yesil { border-left-color: var(--kz-yesil); } .kpi.yesil .v { color: #15803d; }
.kpi.turuncu { border-left-color: var(--kz-turuncu); } .kpi.turuncu .v { color: #b45309; }
.kpi.kirmizi { border-left-color: var(--kz-kirmizi); } .kpi.kirmizi .v { color: var(--kz-kirmizi); }
.kpi.mor { border-left-color: var(--kz-mor); } .kpi.mor .v { color: #6d28d9; }
.kpi.mavi .v { color: var(--kz-mavi); }

/* Proje kartları */
.proje-kart { border-left: 5px solid var(--kz-yesil); transition: transform .15s; }
.proje-kart:hover { transform: translateY(-2px); }
.proje-kart.kritik { border-left-color: var(--kz-kirmizi); box-shadow: 0 0 0 2px rgba(220,38,38,.25); }
.proje-kart.dikkat { border-left-color: var(--kz-turuncu); }
.proje-kart .kod { font-size: .72rem; font-weight: 800; color: var(--kz-gri); letter-spacing: .04em; }
.proje-kart .ad { font-weight: 800; font-size: 1.05rem; }
.proje-kart .kutu { background: var(--tblr-bg-surface-secondary); border-radius: 8px; padding: .4rem .6rem; }
.proje-kart .kutu .l { font-size: .62rem; font-weight: 800; color: var(--kz-gri); text-transform: uppercase; }
.proje-kart .kutu .v { font-weight: 800; }
.durum-rozet { font-size: .68rem; font-weight: 800; letter-spacing: .04em; border-radius: 6px; padding: .15rem .5rem; }
.durum-rozet.normal { background: #dcfce7; color: #15803d; }
.durum-rozet.kritik { background: #fee2e2; color: var(--kz-kirmizi); }
.durum-rozet.dikkat { background: #fef3c7; color: #b45309; }

/* Bilgi şeridi (bordro uyarısı gibi) */
.kz-serit { background: var(--kz-celik); color: #fff; border-radius: 10px; padding: .8rem 1rem; font-weight: 500; }

/* Koyu tema */
[data-bs-theme="dark"] .durum-rozet.normal { background: rgba(34,197,94,.18); color: #4ade80; }
[data-bs-theme="dark"] .durum-rozet.kritik { background: rgba(220,38,38,.2); color: #f87171; }
[data-bs-theme="dark"] .durum-rozet.dikkat { background: rgba(245,158,11,.2); color: #fbbf24; }
.cursor-pointer { cursor: pointer; }
.kuzet-matris select { min-width: 96px; }

/* Kategori menüsü: aşağı doğru tek sütun (KORGAN düzeni); modül başlıkları sade gri */
.kz-navbar .kz-mega { padding: .35rem; min-width: 300px; max-height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden; }
.kz-mega-sutunlar { display: flex; flex-direction: column; }
.kz-mega-sutun { padding: 0 0 .15rem; }
.kz-mega-sutun + .kz-mega-sutun { margin-top: .25rem; }
.kz-mega-baslik { display: flex; align-items: center; width: 100%; border: 0; border-radius: .5rem; background: linear-gradient(90deg, #0f172a 0%, #16263d 55%, #1d3a52 100%); text-align: left; font-size: .8rem; font-weight: 600; color: #fff; padding: .5rem .85rem; cursor: pointer; white-space: nowrap; gap: .4rem; box-shadow: inset 0 1px 0 rgba(255,255,255,.18); }
.kz-mega-baslik { transition: background-color .12s ease, color .12s ease; }
.kz-mega-baslik .badge { font-size: .62rem; padding: .2em .45em; background: rgba(255,255,255,.22); color: #fff; }
.kz-mega-baslik svg { color: var(--kz-celik-acik); transition: color .12s ease; }
.kz-mega-baslik:hover { background: linear-gradient(90deg, #16263d 0%, #22304f 55%, #2c5d7c 100%); color: #fff; }
.kz-mega-baslik:hover svg { color: #fff; }
.kz-mega-sutun.acik .kz-mega-baslik { background: linear-gradient(90deg, #16263d 0%, #22304f 55%, #2c5d7c 100%); color: #fff; border-radius: .5rem .5rem 0 0; box-shadow: inset 0 -2px 0 var(--kz-celik-acik), inset 0 1px 0 rgba(255,255,255,.18); }
.kz-mega-sutun.acik .kz-mega-baslik svg { color: #fff; }
.kz-mega-sutun.acik { background: var(--tblr-bg-surface); box-shadow: inset 0 0 0 1px rgba(63,127,166,.25); border-radius: .5rem; }
.kz-ok { transition: transform .15s; } .kz-ok.acik { transform: rotate(180deg); }
.kz-mega .dropdown-item { display: flex; align-items: center; padding: .38rem 1rem .38rem 2.1rem; font-size: .84rem; font-weight: 500; }
.kz-mega .dropdown-item:hover { padding-left: 2.45rem; }

/* ULAK rozeti: 3. seviye ve üstü açık alarm varsa yanıp söner */
.kz-ulak { cursor: pointer; }
.kz-yanip { animation: kz-yanip 1.1s infinite; }
@keyframes kz-yanip { 0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.7); } 50% { box-shadow: 0 0 0 6px rgba(239,68,68,0); } }

/* ---------- Tasarım: prototip proje kutuları (Merkez.html .tile) ---------- */
.kz-tile { --c: #22c55e; position: relative; display: flex; flex-direction: column; gap: 8px; min-height: 230px; padding: 12px 14px 12px 18px; border-radius: 14px; background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); color: inherit; text-decoration: none; overflow: hidden; transition: transform .12s, box-shadow .2s; }
.kz-tile:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(15,23,42,.18); outline: 2px solid rgba(63,127,166,.6); color: inherit; }
.kz-tile::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--c); }
.kz-tile.dikkat { --c: #f59e0b; border-color: #f59e0b; background: linear-gradient(160deg, rgba(245,158,11,.12), transparent 60%) var(--tblr-bg-surface); }
.kz-tile.kritik { --c: #ef4444; border-color: #dc2626; background: linear-gradient(160deg, rgba(239,68,68,.14), transparent 60%) var(--tblr-bg-surface); }
.kz-tile .hd { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; color: var(--kz-gri); letter-spacing: .3px; }
.kz-tile .stt { margin-left: auto; font-size: 10.5px; font-weight: 900; letter-spacing: .5px; border-radius: 6px; padding: 2px 8px; background: #dcfce7; color: #15803d; }
.kz-tile.dikkat .stt { background: #f59e0b; color: #0f172a; } .kz-tile.kritik .stt { background: #dc2626; color: #fff; }
.kz-tile .nm { font-size: 17px; font-weight: 800; line-height: 1.2; }
.kz-tile .nm small { display: block; font-size: 11.5px; font-weight: 600; color: var(--kz-gri); margin-top: 2px; }
.kz-tile .alm { display: flex; gap: 10px; align-items: flex-start; border-radius: 10px; padding: 8px 10px; background: rgba(245,158,11,.14); }
.kz-tile.kritik .alm { background: rgba(239,68,68,.14); }
.kz-tile .alm .ai { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--c); flex: none; }
.kz-tile .alm .at { font-size: 12.5px; font-weight: 700; line-height: 1.3; } .kz-tile .alm .as { font-size: 11px; opacity: .75; margin-top: 2px; }
.kz-tile .calm { font-size: 12px; color: var(--kz-gri); border: 1px dashed var(--tblr-border-color); border-radius: 10px; padding: 8px 10px; display: flex; gap: 8px; align-items: center; }
.kz-tile .mt { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.kz-tile .mt > div { background: var(--tblr-bg-surface-secondary); border-radius: 8px; padding: 5px 9px; display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.kz-tile .mt .ml { font-size: 9.5px; font-weight: 800; color: var(--kz-gri); text-transform: uppercase; letter-spacing: .3px; }
.kz-tile .mt .mv { font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.kz-tile .mv.iyi, .kz-tile .isaret.iyi { color: #15803d; } .kz-tile .mv.uyari, .kz-tile .isaret.uyari { color: #b45309; } .kz-tile .isaret { font-size: 11px; }
.kz-tile .ft { margin-top: auto; display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--kz-gri); font-weight: 700; }
.kz-tile .avs { display: flex; }
.kz-tile .avs span { width: 22px; height: 22px; border-radius: 50%; background: #1e3a8a; color: #dbeafe; font-size: 9px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--tblr-bg-surface); margin-left: -6px; }
.kz-tile .avs span:first-child { margin-left: 0; } .kz-tile .avs span.fazla { background: #334155; }
.kz-tile .strip { display: flex; gap: 3px; margin-left: auto; }
.kz-tile .strip i { width: 12px; height: 12px; border-radius: 3px; display: block; background: #22c55e; }
.kz-tile .strip i.eksik { background: #eab308; } .kz-tile .strip i.yok { background: var(--tblr-border-color); }
.kz-nabiz { animation: kz-nabiz 1.1s infinite; }
@keyframes kz-nabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.6); } 50% { box-shadow: 0 0 0 5px rgba(239,68,68,0), 0 0 22px rgba(239,68,68,.45); } }
[data-bs-theme="dark"] .kz-tile { background: #0f172a; border-color: #22304f; } [data-bs-theme="dark"] .kz-tile .stt { background: #14532d; color: #86efac; }

/* ---------- Proje canlı ekranı (Proje.html) ---------- */
.kz-proje-baslik { border-left: 6px solid #22c55e; border-radius: 12px; padding: .75rem 1rem; background: var(--tblr-bg-surface); border-top: 1px solid var(--tblr-border-color); border-right: 1px solid var(--tblr-border-color); border-bottom: 1px solid var(--tblr-border-color); }
.kz-proje-baslik.dikkat { border-left-color: #f59e0b; } .kz-proje-baslik.kritik { border-left-color: #ef4444; }
.kz-buyuk-saat { font-size: 2.2rem; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; }
.kz-kroki { position: relative; aspect-ratio: 16 / 10; background: #e9edf2; overflow: hidden; user-select: none; }
.kz-kroki.gorselli { background: #dfe4ea; } .kz-kroki img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.kz-kroki.duzenle { cursor: crosshair; outline: 3px dashed #f59e0b; outline-offset: -3px; }
.kz-kroki-izgara { position: absolute; inset: 0; background-image: linear-gradient(#d3d9e1 1px, transparent 1px), linear-gradient(90deg, #d3d9e1 1px, transparent 1px); background-size: 4% 6.4%; }
.kz-kroki-izgara::after { content: ""; position: absolute; inset: 6% 5%; border: 2px dashed #8a94a6; border-radius: 6px; }
.kz-kroki-izgara .cit { position: absolute; right: 6%; top: 2%; font-size: 12px; color: #6b7585; }
.kz-kroki-izgara .bina { position: absolute; background: #cfd6df; color: #4b5563; border: 1px solid #b9c2cd; font-weight: 700; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.kz-kroki-izgara .b1 { left: 16%; top: 24%; width: 26%; height: 28%; font-size: 1.3rem; } .kz-kroki-izgara .b2 { left: 50%; top: 20%; width: 30%; height: 34%; font-size: 1.3rem; } .kz-kroki-izgara .b3 { left: 20%; top: 64%; width: 16%; height: 14%; }
.kz-kroki-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.kz-nokta { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.kz-nokta .daire { width: 30px; height: 30px; border-radius: 50%; color: #fff; font-weight: 900; font-size: 12px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.kz-nokta.gorevli .daire { box-shadow: 0 0 0 3px rgba(59,130,246,.6); }
.kz-nokta.surukle { pointer-events: auto; cursor: grab; touch-action: none; }
.kz-nokta.surukle:active { cursor: grabbing; }
.kz-nokta.secili .daire { box-shadow: 0 0 0 4px rgba(245,158,11,.7); }
.kz-nokta.kor .daire { box-shadow: 0 0 0 3px #dc2626, 0 0 10px rgba(220,38,38,.6); animation: kz-kor 1.6s ease-in-out infinite; }
@keyframes kz-kor { 0%, 100% { box-shadow: 0 0 0 3px #dc2626, 0 0 6px rgba(220,38,38,.4); } 50% { box-shadow: 0 0 0 5px #dc2626, 0 0 14px rgba(220,38,38,.8); } }
.kz-isi { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none; }
.kz-nokta .etiket { margin-top: 2px; font-size: 11px; color: #1f2937; font-weight: 600; white-space: nowrap; background: rgba(255,255,255,.75); padding: 0 4px; border-radius: 3px; }
.kz-gorevli-isaret { position: absolute; transform: translate(-50%, -50%); pointer-events: none; }
.kz-gorevli-isaret .nabiz { position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px; border-radius: 50%; background: #3b82f6; animation: kz-gp 1.4s infinite; }
.kz-gorevli-isaret .ad { position: relative; display: inline-block; padding: 1px 6px; border-radius: 6px; background: #3b82f6; color: #fff; font-size: 10px; font-weight: 800; border: 1px solid #fff; }
@keyframes kz-gp { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(3); } }
.kz-lg { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: middle; }
.kz-gorevliler { display: grid; grid-template-columns: 1fr; gap: 10px; }
.kz-gc { background: var(--tblr-bg-surface-secondary); border-radius: 12px; padding: 10px 12px; display: flex; gap: 10px; align-items: flex-start; border: 1px solid transparent; }
.kz-gc.uyari { border-color: #f97316; background: rgba(249,115,22,.1); }
.kz-gc .av { width: 42px; height: 42px; border-radius: 50%; background: #1e3a8a; color: #dbeafe; font-weight: 900; display: flex; align-items: center; justify-content: center; flex: none; font-size: 14px; }
.kz-gc .nm { font-weight: 800; font-size: 14px; } .kz-gc .ps { font-size: 12px; color: var(--kz-gri); }
.kz-gc .tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.tg { font-size: 11px; font-weight: 700; border-radius: 6px; padding: 1px 7px; background: var(--tblr-border-color); }
.tg.g { background: rgba(34,197,94,.18); color: #15803d; } .tg.o { background: rgba(249,115,22,.2); color: #c2410c; } .tg.r { background: #dc2626; color: #fff; } .tg.y { background: rgba(234,179,8,.25); color: #a16207; }

/* ---------- Modüller vitrini ve gruplu menü vurgu rengi ---------- */
.kz-kategori-baslik { display: flex; align-items: center; font-size: 1rem; text-transform: uppercase; letter-spacing: .05em; color: var(--kz-gri); margin: 0 0 .6rem; }
.kz-modul { --modul: #2563eb; border-top: 4px solid var(--modul); transition: transform .12s, box-shadow .2s; }
.kz-modul:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(15,23,42,.15); }
.kz-modul.yakinda { opacity: .7; } .kz-modul.kilitli { opacity: .55; }
.kz-modul-rozet { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--modul); flex: none; box-shadow: 0 6px 14px color-mix(in srgb, var(--modul) 45%, transparent); }
.kz-modul-no { font-size: .7rem; font-weight: 800; color: var(--kz-gri); letter-spacing: .08em; }
.kz-modul-ad { font-weight: 800; font-size: 1.02rem; line-height: 1.2; }
.kz-mega-sutun .dropdown-item.disabled { opacity: .55; }

/* ---------- Proje alt panelleri (Proje.html): vardiya zaman çubukları ---------- */
.kz-zaman { position: relative; }
.kz-zaman-satir { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 8px; padding: 3px 0; }
.kz-zaman-satir .ad { font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kz-zaman-ray { position: relative; height: 16px; background: var(--tblr-bg-surface-secondary); border-radius: 4px; }
.kz-zaman-cubuk { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: #2563eb; color: #fff; font-size: 10px; font-weight: 800; padding: 0 6px; line-height: 16px; white-space: nowrap; overflow: hidden; }
.kz-zaman-cubuk.gece { background: #1e3a8a; } .kz-zaman-cubuk.gelecek { background: #94a3b8; } .kz-zaman-cubuk.bitti { background: #16a34a; } .kz-zaman-cubuk.eksik { background: #dc2626; }
.kz-zaman-simdi { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--kz-celik); z-index: 2; }
.kz-zaman-saatler { display: grid; grid-template-columns: 150px 1fr; margin-top: 4px; }
.kz-zaman-saatler .saat { display: flex; justify-content: space-between; font-size: 10px; color: var(--kz-gri); }
.kz-kv { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px dashed var(--tblr-border-color); font-size: 13px; }
.kz-kv:last-child { border-bottom: 0; }
.kz-karne .l { font-size: .68rem; font-weight: 800; color: var(--kz-gri); text-transform: uppercase; letter-spacing: .05em; }
.kz-karne .v { font-size: 1.4rem; font-weight: 900; line-height: 1.15; }
.kz-karne .s { font-size: .74rem; color: var(--kz-gri); }

/* kart ekleri: ilerleme çubuğu, simge satırı, mini satır */
.kz-tile .hd .ic { display: inline-flex; gap: 5px; margin-left: 4px; align-items: center; }
.kz-tile .vardiya-ilerleme { height: 4px; border-radius: 2px; background: var(--tblr-border-color); overflow: hidden; margin-top: -4px; }
.kz-tile .vardiya-ilerleme i { display: block; height: 100%; background: linear-gradient(90deg, #3b82f6, #22c55e); }
.kz-tile .mini { display: flex; gap: 12px; font-size: 11px; color: var(--kz-gri); font-weight: 600; }
.kz-tile .mini span { display: inline-flex; align-items: center; gap: 3px; }

/* ---------- Personel kartı vitrini (KORGAN kart düzeni) ---------- */
.kz-hero { overflow: hidden; }
.kz-hero-bant { height: 120px; background: linear-gradient(110deg, #0f172a 0%, #1e293b 45%, var(--kz-celik-koyu) 75%, var(--kz-celik) 100%); }
.kz-hero .card-body { padding-top: 0; }
.kz-hero-foto { width: 190px; margin-top: -90px; flex: none; }
.kz-hero-foto .cerceve { width: 190px; height: 250px; border-radius: 16px; background: linear-gradient(160deg, var(--kz-celik-acik), var(--kz-celik-koyu)); border: 5px solid var(--tblr-bg-surface); box-shadow: 0 10px 24px rgba(15,23,42,.25); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.kz-hero-foto img { width: 100%; height: 100%; object-fit: cover; }
.kz-hero-foto .bas { font-size: 4rem; font-weight: 900; color: #fff; letter-spacing: .05em; }
.kz-hero-ad { font-size: 2rem; font-weight: 900; margin: 1rem 0 0; letter-spacing: .02em; text-transform: uppercase; }
.kz-sayac { display: flex; align-items: center; gap: .75rem; background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-bottom: 3px solid var(--kz-mavi); border-radius: 12px; padding: .7rem .9rem; height: 100%; }
.kz-sayac .ik { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(37,99,235,.12); color: var(--kz-mavi); flex: none; }
.kz-sayac .v { font-size: 1.35rem; font-weight: 900; line-height: 1.1; }
.kz-sayac .l { font-size: .72rem; color: var(--kz-gri); font-weight: 600; }
.kz-sayac.yesil { border-bottom-color: var(--kz-yesil); } .kz-sayac.yesil .ik { background: rgba(34,197,94,.14); color: #15803d; }
.kz-sayac.turuncu { border-bottom-color: var(--kz-turuncu); } .kz-sayac.turuncu .ik { background: rgba(245,158,11,.16); color: #b45309; }
.kz-sayac.kirmizi { border-bottom-color: var(--kz-kirmizi); } .kz-sayac.kirmizi .ik { background: rgba(220,38,38,.12); color: var(--kz-kirmizi); }
.kz-sayac.mor { border-bottom-color: var(--kz-mor); } .kz-sayac.mor .ik { background: rgba(139,92,246,.14); color: #6d28d9; }
.kz-bolum .card-header { gap: .6rem; }
.kz-bolum-ikon { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.kz-bolum.yakinda { opacity: .75; border-style: dashed; }
.kz-satir { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--tblr-border-color); font-size: .9rem; }
.kz-satir:last-child { border-bottom: 0; }
.kz-satir .e { color: var(--kz-gri); font-weight: 600; flex: 0 0 42%; }
.kz-satir .d { font-weight: 600; text-align: right; }
.kz-kucuk-kutu { background: var(--tblr-bg-surface-secondary); border-radius: 10px; padding: .55rem .75rem; }
.kz-kucuk-kutu .v { font-size: 1.25rem; font-weight: 900; line-height: 1.1; } .kz-kucuk-kutu .l { font-size: .7rem; color: var(--kz-gri); font-weight: 600; }
.kz-kucuk-kutu.kirmizi { background: rgba(220,38,38,.1); } .kz-kucuk-kutu.kirmizi .v { color: var(--kz-kirmizi); }
@media (max-width: 767.98px) { .kz-hero-foto { width: 140px; margin-top: -60px; } .kz-hero-foto .cerceve { width: 140px; height: 180px; } .kz-hero-ad { font-size: 1.4rem; } }

/* ---------- Personel kartları ızgarası (KORGAN düzeni) ---------- */
.kz-pkart { overflow: hidden; transition: transform .12s, box-shadow .2s; border: 1px solid var(--tblr-border-color); }
.kz-pkart:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(15,23,42,.15); }
.kz-pkart-bant { height: 88px; }
.kz-pkart-govde { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 .9rem 1rem; margin-top: -62px; }
.kz-pkart-foto { border-radius: 14px; border: 4px solid var(--tblr-bg-surface); box-shadow: 0 6px 16px rgba(15,23,42,.25); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 900; overflow: hidden; flex: none; }
.kz-pkart-foto img { width: 100%; height: 100%; object-fit: cover; }
.kz-pkart-ad { font-weight: 900; text-transform: uppercase; margin-top: .6rem; letter-spacing: .02em; line-height: 1.2; }
.kz-pkart-unvan { display: inline-block; margin-top: .3rem; padding: .15rem .7rem; border-radius: 999px; background: var(--tblr-bg-surface-secondary); font-size: .78rem; font-weight: 700; color: var(--kz-gri); }
.kz-pkart-bilgi { margin-top: .6rem; font-size: .78rem; color: var(--kz-gri); display: flex; flex-direction: column; gap: .2rem; width: 100%; }
.kz-pkart-bilgi div { display: flex; align-items: center; justify-content: center; gap: .3rem; }
.table .kz-pkart-foto { border-width: 2px; border-radius: 6px; box-shadow: none; }

/* Cinsiyete göre kart rengi: erkek mavi, kadın pembe */
.kz-hero.erkek .kz-hero-bant { background: linear-gradient(110deg, #0f172a 0%, #1e3a8a 50%, #3b82f6 100%); }
.kz-hero.erkek .kz-hero-foto .cerceve { background: linear-gradient(160deg, #3b82f6, #1e3a8a); }
.kz-hero.kadin .kz-hero-bant { background: linear-gradient(110deg, #0f172a 0%, #9d174d 50%, #ec4899 100%); }
.kz-hero.kadin .kz-hero-foto .cerceve { background: linear-gradient(160deg, #ec4899, #9d174d); }

/* Belge süre takvimi: kademeli liste */
.kz-takvim-kademe { border-left: 5px solid var(--kz-gri); }
.kz-takvim-kademe.red { border-left-color: var(--kz-kirmizi); } .kz-takvim-kademe.orange { border-left-color: #ea580c; } .kz-takvim-kademe.yellow { border-left-color: var(--kz-turuncu); } .kz-takvim-kademe.azure { border-left-color: var(--kz-mavi); }
.kz-belge-cip { display: inline-flex; align-items: center; background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: .2rem .5rem; font-size: .8rem; font-weight: 600; }
@media print { .kz-navbar, .page-header .btn-list, .footer { display: none !important; } }

/* ---------- Operasyon Merkezi: çipler, canlı olay akışı ---------- */
.kz-cip { border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color); border-radius: 16px; padding: .25rem .75rem; font-size: .8rem; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: .3rem; }
.kz-cip span { opacity: .6; font-weight: 600; }
.kz-cip.on { background: var(--kz-celik); border-color: var(--kz-celik); color: #fff; }
/* Canlı olay akışı: proje kartları sütunu kadar uzar, liste kendi içinde kayar */
.kz-akis-kart { display: flex; flex-direction: column; min-height: 480px; }
.kz-akis { flex: 1 1 auto; min-height: 380px; overflow-y: auto; overflow-x: hidden; }
@media (min-width: 1200px) {
  .kz-akis-sutun { position: relative; }
  .kz-akis-kart { position: absolute; inset: 0 0.75rem; min-height: 0; }
  .kz-akis { min-height: 0; }
}
.kz-fi { display: flex; gap: 9px; padding: 8px 12px; min-width: 0; overflow: hidden; overflow-wrap: anywhere; border-bottom: 1px dashed var(--tblr-border-color); font-size: .82rem; color: inherit; text-decoration: none; }
.kz-fi:hover { background: var(--tblr-bg-surface-secondary); color: inherit; }
.kz-fi.acik { animation: kz-fin .6s; }
.kz-fi .dt { width: 26px; height: 26px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex: none; color: #fff; }
.kz-fi .dt.kapali { background: var(--tblr-border-color); color: var(--kz-gri); }
.kz-fi .tm { font-weight: 800; font-variant-numeric: tabular-nums; flex: none; }
.kz-fi .bsl { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes kz-fin { from { background: rgba(63,127,166,.18); } to { background: transparent; } }
.kz-saatlik { display: flex; align-items: flex-end; gap: 3px; height: 70px; }
.kz-saatlik .sutun { flex: 1; display: flex; align-items: flex-end; height: 100%; }
.kz-saatlik .sutun i { display: block; width: 100%; background: var(--kz-celik); border-radius: 3px 3px 0 0; min-height: 2px; }

/* ---- İK: süreç kartları ve disiplin adımları ---- */
.kz-surec-kart { border: 1px solid var(--tblr-border-color); border-left: 4px solid var(--kz-celik); border-radius: 10px; padding: .6rem .8rem; background: var(--tblr-bg-surface); }
.kz-surec-kart.gecikme { border-left-color: var(--kz-kirmizi); background: rgba(220,38,38,.04); }
.kz-surec-kart.tamam { border-left-color: var(--kz-yesil, #16a34a); opacity: .85; }
.kz-surec-kart .progress { height: 6px; }
.kz-adimlar { display: flex; flex-direction: column; gap: .5rem; }
.kz-adim { display: flex; gap: .75rem; padding: .6rem .8rem; border-radius: 10px; background: var(--tblr-bg-surface-secondary); border: 1px solid transparent; }
.kz-adim .no { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .8rem; background: var(--tblr-border-color); color: var(--tblr-body-color); flex: none; }
.kz-adim.aktif { border-color: var(--kz-celik); background: rgba(63,127,166,.08); }
.kz-adim.aktif .no { background: var(--kz-celik); color: #fff; }
.kz-adim.tamam .no { background: var(--kz-yesil, #16a34a); color: #fff; }

/* ---- Eğitim: takvim kartları, matris, katalog ---- */
.kz-renk-nokta { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex: none; }
.kz-gun-baslik { display: flex; align-items: center; font-weight: 800; font-size: .9rem; color: var(--kz-celik-koyu); border-bottom: 2px solid var(--kz-celik-acik); padding-bottom: .2rem; }
.kz-oturum-kart { border: 1px solid var(--tblr-border-color); border-left: 4px solid var(--kz-celik); border-radius: 10px; padding: .6rem .8rem; background: var(--tblr-bg-surface); cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.kz-oturum-kart:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -10px rgba(2,6,23,.4); }
.kz-oturum-kart.iptal { opacity: .55; text-decoration: line-through; }
.kz-oturum-kart.tamamlandi { background: rgba(34,197,94,.05); }
.kz-matris th { font-size: .7rem; white-space: nowrap; }
.kz-matris-hucre { display: inline-block; min-width: 44px; padding: .15rem .4rem; border-radius: 6px; font-weight: 800; font-size: .8rem; }
.kz-matris-hucre.gecerli { background: rgba(34,197,94,.15); color: #15803d; }
.kz-matris-hucre.yaklasiyor { background: rgba(245,158,11,.18); color: #b45309; }
.kz-matris-hucre.gecti { background: rgba(220,38,38,.15); color: #b91c1c; animation: kz-yanip .9s ease-in-out infinite alternate; }
.kz-matris-hucre.yok { background: rgba(249,115,22,.15); color: #c2410c; }
.kz-matris-hucre.gerekmez { color: var(--kz-gri); }
@keyframes kz-yanip { from { opacity: .7; } to { opacity: 1; } }
.kz-tur-kart { border: 1px solid var(--tblr-border-color); border-top: 4px solid var(--kz-celik); border-radius: 10px; padding: .7rem .9rem; background: var(--tblr-bg-surface); height: 100%; }
.kz-tur-kart.pasif { opacity: .55; }
@media (prefers-reduced-motion: reduce) { .kz-matris-hucre.gecti { animation: none; } }

/* ==== KORGAN havası: sayfa hero şeridi (SayfaBasligi) ==== */
.kz-sayfa-hero { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; margin: 0 0 1rem; padding: 1.1rem 1.4rem; border-radius: 1rem; color: #fff;
  background: radial-gradient(600px 160px at 90% 0%, rgba(111,177,214,.25), transparent 70%), linear-gradient(110deg, #0b1220 0%, #0f172a 45%, #1d3a52 100%); box-shadow: 0 18px 36px -24px rgba(2,6,23,.7); }
.kz-sayfa-hero::before { content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='58' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/svg%3E"); opacity: .6; pointer-events: none; }
.kz-sayfa-hero.yesil { background: radial-gradient(600px 160px at 90% 0%, rgba(34,197,94,.25), transparent 70%), linear-gradient(110deg, #052e16 0%, #14532d 45%, #166534 100%); }
.kz-sayfa-hero > * { position: relative; }
.kz-sayfa-hero .baslik { display: flex; align-items: center; gap: .9rem; }
.kz-sayfa-hero .ikon { width: 50px; height: 50px; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--kz-celik-acik), var(--kz-celik-koyu)); box-shadow: 0 10px 20px -10px rgba(63,127,166,.9), inset 0 1px 0 rgba(255,255,255,.35); flex: none; }
.kz-sayfa-hero.yesil .ikon { background: linear-gradient(135deg, #4ade80, #15803d); box-shadow: 0 10px 20px -10px rgba(34,197,94,.9); }
.kz-sayfa-hero h1 { margin: 0; font-size: 1.45rem; font-weight: 800; letter-spacing: .01em; color: #fff; }
.kz-sayfa-hero .ust { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.kz-sayfa-hero p { margin: .15rem 0 0; font-size: .85rem; color: rgba(255,255,255,.72); }
.kz-sayfa-hero .islem { display: flex; flex-wrap: wrap; gap: .4rem; }
.kz-sayfa-hero .islem .btn { font-weight: 600; }
.kz-sayfa-hero .islem .btn-outline-light { border-color: rgba(255,255,255,.35); color: #fff; }
.kz-sayfa-hero .islem .btn-outline-light:hover { background: rgba(255,255,255,.12); }
.kz-sayfa-hero .islem .btn-primary, .kz-sayfa-hero .islem .btn-outline-primary, .kz-sayfa-hero .islem .btn-outline-secondary, .kz-sayfa-hero .islem .btn:not([class*="btn-"]) { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.35); color: #fff; }
.kz-sayfa-hero .islem .btn-light { background: #fff; color: #0f172a; border-color: #fff; }
.kz-sayfa-hero .islem .btn-light:hover { background: #e2e8f0; }
.kz-sayfa-hero .islem .btn-outline-success, .kz-sayfa-hero .islem .btn-success { background: linear-gradient(135deg, #22c55e, #15803d); border: 0; color: #fff; }
.kz-sayfa-hero .islem .btn-outline-danger, .kz-sayfa-hero .islem .btn-danger { background: linear-gradient(135deg, #ef4444, #b91c1c); border: 0; color: #fff; }
/* sekmeler hap biçimi */
.card-header .nav-tabs.card-header-tabs { gap: .25rem; border: 0; margin: -.25rem 0; }
.card-header .nav-tabs.card-header-tabs .nav-link { border: 1px solid transparent; border-radius: .65rem; font-weight: 600; color: var(--tblr-secondary); padding: .4rem .8rem; transition: background-color .15s, color .15s; }
.card-header .nav-tabs.card-header-tabs .nav-link:hover { background: var(--tblr-bg-surface-secondary); color: var(--tblr-body-color); }
.card-header .nav-tabs.card-header-tabs .nav-link.active { background: linear-gradient(120deg, var(--kz-celik-koyu), var(--kz-celik)); color: #fff; border-color: transparent; box-shadow: 0 8px 16px -10px rgba(63,127,166,.9); }
/* kartlar hover'da kalkar */
.card { transition: box-shadow .15s ease, transform .15s ease; }
.row > [class*="col-"] > .card:hover, .kz-bolum:hover { box-shadow: 0 14px 28px -20px rgba(15,23,42,.45); }
/* açılır menü: renkli modül ikonları */
.kz-mega-ikon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px; color: #fff; margin-right: .5rem; flex: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
.kz-mega.kz-sade { padding: .35rem; }
.kz-mega.kz-sade .dropdown-item { padding: .45rem .75rem; font-size: .86rem; font-weight: 500; border-radius: .45rem; }
.kz-mega.kz-sade .dropdown-item:hover { padding-left: .95rem; }

/* ==== Rehber (KORGAN) ==== */
.kz-rehber-hero { position: relative; overflow: hidden; padding: 1.25rem 1.5rem 1.4rem; border-radius: 1rem; color: #fff; margin-bottom: 1rem; background: radial-gradient(700px 160px at 85% 10%, rgba(99,102,241,.35), transparent 70%), linear-gradient(110deg, #0b1220 0%, #0f172a 45%, #1e3a5f 100%); box-shadow: 0 18px 36px -24px rgba(2,6,23,.8); }
.kz-rehber-hero::before { content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='58' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/svg%3E"); pointer-events: none; }
.kz-rehber-hero > * { position: relative; }
.kz-rehber-hero .ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; margin-bottom: 1rem; }
.kz-rehber-hero .baslik { display: flex; align-items: center; gap: .9rem; }
.kz-rehber-hero h1 { margin: 0; font-size: 1.5rem; font-weight: 700; color: #fff; }
.kz-rehber-hero p { margin: 0; font-size: .85rem; color: rgba(255,255,255,.72); }
.kz-rehber-hero .ikon { width: 52px; height: 52px; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #38bdf8, #6366f1); box-shadow: 0 10px 20px -10px rgba(56,189,248,.9), inset 0 1px 0 rgba(255,255,255,.35); }
.kz-rehber-hero .islem { display: flex; flex-wrap: wrap; gap: .4rem; }
.kz-rehber-hero .islem .btn-outline-light { border-color: rgba(255,255,255,.35); color: #fff; }
.kz-rehber-hero .arama { position: relative; }
.kz-rehber-hero .arama .buyutec { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #64748b; pointer-events: none; }
.kz-rehber-hero .arama .form-control { padding-left: 2.9rem; padding-right: 2.9rem; border: 0; border-radius: .85rem; background: #fff; color: #0f172a; box-shadow: 0 12px 30px -16px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.6); font-size: 1.05rem; }
.kz-rehber-hero .arama .form-control:focus { box-shadow: 0 0 0 4px rgba(56,189,248,.45); }
.kz-rehber-hero .arama .temizle { position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); border: 0; background: #e2e8f0; color: #334155; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.kz-rehber-sekmeler { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .6rem; }
.kz-rehber-sekmeler .grup { display: flex; flex-wrap: wrap; gap: .35rem; padding: .3rem; border-radius: .9rem; background: var(--tblr-bg-surface); box-shadow: 0 1px 3px rgba(15,23,42,.08); }
.kz-rehber-sekme { border: 1px solid transparent; background: transparent; border-radius: .65rem; padding: .4rem .8rem; font-weight: 600; color: var(--tblr-body-color); display: inline-flex; align-items: center; gap: .4rem; transition: background-color .15s, color .15s, box-shadow .15s; }
.kz-rehber-sekme svg { color: var(--kz-gri); }
.kz-rehber-sekme:hover { background: var(--tblr-bg-surface-secondary); }
.kz-rehber-sekme.active { background: linear-gradient(120deg, #1e3a8a, #2563eb); color: #fff; box-shadow: 0 8px 16px -10px rgba(37,99,235,.9); }
.kz-rehber-sekme.active svg { color: #bfdbfe; }
.kz-rehber-sekme.dis.active { background: linear-gradient(120deg, #92400e, #d97706); }
.kz-rehber-sekme.acil.active { background: linear-gradient(120deg, #991b1b, #dc2626); }
.kz-rehber-sekme .say { font-size: .7rem; font-weight: 800; padding: .1rem .45rem; border-radius: 999px; background: var(--tblr-bg-surface-secondary); color: var(--kz-gri); }
.kz-rehber-sekme .say.mavi { background: #dbeafe; color: #1d4ed8; } .kz-rehber-sekme .say.sari { background: #fef3c7; color: #92400e; } .kz-rehber-sekme .say.kirmizi { background: #fee2e2; color: #b91c1c; }
.kz-rehber-sekme.active .say { background: rgba(255,255,255,.22); color: #fff; }
.kz-rehber-harfler { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: .9rem; }
.kz-rehber-harf { border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color); min-width: 30px; height: 30px; padding: 0 .5rem; border-radius: .5rem; font-size: .82rem; font-weight: 600; }
.kz-rehber-harf:hover:not(:disabled) { background: #eff6ff; border-color: #bfdbfe; }
.kz-rehber-harf.active { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.kz-rehber-harf:disabled { opacity: .35; }
.kz-acil-serit { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
.kz-acil-hat { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .8rem; border-radius: .75rem; background: linear-gradient(135deg, #fee2e2, #fecaca); color: #991b1b; border: 1px solid #fca5a5; text-decoration: none; font-weight: 600; transition: transform .12s; }
.kz-acil-hat:hover { transform: translateY(-1px); color: #7f1d1d; }
.kz-acil-hat strong { font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.kz-rehber-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .9rem; }
.kz-rehber-kart { position: relative; background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: 1rem; padding: .9rem 1rem .85rem; box-shadow: 0 1px 2px rgba(15,23,42,.04); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.kz-rehber-kart:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(15,23,42,.5); border-color: #c7d2fe; }
.kz-rehber-kart.pasif { opacity: .55; }
.kz-rehber-kart .ust { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: .7rem; }
.kz-rehber-kart .kimlik { min-width: 0; flex: 1; }
.kz-rehber-kart .ad { font-weight: 800; font-size: 1.02rem; line-height: 1.2; }
.kz-rehber-kart .unvan { display: inline-block; font-size: .78rem; font-weight: 600; margin-top: 3px; padding: .1rem .5rem; border-radius: .4rem; background: var(--tblr-bg-surface-secondary); color: var(--tblr-body-color); }
.kz-rehber-kart .unvan.erkek { background: #dbeafe; color: #1e3a8a; } .kz-rehber-kart .unvan.kadin { background: #fce7f3; color: #9d174d; }
.kz-rehber-kart .lokasyon { display: inline-flex; align-items: center; gap: .25rem; margin-top: 5px; font-size: .7rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #1d4ed8; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 999px; padding: .1rem .55rem; }
.kz-rehber-kart .lokasyon.dis { color: #92400e; background: #fffbeb; border-color: #fde68a; }
.kz-rehber-kart .islem { display: flex; gap: .25rem; opacity: .35; transition: opacity .15s; }
.kz-rehber-kart:hover .islem { opacity: 1; }
.kz-rehber-kart .cipler { display: flex; flex-wrap: wrap; gap: .4rem; }
.kz-rehber-kart .eposta { margin-top: .55rem; display: flex; align-items: center; gap: .35rem; font-size: .85rem; min-width: 0; }
.kz-rehber-kart .eposta a { color: var(--tblr-body-color); text-decoration: none; display: inline-flex; align-items: center; gap: .35rem; min-width: 0; }
.kz-rehber-kart .eposta a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kz-rehber-kart .eposta a:hover { color: #1d4ed8; text-decoration: underline; }
.kz-rehber-kart .eposta svg { color: #6366f1; }
.kz-rehber-kart .not { margin-top: .5rem; font-size: .8rem; color: #78350f; background: #fffbeb; border: 1px dashed #fcd34d; border-radius: .5rem; padding: .25rem .5rem; }
.kz-rehber-kart .firma-kisiler { margin-top: .6rem; border-top: 1px dashed var(--tblr-border-color); padding-top: .5rem; display: flex; flex-direction: column; gap: .35rem; }
.kz-rehber-kart .firma-kisi { display: flex; align-items: center; gap: .5rem; padding: .3rem .4rem; border-radius: .5rem; }
.kz-rehber-kart .firma-kisi[role="button"]:hover { background: var(--tblr-bg-surface-secondary); cursor: pointer; }
.kz-rehber-avatar { flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.05rem; letter-spacing: .02em; color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 12px -8px rgba(0,0,0,.5); background: linear-gradient(135deg, #64748b, #1e293b); }
.kz-rehber-avatar.kucuk { width: 30px; height: 30px; border-radius: 9px; font-size: .72rem; vertical-align: middle; }
.kz-rehber-avatar.erkek { background: linear-gradient(135deg, #3b82f6, #1e3a8a); } .kz-rehber-avatar.kadin { background: linear-gradient(135deg, #ec4899, #9d174d); }
.kz-rehber-avatar.r0 { background: linear-gradient(135deg, #2563eb, #7c3aed); } .kz-rehber-avatar.r1 { background: linear-gradient(135deg, #0ea5e9, #2563eb); } .kz-rehber-avatar.r2 { background: linear-gradient(135deg, #10b981, #0d9488); } .kz-rehber-avatar.r3 { background: linear-gradient(135deg, #f59e0b, #ea580c); } .kz-rehber-avatar.r4 { background: linear-gradient(135deg, #ec4899, #be185d); }
.kz-rehber-avatar.r5 { background: linear-gradient(135deg, #8b5cf6, #6d28d9); } .kz-rehber-avatar.r6 { background: linear-gradient(135deg, #14b8a6, #0369a1); } .kz-rehber-avatar.r7 { background: linear-gradient(135deg, #ef4444, #b91c1c); } .kz-rehber-avatar.r8 { background: linear-gradient(135deg, #6366f1, #0891b2); } .kz-rehber-avatar.r9 { background: linear-gradient(135deg, #64748b, #1e293b); }
.kz-rehber-avatar.firma { background: linear-gradient(135deg, #f59e0b, #b45309); }
.kz-rehber-cip { display: inline-flex; align-items: center; gap: .4rem; border-radius: .7rem; padding: .35rem .65rem; border: 1px solid; line-height: 1.1; }
.kz-rehber-cip small { font-size: .62rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; opacity: .75; }
.kz-rehber-cip strong { font-size: 1.05rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.kz-rehber-cip a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.kz-rehber-cip.dahili { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.kz-rehber-cip.kod { background: #fefce8; border-color: #fde68a; color: #854d0e; }
.kz-rehber-cip.cep { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; }
.kz-rehber-cip.sabit { background: #f1f5f9; border-color: #cbd5e1; color: #334155; }
.kz-rehber-wa { color: #16a34a !important; display: inline-flex; margin-left: .1rem; }
.kz-rehber-kopya { border: 0; background: transparent; color: #94a3b8; padding: 0 .15rem; line-height: 1; display: inline-flex; }
.kz-rehber-kopya:hover { color: #1e3a8a; } .kz-rehber-kopya.ok { color: #16a34a; }
.kz-rehber-bos { grid-column: 1 / -1; text-align: center; color: var(--kz-gri); padding: 3rem 1rem; }
.kz-rehber-tablo thead th { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
[data-bs-theme="dark"] .kz-rehber-cip.dahili { background: rgba(16,185,129,.15); color: #6ee7b7; } [data-bs-theme="dark"] .kz-rehber-cip.kod { background: rgba(245,158,11,.15); color: #fcd34d; } [data-bs-theme="dark"] .kz-rehber-cip.cep { background: rgba(59,130,246,.15); color: #93c5fd; } [data-bs-theme="dark"] .kz-rehber-cip.sabit { background: rgba(148,163,184,.15); color: #cbd5e1; }
[data-bs-theme="dark"] .kz-rehber-kart .lokasyon { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.3); }
[data-bs-theme="dark"] .kz-rehber-kart .not { background: rgba(245,158,11,.1); color: #fcd34d; border-color: rgba(245,158,11,.4); }
[data-bs-theme="dark"] .kz-acil-hat { background: rgba(220,38,38,.18); color: #fca5a5; border-color: rgba(220,38,38,.4); }

/* ==== Ziyaretçi formu ve listesi (KORGAN) ==== */
.kz-ziy-sayfa { max-width: 1240px; margin: 0 auto; }
.kz-ziy-form .card-body { padding: 1.25rem 1.5rem; }
.kz-ziy-form .card-footer { background: var(--tblr-bg-surface-secondary); border-top: 1px solid var(--tblr-border-color); padding: 1rem 1.5rem; }
.kz-etiket { font-weight: 700; font-size: .95rem; }
.kz-bolum-baslik { display: flex; align-items: center; gap: .4rem; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kz-gri); border-bottom: 1px solid var(--tblr-border-color); padding-bottom: .35rem; margin-top: .75rem; }
.kz-secim .btn { font-weight: 600; padding: .5rem 1rem; }
.kz-sayi-secim .btn { min-width: 44px; font-weight: 700; }
.kz-btn-erkek { border-color: #93c5fd; color: #1d4ed8; background: var(--tblr-bg-surface); } .kz-btn-erkek.active, .kz-btn-erkek:hover { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: #fff; border-color: #1d4ed8; }
.kz-btn-kadin { border-color: #f9a8d4; color: #be185d; background: var(--tblr-bg-surface); } .kz-btn-kadin.active, .kz-btn-kadin:hover { background: linear-gradient(135deg, #ec4899, #be185d); color: #fff; border-color: #be185d; }
.kz-gd-alanlar { background: #fffbeb; border: 1px dashed #fcd34d; border-radius: .75rem; padding: .75rem; margin-left: 0; margin-right: 0; }
[data-bs-theme="dark"] .kz-gd-alanlar { background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.4); }
.kz-ziy-basarili { text-align: center; padding: 3rem 1rem; background: var(--tblr-bg-surface); border-radius: 1rem; border: 1px solid var(--tblr-border-color); box-shadow: 0 18px 36px -24px rgba(15,23,42,.4); }
.kz-ziy-basarili .ikon { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, #22c55e, #15803d); box-shadow: 0 16px 30px -14px rgba(34,197,94,.9); animation: kz-pop .4s ease; }
@keyframes kz-pop { from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.kz-ziy-basarili h2 { font-weight: 800; }
.kz-ziy-basarili .ozet { color: var(--kz-gri); }
.kz-ziy-avatar { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, #64748b, #334155); flex: none; }
.kz-ziy-avatar.erkek { background: linear-gradient(135deg, #3b82f6, #1e3a8a); } .kz-ziy-avatar.kadin { background: linear-gradient(135deg, #ec4899, #9d174d); }
.kz-ziy-tablo tr.kz-uzun td { background: rgba(245,158,11,.06); }
.kpi .a { font-size: .74rem; color: var(--kz-gri); }
.kpi.mavi { border-left-color: var(--kz-celik); } .kpi.mavi .v { color: var(--kz-celik-koyu); }

/* ---- Ziyaretçi raporu: çubuklar ve dağılım satırları ---- */
.kz-rapor-cubuklar { display: flex; align-items: flex-end; gap: 3px; }
.kz-rapor-cubuklar .sutun { flex: 1 1 0; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; }
.kz-rapor-cubuklar .cubuk { position: relative; border-radius: 4px 4px 0 0; min-height: 2px; opacity: .85; transition: opacity .12s; overflow: hidden; }
.kz-rapor-cubuklar .sutun:hover .cubuk { opacity: 1; }
.kz-rapor-cubuklar .sutun.vurgu .cubuk { box-shadow: 0 0 0 2px var(--kz-turuncu); }
.kz-rapor-cubuklar .cubuk .ic { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(15,23,42,.45); }
.kz-rapor-cubuklar .e { display: block; height: 14px; font-size: .62rem; color: var(--kz-gri); text-align: center; white-space: nowrap; overflow: hidden; margin-top: 2px; }
.kz-rapor-dagilim .satir { display: grid; grid-template-columns: minmax(90px, 1.2fr) 2fr auto; align-items: center; gap: .5rem; padding: .3rem 0; border-bottom: 1px dashed var(--tblr-border-color); font-size: .85rem; }
.kz-rapor-dagilim .satir:last-child { border-bottom: 0; }
.kz-rapor-dagilim .ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kz-rapor-dagilim .bar { height: 10px; border-radius: 999px; background: var(--tblr-bg-surface-secondary); overflow: hidden; }
.kz-rapor-dagilim .bar i { display: block; height: 100%; border-radius: 999px; }
.kz-rapor-dagilim .adet { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kz-rapor-dagilim .adet small { font-weight: 500; color: var(--kz-gri); }

/* ---- Rehber: ferah ama ölçülü (tam genişlik, orta boy yazı) ---- */
.kz-rehber-hero { padding: 1.25rem 1.5rem 1.4rem; }
.kz-rehber-sekme { padding: .45rem .9rem; font-size: .9rem; font-weight: 600; }
.kz-rehber-harf { min-width: 32px; height: 32px; font-size: .84rem; border-radius: .55rem; }
.kz-rehber-harfler { gap: .3rem; margin-bottom: 1rem; }
.kz-rehber-kartlar { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }
.kz-rehber-kart { padding: 1rem 1.1rem .9rem; }
.kz-rehber-kart .ust { gap: .8rem; margin-bottom: .75rem; }
.kz-rehber-avatar { width: 50px; height: 50px; border-radius: 14px; font-size: 1.08rem; }
.kz-rehber-kart .ad { font-size: 1.02rem; }
.kz-rehber-kart .unvan { font-size: .78rem; padding: .12rem .55rem; }
.kz-rehber-kart .unvan.r0, .kz-rehber-kart .unvan.r5, .kz-rehber-kart .unvan.r8 { background: #ede9fe; color: #5b21b6; }
.kz-rehber-kart .unvan.r1, .kz-rehber-kart .unvan.r6 { background: #e0f2fe; color: #075985; }
.kz-rehber-kart .unvan.r2 { background: #d1fae5; color: #065f46; }
.kz-rehber-kart .unvan.r3 { background: #ffedd5; color: #9a3412; }
.kz-rehber-kart .unvan.r4 { background: #fce7f3; color: #9d174d; }
.kz-rehber-kart .unvan.r7 { background: #fee2e2; color: #991b1b; }
.kz-rehber-kart .unvan.r9 { background: #e2e8f0; color: #1e293b; }
.kz-rehber-kart .islem { opacity: 1; }
.kz-rehber-kart .islem .btn { width: 32px; height: 32px; border-radius: .55rem; }
.kz-rehber-kart .cipler { gap: .45rem; }
.kz-rehber-cip { padding: .38rem .7rem; }
.kz-rehber-cip strong { font-size: 1.02rem; }
.kz-rehber-kart .eposta { font-size: .86rem; }
@media (max-width: 575.98px) { .kz-rehber-kartlar { grid-template-columns: 1fr; } .kz-rehber-hero { padding: 1rem; } }
/* üst menü yazıları hiçbir zaman alt satıra kırılmaz */
.kz-navbar .navbar-nav .nav-link, .kz-navbar .navbar-nav .nav-link-title, .kz-brand .kz-ad, .kz-brand .kz-alt { white-space: nowrap; }
.kz-navbar .navbar-nav { flex-wrap: nowrap; }
@media (min-width: 768px) { .kz-navbar .navbar-collapse { flex-wrap: nowrap; } .kz-navbar .container-xl { flex-wrap: nowrap; } }

/* ziyaretçi formu: sağdaki beklenenler kartı */
.kz-ziy-sayfa { max-width: 1240px; }
.kz-beklenen-kart { position: sticky; top: 1rem; }
.kz-beklenen { border-left: 3px solid transparent; transition: background-color .12s; }
.kz-beklenen.secili { border-left-color: var(--kz-yesil); background: rgba(34,197,94,.08); }
.kz-ziy-avatar.vip { background: linear-gradient(135deg, #f59e0b, #b45309); }

/* formun sağ üstünde küçük ön kayıt kartları */
.kz-beklenen-mini { float: right; max-width: 46%; margin: -.25rem 0 .5rem 1rem; padding: .5rem .6rem; border: 1px dashed var(--kz-celik-acik); border-radius: .75rem; background: rgba(63,127,166,.05); }
.kz-beklenen-mini .baslik { font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kz-celik-koyu); margin-bottom: .35rem; display: flex; align-items: center; gap: .3rem; }
.kz-beklenen-mini .kartlar { display: flex; flex-wrap: wrap; gap: .35rem; }
.kz-beklenen-kartcik { position: relative; text-align: left; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); border-radius: .6rem; padding: .3rem .6rem; line-height: 1.2; max-width: 260px; transition: border-color .12s, box-shadow .12s; }
.kz-beklenen-kartcik:hover { border-color: var(--kz-celik); box-shadow: 0 6px 12px -10px rgba(15,23,42,.5); }
.kz-beklenen-kartcik .ad { display: block; font-weight: 700; font-size: .82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kz-beklenen-kartcik .alt { display: block; font-size: .7rem; color: var(--kz-gri); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kz-beklenen-kartcik.secili { border-color: var(--kz-yesil); background: rgba(34,197,94,.08); }
.kz-beklenen-kartcik.vip { border-color: #f59e0b; }
.kz-beklenen-kartcik .tik { position: absolute; right: .3rem; top: .3rem; color: #15803d; }
@media (max-width: 767.98px) { .kz-beklenen-mini { float: none; max-width: none; margin: 0 0 .75rem; } }

/* ziyaretçi listesi: beklenen ziyaretçiler paneli (KORGAN) */
.kz-beklenen-panel { border: 2px solid #b91c1c; border-radius: 1rem; background: #fff5f5; margin-bottom: 1rem; overflow: hidden; }
.kz-beklenen-panel .ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .6rem 1rem; background: linear-gradient(90deg, #991b1b, #b91c1c); color: #fff; }
.kz-beklenen-panel .baslik { display: inline-flex; align-items: center; gap: .4rem; font-weight: 800; font-size: 1.05rem; }
.kz-beklenen-panel .say { background: rgba(255,255,255,.22); border-radius: 999px; padding: .05rem .55rem; font-size: .8rem; }
.kz-beklenen-panel .not { font-size: .85rem; color: rgba(255,255,255,.85); }
.kz-beklenen-panel .kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: .75rem; padding: .9rem 1rem; }
.kz-beklenen-kart { background: #fff; border: 1px solid #fecaca; border-left: 4px solid #dc2626; border-radius: .8rem; padding: .7rem .9rem; font-size: .88rem; }
.kz-beklenen-kart.vip { border-left-color: #f59e0b; }
.kz-beklenen-kart .kisi { display: inline-flex; align-items: center; gap: .3rem; font-weight: 800; font-size: 1rem; color: #1e3a8a; border: 1px solid #bfdbfe; background: #eff6ff; border-radius: .5rem; padding: .15rem .6rem; }
.kz-beklenen-kart .firma { display: flex; align-items: center; gap: .3rem; font-weight: 800; margin-top: .4rem; }
.kz-beklenen-kart .satir { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin-top: .3rem; color: #334155; }
.kz-beklenen-kart .satir span, .kz-beklenen-kart .satir a { display: inline-flex; align-items: center; gap: .3rem; }
[data-bs-theme="dark"] .kz-beklenen-panel { background: rgba(220,38,38,.08); } [data-bs-theme="dark"] .kz-beklenen-kart { background: var(--tblr-bg-surface); border-color: rgba(220,38,38,.35); } [data-bs-theme="dark"] .kz-beklenen-kart .satir { color: var(--tblr-body-color); } [data-bs-theme="dark"] .kz-beklenen-kart .kisi { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.3); }
/* beklenen paneli: daha dar ve sıkı */
.kz-beklenen-panel .ust { padding: .4rem .8rem; }
.kz-beklenen-panel .baslik { font-size: .95rem; }
.kz-beklenen-panel .not { font-size: .78rem; }
.kz-beklenen-panel .kartlar { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .5rem; padding: .6rem .8rem; }
.kz-beklenen-kart { padding: .5rem .7rem; font-size: .8rem; border-radius: .6rem; }
.kz-beklenen-kart .kisi { font-size: .88rem; padding: .05rem .5rem; }
.kz-beklenen-kart .firma { margin-top: .25rem; font-size: .88rem; }
.kz-beklenen-kart .satir { margin-top: .15rem; gap: .2rem .7rem; }
.kz-beklenen-kart .btn-sm { padding: .2rem .55rem; font-size: .78rem; }

/* ziyaretçi formu: ek kişi ve ek araç grupları */
.kz-ek-grup { background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color); border-radius: .75rem; padding: .7rem .9rem; }
.kz-ek-grup.arac { border-left: 4px solid #dc2626; }
.kz-ek-grup .baslik { display: flex; align-items: center; gap: .35rem; font-weight: 800; margin-bottom: .4rem; }
.kz-ek-kisi { padding: .4rem 0; border-top: 1px dashed var(--tblr-border-color); }
.kz-ek-kisi:first-of-type { border-top: 0; }
.kz-ek-kisi .no { font-size: .8rem; font-weight: 700; color: var(--kz-gri); display: flex; align-items: center; gap: .25rem; margin-bottom: .2rem; }

/* ---- İK süreçleri (KORGAN): kartlar, halka, görev listesi, çipler ---- */
.kz-ik-kpi { display: flex; align-items: center; gap: .8rem; }
.kz-ik-kpi .ik-ikon { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--tblr-bg-surface-secondary); color: var(--kz-gri); flex: none; }
.kpi.yesil .ik-ikon { background: rgba(34,197,94,.12); color: #15803d; } .kpi.kirmizi .ik-ikon { background: rgba(220,38,38,.1); color: #b91c1c; } .kpi.turuncu .ik-ikon { background: rgba(245,158,11,.14); color: #b45309; } .kpi.mavi .ik-ikon { background: rgba(63,127,166,.12); color: var(--kz-celik-koyu); }
.kz-grup-baslik { display: flex; align-items: center; gap: .4rem; font-weight: 800; font-size: 1.05rem; margin-bottom: .6rem; }
.kz-grup-baslik .say { font-size: .75rem; font-weight: 700; padding: .1rem .5rem; border-radius: .4rem; background: var(--tblr-bg-surface-secondary); color: var(--kz-gri); }
.kz-surec-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .9rem; }
.kz-surec-kart { cursor: pointer; }
.kz-surec-kart:hover { box-shadow: 0 12px 24px -16px rgba(15,23,42,.45); transform: translateY(-1px); transition: transform .12s, box-shadow .12s; }
.kz-ad-rozet { display: inline-flex; align-items: center; gap: .3rem; font-weight: 800; font-size: 1rem; padding: .2rem .6rem; border-radius: .5rem; border: 1px solid; }
.kz-ad-rozet.erkek { color: #1e3a8a; background: #eff6ff; border-color: #bfdbfe; } .kz-ad-rozet.kadin { color: #9d174d; background: #fdf2f8; border-color: #f9a8d4; }
.kz-cip { display: inline-flex; align-items: center; gap: .25rem; font-size: .74rem; font-weight: 600; padding: .12rem .5rem; border-radius: .4rem; border: 1px solid transparent; }
.kz-cip.yesil { background: #ecfdf5; color: #065f46; border-color: #a7f3d0; } .kz-cip.kirmizi { background: #fef2f2; color: #991b1b; border-color: #fecaca; } .kz-cip.mavi { background: #eff6ff; color: #1e40af; border-color: #bfdbfe; } .kz-cip.gri { background: var(--tblr-bg-surface-secondary); color: var(--kz-gri); border-color: var(--tblr-border-color); }
.kz-halka-sarmal { display: flex; justify-content: center; }
.kz-halka { width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.kz-halka .ic { width: 118px; height: 118px; border-radius: 50%; background: var(--tblr-bg-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.kz-halka .y { font-size: 1.6rem; font-weight: 900; color: #15803d; } .kz-halka .a { font-size: .72rem; color: var(--kz-gri); }
.kz-gorev { display: flex; gap: .75rem; align-items: flex-start; padding: .75rem 1rem; }
.kz-gorev.tamam { background: rgba(34,197,94,.05); } .kz-gorev.gerek-yok { opacity: .7; } .kz-gorev.gecikti { background: rgba(220,38,38,.04); }
.kz-gorev-isaret { width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--tblr-border-color); display: inline-flex; align-items: center; justify-content: center; flex: none; margin-top: 2px; color: #fff; }
.kz-gorev-isaret.tamam { background: #16a34a; border-color: #16a34a; } .kz-gorev-isaret.gerek-yok { background: #94a3b8; border-color: #94a3b8; }
.text-pink { color: #be185d !important; }
[data-bs-theme="dark"] .kz-ad-rozet.erkek { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.3); } [data-bs-theme="dark"] .kz-ad-rozet.kadin { background: rgba(236,72,153,.15); color: #f9a8d4; border-color: rgba(236,72,153,.3); }
[data-bs-theme="dark"] .kz-cip.yesil { background: rgba(16,185,129,.15); color: #6ee7b7; border-color: transparent; } [data-bs-theme="dark"] .kz-cip.kirmizi { background: rgba(220,38,38,.18); color: #fca5a5; border-color: transparent; } [data-bs-theme="dark"] .kz-cip.mavi { background: rgba(59,130,246,.15); color: #93c5fd; border-color: transparent; }

/* uygulama içi onay penceresi (tarayıcı confirm yerine) */
.kz-onay { border-radius: 1rem; box-shadow: 0 30px 60px -30px rgba(2,6,23,.6); }
.kz-onay-ikon { width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(63,127,166,.12); color: var(--kz-celik); animation: kz-pop .25s ease; }
.kz-onay-ikon.tehlikeli { background: rgba(220,38,38,.12); color: #dc2626; }

/* işe alım panosu (kanban) */
.kz-kanban { display: grid; grid-template-columns: repeat(5, minmax(200px, 1fr)); gap: .75rem; overflow-x: auto; }
.kz-kanban-sutun { background: var(--tblr-bg-surface-secondary); border-radius: .75rem; padding: .5rem; min-height: 220px; }
.kz-kanban-sutun .baslik { font-weight: 800; font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; padding: .35rem .5rem .5rem; border-top: 3px solid; border-radius: .4rem .4rem 0 0; display: flex; justify-content: space-between; }
.kz-kanban-sutun .say { font-weight: 700; color: var(--kz-gri); }
.kz-kanban-kart { background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: .6rem; padding: .5rem .6rem; margin-top: .5rem; font-size: .84rem; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
@media (max-width: 991.98px) { .kz-kanban { grid-template-columns: repeat(5, 220px); } }

/* devriye canlı: nokta zinciri çipleri, canlı nokta */
.kz-canli-nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #0ca30c; box-shadow: 0 0 0 0 rgba(12,163,12,.6); animation: kz-nabiz 1.6s infinite; vertical-align: middle; }
@keyframes kz-nabiz { 0% { box-shadow: 0 0 0 0 rgba(12,163,12,.5); } 70% { box-shadow: 0 0 0 8px rgba(12,163,12,0); } 100% { box-shadow: 0 0 0 0 rgba(12,163,12,0); } }
.kz-tur-satir { cursor: pointer; } .kz-tur-satir:hover { background: var(--tblr-bg-surface-secondary); }
.kz-nokta-zinciri { display: flex; flex-wrap: wrap; gap: .3rem; }
.kz-nokta-cip { display: inline-flex; align-items: center; gap: .2rem; font-size: .72rem; font-weight: 700; padding: .12rem .45rem; border-radius: .4rem; border: 1px solid; line-height: 1.2; }
.kz-nokta-cip small { font-weight: 500; opacity: .8; margin-left: .15rem; }
.kz-nokta-cip.okundu { background: #e9f8ea; color: #0a6b0a; border-color: #b8e6b9; }
.kz-nokta-cip.supheli { background: #fdecec; color: #a12d2d; border-color: #f3b3b3; }
.kz-nokta-cip.plansiz { background: #eef4fb; color: #1c5cab; border-color: #cde2fb; }
.kz-nokta-cip.atlandi { background: #fdecec; color: #a12d2d; border-color: #f3b3b3; text-decoration: line-through; }
.kz-nokta-cip.bekliyor { background: var(--tblr-bg-surface-secondary); color: var(--kz-gri); border-color: var(--tblr-border-color); }
[data-bs-theme="dark"] .kz-nokta-cip.okundu { background: rgba(12,163,12,.18); color: #86efac; border-color: transparent; } [data-bs-theme="dark"] .kz-nokta-cip.supheli, [data-bs-theme="dark"] .kz-nokta-cip.atlandi { background: rgba(208,59,59,.2); color: #fca5a5; border-color: transparent; } [data-bs-theme="dark"] .kz-nokta-cip.plansiz { background: rgba(42,120,214,.2); color: #93c5fd; border-color: transparent; }

/* devriye: tur nokta zaman çizgisi */
.kz-nokta-zaman { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .35rem .9rem; }
.kz-nokta-zaman .adim { display: flex; gap: .5rem; align-items: flex-start; padding: .3rem .4rem; border-radius: .5rem; border-left: 3px solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.kz-nokta-zaman .isaret { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #94a3b8; flex: none; margin-top: 2px; }
.kz-nokta-zaman .adim.okundu { border-left-color: #16a34a; } .kz-nokta-zaman .adim.okundu .isaret { background: #16a34a; }
.kz-nokta-zaman .adim.supheli { border-left-color: #f59e0b; } .kz-nokta-zaman .adim.supheli .isaret { background: #f59e0b; }
.kz-nokta-zaman .adim.atlandi { border-left-color: #dc2626; } .kz-nokta-zaman .adim.atlandi .isaret { background: #dc2626; }
.kz-nokta-zaman .adim.plansiz { border-left-color: #6366f1; } .kz-nokta-zaman .adim.plansiz .isaret { background: #6366f1; }
.kz-nokta-zaman .ad { font-size: .84rem; line-height: 1.2; }
.kz-nokta-zaman .alt { font-size: .76rem; color: var(--kz-gri); display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.kz-nokta-zaman .saat { font-weight: 800; color: var(--tblr-body-color); font-variant-numeric: tabular-nums; }
.kz-nokta-zaman .fark { font-weight: 700; color: var(--kz-celik-koyu); }
.kz-nokta-zaman .fark.hizli { color: #b45309; }

/* ---- Zimmet ---- */
.kpi.kz-tik { cursor: pointer; transition: transform .12s, box-shadow .12s; }
.kpi.kz-tik:hover { transform: translateY(-2px); box-shadow: 0 8px 18px -10px rgba(0,0,0,.35); }
.kz-cubuk-satir { display: flex; align-items: center; gap: .6rem; padding: .3rem 0; font-size: .85rem; }
.kz-cubuk-satir .e { flex: 0 0 120px; font-weight: 600; }
.kz-cubuk-satir .c { flex: 1; height: 10px; background: var(--tblr-bg-surface-secondary); border-radius: 5px; overflow: hidden; }
.kz-cubuk-satir .b { height: 100%; border-radius: 5px; min-width: 2px; }
.kz-cubuk-satir b { flex: 0 0 2rem; text-align: right; font-variant-numeric: tabular-nums; }
.kz-kisi-liste { max-height: 460px; overflow: auto; border: 1px solid var(--tblr-border-color); border-radius: 8px; }
.kz-kisi { display: flex; align-items: center; padding: .4rem .6rem; border-bottom: 1px solid var(--tblr-border-color); cursor: pointer; margin: 0; font-size: .86rem; }
.kz-kisi:last-child { border-bottom: 0; }
.kz-kisi:hover { background: var(--tblr-bg-surface-secondary); }
.kz-kisi.secili { background: rgba(37,99,235,.08); }
.kz-kisi .ad { font-weight: 600; }
.kz-kalem { background: var(--tblr-bg-surface-secondary); border-radius: 8px; padding: .4rem .5rem; margin-left: 0; margin-right: 0; }
.kz-basari-panel { text-align: center; padding: 2rem 1rem; }
.kz-basari-panel h3 { margin: .6rem 0 .2rem; }
.kz-belge-cip.border-danger { border-color: var(--kz-kirmizi) !important; }

/* ---- Puantaj ızgarası (KORGAN app-pn-*) ---- */
.kz-pn-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: .6rem; }
.kz-pn-ozet > div { background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: 12px; padding: .55rem .85rem; box-shadow: 0 1px 3px rgba(27,38,68,.05); }
.kz-pn-ozet span { display: block; font-size: 1.35rem; font-weight: 800; line-height: 1.15; color: var(--kz-lacivert, #273a70); font-variant-numeric: tabular-nums; }
.kz-pn-ozet small { color: var(--kz-gri); font-size: .74rem; display: inline-flex; align-items: center; gap: .25rem; }
.kz-pn-ozet > div.calisma { border-left: 4px solid #5f9f78; } .kz-pn-ozet > div.calisma span { color: #276b44; }
.kz-pn-ozet > div.izin { border-left: 4px solid #5e8cc4; } .kz-pn-ozet > div.izin span { color: #27558a; }
.kz-pn-ozet > div.rapor { border-left: 4px solid #8f74c0; } .kz-pn-ozet > div.rapor span { color: #5a3f86; }
.kz-pn-ozet > div.devamsiz { border-left: 4px solid #c05a5a; } .kz-pn-ozet > div.devamsiz span { color: #8a2b2b; }
.kz-pn-ozet > div.uyari { border-color: #e6cf8f; background: #fbf6e6; } .kz-pn-ozet > div.uyari span { color: #8a6412; }
.kz-pn-kart { overflow: hidden; border-radius: 14px; }
.kz-pn-kaydir { overflow: auto; max-height: calc(100vh - 170px); }
.kz-pn-tablo { border-collapse: separate; border-spacing: 0; width: 100%; font-size: .78rem; }
.kz-pn-tablo th, .kz-pn-tablo td { border-right: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; text-align: center; padding: .15rem .1rem; min-width: 2.05rem; height: 2.5rem; vertical-align: middle; }
.kz-pn-tablo thead th { position: sticky; top: 0; z-index: 2; background: #273a70; color: #fff; font-weight: 600; border-color: #3a4d85; }
.kz-pn-tablo thead th small { display: block; font-size: .6rem; font-weight: 500; opacity: .75; text-transform: capitalize; }
.kz-pn-tablo thead th.hs { background: #46578a; } .kz-pn-tablo thead th.rt { background: #2f7b7c; }
.kz-pn-tablo thead th.bugun { box-shadow: inset 0 -3px 0 #e6cf8f; }
.kz-pn-tablo thead th.tp { background: #1b2644; min-width: 2.4rem; } .kz-pn-tablo thead th.tp.fm { background: #34508f; }
.kz-pn-tablo .ad { position: sticky; left: 0; z-index: 1; text-align: left; min-width: 12rem; max-width: 15rem; padding: .3rem .65rem; background: var(--tblr-bg-surface); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kz-pn-tablo thead .ad { z-index: 3; background: #1b2644; }
.kz-pn-tablo tbody .ad a { font-weight: 600; color: inherit; text-decoration: none; } .kz-pn-tablo tbody .ad a:hover { text-decoration: underline; }
.kz-pn-tablo tbody .ad small { display: block; font-weight: 400; font-size: .66rem; color: var(--kz-gri); }
.kz-pn-tablo tbody tr:hover > * { filter: brightness(.97); }
.kz-pn-tablo td { position: relative; }
.kz-pn-tablo td b { display: block; font-weight: 700; line-height: 1.1; }
.kz-pn-tablo td em, .kz-pn-lejant em { display: block; font-style: normal; font-size: .6rem; font-weight: 700; color: #34508f; line-height: 1.1; }
.kz-pn-tablo .k-c, .kz-pn-lejant .k-c, .kz-pn-kodsec .k-c, .kz-pn-kod.k-c { background: #dff0e5; color: #276b44; }
.kz-pn-tablo .k-dv, .kz-pn-lejant .k-dv, .kz-pn-kodsec .k-dv, .kz-pn-kod.k-dv { background: #f6d6d6; color: #8a2b2b; }
.kz-pn-tablo .k-i, .kz-pn-lejant .k-i, .kz-pn-kodsec .k-i, .kz-pn-kod.k-i { background: #fbe6d2; color: #8f4e12; }
.kz-pn-tablo .k-u, .kz-pn-lejant .k-u, .kz-pn-kodsec .k-u, .kz-pn-kod.k-u { background: #dde8f7; color: #2d4f86; }
.kz-pn-tablo .k-r, .kz-pn-lejant .k-r, .kz-pn-kodsec .k-r, .kz-pn-kod.k-r { background: #e9e1f5; color: #5a3f86; }
.kz-pn-tablo .k-t, .kz-pn-lejant .k-t, .kz-pn-kodsec .k-t, .kz-pn-kod.k-t { background: #dcf0f0; color: #246667; }
.kz-pn-tablo .k-h, .kz-pn-lejant .k-h, .kz-pn-kodsec .k-h, .kz-pn-kod.k-h { background: #eef1f5; color: #8d99aa; }
.kz-pn-tablo td.bos { background: repeating-linear-gradient(135deg, #f7f9fc 0 6px, #eef1f6 6px 12px); }
.kz-pn-tablo td.gec::after, .kz-pn-lejant .gec-ornek::after { content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 9px 9px 0; border-color: transparent #d9903a transparent transparent; }
.kz-pn-lejant .gec-ornek { position: relative; overflow: hidden; }
.kz-pn-tablo td.gelmedi, .kz-pn-lejant .gelmedi-ornek { box-shadow: inset 0 0 0 2px #c8aa5a; } .kz-pn-tablo td.gelmedi b { text-decoration: underline dotted #b48a2a; }
.kz-pn-tablo td.gelecek b, .kz-pn-tablo td.gelecek em { opacity: .4; }
.kz-pn-tablo td.elle, .kz-pn-lejant .elle-ornek { box-shadow: inset 0 0 0 2px #7c93c9; }
.kz-pn-tablo td.tik { cursor: pointer; } .kz-pn-tablo td.tik:hover, .kz-pn-tablo td.tik:focus-visible { outline: 2px solid #5080cf; outline-offset: -2px; }
.kz-pn-tablo td.tp { background: #f6f8fb; font-weight: 600; min-width: 2.4rem; } .kz-pn-tablo td.tp.fm { background: #e9eff9; color: #34508f; }
.kz-pn-tablo .sifir { color: #c5cedb; font-weight: 400; }
.kz-pn-lejant { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; font-size: .75rem; }
.kz-pn-lejant .grup { font-weight: 700; color: var(--kz-gri); margin-right: .2rem; }
.kz-pn-lejant .ayrac { width: 1px; height: 1.2rem; background: var(--tblr-border-color); margin: 0 .3rem; }
.kz-pn-lejant span { display: inline-flex; align-items: center; gap: .3rem; }
.kz-pn-lejant span.yonga { padding: .12rem .5rem .12rem .2rem; border-radius: 999px; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.kz-pn-lejant b, .kz-pn-kod { display: inline-block; min-width: 1.7rem; padding: .05rem .3rem; text-align: center; border: 1px solid rgba(0,0,0,.06); border-radius: 6px; font-weight: 700; font-size: .72rem; }
.kz-pn-kodsec { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; }
.kz-pn-kodsec button { border: 1px solid transparent; border-radius: 8px; padding: .4rem .3rem; display: flex; flex-direction: column; align-items: center; line-height: 1.15; cursor: pointer; }
.kz-pn-kodsec button strong { font-size: .95rem; } .kz-pn-kodsec button small { font-size: .66rem; opacity: .85; }
.kz-pn-kodsec button.secili { outline: 2px solid #273a70; outline-offset: -2px; filter: brightness(.95); }
.kz-tik { cursor: pointer; }

/* ---- Puantaj ızgarası (Puantaj_Bordro prototipi, KUZET teması) ---- */
.kz-pt-kart { overflow: hidden; border-radius: 14px; }
.kz-pt-kart .card-header { display: flex; align-items: center; }
.kz-pt-lejant { display: flex; flex-wrap: wrap; gap: .25rem .85rem; align-items: center; }
.kz-pt-lejant .oge { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--kz-gri); font-weight: 600; }
.kz-pt-kaydir { overflow: auto; max-height: 680px; }
.kz-pt { font-size: 11px; border-collapse: separate; border-spacing: 0; margin: 0; width: 100%; }
.kz-pt th, .kz-pt td { padding: 3px 3px; text-align: center; vertical-align: middle; white-space: nowrap; border-bottom: 1px solid var(--tblr-border-color); border-right: 1px solid rgba(0,0,0,.04); }
.kz-pt thead th { position: sticky; top: 0; z-index: 3; background: #f3f6fa; font-weight: 700; color: #334155; }
.kz-pt thead th small { display: block; font-size: 9px; font-weight: 600; color: var(--kz-gri); }
.kz-pt .ad { position: sticky; left: 0; z-index: 2; background: var(--tblr-bg-surface); text-align: left; min-width: 210px; max-width: 240px; padding-left: 10px; box-shadow: 2px 0 4px rgba(0,0,0,.05); font-weight: 500; }
.kz-pt thead .ad { z-index: 4; background: #f3f6fa; }
.kz-pt .ad a { color: var(--kz-koyu-2); text-decoration: none; } .kz-pt .ad a:hover { color: var(--kz-celik); }
.kz-pt .ad small { display: block; font-size: 10px; white-space: normal; max-width: 220px; }
.kz-pt .unvan { min-width: 70px; }
.kz-pt .wk { background: rgba(100,116,139,.07); }
.kz-pt .hol { background: rgba(245,158,11,.14); } .kz-pt thead .hol { color: #c2410c; }
.kz-pt .bugun { background: rgba(63,127,166,.14) !important; } .kz-pt thead .bugun { color: var(--kz-celik-koyu); box-shadow: inset 0 -3px 0 var(--kz-celik); }
.kz-pt .sum { font-weight: 700; min-width: 44px; background: #f8fafc; }
.kz-pt .sum .sifir { color: #b8c0cc; font-weight: 500; }
.kz-pt tbody tr:hover td, .kz-pt tbody tr:hover th.ad { background-color: rgba(63,127,166,.07); }
.kz-pt tbody tr.tik { cursor: pointer; }
.cb { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 27px; height: 22px; padding: 0 4px; border-radius: 6px; font-weight: 800; font-size: 10px; line-height: 1; color: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.18); }
.cb-S  { background: #4c94c4; }
.cb-A  { background: #2c5d7c; }
.cb-G  { background: #0f172a; color: #fbbf24; }
.cb-GD { background: #0e8aa3; }
.cb-GC { background: #1e2a5a; color: #c7d2fe; }
.cb-HT { background: transparent; color: #94a3b8; box-shadow: none; border: 1px dashed #cbd5e1; font-weight: 700; }
.cb-RT { background: #fff7ed; color: #c2410c; border: 1px solid #fb923c; box-shadow: none; }
.cb-YI { background: #16a34a; }
.cb-MI { background: #7c5cd6; }
.cb-RP { background: #db2777; }
.cb-UC { background: #94a3b8; }
.cb-DEV { background: #dc2626; min-width: 32px; box-shadow: 0 0 8px rgba(220,38,38,.45); }
.cb-ornek { background: #9aa6b5; }
.cb.onhol { outline: 2px solid #f97316; outline-offset: 1px; }
.cb.htc { outline: 2px dotted #0d9488; outline-offset: 1px; }
.cb.elle { outline: 2px solid #7c93c9; outline-offset: 1px; }
.cb.gelmedi { opacity: .55; text-decoration: line-through; }
.cb.gelecek { opacity: .4; }
.cb.tik { cursor: pointer; } .cb.tik:hover { transform: translateY(-1px); box-shadow: 0 3px 6px rgba(15,23,42,.25); }
.cb .x { position: absolute; top: -7px; right: -8px; background: var(--kz-turuncu); color: #1e1b4b; font-size: 8px; font-weight: 900; border-radius: 6px; padding: 1px 3px; box-shadow: 0 0 0 1.5px var(--tblr-bg-surface); }
.cb .x.kirmizi { background: #dc2626; color: #fff; left: -8px; right: auto; }
.kz-pt-kodsec { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .4rem; }
.kz-pt-kodsec button { display: flex; align-items: center; gap: .5rem; border: 1px solid var(--tblr-border-color); border-radius: 8px; background: var(--tblr-bg-surface); padding: .35rem .5rem; text-align: left; font-size: .8rem; }
.kz-pt-kodsec button.secili { border-color: var(--kz-celik); box-shadow: 0 0 0 2px rgba(63,127,166,.25); }
.kz-pn-ozet > div.uyari { border-left: 4px solid var(--kz-turuncu); } .kz-pn-ozet > div.uyari span { color: #b45309; }
/* Bordro sayfası */
.kz-br-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .75rem; }
.kz-br-kpi > div { position: relative; overflow: hidden; background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-left: 4px solid var(--r, var(--kz-celik)); border-radius: 12px; padding: .75rem .9rem; }
.kz-br-kpi > div .ust { font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--kz-gri); display: flex; justify-content: space-between; align-items: center; }
.kz-br-kpi > div .ust i { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--r) 15%, #fff); color: var(--r); }
.kz-br-kpi > div b { display: block; font-size: 1.5rem; font-weight: 800; color: var(--r); font-variant-numeric: tabular-nums; line-height: 1.2; }
.kz-br-kpi > div small { color: var(--kz-gri); }
.kz-br-kpi > div .arka { position: absolute; right: -6px; bottom: -10px; opacity: .08; color: var(--r); }
.kz-br-bas { background: linear-gradient(135deg, #0f172a 0%, #1f3a5a 60%, var(--kz-celik) 100%); color: #fff; border-radius: 12px 12px 0 0; padding: 1rem 1.25rem; }
.kz-br-bas .ust { font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .8; }
.kz-br-bas h2 { margin: .15rem 0; font-size: 1.35rem; font-weight: 800; }
.kz-br-bas .cip { display: inline-flex; align-items: center; gap: .3rem; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); border-radius: 6px; padding: .2rem .5rem; font-size: .76rem; font-weight: 600; }
.kz-br-bas .avatar { background: var(--kz-turuncu); color: #0f172a; font-weight: 900; }
.kz-br-tablo td, .kz-br-tablo th { font-size: .82rem; }
.kz-br-tablo .mono { font-variant-numeric: tabular-nums; }
.kz-br-net { background: linear-gradient(135deg, #064e3b 0%, #047857 60%, #10b981 100%); color: #fff; border-radius: 10px; padding: .9rem 1.1rem; display: flex; align-items: center; justify-content: space-between; }
.kz-br-net b { font-size: 1.6rem; font-weight: 800; }
.kz-temsili { font-size: 10px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; border-radius: 4px; padding: 1px 6px; }
.kz-ia-ozet { border-bottom: 1px dashed var(--tblr-border-color); padding-bottom: 1rem; }

/* Aday 5188 ön kontrol listesi */
.kz-kontrol .satir { display: flex; align-items: center; gap: .6rem; padding: .45rem 0; border-bottom: 1px dashed var(--tblr-border-color); font-size: .84rem; }
.kz-kontrol .satir:last-child { border-bottom: 0; }
.kz-kontrol .ico { width: 26px; height: 26px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex: none; color: #fff; }
.kz-kontrol .ok .ico { background: #16a34a; } .kz-kontrol .eksik .ico { background: #dc2626; }
.kz-kontrol .etiket { flex: 1; } .kz-kontrol .eksik .etiket { color: #991b1b; }

/* Puantaj: KPI tek satır, lejant tek satır */
@media (min-width: 1400px) { .kz-pn-ozet-tek { grid-template-columns: repeat(11, 1fr); gap: .5rem; } .kz-pn-ozet-tek > div { padding: .45rem .6rem; } .kz-pn-ozet-tek span { font-size: 1.2rem; } .kz-pn-ozet-tek small { font-size: .68rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } }
.kz-pt-lejant { flex-wrap: nowrap; overflow-x: auto; gap: .35rem; }
.kz-pt-lejant .oge { gap: 4px; font-size: 11px; white-space: nowrap; cursor: help; }
.kz-pt-lejant .ayrac { width: 1px; height: 18px; background: var(--tblr-border-color); margin: 0 .3rem; }
/* Puantaj: personel adı daha okunur */
.kz-pt .ad { min-width: 230px; padding-top: 5px; padding-bottom: 5px; }
.kz-pt .ad .fw-bold { font-size: 13px; line-height: 1.25; }
.kz-pt .ad .fw-bold a { font-weight: 700; }
.kz-pt .ad small { font-size: 11px; margin-top: 1px; }
.kz-pt .ad .avatar { width: 30px; height: 30px; font-size: 12px; font-weight: 700; }
.kz-pt .unvan .badge { font-size: 11px; }
.kz-pt td .cb { min-width: 29px; height: 24px; font-size: 11px; }

/* Puantaj kuralı kartları */
.kz-kural { border-top: 4px solid #cbd5e1; }
.kz-kural.gecerli { border-top-color: #16a34a; } .kz-kural.planli { border-top-color: var(--kz-celik); } .kz-kural.eski { opacity: .8; }
.kz-kural .card-header { display: flex; align-items: flex-start; gap: .5rem; }
.kz-kural-bolum { font-size: .7rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--kz-gri); display: flex; align-items: center; gap: .3rem; margin-bottom: .25rem; }
.kz-kural-liste { display: grid; grid-template-columns: auto 1fr; gap: .15rem .75rem; margin: 0; font-size: .82rem; }
.kz-kural-liste dt { color: var(--kz-gri); font-weight: 500; } .kz-kural-liste dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }

/* Puantaj kuralları (KORGAN düzeni) */
.kz-kural-kart { border-left: 4px solid var(--r); }
.kz-kural-kart .ikon { width: 30px; height: 30px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--r) 14%, #fff); color: var(--r); }
.kz-kural-kart .deger { font-size: 1.35rem; font-weight: 800; color: var(--kz-koyu-2); line-height: 1.2; }
.kz-kural-kart .etiket { border-top: 1px dashed var(--tblr-border-color); margin-top: .6rem; padding-top: .45rem; }
.kz-kural-kart .etiket code { background: #e6f1f8; color: var(--kz-celik-koyu); border-radius: 5px; padding: 1px 6px; font-size: .74rem; }
.kz-kural-zaman { border-radius: 8px; padding: .5rem .75rem; margin: .25rem 0; background: var(--tblr-bg-surface-secondary); border-left: 3px solid #cbd5e1; }
.kz-kural-zaman.gecerli { background: #ecfdf5; border-left-color: #16a34a; } .kz-kural-zaman.planli { background: #eff6ff; border-left-color: var(--kz-celik); }
.kz-oran { display: flex; align-items: center; gap: .6rem; padding: .4rem .6rem; border-radius: 8px; background: var(--tblr-bg-surface-secondary); margin-bottom: .3rem; font-size: .86rem; }
.kz-oran .no { width: 22px; height: 22px; border-radius: 6px; background: #e0e7ff; color: #3730a3; font-weight: 700; font-size: .72rem; display: inline-flex; align-items: center; justify-content: center; }
.kz-oran .ad { flex: 1; } .kz-oran code { font-size: .72rem; background: #e6f1f8; border-radius: 5px; padding: 1px 6px; color: var(--kz-celik-koyu); }
.kz-oran .oran { font-weight: 800; }
/* Açılır menü grup başlıkları: üst çubuktan bir ton açık, çelik mavisi */
.kz-mega-baslik { background: linear-gradient(90deg, #22304f 0%, #2c5d7c 60%, #3f7fa6 100%); }
.kz-mega-baslik svg { color: #cfe4f2; }
.kz-mega-baslik:hover, .kz-mega-sutun.acik .kz-mega-baslik { background: linear-gradient(90deg, #2c5d7c 0%, #3f7fa6 60%, #4f94c0 100%); }
/* Tüm sayfa başlıkları: üst menüden açık, çelik mavisi gradyan + daire deseni (menüden ayrışsın) */
.kz-sayfa-hero, .kz-rehber-hero { background: radial-gradient(700px 160px at 85% 10%, rgba(255,255,255,.18), transparent 70%), linear-gradient(110deg, #22304f 0%, #2c5d7c 50%, #3f7fa6 100%) !important; box-shadow: 0 14px 30px -22px rgba(44,93,124,.9); }
.kz-sayfa-hero::before, .kz-rehber-hero::before { opacity: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='58' fill='none' stroke='rgba(255,255,255,0.09)'/%3E%3C/svg%3E"); }
.kz-sayfa-hero .btn-outline-light, .kz-rehber-hero .btn-outline-light { border-color: rgba(255,255,255,.5); }

/* Kategori şeridi: bölüm başlıkları (çelik mavisi, menü başlıklarıyla aynı dil) */
.kz-kategori-serit { display: flex; align-items: center; gap: .5rem; padding: .5rem .9rem; margin: 0 0 .6rem; border-radius: .6rem; color: #fff; font-weight: 700; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; background: linear-gradient(90deg, #22304f 0%, #2c5d7c 60%, #3f7fa6 100%); box-shadow: 0 6px 14px -10px rgba(44,93,124,.9); }
.kz-kategori-serit svg { color: #cfe4f2; }
.kz-kategori-serit.yesil { background: linear-gradient(90deg, #14532d 0%, #15803d 60%, #22c55e 100%); } .kz-kategori-serit.yesil svg { color: #dcfce7; }
.kz-kategori-serit.kirmizi { background: linear-gradient(90deg, #7f1d1d 0%, #b91c1c 60%, #ef4444 100%); } .kz-kategori-serit.kirmizi svg { color: #fee2e2; }
.kz-kategori-serit.gri { background: linear-gradient(90deg, #334155 0%, #475569 60%, #64748b 100%); }

/* Teftiş */
.kz-teftis-puan { width: 86px; height: 86px; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; flex: none; }
.kz-teftis-puan b { font-size: 2rem; line-height: 1; } .kz-teftis-puan small { opacity: .85; }
.kz-teftis-puan.iyi { background: linear-gradient(135deg, #15803d, #22c55e); } .kz-teftis-puan.kotu { background: linear-gradient(135deg, #b91c1c, #ef4444); }
.kz-teftis-kriter { padding: .5rem 0; border-bottom: 1px dashed var(--tblr-border-color); } .kz-teftis-kriter:last-child { border-bottom: 0; }
.kz-teftis-ozet { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1.2rem; border-radius: 12px; color: #fff; }
.kz-teftis-ozet .buyuk { font-size: 2.2rem; font-weight: 800; line-height: 1.1; } .kz-teftis-ozet .buyuk small { font-size: 1rem; font-weight: 500; opacity: .8; }
.kz-teftis-ozet.iyi { background: linear-gradient(135deg, #14532d, #16a34a); } .kz-teftis-ozet.kotu { background: linear-gradient(135deg, #7f1d1d, #dc2626); }
.kz-teftis-kart { border-left: 4px solid var(--kz-celik); }

/* Karekod talep formu (giriş yok) */
.kz-talep-sayfa { min-height: 100vh; background: linear-gradient(160deg, #0f172a 0%, #1f3a5a 55%, #3f7fa6 100%); padding: 1.25rem; display: flex; align-items: flex-start; justify-content: center; }
.kz-talep-kart { width: 100%; max-width: 640px; background: var(--tblr-bg-surface); border-radius: 18px; overflow: hidden; box-shadow: 0 24px 60px -30px rgba(2,6,23,.9); }
.kz-talep-kart .ust { display: flex; gap: 1rem; align-items: center; padding: 1.25rem 1.4rem; color: #fff; background: linear-gradient(110deg, #22304f 0%, #2c5d7c 60%, #3f7fa6 100%); }
.kz-talep-kart .ust h1 { font-size: 1.35rem; margin: 0; color: #fff; }
.kz-talep-kart .logo { width: 52px; height: 52px; border-radius: 14px; background: var(--kz-turuncu); color: #0f172a; font-weight: 900; font-size: 26px; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.kz-talep-kart .govde { padding: 1.25rem 1.4rem 1.5rem; }
.kz-talep-turler { display: grid; grid-template-columns: repeat(5, 1fr); gap: .4rem; }
.kz-talep-turler button { border: 2px solid var(--tblr-border-color); background: var(--tblr-bg-surface); border-radius: 12px; padding: .6rem .2rem; display: flex; flex-direction: column; align-items: center; gap: .25rem; font-size: .74rem; font-weight: 600; color: var(--kz-gri); }
.kz-talep-turler button svg { color: var(--r); } .kz-talep-turler button.secili { border-color: var(--r); background: color-mix(in srgb, var(--r) 10%, #fff); color: var(--r); }
@media (max-width: 480px) { .kz-talep-turler { grid-template-columns: repeat(3, 1fr); } }
/* Brifing (yazdırılabilir) */
.kz-brifing { border: 1px solid var(--tblr-border-color); border-radius: 12px; padding: 1.25rem; background: #fff; }
.kz-brifing .bas { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-bottom: 3px solid var(--kz-celik); padding-bottom: .75rem; }
.kz-brifing .bas .ust { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kz-celik-koyu); }
.kz-brifing .bas h2 { margin: .1rem 0; } .kz-brifing .logo { width: 46px; height: 46px; border-radius: 12px; background: var(--kz-turuncu); color: #0f172a; font-weight: 900; font-size: 24px; display: inline-flex; align-items: center; justify-content: center; }
.kz-brifing .kutu { border: 1px solid var(--tblr-border-color); border-radius: 10px; padding: .5rem .7rem; height: 100%; }
.kz-brifing .kutu .e { font-size: .68rem; font-weight: 800; text-transform: uppercase; color: var(--kz-gri); } .kz-brifing .kutu .v { font-size: 1.5rem; font-weight: 800; line-height: 1.1; } .kz-brifing .kutu .a { font-size: .72rem; color: var(--kz-gri); }
.kz-brifing h4 { margin: .5rem 0 .25rem; font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: var(--kz-celik-koyu); }
.kz-brifing .alt { border-top: 1px dashed var(--tblr-border-color); margin-top: .75rem; padding-top: .5rem; }
@media print { .navbar, .kz-navbar, .kz-sayfa-hero, .nav-tabs, .d-print-none, footer { display: none !important; } .card { border: 0 !important; box-shadow: none !important; } body { background: #fff !important; } .kz-brifing { border: 0; padding: 0; } }

/* Raporlar merkezi */
.kz-rapor-grup { border-left: 4px solid var(--r); }
.kz-rapor-grup .card-header { gap: .5rem; } .kz-rapor-grup .ikon { width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--r) 14%, #fff); color: var(--r); }
.kz-rapor-grup .card-title { font-size: .85rem; }
.kz-rapor-grup .list-group-item.active { background: linear-gradient(90deg, #2c5d7c, #3f7fa6); border-color: transparent; }
.kz-icmal th { font-size: .68rem; white-space: nowrap; } .kz-icmal td { font-variant-numeric: tabular-nums; }

/* Portal devriye zaman şeridi */
.kz-devriye-serit { display: flex; gap: 3px; flex: 1; min-width: 200px; }
.kz-devriye-serit .dilim { flex: 1; height: 14px; border-radius: 3px; min-width: 6px; }
.kz-devriye-serit.buyuk .dilim { height: 44px; display: flex; align-items: flex-end; justify-content: center; color: #fff; font-size: .68rem; font-weight: 700; padding-bottom: 2px; text-shadow: 0 1px 2px rgba(0,0,0,.5); border-radius: 6px; }

.kz-devriye-serit .dilim.tik { cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; } .kz-devriye-serit .dilim.tik:hover { transform: translateY(-2px); box-shadow: 0 6px 14px -6px rgba(15,23,42,.6); }
.kz-okutma-zinciri { display: flex; flex-direction: column; gap: .4rem; }
.kz-okutma-zinciri .adim { display: flex; gap: .7rem; align-items: flex-start; padding: .5rem .7rem; border-radius: 10px; background: var(--tblr-bg-surface-secondary); border-left: 4px solid #16a34a; }
.kz-okutma-zinciri .adim.eksik { border-left-color: #dc2626; }
.kz-okutma-zinciri .no { width: 26px; height: 26px; border-radius: 50%; background: #16a34a; color: #fff; font-weight: 700; font-size: .78rem; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.kz-okutma-zinciri .adim.eksik .no { background: #dc2626; }

/* Giriş sayfası (KORGAN düzeni): arka plan görseli + marka bloğu + beyaz kart */
.kz-giris { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 1rem; background: #0b1b33 url('/giris-arka.jpg') center / cover no-repeat; position: relative; color: #fff; }
.kz-giris::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(5,15,35,.78), rgba(10,30,60,.55)); }
.kz-giris-ic { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 4rem; width: 100%; max-width: 1180px; }
.kz-giris-marka { text-align: center; max-width: 520px; flex: 1 1 420px; padding-top: 1rem; }
.kz-giris-logo { display: inline-flex; align-items: center; gap: 1rem; background: rgba(255,255,255,.92); color: #0f2a4a; border-radius: 1rem; padding: 1.25rem 2.25rem; box-shadow: 0 20px 50px -20px rgba(0,0,0,.7); text-align: left; }
.kz-giris-logo .harf { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, #1e3a5f, #3f7fa6); color: #fff; font-weight: 900; font-size: 2.2rem; display: flex; align-items: center; justify-content: center; }
.kz-giris-logo .ad { font-weight: 900; font-size: 1.9rem; letter-spacing: .08em; line-height: 1; }
.kz-giris-logo .firma { font-size: .9rem; color: #475569; margin-top: .3rem; }
.kz-giris-baslik { display: flex; align-items: center; gap: 1rem; margin: 1.75rem 0 .75rem; font-weight: 800; letter-spacing: .5em; font-size: 3.4rem; color: #fff; }
.kz-giris-baslik span:not(.metin) { flex: 1; height: 1px; background: rgba(255,255,255,.55); }
.kz-giris-slogan { letter-spacing: .18em; text-transform: uppercase; font-size: .95rem; color: rgba(255,255,255,.9); }
.kz-giris-ikonlar { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; margin-top: 1.75rem; }
.kz-giris-ikonlar span { width: 56px; height: 56px; border-radius: 12px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); display: inline-flex; align-items: center; justify-content: center; color: #fff; backdrop-filter: blur(4px); }
.kz-giris-kart { flex: 0 1 520px; width: 100%; background: #fff; color: #1e293b; border-radius: .75rem; padding: 2.5rem 2.75rem; box-shadow: 0 30px 70px -25px rgba(0,0,0,.8); border-top: 6px solid #1e3a5f; }
.kz-giris-kart h2 { font-size: 2rem; font-weight: 800; margin-bottom: .25rem; color: #0f172a; }
.kz-giris-alan .input-group-text { background: #f1f5f9; color: #475569; border-color: #e2e8f0; min-width: 56px; justify-content: center; }
.kz-giris-alan .form-control { background: #f8fafc; border-color: #e2e8f0; font-size: 1.05rem; padding: .85rem 1rem; }
.kz-giris-alan .btn-goster { cursor: pointer; border-left: 0; }
.kz-giris-dugme { background: #2b4b7e; border-color: #2b4b7e; font-weight: 700; font-size: 1.15rem; padding: .85rem; }
.kz-giris-dugme:hover { background: #1e3a5f; border-color: #1e3a5f; }
.kz-giris-alt { position: relative; margin-top: 3rem; color: rgba(255,255,255,.7); font-size: .9rem; text-align: center; }
@media (max-width: 991px) { .kz-giris-ic { gap: 2rem; } .kz-giris-baslik { font-size: 2.4rem; letter-spacing: .3em; } .kz-giris-kart { padding: 2rem 1.5rem; } }
[data-bs-theme="dark"] .kz-giris-kart { background: #fff; color: #1e293b; }
/* Logo, altındaki KUZET başlığının çizgileriyle aynı genişlikte; üst hizası giriş kartıyla aynı */
.kz-giris-logo.resim { display: block; width: 100%; padding: .75rem 1.25rem; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(6px); box-shadow: 0 20px 50px -24px rgba(0,0,0,.8); }
.kz-giris-logo.resim img { width: 100%; max-height: 150px; object-fit: contain; display: block; }

/* Güvenlik duvarı */
.kz-gd-hero { background: linear-gradient(120deg, #1e2a4a, #2f3f6d 60%, #3f4f80); color: #fff; border-radius: .75rem; padding: 1.5rem 1.75rem; }
.kz-gd-kalkan { width: 84px; height: 84px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 3px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #fbbf24; }
.kz-gd-kalkan.uygula { color: #4ade80; } .kz-gd-kalkan.kapali { color: #cbd5e1; }
.kz-gd-puan { width: 86px; height: 86px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 6px solid #f59e0b; line-height: 1; }
.kz-gd-puan b { font-size: 1.6rem; } .kz-gd-puan span { font-size: .7rem; color: var(--tblr-secondary); }
.kz-gd-puan.iyi { border-color: #16a34a; } .kz-gd-puan.kotu { border-color: #dc2626; }
.kz-gd-karne { max-height: 300px; overflow-y: auto; }
.kz-gd-nokta { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex: 0 0 auto; margin-top: 2px; background: #94a3b8; }
.kz-gd-nokta.iyi { background: #16a34a; } .kz-gd-nokta.orta { background: #f59e0b; } .kz-gd-nokta.kotu { background: #dc2626; }
.kz-gd-ag { border: 1px solid var(--tblr-border-color); border-radius: .5rem; padding: .5rem .75rem; background: var(--tblr-bg-surface); height: 100%; }
.kz-gd-ag.canli { border-color: #16a34a; box-shadow: inset 3px 0 0 #16a34a; }

/* Sistem ayarları kategori başlığı */
.kz-ayar-kategori { display: flex; align-items: center; flex-wrap: wrap; padding: .5rem .75rem; border-left: 4px solid; border-radius: .375rem; background: var(--tblr-bg-surface-secondary, #f1f5f9); font-size: 1.05rem; scroll-margin-top: 80px; }
[id^='ayar-'] { scroll-margin-top: 80px; }

.kz-ayar-rozet { display: inline-flex; align-items: center; color: #fff !important; font-weight: 700; font-size: .8rem; letter-spacing: .02em; padding: .25rem .6rem; border-radius: .375rem; line-height: 1.2; }
.kz-ayar-kategori .kz-ayar-rozet { font-size: .95rem; padding: .3rem .7rem; }
.kz-ayar-no { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-weight: 700; font-size: .95rem; flex: 0 0 auto; }

/* Üst çubuk sağ grup: ULAK · duyuru · dil · hesap tek kapsülde, aynı yükseklikte */
.kz-ust-grup { gap: .35rem; padding: .3rem .4rem; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.kz-ust-grup .btn-kz-ghost { height: 36px; min-width: 36px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 0 .55rem; }
.kz-ust-grup .btn-kz-ghost:hover { transform: none; background: rgba(255,255,255,.16); }
.kz-ust-grup .kz-canli { height: 36px; display: inline-flex; align-items: center; padding: 0 .8rem; font-size: .8rem; }
.kz-ust-grup .kz-canli .badge { font-size: .7rem; }
.kz-ust-grup .kz-hesap { padding: 0 .2rem; }
.kz-ust-grup .kz-hesap .avatar { width: 30px; height: 30px; font-size: .78rem; }
.kz-ust-grup .dropdown { display: inline-flex; }