.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.z-\[40\]{z-index:40}.mt-2{margin-top:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-4{height:1rem}.w-full{width:100%}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-8{width:2rem}.w-24{width:6rem}.w-4{width:1rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-1\.5{gap:.375rem}.gap-1{gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pb-2\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[13px\]{font-size:13px}.text-\[10\.5px\]{font-size:10.5px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.leading-loose{line-height:2}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.opacity-40{opacity:.4}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--mp-surface:#fff;--mp-surface-fg:#1a1d24;--mp-pill-strip-height:60px;--mp-reserva-app-aprobado:#c4d735;--mp-reserva-app-aprobado-fg:#1a1d24;--mp-reserva-app-retenida:#c4d735;--mp-reserva-app-retenida-fg:#c4d735;--mp-reserva-manual:#434345;--mp-reserva-manual-fg:#fff;--mp-reserva-repetitivo:#3963c5;--mp-reserva-repetitivo-fg:#fff;--mp-evento:#ff914d;--mp-evento-fg:#1a1d24}.dark{--mp-surface:#242731;--mp-surface-fg:#fff;--mp-reserva-manual:#434345;--mp-reserva-manual-fg:#fff}.mp-card{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;left:0;line-height:1.2;margin-left:2px;margin-right:2px;overflow:hidden;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}@media (min-width:768px){.mp-card{min-width:280px}}@media (min-width:768px){.mp-court-col{min-width:280px}}.mp-pill-strip{align-items:center;box-sizing:border-box;display:flex;gap:8px;height:var(--mp-pill-strip-height);overflow-x:auto;padding:8px 4px;scroll-snap-type:x mandatory}.mp-pill{background:transparent;border:1px solid var(--mp-surface-fg);border-radius:9999px;color:var(--mp-surface-fg);cursor:pointer;min-height:44px;padding:8px 16px;scroll-snap-align:start;white-space:nowrap}.mp-pill-active{background-color:#c4d735;border-color:#c4d735;color:#1a1d24}.mp-card-reserva-app-aprobado{background-color:var(--mp-reserva-app-aprobado);border:1px solid rgba(0,0,0,.05);color:var(--mp-reserva-app-aprobado-fg)}.mp-card-reserva-app-retenida{background-color:rgba(196,215,53,.08);border:1px dashed var(--mp-reserva-app-retenida);box-shadow:none;color:var(--mp-reserva-app-retenida-fg)}.mp-card-reserva-manual{background-color:var(--mp-reserva-manual);border:1px solid rgba(0,0,0,.05);color:var(--mp-reserva-manual-fg)}.mp-card-reserva-repetitivo{background-color:var(--mp-reserva-repetitivo);border:1px solid rgba(0,0,0,.05);color:var(--mp-reserva-repetitivo-fg)}.mp-card-evento{background-color:var(--mp-evento);border:1px solid rgba(0,0,0,.05);color:var(--mp-evento-fg)}.mp-l3-badge{align-items:center;background-color:rgba(196,215,53,.15);border-radius:9999px;color:var(--mp-reserva-app-retenida);display:inline-flex;font-size:10px;gap:.25rem;padding:.125rem .375rem}.mp-now-line{box-shadow:0 0 0 1px rgba(0,0,0,.05);height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:15}.mp-now-line,.mp-now-line:before{background-color:var(--mp-reserva-app-aprobado)}.mp-now-line:before{border-radius:50%;content:"";height:8px;left:-4px;position:absolute;top:-3px;width:8px}.fi-sidebar-item.fi-active .fi-sidebar-item-icon,.fi-sidebar-item.fi-active .fi-sidebar-item-label{color:#c4d735!important}.fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border>div:last-child{background-color:#c4d735!important}.fi-input-wrp:focus-within{--tw-ring-color:#c4d735!important}.fi-checkbox-input{accent-color:#c4d735!important;color:#c4d735!important}.fi-checkbox-input:focus{--tw-ring-color:#c4d735!important}.fi-checkbox-input:checked{background-color:#c4d735!important;border-color:#c4d735!important}.fi-fo-toggle:focus-visible{--tw-ring-color:#c4d735!important}.fi-fo-toggle[aria-checked=true]{background-color:#c4d735!important}.mp-sticky-head{background-color:var(--mp-surface);position:-webkit-sticky;position:sticky;top:0;z-index:20}.mp-sticky-col{z-index:10}.mp-sticky-col,.mp-sticky-corner{background-color:var(--mp-surface);left:0;position:-webkit-sticky;position:sticky}.mp-sticky-corner{top:0;z-index:30}@media (max-width:767px){.mp-sticky-corner,.mp-sticky-head{top:var(--mp-pill-strip-height)}}.mp-notif-unread{background-color:rgba(196,215,53,.1);position:relative}.dark .mp-notif-unread{background-color:rgba(196,215,53,.15)}.mp-notif-unread:before{background-color:#c4d735;content:"";height:100%;inset-inline-start:0;position:absolute;top:0;width:2px}.mp-grilla-section .fi-section-content{padding:12px 16px}@media (min-width:768px){.fi-modal-slide-over-window{-webkit-margin-start:auto;-webkit-margin-end:auto;border-radius:.75rem;height:auto;margin-inline-end:auto;margin-inline-start:auto;max-height:calc(100vh - 3.5rem);overflow-y:auto}}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.dark .dark\:border-white\/10{border-color:hsla(0,0%,100%,.1)}.dark .dark\:bg-gray-900\/70{background-color:rgba(17,24,39,.7)}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (min-width:768px){.md\:table-cell{display:table-cell}.md\:hidden{display:none}}
/* ============================================================
 * Create reservation/event modal.
 * Operational goal: less visual noise, clear slot context, and denser
 * form rhythm for the reservation grid's most repeated action.
 * ============================================================ */
:root {
  --mp-modal-surface: oklch(0.985 0.006 110);
  --mp-modal-surface-muted: oklch(0.955 0.009 110);
  --mp-modal-border: oklch(0.86 0.014 110);
  --mp-modal-text: oklch(0.22 0.012 110);
  --mp-modal-text-muted: oklch(0.44 0.014 110);
}

.dark {
  --mp-modal-surface: oklch(0.18 0.012 110);
  --mp-modal-surface-muted: oklch(0.23 0.014 110);
  --mp-modal-border: oklch(0.34 0.014 110);
  --mp-modal-text: oklch(0.94 0.006 110);
  --mp-modal-text-muted: oklch(0.76 0.010 110);
}

.fi-modal-window:has(.mp-create-modal-tabs),
.fi-modal-slide-over-window:has(.mp-create-modal-tabs) {
  background: var(--mp-modal-surface);
  color: var(--mp-modal-text);
  border: 1px solid var(--mp-modal-border);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.fi-modal-window:has(.mp-create-modal-tabs) .fi-modal-header,
.fi-modal-slide-over-window:has(.mp-create-modal-tabs) .fi-modal-header {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--mp-modal-border);
}

.fi-modal-window:has(.mp-create-modal-tabs) .fi-modal-content,
.fi-modal-slide-over-window:has(.mp-create-modal-tabs) .fi-modal-content {
  padding-top: 1rem;
}

.mp-create-modal-tabs {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem;
  border-radius: 9999px;
  background: var(--mp-modal-surface-muted);
  border: 1px solid var(--mp-modal-border);
}

.mp-create-modal-tab {
  min-height: 36px;
  border-radius: 9999px;
  padding: 0.45rem 0.8rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--mp-modal-text-muted);
  transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.mp-create-modal-tab:hover {
  color: var(--mp-modal-text);
}

.mp-create-modal-tab-active {
  background-color: #C4D735;
  color: #1a1d24;
  box-shadow: 0 6px 18px rgba(196, 215, 53, 0.22);
}

.mp-create-modal-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.mp-create-modal-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 32px;
  padding: 0.35rem 0.7rem;
  border-radius: 9999px;
  border: 1px solid var(--mp-modal-border);
  background: transparent;
  color: var(--mp-modal-text);
  font-size: 0.75rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.mp-create-modal-chip svg {
  color: var(--mp-modal-text-muted);
}

.mp-create-modal-chip-court {
  background-color: #C4D735;
  color: #1a1d24;
  border-color: rgba(196, 215, 53, 0.72);
}

.mp-create-modal-chip-court svg {
  color: #1a1d24;
}

.mp-create-modal-body .fi-fo-component-ctn {
  gap: 0.9rem;
}

.mp-create-modal-section.fi-section {
  border-radius: 1rem;
  border: 1px solid var(--mp-modal-border);
  background: color-mix(in oklch, var(--mp-modal-surface) 82%, var(--mp-modal-surface-muted));
  box-shadow: none;
}

.mp-create-modal-section .fi-section-header {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--mp-modal-border);
}

.mp-create-modal-section .fi-section-content {
  padding: 1rem;
}

.mp-create-modal-body .fi-fo-field-wrp-label span,
.mp-create-modal-body .fi-section-header-heading {
  font-weight: 800;
}

.mp-create-modal-body .fi-input-wrp,
.mp-create-modal-body .fi-select-input,
.mp-create-modal-body .fi-textarea {
  border-radius: 0.75rem;
}

.mp-create-modal-footer {
  margin-top: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.15rem;
}

.mp-create-modal-secondary-button {
  min-height: 40px;
  border-radius: 0.75rem;
  padding: 0.5rem 0.85rem;
  background: transparent;
  border: 1px solid var(--mp-modal-border);
  color: var(--mp-modal-text);
  font-size: 0.875rem;
  font-weight: 800;
}

.mp-create-modal-secondary-button:hover {
  background: var(--mp-modal-surface-muted);
}

.mp-create-modal-loading {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--mp-modal-text-muted);
  font-size: 0.875rem;
}