/* Club Admin → Cámaras Rackety (components/racketySection.js). */
.rackety-section .rackety-hint {
    margin: 0 0 var(--space-4);
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}
.rackety-section .rackety-key-state {
    margin-left: var(--space-2);
    font-weight: 400;
    color: var(--color-text-secondary);
}
.rackety-section .rackety-key-state.rackety-key-on {
    color: var(--color-success);
    font-weight: 600;
}
.rackety-section .rackety-key-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
}
.rackety-section .rackety-key-row input {
    flex: 1 1 240px;
    min-width: 0;
}
.rackety-section .rackety-field-hint {
    display: block;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}
.rackety-section .rackety-toggle {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.rackety-section .rackety-courts {
    margin-top: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}
.rackety-section .rackety-court-row .court-name {
    border: none;
    background: transparent;
    padding-left: 0;
}
.rackety-section .rackety-court-label {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}
.rackety-section .rackety-court-camera {
    width: 180px;
}
.rackety-section .rackety-webhook {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-4);
    font-size: var(--text-sm);
}
.rackety-section .rackety-webhook-on {
    color: var(--color-success);
    font-weight: 600;
}
.rackety-section .rackety-webhook-off {
    color: var(--color-text-secondary);
}