/* Servisly – ortak yardımcı stiller (Tailwind CDN'i tamamlar) */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}
.material-symbols-outlined.fill {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Masa durum kartları (kat planı) */
.table-occupied { border-color: #EF4444; background-color: #FEF2F2; }
.table-free     { border-color: #10B981; background-color: #F0FDF4; }
.table-bill     { border-color: #F59E0B; background-color: #FFFBEB; }
.table-reserved { border-color: #3B82F6; background-color: #EFF6FF; }

.floor-bg {
  background-color: #F8FAFC;
  background-image: radial-gradient(#E2E8F0 1px, transparent 1px);
  background-size: 24px 24px;
}
.dragging { opacity: 0.5; }
.drag-over { outline: 2px dashed #003d9b; outline-offset: -6px; }

/* KDS koyu tema kartları */
.kds-card          { background-color: #213145; border: 1px solid #434654; }
.kds-card-urgent   { border: 2px solid #ba1a1a; background-color: rgba(186,26,26,.10); }
.kds-card-preparing{ border: 2px solid #0052cc; box-shadow: 0 0 15px rgba(0,82,204,.2); }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes spin-slow { to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 3s linear infinite; }

/* Basit toast bildirimi */
#toast-wrap { position: fixed; top: 16px; right: 16px; z-index: 100; display: flex; flex-direction: column; gap: 8px; }
.toast {
  background: #213145; color: #eaf1ff; padding: 12px 16px; border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.2); font-size: 14px; font-weight: 500;
  display: flex; align-items: center; gap: 8px; animation: toast-in .2s ease;
  max-width: 340px;
}
.toast.ok    { border-left: 4px solid #10B981; }
.toast.err   { border-left: 4px solid #ba1a1a; }
@keyframes toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }

/* Modal */
.modal-backdrop {
  position: fixed; inset: 0; background: rgba(11,28,48,.55); z-index: 90;
  display: flex; align-items: center; justify-content: center; padding: 16px;
}
.modal-card {
  background: #fff; border-radius: 16px; width: 100%; max-width: 520px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1); max-height: 90vh; overflow: auto;
}

[hidden] { display: none !important; }