/* ============================================================================
 * required-glow.css
 * ----------------------------------------------------------------------------
 * Paired with public/js/required-glow.js.
 *
 * Rev 2026-05-19: per owner request, the red glow on empty input fields has
 * been REMOVED. The engine still applies the .rg-empty / .rg-empty-group
 * classes so re-enabling the visual is a one-edit revert below — just put
 * the box-shadow / border-color rules back. The whole safety net now relies
 * solely on the disabled submit button (.rg-submit-disabled) to gate
 * incomplete forms.
 *
 * Loaded from every master layout (admin/dock/fullscreen/home/home-nl/office/
 * runnerview/service/team/team-master-bare).
 *
 * Last updated: 2026-05-19
 * ========================================================================== */


/* ---- Empty-field glow: INTENTIONALLY DISABLED 2026-05-19 ----------------- */
/* The .rg-empty and .rg-empty-group classes are still toggled by the JS
   engine, but the visual treatment is removed. To restore the glow, replace
   this comment block with:

   .rg-empty, .rg-empty:focus {
       border-color: #dc3545 !important;
       box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.55),
                   0 0 14px 4px  rgba(220, 53, 69, 0.70) !important;
       outline: none;
       background-color: #fff8f9;
   }
   select.rg-empty, select.rg-empty:focus { background-color: #fff8f9; }
   .rg-empty-group {
       border-radius: 0.30rem;
       box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.55),
                   0 0 14px 4px  rgba(220, 53, 69, 0.70);
       padding: 4px 8px;
       background-color: #fff8f9;
       transition: box-shadow 120ms ease-out, background-color 120ms ease-out;
   }
   .custom-file.rg-empty-group .custom-file-label {
       border-color: #dc3545 !important;
       background-color: #fff8f9;
   }
*/


/* ---- Disabled submit button: while ANY required field is empty ----------- */
/* JS sets the real `disabled` HTML attribute on the submit button; this
   class layers on extra visual feedback (dim + grayscale + not-allowed
   cursor) so even on busy yellow buttons the "you can't click this yet"
   signal reads clearly. pointer-events:none is the JS-free safety net
   in case a sibling script momentarily clears the disabled attribute. */

button.rg-submit-disabled,
input.rg-submit-disabled,
.rg-submit-disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    filter: grayscale(35%);
    pointer-events: none !important;
}


/* ---- Optional inline hint near the submit button ------------------------- */
/* Pages can opt in by adding <span class="rg-hint"></span> near the submit;
   the JS toggles .rg-hint-visible when any required field is empty. */

.rg-hint {
    display: none;
    color: #b30000;
    background: #fff5f5;
    border: 1px solid #f5c6cb;
    padding: 0.45rem 0.7rem;
    border-radius: 0.25rem;
    margin: 0.5rem 0;
    font-weight: 600;
    font-size: 0.92rem;
}
.rg-hint.rg-hint-visible {
    display: inline-block;
}