/* Capa Tuning — component styles */

.capa-cell {
  padding: 0.3rem 0.4rem;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.15s;
  min-width: 80px;
}
.capa-cell:hover { opacity: 0.8; }
.capa-green  { background: #D1FAE5; color: #065F46; }
.capa-yellow { background: #FEF3C7; color: #92400E; }
.capa-red    { background: #FFE4E6; color: #9F1239; }
.capa-gray   { background: #F3F4F6; color: #9CA3AF; cursor: default; }

/* Shift row label styles */
.shift-day   { background: #FFFBEB; color: #92400E; border-left: 3px solid #F59E0B; }
.shift-night { background: #EEF2FF; color: #3730A3; border-left: 3px solid #6366F1; }
.shift-other { background: #F6F6F7; color: #52525B; border-left: 3px solid #A1A1AA; }

.detail-panel {
  background: #fff;
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  padding: 1rem;
  display: none;
}
.detail-panel.show { display: block; }

.filter-tabs { display: flex; gap: 0.3rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.filter-tab {
  padding: 0.2rem 0.55rem;
  border-radius: 4px;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #E4E4E7;
  background: #F6F6F7;
  color: #71717A;
}
.filter-tab.active { background: #5B5BD6; color: #fff; border-color: #5B5BD6; }

.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 500;
  align-items: center;
  justify-content: center;
}
.modal-overlay.show { display: flex; }
.modal-box {
  background: #fff;
  border-radius: 10px;
  padding: 1.25rem;
  width: 440px;
  max-width: 95vw;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
}
.modal-title { font-size: 0.95rem; font-weight: 700; color: #18181B; margin-bottom: 0.75rem; }
.modal-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 0.75rem; margin-bottom: 0.4rem; }
.modal-form-group label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #71717A;
  display: block;
  margin-bottom: 0.15rem;
}
.modal-form-group input,
.modal-form-group select {
  width: 100%;
  font-size: 0.82rem;
  padding: 0.28rem 0.4rem;
  border: 1px solid #E4E4E7;
  border-radius: 4px;
  background: #fff;
}
.modal-actions { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0.75rem; }

.wo-badge { display: inline-block; padding: 0.1rem 0.35rem; border-radius: 3px; font-size: 0.7rem; font-weight: 700; }
.wo-plan       { background: #F3F4F6; color: #4B5563; }
.wo-released   { background: #EEF0FF; color: #5B5BD6; }
.wo-started    { background: #FFF7ED; color: #C2410C; }
.wo-completed  { background: #D1FAE5; color: #065F46; }
.wo-closed     { background: #FFE4E6; color: #9F1239; }