.pitch-selector,.pitch-overview{gap:14px;min-width:0;display:grid}.pitch-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.pitch-section-heading h3{margin:5px 0 0;font-size:16px}.pitch-section-heading .eyebrow{font-size:9px}.pitch-area-badge,.pitch-availability{color:#586c3e;white-space:nowrap;background:#f1f7e7;border:1px solid #dbe6cf;border-radius:7px;padding:7px 10px;font-size:11px}.pitch-presets{flex-wrap:wrap;gap:7px;display:flex}.pitch-presets>button{font:inherit;color:#5e7582;cursor:pointer;background:#fff;border:1px solid #dfe6e9;border-radius:7px;padding:8px 11px;font-size:11px}.pitch-presets>button.active{color:#3f5a28;background:#eaf6d3;border-color:#b2d778;font-weight:700}.pitch-presets>button:disabled{cursor:not-allowed;opacity:.5}.pitch-field{isolation:isolate;aspect-ratio:1.6;background:#274b3d;border:8px solid #edf2ef;border-radius:12px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff20}.pitch-field:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,#ffffff03 0 12.5%,#00000002 12.5% 25%);position:absolute;inset:0}.pitch-markings{color:#e5f3e2;stroke:currentColor;stroke-width:1.5px;opacity:.38;pointer-events:none;z-index:2;width:95%;height:95%;position:absolute;inset:2.5%}.pitch-zone-grid{z-index:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;display:grid;position:absolute;inset:0}.pitch-zone{color:#e2ede4;cursor:pointer;text-align:center;background:#183b2f66;border:1px solid #ffffff20;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:0;padding:18px 8px;transition:background .14s,border-color .14s;display:flex;position:relative;overflow:hidden}.pitch-zone:hover:not(:disabled){background:#41664e;border-color:#d0f477aa}.pitch-zone:focus-visible{outline-offset:-4px;z-index:4;outline:3px solid #a8c6ff}.pitch-presets>button:focus-visible{outline-offset:-4px;z-index:4;outline:3px solid #a8c6ff}.pitch-booking-list>button:focus-visible{outline-offset:-4px;z-index:4;outline:3px solid #a8c6ff}.pitch-zone.selected{color:#f1ffdb;background:#bbeb6f35;border:2px solid #c2ed86}.pitch-zone-name{text-shadow:0 1px 4px #102d2280;z-index:3;font-size:13px;font-weight:750;line-height:1.2;position:relative}.pitch-zone-state{color:#d7e8d5cc;z-index:3;font-size:10px;position:relative}.pitch-layout-quarters .pitch-zone-grid{grid-auto-flow:column}.pitch-layout-halves .pitch-zone-grid{grid-template-rows:minmax(0,1fr)}.pitch-layout-whole .pitch-zone-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pitch-conflict-label{color:#ffe8d7;z-index:3;background:#6d3a2fe6;border-radius:4px;max-width:95%;padding:5px 7px;font-size:9px;line-height:1.35;display:block;position:relative}.pitch-conflict-label>span{background:#eebaa6;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.pitch-zone.has-conflict{background:repeating-linear-gradient(-45deg,#71483855,#71483855 8px,#84634a55 8px 16px)}.pitch-zone.has-conflict.selected{border-color:#efc092}.pitch-help{color:#81928b;margin:0;font-size:11px;line-height:1.7}.pitch-warning{color:#9a7140;background:#fff4e7;border:1px solid #f2ddba;border-radius:7px;margin:0;padding:10px 12px;font-size:11px;line-height:1.6}.pitch-key{color:#80928b;flex-wrap:wrap;align-items:center;gap:14px;font-size:10px;display:flex}.pitch-key>span{align-items:center;gap:6px;display:flex}.pitch-key i{background:#315442;border:1px solid #597263;border-radius:2px;width:9px;height:9px;display:inline-block}.pitch-key i.selected{background:#b7e47e;border-color:#a9d86d}.pitch-key i.busy{background:#c18465;border-color:#a97056}.pitch-layout-custom{aspect-ratio:auto;min-height:0;box-shadow:none;background:0 0;border:0;overflow:visible}.pitch-layout-custom:before{display:none}.pitch-layout-custom .pitch-zone-grid{grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;padding:0;position:static}.pitch-layout-custom .pitch-zone{color:#627954;background:#f4f7f1;border-color:#dee7d8;min-height:100px}.pitch-layout-custom .pitch-zone-name{text-shadow:none}.pitch-layout-custom .pitch-zone-state{color:#789167}.pitch-layout-custom .pitch-zone.selected{color:#536e35;background:#e4f2cd;border-color:#a4c976}.pitch-occupancy-field .pitch-zone-grid{gap:3px}.pitch-occupancy.free{color:#d9f3c3;background:#16352988;border:1px solid #8dbd6b44}.pitch-occupancy.free:hover:not(:disabled){background:#5d7f3f99;border-color:#c4ec91}.pitch-occupancy.occupied{color:#fff;border:2px solid #759a8a}.pitch-occupancy.occupied:hover{filter:brightness(1.14)}.pitch-occupancy.closed{background:repeating-linear-gradient(-45deg,#9a63543d,#9a63543d 9px,#b7785c33 9px 18px)!important}.pitch-occupancy:disabled{opacity:1;cursor:default}.pitch-occupant{z-index:3;text-wrap:balance;font-size:15px;font-weight:700;line-height:1.35;position:relative}.pitch-booking-time{color:#e0eae2;z-index:3;font-size:10px;position:relative}.pitch-occupancy-field.pitch-layout-custom .pitch-occupancy.occupied{color:#355264}.pitch-occupancy-field.pitch-layout-custom .pitch-booking-time{color:#68828a}.pitch-booking-list{border:1px solid #e5ebed;border-radius:9px;overflow:hidden}.pitch-booking-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}.pitch-booking-list>button:last-child{border-bottom:0}.pitch-booking-list>button:hover{background:#f7faf8}.pitch-booking-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pitch-booking-copy{flex:1;min-width:0}.pitch-booking-copy b{font-size:11px}.pitch-booking-copy small,.pitch-booking-detail small{color:#87989f;margin-top:4px;font-size:10px;display:block}.pitch-booking-detail{text-align:right;color:#6b838f;flex-shrink:0;font-size:10px}.pitch-layout-custom .pitch-zone.has-conflict{background:#f8eade}.pitch-layout-custom .pitch-conflict-label{color:#fff;background:#a97056}.pitch-selector button,.pitch-overview button{font-family:inherit}@media (max-width:650px){.pitch-field{aspect-ratio:1.35;border-width:5px}.pitch-zone{gap:5px;padding:10px 5px}.pitch-zone-name{font-size:11px}.pitch-zone-state,.pitch-booking-time{font-size:9px}.pitch-occupant{font-size:12px}.pitch-section-heading h3{font-size:14px}.pitch-area-badge,.pitch-availability{padding:6px 8px;font-size:9px}.pitch-presets{gap:5px}.pitch-presets>button{padding:7px 9px;font-size:10px}.pitch-conflict-label{padding:4px 5px;font-size:8px}.pitch-help{font-size:10px}.pitch-key{gap:10px;font-size:9px}.pitch-layout-custom{aspect-ratio:auto}.pitch-booking-detail,.pitch-booking-copy small{font-size:9px}}.pitch-layout-eighths .pitch-zone-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column}.pitch-layout-eighths .pitch-zone{gap:6px;padding:14px 5px}.pitch-layout-eighths .pitch-occupant{overflow-wrap:anywhere;font-size:13px}.pitch-layout-eighths .pitch-zone-state{font-size:9px;line-height:1.4}.pitch-occupancy.free.selected{color:#f4ffdf;background:#b7e86b50;border:2px solid #d0f477}.pitch-occupancy.free.selected:hover{background:#b7e86b68;border-color:#d0f477}.pitch-selection-actions{background:#f4f8ed;border:1px solid #dfe9d0;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pitch-selection-actions b{font-size:12px}.pitch-selection-actions small{color:#7a8e69;margin-top:4px;font-size:10px;line-height:1.5;display:block}.pitch-selection-actions .btn{font-size:11px}.pitch-layout-eighths .pitch-conflict-label{overflow-wrap:anywhere;font-size:8px}@media (max-width:650px){.pitch-layout-eighths .pitch-zone{gap:5px;padding:9px 3px}.pitch-layout-eighths .pitch-zone-name{font-size:10px}.pitch-layout-eighths .pitch-occupant{font-size:11px}.pitch-layout-eighths .pitch-zone-state,.pitch-layout-eighths .pitch-booking-time{font-size:8px;line-height:1.35}.pitch-selection-actions{flex-direction:column;align-items:stretch;padding:12px}.pitch-selection-actions>.row{justify-content:flex-end}.pitch-selection-actions .btn{padding:10px 12px}.pitch-layout-eighths .pitch-conflict-label{padding:3px;font-size:7px}.pitch-layout-eighths .pitch-booking-time{overflow-wrap:anywhere}}.pitch-field-label{z-index:5;pointer-events:none;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#102f26e8;border-radius:7px;max-width:55%;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px;overflow:hidden}