/* office-crm — Volt üzerine küçük özel dokunuşlar */

body { background: #f5f8fb; }

.hidden { display: none !important; }
.cursor-pointer { cursor: pointer; }

/* Sıralanabilir tablo başlıkları */
th.sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
th.sortable:hover { color: #1F2937; }
.sort-ind { font-size: 10px; opacity: 0.7; }

/* Marka / logo düzeni */
.brand-kicker {
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 2px;
}
.brand-kicker-inline {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  margin-right: 2px;
}
.login-brand .brand-kicker {
  color: #93a5b1;
}

/* Sol menü kullanıcı kutusu */
#user-box .sidebar-user-name { color: #fff; font-size: 14px; }
#user-box a { color: rgba(255, 255, 255, 0.6); font-size: 13px; text-decoration: underline; }
#user-box a:hover { color: #fff; }

/* Baş harf avatarı (renk JS'ten hsl ile gelir) */
.avatar-initials {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.avatar-initials-lg { width: 46px; height: 46px; font-size: 15px; }

/* Çoklu giriş (chip) kutusu: form-control görünümünü korur, içine rozetler dizilir */
.chip-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  height: auto;
  min-height: 44px;
  cursor: text;
}
.chip-box input {
  border: none;
  outline: none;
  flex: 1;
  min-width: 140px;
  padding: 2px;
  background: transparent;
  color: inherit;
  font: inherit;
}
.chip-box .badge button {
  border: none;
  background: none;
  color: inherit;
  font-size: 13px;
  line-height: 1;
  padding: 0 0 0 4px;
  cursor: pointer;
}

/* Telefon türü seçici (satır düzeninde) */
.phone-type-w { max-width: 110px; flex: 0 0 auto; }

/* Ayrık chip listesi (telefonlar) */
.chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.chip-list .badge button {
  border: none;
  background: none;
  color: inherit;
  font-size: 13px;
  line-height: 1;
  padding: 0 0 0 4px;
  cursor: pointer;
}