/* EyeConnect - Custom Styles */

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { display: inline-block; }


/* Clickable table rows */
tr.clickable-row { cursor: pointer; }

/* Form inputs base */
input[type="text"], input[type="number"], input[type="date"], input[type="password"], input[type="email"],
select, textarea {
    font-size: 0.875rem;
}

/* Login form: add padding for icons */
#id_username, #id_password {
    padding-left: 2.25rem;
}

/* Smooth rendering */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Pulse animation for attention indicators */
@keyframes gentle-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.animate-pulse { animation: gentle-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

/* Progress stepper responsive fix */
@media (max-width: 640px) {
    .progress-stepper span { display: none; }
}

/* ── Bidi: force LTR on phone numbers / SKUs / refs / ID-like values ──
   On Arabic (RTL) pages, mixed digit+punctuation strings (phones with
   "+", refs like "PRD-2026-AB12", etc.) render in the wrong visual
   position because their characters have weak BiDi direction.
   Marking them as LTR + isolate keeps them readable AND positioned
   correctly inside RTL cells/labels. */
input[type="tel"],
input[name*="phone" i],
input[id*="phone" i],
.phone, .ltr-num, .sku, .ref, bdi {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: start;
}
/* Inline phone/number badges keep their own LTR run inside RTL flow. */
.phone, .ltr-num, .sku, .ref { display: inline-block; }