/* ============================================
   NOTET – Global Stil Dosyası (notet.css)
   ============================================ */

/* 1) Sayfa Başlığı (h1) 
   - Tüm ana sayfa başlıklarında kullanacağın sınıf
   - Örnek: <h1 class="notet-heading-h1">Gösterge Paneli</h1>
*/
.notet-heading-h1 {
  font-family: var(--notet-font-sans);
  font-weight: 600;                 /* 800 → 600 (daha ince ama hâlâ güçlü) */
  font-size: clamp(1.7rem, 1.4rem + 0.8vw, 2.2rem);
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin: 0 0 0.75rem;
  text-align: center;              /* Ortaladık */
}

/* 1.1) Standart alt başlıklar */
.notet-heading-h2 {
  font-family: var(--notet-font-sans);
  font-weight: 600;
  font-size: clamp(1.35rem, 1.15rem + 0.6vw, 1.75rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0 0 0.6rem;
}

.notet-heading-h3 {
  font-family: var(--notet-font-sans);
  font-weight: 600;
  font-size: clamp(1.1rem, 0.95rem + 0.4vw, 1.35rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0 0 0.5rem;
}

/* 1.2) Standart metin yardımcıları */
.notet-text {
  font-family: var(--notet-font-sans);
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--notet-text);
}

.notet-text-muted {
  color: var(--notet-muted);
}

.notet-text-strong {
  font-weight: 600;
}

.notet-text-small {
  font-size: 0.88rem;
}

/* 1.4) Standart buton ikon hizalama */
.notet-btn-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.notet-btn-icon .bi {
  font-size: 1rem;
  line-height: 1;
}
.notet-btn-icon .notet-icon {
  width: 1em;
  height: 1em;
}

/* 1.5) Notet ikon sistemi (tek merkezden yönetim) */
.notet-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--notet-icon) no-repeat center / contain;
  mask: var(--notet-icon) no-repeat center / contain;
}

