/* Karataş Group Emlak — yönetim paneli renkleri (açık ve koyu temada çalışır).
   Django tema seçilince html[data-theme="..."] ile renk verir; bunlar onu ezsin diye aynı seçicilerle yazıldı. */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
  --header-bg: #1d232a;
  --header-color: #dfe6f1;
  --header-branding-color: #ffffff;
  --header-link-color: #ffffff;
  --primary: #2a5ba8;
  --secondary: #1b4d9b;
  --accent: #9dbbef;
  --breadcrumbs-bg: #1b4d9b;
  --button-bg: #1b4d9b;
  --button-hover-bg: #133a77;
  --default-button-bg: #133a77;
  --default-button-hover-bg: #0e2d5e;
}

#site-name a { font-weight: 600; letter-spacing: .01em; }

/* Durum rozetleri */
.kg-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  border: 1px solid transparent;
}
.kg-ok    { background: rgba(31, 107, 69, .14);  color: #1f6b45; border-color: rgba(31, 107, 69, .35); }
.kg-warn  { background: rgba(176, 108, 0, .14);  color: #8a5300; border-color: rgba(176, 108, 0, .35); }
.kg-bad   { background: rgba(159, 42, 42, .14);  color: #9f2a2a; border-color: rgba(159, 42, 42, .35); }
.kg-info  { background: rgba(27, 77, 155, .12);  color: #1b4d9b; border-color: rgba(27, 77, 155, .32); }
.kg-muted { background: rgba(120, 120, 120, .12); color: var(--body-quiet-color); border-color: rgba(120, 120, 120, .3); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .kg-ok   { color: #7fd4a4; }
  :root:not([data-theme="light"]) .kg-warn { color: #f0bd62; }
  :root:not([data-theme="light"]) .kg-bad  { color: #f19a9a; }
  :root:not([data-theme="light"]) .kg-info { color: #9dbbef; }
}
html[data-theme="dark"] .kg-ok   { color: #7fd4a4; }
html[data-theme="dark"] .kg-warn { color: #f0bd62; }
html[data-theme="dark"] .kg-bad  { color: #f19a9a; }
html[data-theme="dark"] .kg-info { color: #9dbbef; }

.kg-code { font-size: 13px; font-weight: 700; letter-spacing: .12em; }

/* Davet mesajı */
.kg-invite { width: 34em; max-width: calc(100vw - 60px); font: inherit; line-height: 1.5; }
.kg-invite-actions { margin-top: 8px; }
.kg-invite-actions .button { display: inline-block; padding: 8px 14px; }

/* Ana sayfa özeti */
.kg-summary { margin-bottom: 24px; }
.kg-counts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.kg-counts a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid var(--hairline-color);
  border-radius: 8px;
  background: var(--body-bg);
  color: var(--body-fg);
  text-decoration: none;
}
.kg-counts a strong { font-size: 18px; }
.kg-counts a:hover { border-color: var(--secondary); }
.kg-counts a.kg-attn { border-color: rgba(176, 108, 0, .55); }
.kg-counts a.kg-alarm { border-color: rgba(159, 42, 42, .6); color: #9f2a2a; }
.kg-lists { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.kg-lists .module { margin-bottom: 0; }
.kg-lists table { width: 100%; }
.kg-lists th { font-weight: 400; }
.kg-when { text-align: right; white-space: nowrap; }
.kg-more { margin: 8px 10px; }
.kg-empty { margin: 10px; color: var(--body-quiet-color); }
/* Şifreyi göster / gizle (auth-forms.js ekler) */
.kg-password { position: relative; display: inline-block; max-width: 100%; }
.kg-password input { padding-right: 40px !important; }
.login .kg-password { display: block; }
.kg-password__toggle {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: none;
  color: var(--body-quiet-color);
  cursor: pointer;
}
.kg-password__toggle:hover { color: var(--body-fg); }
.kg-password__toggle[aria-pressed="true"] { color: var(--secondary); }
.kg-password__toggle:focus-visible { outline: 2px solid var(--secondary); outline-offset: 1px; }

/* Doğrulama kodu (giriş sayfası, birkaç hatalı denemeden sonra) */
.kg-captcha-row .captcha { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 6px 0 8px; }
.kg-captcha-row .captcha__image { display: block; border: 1px solid var(--border-color); border-radius: 4px; background: #fff; }
.kg-captcha-row .captcha__new {
  padding: 0; border: 0; background: none; color: var(--link-fg); text-decoration: underline; cursor: pointer; font: inherit;
}
.login .kg-captcha-row input.captcha-input {
  width: 100%; box-sizing: border-box; padding: 8px; font-size: 1.1rem; letter-spacing: .18em; text-transform: uppercase;
}

/* Listelerde ofis notu düğmesi ve açılır pencere (tarayıcının "popover" özelliği) */
.kg-note-btn {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0;
  border: 1px solid var(--secondary);
  border-radius: 50%;
  background: none;
  color: var(--secondary);
  font: italic 700 12px/1 Georgia, "Times New Roman", serif;
  vertical-align: 1px;
  cursor: pointer;
}
html[data-theme="dark"] .kg-note-btn { border-color: var(--accent); color: var(--accent); }
.kg-note-btn:hover { background: var(--secondary); color: #fff; }
.kg-note-btn:focus-visible { outline: 2px solid var(--secondary); outline-offset: 2px; }
.kg-note {
  width: min(420px, calc(100vw - 32px));
  padding: 16px 18px;
  border: 1px solid var(--hairline-color);
  border-radius: 6px;
  background: var(--body-bg);
  color: var(--body-fg);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .25);
  white-space: normal;
}
.kg-note::backdrop { background: rgba(0, 0, 0, .25); }
.kg-note__title { margin: 0 0 8px; font-weight: 600; }
.kg-note__text { margin: 0 0 14px; line-height: 1.5; }

/* "WhatsApp'tan hatırlat / yaz" bağlantıları: ofisin WhatsApp'ında hazır mesaj açar */
.kg-wa { white-space: nowrap; }
.kg-hint { margin: 10px 2px 0; font-size: 12px; color: var(--body-quiet-color); }

/* Tarih seçici (js/admin-calendar.js): başlığa basınca yıl, sonra ay seçilir */
.calendarbox .kg-cal-title {
  margin: -2px 0;
  padding: 2px 8px;
  border: 0;
  border-radius: 4px;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.calendarbox .kg-cal-title::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  border: 4px solid transparent;
  border-top-color: currentColor;
  border-bottom-width: 0;
}
.calendarbox .kg-cal-title:hover,
.calendarbox .kg-cal-title:focus-visible { background: rgba(0, 0, 0, .12); }
.calendarbox .kg-cal-grid { table-layout: fixed; }
.calendarbox .kg-cal-grid td a { padding: 12px 4px; }
.calendarbox .kg-cal-grid td.kg-cal-outside a { opacity: .55; }
.calendarbox .kg-cal-grid td.kg-cal-outside a:hover,
.calendarbox .kg-cal-grid td.kg-cal-outside a:focus { opacity: 1; }

/* Listelerde tarih, telefon ve numaralar bölünmesin */
#result_list td.field-tc_no, #result_list td.field-tenant_tc, #result_list td.field-phone,
#result_list td.field-birth_date, #result_list td.field-start_date, #result_list td.field-end_date,
#result_list td.field-next_increase_date, #result_list td.field-rent { white-space: nowrap; }

/* Ev sahibi sayfasındaki daire ve kiracı tablosu */
.kg-portfolio { width: 100%; max-width: 1000px; border-collapse: collapse; }
.kg-portfolio th,
.kg-portfolio td { padding: 8px 10px; border-bottom: 1px solid var(--hairline-color); text-align: left; vertical-align: top; }
.kg-portfolio th { background: var(--darkened-bg); color: var(--body-quiet-color); font-weight: 600; }
.kg-portfolio td { white-space: nowrap; }
.kg-portfolio td:first-child { white-space: normal; }

/* Kiracı sayfasındaki dekont satırlarında Django'nun "Ayşe Yılmaz — 25.09.2026" etiketi tekrar olmasın */
#receipts-group td.original p { display: none; }