/* The Student ID box with its Scan button, on every page that takes a Student ID. */
.sid-row { display: flex; gap: 8px; align-items: stretch; }
.sid-row .form-control { flex: 1; min-width: 0; }
.sid-scan { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; min-height: 44px; border: 0; border-radius: 8px;
            background: #f97316; color: #fff; font-weight: 600; cursor: pointer; flex: none; }
.sid-scan:hover { background: #ea580c; }
.sid-scan:focus-visible { outline: 2px solid #0369a1; outline-offset: 2px; }
.sid-scan svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sid-help { display: block; padding-top: 6px; color: #64748b; font-size: 13px; }