/* Action icons */
.notet-icon--add { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/plus-circle.svg'); }
.notet-icon--edit { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/pencil-square.svg'); }
.notet-icon--confirm { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check-circle.svg'); }
.notet-icon--cancel { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-circle.svg'); }
.notet-icon--delete { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/trash.svg'); }
.notet-icon--back { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-left-circle.svg'); }
.notet-icon--save { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/save.svg'); }
.notet-icon--warning { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/exclamation-triangle.svg'); }

/* Utility icons */
.notet-icon--search { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/search.svg'); }
.notet-icon--filter { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/funnel.svg'); }
.notet-icon--list { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/list-check.svg'); }
.notet-icon--list-view { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/card-list.svg'); }
.notet-icon--eye { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/eye.svg'); }
.notet-icon--download { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/download.svg'); }
.notet-icon--excel { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/file-earmark-excel-fill.svg'); }
.notet-icon--share { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/share.svg'); }
.notet-icon--clipboard { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clipboard.svg'); }
.notet-icon--link { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/link-45deg.svg'); }
.notet-icon--settings { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/gear.svg'); }
.notet-icon--lock { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/lock-fill.svg'); }
.notet-icon--menu { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/list.svg'); }
.notet-icon--wrench { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/wrench.svg'); }
.notet-icon--logout { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/box-arrow-right.svg'); }
.notet-icon--chevron-right { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chevron-right.svg'); }
.notet-icon--home { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/house-door.svg'); }
.notet-icon--users { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/people.svg'); }
.notet-icon--appointment-add { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/plus-circle.svg'); }
.notet-icon--wallet { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/wallet2.svg'); }
.notet-icon--checklist { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/list-check.svg'); }
.notet-icon--chart { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bar-chart.svg'); }
.notet-icon--cash { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/cash-coin.svg'); }
.notet-icon--globe { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/globe2.svg'); }
.notet-icon--card { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/credit-card-2-front-fill.svg'); }
.notet-icon--building { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/building.svg'); }
.notet-icon--mail { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/envelope.svg'); }
.notet-icon--location { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/geo-alt.svg'); }
.notet-icon--key { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/key.svg'); }
.notet-icon--list-ul { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/list-ul.svg'); }
.notet-icon--door-open { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/door-open-fill.svg'); }
.notet-icon--users-fill { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/people-fill.svg'); }
.notet-icon--person-gear { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-gear.svg'); }
.notet-icon--calendar-check { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar-check-fill.svg'); }
.notet-icon--calendar-check-alt { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar2-check.svg'); }
.notet-icon--credit-card { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/credit-card.svg'); }
.notet-icon--person { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person.svg'); }
.notet-icon--clock-history { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clock-history.svg'); }
.notet-icon--arrow-right-simple { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-right.svg'); }
.notet-icon--arrow-right-short { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-right-short.svg'); }
.notet-icon--trend-up { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-up-right.svg'); }
.notet-icon--trend-down { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-down-right.svg'); }
.notet-icon--star { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/star.svg'); }
.notet-icon--activity { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/activity.svg'); }
.notet-icon--id-card { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-vcard.svg'); }
.notet-icon--door-open-simple { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/door-open.svg'); }
.notet-icon--calendar-cancel { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar2-x.svg'); }
.notet-icon--bell-off { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bell-slash.svg'); }
.notet-icon--check2 { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check2-circle.svg'); }
.notet-icon--inbox { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/inbox.svg'); }
.notet-icon--calendar-week { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar2-week.svg'); }
.notet-icon--bag-add { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bag-plus.svg'); }
.notet-icon--stopwatch { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/stopwatch.svg'); }
.notet-icon--chat { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chat-square-text.svg'); }
.notet-icon--video { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/camera-video.svg'); }
.notet-icon--card-checklist { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/card-checklist.svg'); }
.notet-icon--user-fill { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-fill.svg'); }
.notet-icon--user-badge { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-badge-fill.svg'); }
.notet-icon--mail-fill { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/envelope-fill.svg'); }
.notet-icon--phone-fill { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/telephone-fill.svg'); }
.notet-icon--location-fill { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/geo-alt-fill.svg'); }
.notet-icon--mailbox { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/mailbox.svg'); }
.notet-icon--globe-americas { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/globe-americas.svg'); }
.notet-icon--alert { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/exclamation-circle-fill.svg'); }
.notet-icon--close { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg'); }
.notet-icon--check { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/check2.svg'); }

/* Time + calendar */
.notet-icon--calendar { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar-event.svg'); }
.notet-icon--calendar-view { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/calendar3.svg'); }
.notet-icon--clock { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/clock.svg'); }
.notet-icon--bell { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bell.svg'); }
.notet-icon--bookmark { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bookmark-fill.svg'); }
.notet-icon--bookmark-add { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bookmark-plus.svg'); }

/* Communication */
.notet-icon--phone { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/telephone.svg'); }
.notet-icon--app-notify { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/app-indicator.svg'); }
.notet-icon--sms { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/chat-left-text.svg'); }
.notet-icon--whatsapp { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/whatsapp.svg'); }

/* People / rooms */
.notet-icon--user { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-circle.svg'); }
.notet-icon--user-add { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-plus-fill.svg'); }
.notet-icon--user-lines { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/person-lines-fill.svg'); }
.notet-icon--room { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/door-closed-fill.svg'); }
.notet-icon--service { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/briefcase.svg'); }
.notet-icon--arrow-left { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-left-circle.svg'); }
.notet-icon--arrow-right { --notet-icon: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/arrow-right-circle.svg'); }
/* 1.3) Lottie empty-state helper */
.empty-lottie {
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .empty-lottie lottie-player {
    display: none !important;
  }
}

/* 2) Global buton renkleri
   - .btn-success → Ekle (mavi)
   - .btn-warning → Düzenle (sarı)
   - .btn-danger  → Sil (kırmızı)
   Bu renkler tüm sitede sabit olsun diye burada tanımlıyoruz.
*/
:root {
  --notet-font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --notet-blue:   #2563eb;  /* Ayarlar > Hizmet Türleri sekmesindeki maviye yakın */
  --notet-blue-d: #1d4ed8;
--notet-yellow:   #F8D76E;
--notet-yellow-l: #FBE69A;
--notet-yellow-d: #E7BB48;
  --notet-red:    #ef4444;
  --notet-red-d:  #dc2626;
  --notet-text: #111827;
  --notet-muted: #6b7280;
  --notet-border: #e5e7eb;
  --notet-surface: #ffffff;
  --notet-surface-alt: #f9fafb;
  --notet-pastel-blue: #E9F2FF;
}

/* Ekle butonu (mavi) */
.btn-success,
.btn-success:focus {
  background-color: var(--notet-blue) !important;
  border-color:     var(--notet-blue) !important;
  color: #fff !important;
}
.btn-success:hover {
  background-color: var(--notet-blue-d) !important;
  border-color:     var(--notet-blue-d) !important;
}
.bg-success {
  background-color: var(--notet-blue) !important;
}
.border-success {
  border-color: var(--notet-blue) !important;
}

/* Düzenle butonu (sarı) */
.btn-warning,
.btn-warning:focus {
  background-color: var(--notet-yellow) !important;
  border-color:     var(--notet-yellow) !important;
  color: #111827 !important;  /* koyu metin */
}
.btn-warning:hover {
  background-color: var(--notet-yellow-d) !important;
  border-color:     var(--notet-yellow-d) !important;
}
.bg-warning {
  background-color: var(--notet-yellow) !important;
}
.border-warning {
  border-color: var(--notet-yellow) !important;
}

/* Sil butonu (kırmızı) */
.btn-danger,
.btn-danger:focus {
  background-color: var(--notet-red) !important;
  border-color:     var(--notet-red) !important;
  color: #fff !important;
}
.btn-danger:hover {
  background-color: var(--notet-red-d) !important;
  border-color:     var(--notet-red-d) !important;
}

.bg-danger {
  background-color: var(--notet-red) !important;
}
.border-danger {
  border-color: var(--notet-red) !important;
}


/* === MOVE MODAL TASARIMI ======================================= */

.notet-move-modal {
  border-radius: 16px;
  padding: 4px 8px;
  font-family: 'Manrope', sans-serif;
}

/* Kutu (eski / yeni) */
.move-box {
  padding: 16px;
  border-radius: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  min-height: 130px;
}

/* Eski bilgilerin rengi */
.move-box-old {
  border-left: 4px solid var(--notet-red);
}

/* Yeni bilgilerin rengi */
.move-box-new {
  border-left: 4px solid var(--notet-blue);
}

/* Başlık */
.move-box-title {
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 0.95rem;
  color: #111827;
  display: flex;
  align-items: center;
}

/* İçerik */
.move-box-content {
  line-height: 1.35;
  color: #374151;
}

.move-box-content strong {
  font-weight: 700;
  color: #111827;
}

/* Modal butonları */
#moveAppointmentModal .btn-primary {
  background-color: var(--notet-blue) !important;
  border-color: var(--notet-blue) !important;
  padding: 8px 18px;
  font-weight: 600;
}

#moveAppointmentModal .btn-secondary {
  padding: 8px 18px;
  font-weight: 600;
}

/* Daha profesyonel boşluk düzeni */
#moveAppointmentModal .modal-body {
  font-size: 0.92rem;
}