/* UKPFF Events - minimal CSS, almost everything is inline in JS */
/* Only hover states, transitions, and resets that can't be inlined */

#ukpff-app-mount, #ukpff-app-mount * {
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
#ukpff-app-mount { color: #1c1917; line-height: 1.5; }

/* Kill Inspiro's button overrides inside our container */
#ukpff-app-mount button,
#ukpff-app-mount input,
#ukpff-app-mount select,
#ukpff-app-mount textarea {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: normal !important;
}
#ukpff-app-mount input,
#ukpff-app-mount select,
#ukpff-app-mount textarea {
  width: 100%;
  padding: 8px 10px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1c1917 !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
#ukpff-app-mount input:focus,
#ukpff-app-mount select:focus,
#ukpff-app-mount textarea:focus {
  border-color: #c2185b !important;
}

/* Hover states that can't be inlined */
#ukpff-app-mount .uk-team-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(194,24,91,.12) !important; }
#ukpff-app-mount .uk-ecard:hover { border-color: #f8bbd0 !important; }
#ukpff-app-mount .uk-cal-cell:hover { background: #fce4ec !important; cursor: pointer; }
#ukpff-app-mount .uk-att-row:hover { background: #f9fafb !important; }
#ukpff-app-mount .uk-btn:hover { opacity: 0.85 !important; }
#ukpff-app-mount .uk-cal-chip:hover { opacity: .8; cursor: pointer; }
#ukpff-app-mount .uk-drag-handle { display: none !important; }
#ukpff-app-mount .uk-team-card:hover .uk-drag-handle { display: block !important; }
#ukpff-app-mount .uk-team-card.drag-over { border: 2px solid #c2185b !important; background: #fce4ec !important; }
#ukpff-app-mount .uk-team-card.dragging { opacity: 0.4 !important; }
#ukpff-app-mount a { text-decoration: none !important; }

/* Calendar grid — needs CSS grid */
#ukpff-app-mount .uk-cal-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 1px !important;
}
#ukpff-app-mount .uk-cal-head {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 1px !important;
  margin-bottom: 1px !important;
}
#ukpff-app-mount .uk-team-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
}
#ukpff-app-mount .uk-evt-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  grid-auto-rows: 140px !important;
  gap: 12px !important;
  grid-auto-flow: dense !important;
}
#ukpff-app-mount .uk-grid-tall { grid-row: span 2 !important; }
#ukpff-app-mount .uk-form-row2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
@media (max-width: 640px) {
  #ukpff-app-mount .uk-form-row2 { grid-template-columns: 1fr !important; }
  #ukpff-app-mount .uk-team-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; }
}

/* Scrollbars */
#ukpff-app-mount .uk-cat-strip { overflow-x: auto !important; }
#ukpff-app-mount .uk-cat-strip::-webkit-scrollbar { height: 0; }
#ukpff-app-mount .uk-att-results { max-height: 200px; overflow-y: auto; }
#ukpff-app-mount .uk-edesc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}