/* ============================================================
   form-indicators.css — Batch 8 item 6
   Required (*) and optional (...) markers used consistently
   across every data-entry form (registration, profile, jobs,
   admin). Loaded from every layout so any form anywhere can use:

     <label asp-for="Name">Name <span class="req">*</span></label>
     <label asp-for="Bio">Bio <span class="opt">(optional)</span></label>

   Keep this file SMALL — indicators only. No other styles.
   ============================================================ */

.req {
    color: #F93A0B;      /* brand orange */
    font-weight: 700;
    margin-left: 2px;
    font-size: 0.95em;
}

.opt {
    color: #8a8a8a;
    font-weight: 400;
    margin-left: 6px;
    font-size: 0.85em;
    font-style: italic;
}

/* When a label uses these, give a touch of breathing room. */
label .req,
label .opt {
    user-select: none;
}