/* Extracted shared design styles. */

        /* Fix: ensure the agreement checkbox is fully tickable and visible */
        .form-check-input#agree {
            opacity: 1 !important;
            visibility: visible !important;
            position: relative !important;
            pointer-events: auto !important;
            -webkit-appearance: checkbox !important;
            appearance: checkbox !important;
            width: 1em !important;
            height: 1em !important;
            margin-top: 0.25em !important;
            margin-right: 0.5rem !important;
            background-color: #fff !important;
            border: 1px solid #ced4da !important;
            border-radius: 0.25em !important;
            display: inline-block !important;
            vertical-align: middle !important;
        }
        .form-check-input#agree:checked {
            background-color: #0d6efd !important;
            border-color: #0d6efd !important;
        }
        /* Ensure label click works correctly */
        .form-check-label[for="agree"] {
            cursor: pointer !important;
            user-select: none !important;
        }
    