/* vardiya modülü stilleri — yalnız vm- sınıfları; renkler sofra.css jetonlarından */

/* üst çubuk: mesai düğmesi / süre */
.vm-ust { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.vm-ust__metin { font: 600 13px var(--yazi); color: var(--pisiyor); }
.vm-ust__nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--pisiyor); flex: none; }
.vm-basla { white-space: nowrap; }
.vm-kisa { display: none; }
@media (max-width: 520px) {
  .vm-uzun { display: none; }
  .vm-kisa { display: inline; }
  .vm-ust { gap: 3px; }
  .vm-ust__nokta { width: 6px; height: 6px; }
  .vm-ust__metin { display: none; } /* telefonda üst çubuk dar: yalnız nokta + Bitir; süre Vardiya/aria'da */
  .vm-ust .btn.kucuk, .vm-basla { padding: 5px 8px; }
}

/* tablolar */
.vm-tablo td, .vm-tablo th { white-space: nowrap; }
.vm-tablo td.vm-durum { white-space: normal; }
.vm-tablo .etiket { display: inline-block; margin: 1px 0; }
.vm-eylem { text-align: right; }
.vm-not { font-size: 13px; margin-top: 10px; }
.vm-kart { margin-top: 18px; }
.vm-iki { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 18px; }
@media (max-width: 1500px) { .vm-iki { grid-template-columns: minmax(0, 1fr); } }

/* haftalık plan ızgarası */
.vm-izgara { min-width: 640px; }
.vm-izgara th, .vm-izgara td { text-align: center; padding: 4px; }
.vm-izgara th:first-child, .vm-izgara td:first-child { text-align: left; padding-left: 0; }
.vm-izgara th small { display: block; font-weight: 500; color: var(--marka); font-size: 11px; }
.vm-izgara .vm-bugun { background: color-mix(in srgb, var(--marka-acik) 55%, transparent); }
.vm-hucre { display: grid; width: 100%; min-width: 58px; min-height: 44px; place-content: center; gap: 0; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); padding: 4px 6px; font-size: 12.5px; line-height: 1.25; }
.vm-hucre:hover { border-color: var(--marka); }
.vm-hucre.izin { background: transparent; border-style: dashed; color: var(--soluk); font-weight: 600; }

/* gece yarısını geçen saat: 01:15 +1 */
.vm-ertesi { font: 700 10px var(--yazi); color: var(--marka); margin-left: 2px; vertical-align: super; line-height: 0; }
.vm-ertesi-kutular { display: grid; gap: 6px; }
.vm-kutu { display: flex; align-items: center; gap: 8px; font-size: 14px; min-height: 32px; }
.vm-kutu input { width: 18px; height: 18px; flex: none; margin: 0; }

/* düzeltme izleri */
.vm-izler, .vm-kayitlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.vm-izler > li, .vm-kayitlar > li { padding: 10px 0; border-top: 1px solid var(--cizgi); }
.vm-izler > li:first-child, .vm-kayitlar > li:first-child { border-top: 0; padding-top: 0; }
.vm-iz { font-size: 13px; margin-top: 4px; padding-left: 10px; border-left: 2px solid var(--siparis); }
.vm-alt-bas { font-size: 15px; margin-bottom: 8px; }
.vm-kayit .hesap-satir { gap: 10px; flex-wrap: wrap; }

@media (prefers-reduced-motion: no-preference) {
  .vm-ust__nokta { animation: vm-nabiz 2s ease-in-out infinite; }
  .vm-hucre { transition: border-color .2s, background .2s; }
}
@keyframes vm-nabiz { 50% { opacity: .35; } }