/* TENT "Night & Amber" theme for the sign-in / register / verify pages.
   Loaded after auth-layout.css; delete its <link> in auth/layout to go back. */
:root { --blue: #946010; --blue-d: #26476A; --sky: #B07214; --ink: #0E2439; --muted: #536579; }
body { font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif; background: #F5F7FA; color: #0E2439; }
.auth-brand { background: linear-gradient(135deg, #0A1C2E 0%, #0E2439 55%, #163A5C 100%); }
.auth-brand::before { background: radial-gradient(circle, rgba(176, 114, 20, .18), transparent 65%); }
.auth-brand::after { background: radial-gradient(circle, rgba(176, 114, 20, .28), transparent 65%); }
.auth-brand h1, .auth-card h2 { font-family: "Alexandria", "Inter", "Tajawal", sans-serif; font-weight: 700; }
.wordmark span { color: #F6BE58; }
.auth-brand p.sub, .quote-box .role { color: #B9CADB; }
.feat-list li, .quote-box p { color: #F1F5F9; }
.stars { color: #F6BE58; }
.btn-blue { background: linear-gradient(135deg, #FFD07A, #F2B33D) !important; color: #10263D !important; font-weight: 700; border: 0; }
.btn-blue:hover { background: linear-gradient(135deg, #FFD48A, #F6BE58) !important; }
.form-control:focus { border-color: #B07214; box-shadow: 0 0 0 3px rgba(176, 114, 20, .18); }
.demo-chip:hover { background: #F2F5F9; border-color: #B9CADB; color: #26476A; }

/* New TENT logo — Arabic version (partials/tent-logo-ar). */
.tent-ar { --tent-ink: #122E4A; --tent-paper: #F6BE58; --tent-mark: #122E4A; display: inline-flex; align-items: center; gap: calc(var(--tent-h) * .26); direction: rtl; line-height: 1; white-space: nowrap; }
.tent-ar__icon { width: var(--tent-h); height: var(--tent-h); flex: none; display: block; }
.tent-ar__box { fill: var(--tent-paper); }
.tent-ar__mark { fill: var(--tent-mark); }
.tent-ar__name { font-family: "Alexandria", "Tajawal", sans-serif; font-weight: 900; font-size: calc(var(--tent-h) * .86); color: var(--tent-ink); letter-spacing: 0; }
.tent-ar--light, html[data-theme=dark] .tent-ar--auto { --tent-ink: #FFFFFF; --tent-paper: #F6BE58; --tent-mark: #122E4A; }

/* Show/hide password: sit at the end of the box in both directions and keep
   the typed text clear of it (in Arabic it used to cover the text). */
.input-wrap .toggle { right: auto; left: auto; inset-inline-end: 12px; z-index: 2; padding: 4px 2px; }
.input-wrap .form-control { padding-inline-end: 72px; }
/* Dropdown arrow on the correct side in Arabic */
[dir=rtl] select.form-control { background-position: left 14px center; padding-right: 14px; padding-left: 34px; }