span.match-data-label {
    /* font-weight: bold; */
    margin-right: 8px;
    width: 120px;
}

.match-data-input {
    padding: 3px;
    width: 200px;
}

.event-data-input-label {
    width: 170px;
    margin: auto;
}

.event-data-input {
    padding: 3px;
    width: 200px;
    text-align: center;
}

.event-select-button {
    width: 150px;
    padding: 3px;
    margin: 5px;
}

.event-team-input {
    /* want the radio buttons consistently aligned */
    padding-left: 20px;
    text-align: left;
}

.viewable-field-label {
    margin-left: 5px;
}

/* Shot diagram */
.shots-diagram-wrapper { 
    max-width: 420px; 
    width: 100%; 
}
.shots-diagram { 
    width: 100%; 
    height: auto; 
    cursor: pointer; 
}
.shot-zone { 
    fill: #2563eb11; 
    stroke: #2563eb66; 
    stroke-width: 2; 
    transition: fill 0.15s, stroke 0.2s; 
}
.shot-zone:hover { 
    fill: #2563eb33; 
    stroke: #1e40af; 
}
.shot-zone.active { 
    fill: #2563eb77; 
    stroke: #1e3a8a; 
}
.shot-zone-label { 
    font-size: 10px; 
    text-anchor: middle; 
    pointer-events: none; 
    fill: #333; 
}
.shot-legend { 
    text-align: center; 
}

/* Goal grid (shotToLocation) */
.goal-grid-wrapper { 
    max-width: 200px; 
    width: 100%; 
}
.goal-grid { 
    width: 100%; 
    height: auto; 
    cursor: pointer; 
}
.goal-cell { 
    fill: #16a34a11; 
    stroke: #16a34a55; 
    stroke-width: 2; 
    transition: fill 0.15s, stroke 0.2s; 
}
.goal-cell:hover { 
    fill: #16a34a33; 
    stroke: #15803d; 
}
.goal-cell.active { 
    fill: #16a34a77; 
    stroke: #166534; 
}