@charset "UTF-8";
@font-face {
  font-family: "Google Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./fonts/google-sans-latin-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Tajawal"; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./fonts/tajawal-arabic-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Tajawal"; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./fonts/tajawal-arabic-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Tajawal"; font-style: normal; font-weight: 700; font-display: swap;
  src: url('./fonts/tajawal-arabic-700-normal.woff2') format('woff2');
}
:root {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  --bg: #fff; --text: #151515; --muted: #747474; --soft: #f6f6f6; --border: #e6e6e6; --input-bg: #f7f7f7; --input-muted: #6b6b6b;
  --button: #171717; --button-text: #fff; --button-hover: #363636; --error: #a12c2c; --error-bg: #fff5f5;
  --focus: #575757; --shadow: 0 5px 20px rgb(0 0 0 / 3%);
  color-scheme: light; background: var(--bg); color: var(--text);
}
:root:lang(ar), .language-menu [lang="ar"] { font-family: "Tajawal", Arial, sans-serif; }
.wordmark, .footer-brand, #url, #short-url, .language-menu [lang]:not([lang="ar"]) { font-family: "Inter", "Helvetica Neue", Arial, sans-serif; }
:root:lang(ar) h1 { font-weight: 700; }
:root:lang(ar) .intro { font-size: 18px; }
:root:lang(ar) label, :root:lang(ar) .language-toggle { font-size: 14px; }
:root:lang(ar) .form-hint { font-size: 13px; }
:root:lang(ar) .steps p, :root:lang(ar) .form-status, :root:lang(ar) .copy-status { font-size: 14px; }
:root:lang(ar) .result-label, :root:lang(ar) .copy-button { font-size: 13px; }
:root:lang(ar) .footer { font-size: 12px; }
:root[data-theme="dark"] {
  --bg: #090909; --text: #f5f5f5; --muted: #9c9c9c; --soft: #141414; --border: #2c2c2c; --input-bg: #171717; --input-muted: #9c9c9c;
  --button: #f5f5f5; --button-text: #111; --button-hover: #d7d7d7; --error: #ffb0b0; --error-bg: #221414;
  --focus: #b2b2b2; --shadow: 0 5px 20px rgb(0 0 0 / 12%); color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 40px; }
body { margin: 0; min-width: 320px; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; }
button, a { touch-action: manipulation; }
svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
[hidden] { display: none !important; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
::selection { background: var(--text); color: var(--bg); }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; }
.skip-link { position: fixed; left: 20px; top: 16px; transform: translateY(-180%); background: var(--button); color: var(--button-text); padding: 12px 18px; border-radius: 6px; z-index: 10; }
.skip-link:focus { transform: translateY(0); }
.page-shell { max-width: 1240px; margin: 0 auto; padding: 0 56px; }
.header { height: 104px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); }
.wordmark { display: inline-flex; align-items: center; gap: 9px; font-size: 29px; line-height: 1; font-weight: 800; letter-spacing: -1.8px; text-decoration: none; }
.brand-logo { display: block; width: 1em; height: 1em; flex-shrink: 0; background-color: currentColor; -webkit-mask: url('/logo.svg') center / contain no-repeat; mask: url('/logo.svg') center / contain no-repeat; }
.brand-dot { color: var(--muted); }
.brand-text{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.brand-suffix{font-size:.62em;font-weight:300;letter-spacing:-.02em}
nav { display: flex; align-items: center; gap: 27px; }
.nav-link { font-size: 13px; font-weight: 500; text-decoration: none; transition: color 160ms; }
.nav-link:hover { color: var(--muted); }
.language-picker { position: relative; }
.language-toggle { display: flex; align-items: center; gap: 7px; min-height: 40px; border: 0; background: transparent; color: var(--text); padding: 6px 0; font-size: 13px; text-align: left; }
#language-name { flex: 0 0 auto; line-height: 20px; }
:root:lang(ar) #language-name { transform: translateY(2px); }
.chevron { width: 15px; height: 15px; transition: transform 160ms; }
.language-toggle[aria-expanded="true"] .chevron { transform: rotate(180deg); }
.language-menu { position: absolute; inset-inline-end: 0; top: calc(100% + 9px); width: 180px; padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); box-shadow: 0 8px 30px rgb(0 0 0 / 12%); z-index: 20; }
.language-menu [data-language] { display: flex; align-items: center; justify-content: space-between; gap: 8px; direction: ltr; width: 100%; padding: 11px 12px; border: 0; border-radius: 5px; background: transparent; color: var(--text); font-size: 13px; text-align: left; text-decoration: none; }
.language-menu [data-language]:hover, .language-menu [data-language]:focus-visible { background: var(--soft); outline-offset: -2px; }
.language-menu [data-language] svg { width: 16px; height: 16px; flex-shrink: 0; visibility: hidden; }
.language-menu [aria-checked="true"] svg { visibility: visible; }
.language-menu [data-language-suggestion] { margin-inline-start: auto; font-size: 9px; color: var(--muted); }
.language-menu:has([data-language-suggestion]:not([hidden])) { width: 220px; }
.nav-divider { width: 1px; height: 18px; background: var(--border); }
.theme-toggle { width: 40px; height: 40px; display: grid; place-items: center; background: transparent; color: var(--text); border: 1px solid var(--border); border-radius: 50%; transition: background 160ms, transform 160ms; }
.theme-toggle:hover { background: var(--soft); transform: rotate(12deg); }
.theme-toggle svg { width: 18px; height: 18px; }
.sun, [data-theme="dark"] .moon { display: none; }
[data-theme="dark"] .sun { display: block; }
.hero { text-align: center; padding: 66px 0 77px; }
.eyebrow { font-size: 11px; font-weight: 500; letter-spacing: 1.9px; text-transform: uppercase; margin: 0 0 24px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--muted); }
.eyebrow > span { width: 5px; height: 5px; background: var(--text); border-radius: 50%; }
.eyebrow b, h1 b { font-weight: inherit; }
h1 { font-size: clamp(66px, 8.6vw, 106px); line-height: .99; letter-spacing: -.072em; font-weight: 600; margin: 0; }
h1 span { color: var(--muted); }
.intro { font-size: 16px; line-height: 1.7; color: var(--muted); margin: 26px 0 0; letter-spacing: -.2px; }
.shortener { max-width: 728px; margin: 40px auto 0; text-align: start; }
label { display: block; font-size: 12px; font-weight: 600; margin: 0 0 11px 2px; }
.input-group { display: flex; align-items: center; gap: 14px; background: var(--input-bg); border: 1px solid var(--border); border-radius: 12px; padding: 7px 7px 7px 21px; box-shadow: var(--shadow); transition: border-color 160ms, box-shadow 160ms; }
.input-group:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px var(--soft); }
.input-group:has([aria-invalid="true"]) { border-color: var(--error); }
.url-icon { width: 19px; height: 19px; color: var(--input-muted); }
input { min-width: 0; flex: 1; padding: 13px 0; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 14px; line-height: 1.5; }
input::placeholder { color: var(--input-muted); opacity: 1; }
input:focus-visible { outline: 0; }
/* Keep browser autofill in the same palette as the URL field. */
#url:is(:autofill, :-webkit-autofill) {
  box-shadow: 0 0 0 1000px var(--input-bg) inset;
  -webkit-text-fill-color: var(--text);
  caret-color: var(--text);
}
#url::selection { -webkit-text-fill-color: var(--bg); }
.primary-button { min-width: 165px; min-height: 50px; border: 0; border-radius: 7px; padding: 14px 18px; background: var(--button); color: var(--button-text); display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 13px; font-weight: 600; transition: background 160ms, transform 160ms; }
/* Tajawal's Arabic glyphs sit above the center of its line box. */
:root:lang(ar) #submit-label { line-height: 1.4; transform: translateY(2px); }
.primary-button:hover:not(:disabled) { background: var(--button-hover); }
.primary-button:active:not(:disabled) { transform: scale(.985); }
.primary-button svg { width: 18px; height: 18px; transition: transform 160ms; }
.primary-button:hover:not(:disabled) svg { transform: translateX(2px); }
.primary-button:disabled { cursor: wait; opacity: .65; }
.spinner { height: 16px; width: 16px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin 800ms linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.form-hint { font-size: 11px; color: var(--muted); text-align: center; margin: 14px 0 0; }
.form-status { font-size: 12px; line-height: 1.6; color: var(--error); background: var(--error-bg); border: 1px solid color-mix(in srgb, var(--error) 25%, transparent); border-radius: 7px; padding: 10px 13px; margin: 14px 0 0; }
.result { margin-top: 18px; border: 1px solid var(--border); border-radius: 12px; background: var(--soft); padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; animation: reveal 200ms ease-out; }
@keyframes reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.result-content { min-width: 0; }
.result-label { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--muted); margin-bottom: 8px; }
.result-label svg { width: 14px; height: 14px; }
#short-url { font-size: 16px; font-weight: 600; text-underline-offset: 4px; overflow-wrap: anywhere; }
#short-url { display: inline-block; direction: ltr; unicode-bidi: isolate; }
.wordmark, .footer-brand { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] h1 { letter-spacing: 0; line-height: 1.25; font-size: clamp(54px, 7vw, 86px); }
[dir="rtl"] .eyebrow { letter-spacing: 0; }
[dir="rtl"] .input-group .primary-button { direction: rtl; }
[dir="rtl"] .steps li + li { border-left: 0; border-right: 1px solid var(--border); padding-left: 0; padding-right: 32px; }
[dir="rtl"] .step-arrow { transform: scaleX(-1); margin-left: 24px; margin-right: auto; }
.copy-button { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 7px; padding: 11px 14px; min-width: 95px; min-height: 42px; font-size: 12px; flex-shrink: 0; transition: border-color 160ms; }
.copy-button:hover { border-color: var(--focus); }
.copy-button:disabled { cursor: wait; opacity: .7; }
.copy-button svg { width: 15px; height: 15px; }
.result-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; }
.copy-status { flex: 1; min-width: 0; font-size: 12px; line-height: 1.6; color: var(--muted); margin: 0; }
.share-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin-inline-start: auto; }
[dir="rtl"] .result-tools .share-actions { margin-left: 0; margin-right: auto; }
.share-button { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 7px; background: var(--bg); color: var(--muted); transition: color 160ms, background 160ms, border-color 160ms; }
.share-button:hover { color: var(--text); background: var(--soft); border-color: var(--focus); }
.share-button svg { width: 17px; height: 17px; }
.share-button .filled { fill: currentColor; stroke: none; }
.how-section { border-top: 1px solid var(--border); padding: 30px 0 44px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.section-heading h2 { margin: 0; font-size: 14px; font-weight: 500; letter-spacing: -.2px; }
.section-heading > span { font-size: 9px; letter-spacing: 1.5px; color: var(--muted); }
.steps { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); }
.steps li { display: flex; align-items: flex-start; gap: 15px; position: relative; }
.steps li + li { padding-left: 32px; border-left: 1px solid var(--border); }
.step-number { font-size: 10px; color: var(--muted); padding-top: 6px; font-variant-numeric: tabular-nums; }
.steps h3 { font-size: 20px; font-weight: 500; letter-spacing: -.6px; margin: 0 0 10px; }
.steps p { font-size: 12px; color: var(--muted); margin: 0; line-height: 1.6; }
.step-arrow { margin-left: auto; margin-right: 24px; margin-top: 3px; width: 17px; height: 17px; color: var(--muted); }
.footer { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; border-top: 1px solid var(--border); padding: 24px 0 29px; color: var(--muted); font-size: 10px; }
.footer-brand { color: var(--text); font-size: 16px; font-weight: 700; letter-spacing: -1px; text-decoration: none; }
.footer p { margin: 0; }
.footer-note { margin-left: 0; }
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-inline-start: auto; font-size: 11px; }
.footer-links a { text-decoration: none; }
:root:lang(ar) .footer-links { font-size: 13px; }
@media (min-width: 1500px) { .hero { padding-top: 84px; padding-bottom: 96px; } }
@media (max-width: 900px) { .page-shell { padding: 0 32px; } .steps li + li { padding-left: 20px; } .step-arrow { display: none; } }
@media (max-width: 900px) { [dir="rtl"] .steps li + li { padding-right: 20px; } }
@media (max-width: 600px) {
  .page-shell { padding: 0 24px; }
  .header { height: 82px; }
  .wordmark { font-size: 26px; }
  nav { gap: 16px; }
  .nav-link { font-size: 12px; }
  .nav-divider { display: none; }
  .theme-toggle { width: 36px; height: 36px; }
  .hero { padding: 52px 0 49px; }
  .eyebrow { font-size: 9px; letter-spacing: 1.7px; margin-bottom: 23px; }
  h1 { font-size: clamp(54px, 14.8vw, 82px); line-height: 1.04; letter-spacing: -.067em; }
  .intro { font-size: 14px; line-height: 1.7; margin-top: 22px; max-width: 300px; margin-left: auto; margin-right: auto; }
  .desktop-break { display: none; }
  .shortener { margin-top: 31px; }
  .input-group { flex-wrap: wrap; column-gap: 11px; row-gap: 0; padding: 6px 7px 7px; }
  .input-group .url-icon { margin-inline-start: 8px; }
  input { width: calc(100% - 40px); font-size: 16px; padding: 14px 0; }
  input::placeholder { font-size: 12px; }
  .primary-button { width: 100%; margin: 0; min-height: 48px; }
  .form-hint { font-size: 10px; margin-top: 12px; }
  .how-section { padding: 26px 0 32px; }
  .section-heading h2 { font-size: 13px; }
  .section-heading > span { font-size: 8px; letter-spacing: 1px; }
  .steps { grid-template-columns: 1fr; margin-top: 27px; gap: 24px; }
  .steps li + li { padding-left: 0; border: 0; }
  [dir="rtl"] .steps li + li { padding-right: 0; border: 0; }
  [dir="rtl"] h1 { font-size: clamp(43px, 11.5vw, 66px); }
  .steps li { gap: 19px; }
  .steps h3 { font-size: 19px; margin-bottom: 5px; }
  .step-number { padding-top: 5px; }
  .steps p { font-size: 12px; }
  .footer { gap: 16px; padding: 23px 0; flex-wrap: wrap; }
  .footer-links { flex-basis: 100%; margin-inline-start: 0; gap: 12px 18px; }
  .footer-note { display: none; }
  .result { padding: 15px; gap: 12px; }
  #short-url { font-size: 14px; }
  .copy-button { min-width: 83px; padding: 10px; }
  .section-heading { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 380px) {
  .result-tools { flex-wrap: wrap; gap: 10px; }
  .copy-status { flex-basis: 100%; }
}

/* Accounts reuse the site's type, colors and controls; URLs remain LTR. */
.account-nav { display:flex; align-items:center; gap:16px; font-size:12px; white-space:nowrap; }
.account-nav a,.account-nav button { color:var(--muted); text-decoration:none; font:inherit; }
.account-nav a:hover,.account-nav button:hover { color:var(--text); }
.account-nav form { margin:0; }
.account-nav button { border:0; background:none; padding:0; cursor:pointer; }
.account-page { max-width:100%; margin:60px 0 100px; min-height:45vh; }
.account-page h1 { font-size:clamp(30px,5vw,48px); line-height:1.3; margin:22px 0; letter-spacing:-.035em; }
.account-back { color:var(--muted); font-size:13px; text-decoration:none; }
.account-intro { color:var(--text); line-height:1.8; }
.account-note { color:var(--muted); font-size:13px; line-height:1.8; max-width:660px; }
.account-feedback { color:var(--error); line-height:1.8; }
.account-button { display:inline-flex; justify-content:center; align-items:center; background:var(--soft); border:1px solid var(--border); color:var(--text); border-radius:8px; padding:10px 14px; min-height:40px; font:inherit; font-size:12px; text-decoration:none; cursor:pointer; line-height:1.5; }
.account-button:hover { background:var(--input-bg); }
.account-button:disabled { opacity:.5; cursor:default; }
/* Google Identity pill: Dark in light mode, Neutral in dark mode.
   Official mark/font sources and attribution: docs/GOOGLE-SIGN-IN-BUTTON.md. */
.provider-continue { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; direction:ltr; box-sizing:border-box; height:40px; padding:0 12px; border:0; border-radius:20px; background:#131314; color:#e3e3e3; box-shadow:inset 0 0 0 1px #8e918f; font-family:"Google Sans","Tajawal",Arial,sans-serif; font-size:14px; font-weight:500; line-height:20px; letter-spacing:0; white-space:nowrap; cursor:pointer; isolation:isolate; }
.provider-continue > span { display:block; line-height:20px; }
.provider-continue .provider-icon { position:absolute; left:4px; top:4px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:color-mix(in srgb,currentColor 8%,transparent); }
.provider-continue .provider-label { min-width:0; }
.provider-continue .provider-mark { display:block; width:20px; height:20px; stroke:none; }
.provider-continue .apple-mark { width:20px; height:20px; flex:0 0 20px; fill:currentColor; stroke:none; }
.google-continue .google-mark { display:block; flex:0 0 20px; width:20px; height:20px; object-fit:contain; }
.provider-continue::before { content:""; position:absolute; inset:0; border-radius:inherit; background:currentColor; opacity:0; pointer-events:none; transition:opacity 160ms; }
.provider-continue:hover:not(:disabled)::before { opacity:.08; }
.provider-continue:active:not(:disabled)::before { opacity:.12; }
.provider-continue:disabled { opacity:.6; cursor:wait; }
:root[data-theme="dark"] .provider-continue { background:#f2f2f2; color:#1f1f1f; box-shadow:none; }
.account-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.account-avatar { position:relative; display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; overflow:hidden; border:1px solid var(--border); border-radius:50%; background:var(--soft); color:var(--text); font-size:17px; font-weight:500; line-height:1; }
.account-avatar img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.account-person { min-width:0; text-align:start; }
.account-person p { margin:0; line-height:1.6; overflow-wrap:anywhere; }
.account-name { font-size:16px; font-weight:500; }
.account-email { color:var(--muted); font-size:12px; }
.admin-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0; }
.stat-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:132px; padding:24px 12px; border:1px solid var(--border); border-radius:12px; background:var(--bg); color:var(--text); text-align:center; transition:background 160ms,border-color 160ms; }
.stat-card:hover { background:var(--soft); border-color:var(--focus); }
.stat-card[aria-pressed="true"] { background:var(--soft); border-color:var(--text); }
.admin-stats span { font-size:12px; color:var(--muted); }
.admin-stats strong { font-size:30px; font-weight:500; }
.admin-search label { display:block; font-size:13px; margin-bottom:10px; }
.admin-search>div { display:flex; gap:10px; max-width:560px; }
.admin-search input,.admin-search select,.account-page textarea { min-width:0; width:100%; background:var(--input-bg); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:12px; font:inherit; }
#admin-status { min-height:24px; font-size:13px; line-height:1.8; color:var(--muted); }
.admin-table-wrap { overflow-x:auto; border-block:1px solid var(--border); }
.admin-table { width:100%; border-collapse:collapse; font-size:12px; text-align:start; }
.admin-table th { text-align:start; color:var(--muted); font-weight:500; }
.admin-table th,.admin-table td { padding:16px 12px; border-bottom:1px solid var(--border); vertical-align:middle; }
.admin-table td:first-child { font-family:monospace; }
.admin-table td a { display:block; max-width:300px; min-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); text-decoration:none; }
.admin-table td:nth-child(3),.admin-table td:last-child { white-space:nowrap; }
.admin-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:24px; font-size:12px; }
.account-page dialog { max-width:min(480px,calc(100vw - 32px)); padding:28px; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:14px; box-shadow:0 24px 80px #0005; }
.account-page dialog::backdrop { background:#0008; }
.account-page dialog h2 { font-size:24px; margin-top:0; }
.account-page dialog p { line-height:1.8; }
.account-page dialog label { display:block; margin:24px 0 10px; font-size:13px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
.dialog-actions .primary-button { min-height:42px; padding:12px 16px; }
#moderation-error { color:var(--error); font-size:13px; }
@media(max-width:700px) { .header { height:auto; min-height:104px; padding-block:24px; gap:18px; flex-wrap:wrap; } .header nav { flex-wrap:wrap; justify-content:flex-end; gap:12px; } .account-nav { gap:12px; font-size:11px; } .account-page { margin-top:32px; } .admin-stats strong { font-size:24px; }  }
@media(max-width:440px) { .header { align-items:flex-start; } .header nav { max-width:230px; } .account-nav { width:100%; justify-content:flex-end; } }

.admin-search input:focus-visible,.admin-search select:focus-visible,.account-page textarea:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }

/* Keep sign-in centered without changing profile or administration layouts. */
.login-page .page-shell { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
.login-page .header,.login-page .footer { flex-shrink:0; }
.account-login { flex:1; display:grid; place-items:center; min-height:0; margin:0; padding:64px 0; }
.login-content { width:min(100%,440px); text-align:center; }
.account-status-icon { display:grid; place-items:center; width:76px; height:76px; margin:0 auto 24px; border:1px solid var(--border); border-radius:50%; background:var(--input-bg); color:var(--text); }
.account-status-icon svg { display:block; width:32px; height:32px; }
.login-content h1 { margin:0 0 18px; }
:root:lang(ar) .login-content h1 { letter-spacing:0; }
.login-content .account-intro { margin:0; color:var(--muted); }
.login-content form { display:flex; justify-content:center; margin:28px 0 20px; }
.login-content .login-providers { display:grid; gap:12px; width:280px; max-width:100%; margin:28px auto 20px; }
.login-content .login-providers form { display:block; margin:0; }
.login-content .provider-continue { width:100%; max-width:100%; min-width:0; margin:0; padding-inline:40px; }
:root:lang(ar) .login-providers .provider-label { font-size:13px; }
.login-content .account-note { margin:10px 0; }
.login-content .account-feedback:empty { display:none; }
.login-content .account-feedback { margin:20px 0 0; }
.login-content .account-back { display:inline-block; margin-top:22px; }
@media(max-width:700px) { .account-login { margin:0; padding:48px 0; } }

/* Local, script-specific faces. Only the active page uses these families.
   Generated subsets retain authored text; regenerate after translation edits. */
@font-face { font-family:"AQSR SC"; src:url('/fonts/noto-zh-hans-400-700-20261017.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF,U+20000-3134F; }
@font-face { font-family:"AQSR KR"; src:url('/fonts/noto-ko-400-700-20261017.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF; }
@font-face { font-family:"AQSR JP"; src:url('/fonts/noto-ja-400-700-20261017.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF; }
@font-face { font-family:"AQSR Cyrillic"; src:url('/fonts/noto-ru-400-700.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; unicode-range:U+0400-052F; }
@font-face { font-family:"AQSR Devanagari"; src:url('/fonts/noto-hi-400-700.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF,U+200C-200D; }
:root:lang(zh-Hans) { --language-font:"AQSR SC",Arial,sans-serif; }
:root:lang(ko) { --language-font:"AQSR KR",Arial,sans-serif; }
:root:lang(ja) { --language-font:"AQSR JP",Arial,sans-serif; }
:root:lang(ru) { --language-font:"AQSR Cyrillic",Arial,sans-serif; }
:root:lang(hi) { --language-font:"AQSR Devanagari",Arial,sans-serif; }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(ru),:lang(hi)) { font-family:var(--language-font); }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(ru),:lang(hi)) .provider-continue { font-family:var(--language-font); }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(hi)) h1 { letter-spacing:0; line-height:1.25; font-size:clamp(48px,7vw,88px); }
:root:lang(hi) h1 { line-height:1.45; }
:root:lang(ru) h1 { font-size:clamp(40px,6.5vw,82px); letter-spacing:-.04em; line-height:1.1; }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(ru),:lang(hi)) .account-page h1 { font-size:clamp(30px,5vw,48px); line-height:1.4; }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(hi)) :is(.eyebrow,.section-heading > span,.docs-eyebrow,.docs-group-label,.docs-title,.docs-section-heading h2,.docs-prose h3) { letter-spacing:0; }
:root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(hi)) :is(.intro,.steps p,.primary-button,.copy-button,.language-toggle,.footer-links) { line-height:1.7; }
:root:lang(ko) :is(.intro,.steps,.docs-title,.docs-section-heading,.docs-faq summary) { word-break:keep-all; overflow-wrap:anywhere; }
:root:lang(hi) :is(.intro,.form-hint,.steps p,.account-intro,.account-note) { line-height:1.9; }
.language-menu { max-height:min(70svh,520px); overflow-y:auto; overscroll-behavior:contain; }
@media(max-width:700px) {
  :root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(hi)) h1 { font-size:clamp(40px,10.5vw,66px); }
  :root:lang(ru) h1 { font-size:clamp(30px,8.5vw,54px); }
  :root:is(:lang(zh-Hans),:lang(ko),:lang(ja),:lang(ru),:lang(hi)) .account-page h1 { font-size:30px; }
}

/* English account pages: shared navigation and administrator settings preview. */
.account-sections{display:flex;gap:28px;border-bottom:1px solid var(--border);margin:0 0 36px;font-size:13px;overflow-x:auto}
.account-sections a{padding:0 0 15px;text-decoration:none;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}
.account-sections a[aria-current=page]{color:var(--text);border-color:var(--text)}
.account-details{margin:28px 0;border-top:1px solid var(--border);font-size:14px}
.account-details>div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--border)}
.account-details dt{color:var(--muted)}.account-details dd{margin:0;overflow-wrap:anywhere;line-height:1.6}
.settings-section{padding:30px 0;border-bottom:1px solid var(--border)}.settings-section:first-of-type{padding-top:12px}.settings-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.settings-section h2{font-size:19px;letter-spacing:-.4px;font-weight:600;margin:0}.setting-tag{font-size:11px;border:1px solid var(--border);padding:5px 9px;border-radius:6px;color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.settings-grid label{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}
.settings-grid input,.settings-grid select,.site-brand-name input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--input-bg);font:inherit}
.settings-grid input:disabled,.settings-grid select:disabled{opacity:.65;cursor:not-allowed}.settings-section .account-details{margin-bottom:0}
.setting-option{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;border-top:1px solid var(--border)}.setting-option strong{display:block;font-size:14px;font-weight:500}.setting-option small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:7px}.setting-option input{accent-color:var(--text);width:18px;height:18px;flex-shrink:0}
@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.account-details>div{grid-template-columns:1fr;gap:8px}.account-sections{gap:24px;margin-bottom:28px}}
html[data-page=account] .header .nav-divider{display:none}
.local-preview-notice{padding:12px 0;font-size:11px;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--border)}.local-preview-notice a{margin-left:8px;text-underline-offset:3px}
body[data-visual-preview] .google-continue:disabled{opacity:1;cursor:default}

/* Administrator-access notice above sign-in providers. */
.login-content .login-access-note{color:var(--muted);margin:6px 0 0}

/* Authenticated account navigation lives in the header avatar menu. */
.account-menu { position:relative; flex-shrink:0; }
.account-menu > summary { display:block; list-style:none; cursor:pointer; border-radius:50%; }
.account-menu > summary::-webkit-details-marker { display:none; }
.account-menu .account-avatar { width:40px; height:40px; flex-basis:40px; font-size:14px; transition:border-color 160ms; }
.account-menu > summary:hover .account-avatar,.account-menu[open] .account-avatar { border-color:var(--focus); }
.account-dropdown { position:absolute; right:0; top:calc(100% + 12px); width:240px; max-width:calc(100vw - 112px); padding:6px; border:1px solid var(--border); border-radius:12px; background:var(--bg); box-shadow:0 8px 30px rgb(0 0 0 / 12%); z-index:25; }
.account-dropdown a,.account-dropdown .account-menu-action { display:flex; align-items:center; width:100%; min-height:44px; padding:10px 12px; border:0; border-radius:6px; background:transparent; color:var(--text); font:inherit; font-size:13px; line-height:1.5; text-align:left; text-decoration:none; }
.account-dropdown a:hover,.account-dropdown a:focus-visible,.account-dropdown .account-menu-action:hover,.account-dropdown .account-menu-action:focus-visible,.account-dropdown [aria-current="page"] { background:var(--soft); outline-offset:-2px; }
.account-dropdown form { margin:6px 0 0; padding-top:6px; border-top:1px solid var(--border); }
.account-dropdown .account-menu-action:disabled { color:var(--muted); cursor:wait; }
.account-dropdown .account-feedback { margin:8px 12px; font-size:12px; }

.account-menu-profile { padding:16px 12px 18px; margin-bottom:6px; border-bottom:1px solid var(--border); }
.account-menu-profile .account-identity { flex-direction:column; gap:10px; }
.account-menu-profile .account-avatar { width:64px; height:64px; flex-basis:64px; font-size:22px; }
.account-menu-profile .account-person { width:100%; text-align:center; }
.account-menu-profile .account-name { font-size:17px; font-weight:700; line-height:1.4; }
.account-menu-profile .account-email { font-size:13px; line-height:1.5; margin-top:0; }
html[data-page=account] .header .account-menu + .nav-divider { display:block; flex-shrink:0; }

.account-dropdown a,.account-dropdown .account-menu-action { gap:10px; }
.account-menu-icon { display:block; width:18px; height:18px; flex:0 0 18px; color:inherit; }

.account-dropdown .account-menu-action:hover,.account-dropdown .account-menu-action:focus-visible { background:var(--error-bg); color:var(--error); }

.admin-search > .admin-filters { display:grid; grid-template-columns:minmax(0,1fr) 160px 180px 180px; max-width:none; gap:16px; align-items:end; }
.admin-search select { min-height:44px; }
@media(max-width:900px) { .admin-search > .admin-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .admin-search-field { grid-column:1/-1; } }
@media(max-width:600px) { .admin-search > .admin-filters { grid-template-columns:minmax(0,1fr); } }

/* Shared select field: native popup/keyboard behavior, consistent themed control. */
.select-field { min-width:0; }
.select-control { position:relative; }
.select-control select { appearance:none; width:100%; min-height:44px; padding:12px 40px 12px 12px; border:1px solid var(--border); border-radius:8px; background:var(--input-bg); color:var(--text); font:inherit; cursor:pointer; text-overflow:ellipsis; }
.select-control > .chevron { position:absolute; right:13px; top:50%; transform:translateY(-50%); pointer-events:none; }

/* Progressive enhancement of the shared select field to an AQSR popup. */
.select-control.is-enhanced > select { display:none; }
.select-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; padding:12px; border:1px solid var(--border); border-radius:8px; background:var(--input-bg); color:var(--text); font:inherit; text-align:left; }
.select-trigger > span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.select-trigger .chevron { position:static; transform:none; transition:transform 160ms; }
.select-trigger[aria-expanded="true"] .chevron { transform:rotate(180deg); }
.select-popup { position:absolute; left:0; top:calc(100% + 9px); width:100%; max-height:min(260px,40vh); overflow-y:auto; overscroll-behavior:contain; padding:6px; border:1px solid var(--border); border-radius:12px; background:var(--bg); box-shadow:0 8px 30px rgb(0 0 0 / 12%); z-index:30; }
.select-option { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:10px 12px; border-radius:6px; color:var(--text); font-size:13px; line-height:1.5; overflow-wrap:anywhere; cursor:pointer; }
.select-option:hover,.select-option[data-active="true"] { background:var(--soft); }
.select-option[aria-disabled="true"] { color:var(--muted); cursor:default; }
.select-option svg { width:16px; height:16px; flex:0 0 16px; visibility:hidden; }
.select-option[aria-selected="true"] svg { visibility:visible; }
@media(max-width:600px) { .admin-stats { gap:10px; } .stat-card { min-height:110px; padding:18px 8px; } }

/* The links title forms a quiet centered strip below the header. */
.account-page.account-inner-page { margin-top:0; }
.account-page.account-inner-page > .account-titlebar { margin:0; padding:18px 0; border-bottom:1px solid var(--border); font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-.025em; text-align:center; }

.admin-cell-actions { display:inline-flex; align-items:center; gap:8px; }
.admin-table td .row-icon-action { display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; height:30px; min-width:0; max-width:none; padding:6px; border:1px solid var(--border); border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; }
.admin-table td .row-icon-action:hover { background:var(--soft); color:var(--text); }
.admin-table td .row-icon-action:disabled { opacity:.6; cursor:wait; }
.row-icon-action svg { display:block; width:16px; height:16px; }

/* State text retains its label as well as a theme-aware semantic color. */
.admin-table .link-state-active { color:#197044; }
.admin-table .link-state-disabled { color:#b33d3d; }
:root[data-theme="dark"] .admin-table .link-state-active { color:#79d6a2; }
:root[data-theme="dark"] .admin-table .link-state-disabled { color:#f49b9b; }

.unavailable-short-link { margin:22px 0 0; padding:14px 16px; border:1px solid var(--border); border-radius:10px; background:var(--input-bg); color:var(--text); text-align:center; overflow-wrap:anywhere; font-size:15px; line-height:1.7; }
.unavailable-short-link code { font-family:monospace; }


/* Account settings: private read-only details and explicitly planned controls. */
.account-settings{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;margin-top:32px}
.account-sidebar{position:sticky;top:20px;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:6px;align-self:start;min-width:0;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin;background:var(--bg);padding-right:24px;border-right:1px solid var(--border)}
.account-sidebar a{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:13px 14px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:500;text-align:left;text-decoration:none;line-height:1.5}
.account-sidebar a:hover,.account-sidebar a[aria-selected=true],.account-sidebar a[aria-current=page]{background:var(--soft);color:var(--text)}
.account-sidebar a[aria-selected=true],.account-sidebar a[aria-current=page]{font-weight:600}.account-sidebar svg{flex-shrink:0}
.account-sidebar a:focus-visible,.account-settings-panel:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.account-settings-content{min-width:0}.account-settings-panel{padding-bottom:28px}.account-settings-panel[hidden]{display:none}
.account-settings-panel h2{font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:0 0 1px}.account-settings-panel>p.account-note{margin:0 0 24px}
.account-settings-panel .settings-section-heading{margin-bottom:1px}
.account-settings-panel .settings-section-heading h2{margin:0}
.account-settings-panel .settings-grid{margin:28px 0}.account-settings-panel .account-note{max-width:none}
.site-settings [data-site-settings-form] fieldset>.account-note{line-height:1.45;margin:0 0 4px}
.site-appearance{width:100%;min-width:0}
.site-appearance h3{font-size:17px;font-weight:600;margin:0 0 18px}
.site-theme-switch-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 18px;background:var(--soft);border-radius:12px;width:100%;min-width:0;margin:0 0 24px}
.site-theme-switch-row strong{display:block;font-size:14px;font-weight:500;line-height:1.4}
.site-theme-switch-row small{display:block;margin-top:4px;font-size:12px;color:var(--muted);line-height:1.5}
.account-settings .site-theme-options legend{font-size:13px;color:var(--field-label-color);padding:0;margin-bottom:10px}
.site-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.site-theme-card{position:relative;display:grid;min-width:0;margin:0;gap:12px;padding:10px;border:1px solid var(--border);border-radius:11px;cursor:pointer;background:var(--bg)}
.site-theme-card:hover{background:var(--soft)}
.site-theme-card:has(input:checked){border-color:var(--text);box-shadow:0 0 0 1px var(--text)}
.site-theme-card:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}
.site-theme-card input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.site-theme-card-label{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:13px;font-weight:500;line-height:1.4;color:var(--text)}
.site-theme-card-label svg{visibility:hidden;flex:none}
.site-theme-card:has(input:checked) .site-theme-card-label svg{visibility:visible}
.site-theme-sample{display:flex;flex-direction:column;gap:7px;height:74px;padding:10px;border-radius:6px;overflow:hidden;--sample-ink:#bcbcbc;background:#f2f2f2;border:1px solid #e0e0e0}
.site-theme-sample-dark{background:#181818;border-color:#333;--sample-ink:#686868}
.site-theme-sample-system{background:linear-gradient(110deg,#f2f2f2 50%,#181818 50%);border-color:#8886}
.site-theme-sample-nav{display:block;height:8px;width:100%;border-bottom:1px solid var(--sample-ink);margin-bottom:3px}
.site-theme-sample-line{display:block;height:5px;width:68%;border-radius:3px;background:var(--sample-ink)}
.site-theme-sample-line:last-child{width:44%}
.site-appearance>#site-theme-help{margin:12px 0 0;line-height:1.5;font-size:12px;color:var(--muted)}
@media(max-width:480px){.site-theme-grid{gap:8px}.site-theme-card{padding:8px;gap:10px}.site-theme-sample{height:60px;padding:8px}.site-theme-switch-row{padding:14px;gap:16px}}
@media(forced-colors:active){.site-theme-card:has(input:checked){border:2px solid Highlight}.site-theme-sample{forced-color-adjust:none}}
.site-branding{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}
.site-branding h3{font-size:17px;font-weight:600;margin:0 0 10px}
.site-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.site-branding-grid [data-site-asset-form]{min-width:0;padding:0}
.site-branding-grid h4{font-size:14px;font-weight:500;color:var(--field-label-color);margin:0 0 12px}
.site-asset-preview{display:grid;place-items:center;width:56px;height:56px;flex:none;margin:0}
.site-asset-preview .brand-logo{width:32px;height:32px}
.site-asset-preview img{display:block;width:32px;height:32px;object-fit:contain}
.site-branding-grid .account-note{line-height:1.6;margin:12px 0 0}
.site-asset-row{display:flex;align-items:center;gap:4px;min-height:66px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}
.site-asset-controls{display:grid;gap:12px;min-width:0;flex:1}
.site-brand-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:20px 0 24px}
.site-brand-name{display:grid;gap:8px;min-width:0;margin:0;font-size:13px;color:var(--field-label-color)}
.site-brand-name input{height:44px;line-height:22px}
.site-brand-name input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.site-asset-picker{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.site-asset-picker>span{min-width:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.site-branding-grid .account-save-row{gap:10px;margin-top:18px}
.site-branding-grid [data-asset-feedback]{margin-top:12px;line-height:1.6}
@media(max-width:900px){.site-branding-grid{grid-template-columns:minmax(0,1fr)}.site-brand-fields{grid-template-columns:minmax(0,1fr)}}
.account-proposed{border-top:1px solid var(--border);padding-top:24px;margin-top:32px}
.account-photo-setting{display:flex;align-items:start;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}
.account-option{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--border)}
.account-option h3{font-size:14px;font-weight:500;margin:0 0 8px}.account-option p{margin:0}.account-option button{flex-shrink:0}
.account-settings-panel .account-button:disabled{opacity:.6;cursor:not-allowed}.account-danger{color:var(--error)}
.account-settings-panel>.account-option:last-of-type{margin-bottom:24px}
@media(max-width:900px){.account-settings{grid-template-columns:180px minmax(0,1fr);gap:28px}.account-settings .settings-grid{grid-template-columns:1fr}.account-option{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:700px){.account-settings{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px}.account-sidebar{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:0 0 14px}.account-sidebar a{white-space:nowrap;flex-shrink:0;padding:11px 13px}.account-settings-panel h2{font-size:20px}}
.account-settings fieldset{margin:0;padding:0;min-width:0;border:0}.account-save-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.account-button.account-save{background:#16733d;border-color:#16733d;color:#fff;font-weight:600;min-width:128px}.account-button.account-save:hover{background:#115d31;border-color:#115d31}
:root[data-theme=dark] .account-button.account-save{background:#86d6a3;border-color:#86d6a3;color:#102b1a}:root[data-theme=dark] .account-button.account-save:hover{background:#a0e4b8;border-color:#a0e4b8}
.account-save-feedback{font-size:13px;color:var(--error);line-height:1.6;margin:0}.account-save-feedback.is-success{color:#16733d}:root[data-theme=dark] .account-save-feedback.is-success{color:#86d6a3}
.account-inline-check{display:flex;align-items:center;gap:10px;font-size:13px}.account-inline-check input{accent-color:var(--text);width:17px;height:17px}
.account-subheading{font-size:16px;font-weight:600;margin:32px 0 12px}.account-activity{list-style:none;padding:0;margin:20px 0}.account-activity li{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.7}.account-activity time{color:var(--muted);font-size:12px}
.account-settings input[type=file]{font-size:12px;max-width:100%}.account-settings input[type=file]::file-selector-button{background:var(--soft);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:6px 8px;margin-right:8px;cursor:pointer}
#account-confirm input{box-sizing:border-box;width:100%;margin-top:10px;padding:10px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;font:inherit}
#account-confirm button.account-danger{color:var(--error)}[data-visual-preview] .account-settings fieldset:disabled .account-save{opacity:.6;cursor:not-allowed}

/* Profile editing keeps one-line controls independent of neighbouring helper text. */
.account-settings .settings-grid input:not([type=file]):not([type=checkbox]),.account-settings .settings-grid select{height:44px;min-height:44px;flex:0 0 auto;line-height:22px}
.account-settings [data-settings-form=profile]{margin-top:30px;padding-top:28px;border-top:1px solid var(--border)}
.account-settings-panel [data-settings-form=profile] .settings-grid{margin:0 0 24px;align-items:start}
.account-photo-field{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:13px;line-height:1.5}
.account-photo-picker{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg)}
.account-photo-picker .account-button{min-height:32px;padding:5px 10px;font-size:12px;flex-shrink:0}
.account-photo-picker [data-photo-file-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.account-photo-help{margin:0;color:var(--muted);font-size:12px;line-height:1.7}

/* Preferences reuse the same select renderer, trigger and popup as link filters. */
.account-settings .select-field{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}
.account-settings .select-trigger{height:44px;min-height:44px;padding:10px 12px;font:inherit}
.account-settings .select-trigger:disabled{opacity:.65;cursor:not-allowed}

.select-option > span[lang="ar"],.select-trigger > span[lang="ar"]{font-family:"Tajawal",Arial,sans-serif}

/* One label-to-control rhythm throughout My account. */
.account-settings{--account-field-gap:10px}
.account-settings .settings-grid label{margin:0;gap:var(--account-field-gap)}
.account-settings .select-field,.account-settings .account-photo-field{gap:var(--account-field-gap)}

/* Subdued field titles retain readable contrast in both themes. */
:root{--field-label-color:#686868}
:root[data-theme=dark]{--field-label-color:#aaa}
.account-settings{--account-label-color:var(--field-label-color)}
.account-settings .settings-grid label,.account-settings #account-photo-label{color:var(--account-label-color);opacity:1;font-weight:600}
.account-page .admin-search label,.account-page .select-field>label,.settings-section .settings-grid>label{color:var(--field-label-color)}

/* Native notification checkboxes styled as iOS switches; checked remains the form value. */
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]{appearance:none;position:relative;display:block;flex:0 0 44px;width:44px;min-width:44px;height:26px;min-height:26px;margin:0;padding:0;border:1px solid transparent;border-radius:999px;background:#d1d1d6;cursor:pointer;transition:background-color 180ms}
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]::before{content:"";position:absolute;top:1px;left:1px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform 180ms}
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]:checked{background:#34c759}
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]:checked::before{transform:translateX(18px)}
:root[data-theme=dark] .account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]{background:#39393d}
:root[data-theme=dark] .account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]:checked{background:#30d158}
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox],.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]::before{transition:none}}
@media(forced-colors:active){.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]{appearance:auto;background:none}.account-settings :is([data-settings-form=notifications],[data-site-header-form],.footer-tagline-switch,.language-enabled) input[type=checkbox]::before{display:none}}

.account-autosave-feedback{min-height:22px;margin:18px 0 0}

/* Account export choices share the private account page's theme tokens. */
.account-export{padding:24px 0;border-bottom:1px solid var(--border)}
.account-export h3{font-size:14px;font-weight:500;margin:0 0 8px}
.account-settings .account-export-options{border:0;padding:0;margin:24px 0;min-width:0}
.account-export-options legend{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--muted)}
.account-export-grid,.account-export-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-export-choice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;line-height:1.5;min-width:0}
.account-export-choice input[type="checkbox"]{appearance:auto;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;accent-color:var(--text);padding:0}
.account-export-choice:has(input:checked){background:var(--soft)}
.account-export-choice:focus-within{outline:2px solid var(--text);outline-offset:2px}
.account-export-choice strong{font-size:13px;font-weight:500;display:block}
.account-export-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:4px}
.account-export>.account-note{margin:0 0 18px}
#account-export-feedback:empty{display:none}
@media(max-width:700px){.account-export-grid,.account-export-formats{grid-template-columns:1fr}}

.account-export-actions{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.account-export-actions>button{flex-shrink:0}

.account-export-links{grid-column:1/-1}

.account-export-unavailable{cursor:not-allowed}
.account-export-unavailable strong{color:var(--muted)}

/* Users administration reuses links cards, filters, table and title strip. */
.users-toolbar,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}
.users-toolbar p,.table-toolbar p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.users-toolbar button,.table-toolbar button{flex-shrink:0}
.table-toolbar #admin-status{min-height:0}
.users-table{min-width:940px}
.users-table input[type=checkbox]{appearance:auto;width:16px;height:16px;margin:0;accent-color:var(--text)}
.users-table td:first-child{font-family:inherit;width:36px}
.users-table-identity{display:flex;gap:12px;align-items:center;min-width:220px;max-width:300px}
.users-table-identity .account-avatar{width:36px;height:36px;flex:0 0 36px;font-size:12px}
.users-table-person{min-width:0}
.users-table-person strong,.users-table-person>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.8}
.users-table-person strong{font-size:13px;font-weight:500}.users-table-person>span{font-size:12px;color:var(--muted)}
.users-table td[data-column=registered],.users-table td[data-column=signin]{white-space:nowrap}
.users-access-note{margin:24px 0;max-width:none}
.account-page #user-details{width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
.users-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.users-dialog-header h2{margin:0;font-size:21px}.users-dialog-header button{border:0;border-radius:6px;background:var(--soft);color:var(--text);width:32px;height:32px;font-size:22px;line-height:1;flex-shrink:0}
.users-detail-identity{margin:20px 0;overflow-wrap:anywhere}.users-detail-identity strong,.users-detail-identity>span{display:block;line-height:1.8}.users-detail-identity>span{font-size:13px;color:var(--muted)}
#user-details .account-details{margin:20px 0;font-size:12px}#user-details .account-details>div{padding:12px 0;gap:16px}
.users-detail-activity{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:20px}.users-detail-activity h3{font-size:13px;font-weight:500}.users-detail-activity ul{max-height:130px;overflow:auto;padding-left:18px;font-size:12px;line-height:1.9;color:var(--muted)}
#user-type-form{padding-bottom:20px;border-bottom:1px solid var(--border)}#user-type-form .select-field{display:flex;flex-direction:column;gap:10px}#user-type-form .select-field>label{margin:0}
#user-type-form .select-popup{position:relative;top:0;max-height:150px;margin-top:8px}
.users-session-action{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}
#user-details button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.users-toolbar{align-items:flex-start;flex-wrap:wrap}.users-session-action{align-items:flex-start;flex-direction:column}}

/* Unconnected administrator-code flow: visual preview only. */
.users-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.users-verification-preview{margin-top:16px}
.account-page #admin-verification-preview{width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
#admin-verification-preview h3{font-size:15px;font-weight:600;margin:24px 0 8px}
.admin-verification-notice{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:12px;color:var(--muted);margin:22px 0}
.admin-verification-notice .setting-tag{display:table;margin-bottom:8px}
#admin-verification-preview .select-field{display:flex;flex-direction:column;gap:10px}
#admin-verification-preview .select-field>label{margin:0}
#admin-verification-preview .select-popup{position:relative;top:0;max-height:180px;margin-top:8px}
.admin-verification-target{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--border);margin-top:12px;overflow-wrap:anywhere}
.admin-verification-target>span{color:var(--muted);font-size:12px}.admin-verification-target strong{font-size:14px;font-weight:500}
#admin-verification-preview .admin-preview-recipients{font-size:11px;margin-bottom:12px}
.admin-verification-codes{display:flex;flex-direction:column;gap:12px}
#admin-verification-preview .admin-verification-code{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:10px;margin:0;min-width:0}
.admin-verification-code strong,.admin-verification-code small{display:block;line-height:1.8}.admin-verification-code strong{font-size:13px;font-weight:500}.admin-verification-code small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.admin-verification-code input{width:134px;min-width:0;flex:0 0 134px;height:44px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit;font-size:18px;letter-spacing:.2em;text-align:center}
.admin-verification-session{display:flex;gap:10px;align-items:flex-start;padding:16px 0;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}
.admin-verification-session svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px}
.admin-verification-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.admin-verification-actions button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){#admin-verification-preview .admin-verification-code{flex-direction:column;align-items:stretch;gap:10px}.admin-verification-code input{width:100%;flex:auto}.admin-verification-actions>button{width:100%}}

/* Reusable table-column disclosure; visibility is local to the browser. */
.table-columns{position:relative;flex:0 0 auto}
.account-button.table-columns-trigger{display:flex;align-items:center;justify-content:center;width:42px;min-height:42px;padding:10px}
.table-columns-trigger svg{width:18px;height:18px}
.table-columns-trigger[aria-expanded=true]{background:var(--soft);border-color:var(--focus)}
.table-columns-popup{position:absolute;right:0;top:calc(100% + 10px);width:240px;max-width:calc(100vw - 32px);max-height:min(460px,70dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 8px 30px rgb(0 0 0 / 12%);z-index:30}
.table-columns-popup .table-columns-heading{color:var(--text);font-size:13px;font-weight:600;padding:10px 12px 8px;margin:0}
.table-columns-options label{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0;min-height:40px;border-radius:6px;font-size:13px;font-weight:400;color:var(--text);cursor:pointer;line-height:1.5}
.table-columns-options label:hover,.table-columns-options label:focus-within{background:var(--soft)}
.table-columns-options input{appearance:auto;flex:0 0 16px;width:16px;height:16px;padding:0;margin:0;accent-color:var(--text)}
.table-columns-options label:has(input:disabled){color:var(--muted);cursor:default}
.table-columns-popup .table-columns-help{font-size:11px;line-height:1.7;padding:10px 12px;border-top:1px solid var(--border);margin:6px 0 0}
.table-columns-reset{display:block;width:100%;border:0;border-radius:6px;padding:10px 12px;text-align:left;background:transparent;color:var(--text);font:inherit;font-size:12px}
.table-columns-reset:hover,.table-columns-reset:focus-visible{background:var(--soft)}
.users-table.has-hidden-columns{min-width:0}
.admin-table.has-resizable-columns{table-layout:fixed;min-width:0}
.has-resizable-columns th{position:relative;padding-right:22px}
.has-resizable-columns th,.has-resizable-columns td{overflow:hidden;text-overflow:ellipsis}
.has-resizable-columns .users-table-identity{min-width:0;max-width:none}
.has-resizable-columns .users-table-person{flex:1}
.links-table.has-resizable-columns .admin-cell-actions{display:flex;min-width:0;width:100%}
.links-table.has-resizable-columns .admin-cell-actions>span,.links-table.has-resizable-columns .admin-destination-link{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.links-table.has-resizable-columns .admin-destination-link{flex:1}
.has-resizable-columns td .account-button{max-width:100%;white-space:normal}
.has-resizable-columns col[hidden]{display:none}
.table-column-resizer{position:absolute;right:0;top:0;bottom:0;width:12px;cursor:col-resize;touch-action:none;z-index:1;outline-offset:-3px}
.table-column-resizer[hidden]{display:none}
.has-resizable-columns th:not(:has(.table-column-resizer:not([hidden]))){padding-right:12px}
.table-column-resizer::after{content:"";position:absolute;right:5px;top:25%;bottom:25%;width:1px;background:var(--border)}
.table-column-resizer:hover::after,.table-column-resizer:focus-visible::after{width:2px;background:var(--text)}
.table-column-resizer:focus-visible{outline:2px solid var(--focus)}
.has-resizable-columns.is-resizing,.has-resizable-columns.is-resizing *{cursor:col-resize;user-select:none}

.users-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1000px){.users-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.users-stats [data-user-card=all]{grid-column:1/-1}}

.users-stat-label{display:flex;align-items:center;justify-content:center;gap:7px}
.users-stat-label svg{width:16px;height:16px}
.users-stats [data-user-card=administrators]{--admin-accent:#866019;--admin-border:#c9b88c;--admin-surface:#faf7ef;--admin-hover:#f5efdf;border-color:var(--admin-border);background:var(--admin-surface)}
:root[data-theme=dark] .users-stats [data-user-card=administrators]{--admin-accent:#dfbd78;--admin-border:#695737;--admin-surface:#19160f;--admin-hover:#242015}
.users-stats [data-user-card=administrators] .users-stat-label{color:var(--admin-accent)}
.users-stats [data-user-card=administrators]:hover{background:var(--admin-hover);border-color:var(--admin-accent)}
.users-stats [data-user-card=administrators][aria-pressed=true]{border-color:var(--admin-accent);box-shadow:inset 0 0 0 1px var(--admin-accent);background:var(--admin-hover)}

#users-search>.admin-filters{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}
@media(max-width:1100px){#users-search>.admin-filters{grid-template-columns:repeat(4,minmax(0,1fr))}#users-search .admin-search-field{grid-column:1/-1}}
@media(max-width:700px){#users-search>.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){#users-search>.admin-filters{grid-template-columns:minmax(0,1fr)}}

/* The server renders the global header policy before scripts/styles run. */
:root[data-site-theme-switch=hidden] .theme-toggle,:root[data-site-theme-switch=hidden] .nav-divider:has(+.theme-toggle){display:none!important}
@media(prefers-color-scheme:dark){:root[data-site-theme=system]:not([data-theme]){--bg:#090909;--text:#f5f5f5;--muted:#9c9c9c;--soft:#141414;--border:#2c2c2c;--input-bg:#171717;--input-muted:#9c9c9c;--button:#f5f5f5;--button-text:#111;--button-hover:#d7d7d7;--error:#ffb0b0;--error-bg:#221414;--focus:#b2b2b2;--shadow:0 5px 20px rgb(0 0 0 / 12%);color-scheme:dark}}

/* Footer configuration shares the account/settings form language. */
.footer-copyright-field{grid-column:1/-1}
.footer-page-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;max-width:800px}
.footer-page-list>li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.footer-page-list>li.is-dragging{border-color:var(--text);background:var(--soft);box-shadow:var(--shadow)}
.footer-page-list label{display:flex;align-items:center;gap:10px;min-width:0;flex:1;margin:0;font-size:13px;line-height:1.5;cursor:pointer}
.footer-page-list input[type=checkbox]{appearance:auto;flex:0 0 16px;width:16px;height:16px;padding:0;margin:0;accent-color:var(--text)}
.footer-page-list button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:17px;flex-shrink:0}
.footer-page-list button:hover{background:var(--soft);color:var(--text)}
.footer-page-list button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.footer-page-list button:disabled{opacity:.3;cursor:default}
.footer-page-list .footer-drag-handle{cursor:grab;touch-action:none}
.footer-page-list .footer-drag-handle:active{cursor:grabbing}
.footer-order-actions{display:flex;gap:4px}
@media(max-width:480px){.footer-page-list>li{padding:8px;gap:6px}.footer-page-list button{width:26px}.footer-page-list label{font-size:12px}}
.footer-brand,.footer>p,.footer-note{max-width:100%;overflow-wrap:anywhere}

/* One heading-to-description rhythm throughout private pages and their sections. */
.account-page{--section-description-gap:1px}
.account-page :is(h1,h2,h3,h4):has(+p){margin-bottom:var(--section-description-gap)}
.account-page :is(h1,h2,h3,h4)+p{margin-top:0}
.account-page :is(.settings-section-heading,.users-dialog-header):has(+p){margin-bottom:var(--section-description-gap)}
.account-page :is(.settings-section-heading,.users-dialog-header)+p{margin-top:0}
.account-page :is(.settings-section-heading,.users-dialog-header):has(+p)>:is(h2,h3,h4){margin-bottom:0}
.account-page #admin-verification-preview h3:has(+p){margin-bottom:var(--section-description-gap)}

.footer-tagline-controls{display:grid;gap:10px;min-width:0}
.footer-tagline-title{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:16px}
.account-settings .footer-tagline-title>label{margin:0}
.account-settings .footer-tagline-title .footer-tagline-switch{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--muted)}
.footer-tagline-title .footer-tagline-switch input[type=checkbox]{height:22px;min-height:22px;width:38px;min-width:38px;flex-basis:38px}
.footer-tagline-title .footer-tagline-switch input[type=checkbox]::before{width:18px;height:18px}
.footer-tagline-title .footer-tagline-switch input[type=checkbox]:checked::before{transform:translateX(16px)}
a.footer-note{color:var(--muted);text-decoration:none}
a.footer-note:hover{text-decoration:underline}

/* Horizontal account navigation stays reachable while scrolling on small screens. */
@media(max-width:700px){
  .account-settings{display:block}
  .account-sidebar{top:0;z-index:20;max-height:none;overflow-y:hidden;padding-top:8px;margin-bottom:28px;background:var(--bg)}
  .account-settings-content :is(input,select,textarea,button,[tabindex]){scroll-margin-top:88px}
  .account-settings-panel{scroll-margin-top:88px}
}

:root[data-language-font=arabic]{font-family:"Tajawal",Arial,sans-serif}
:root[data-language-font=simplified-chinese]{font-family:"AQSR SC",Arial,sans-serif}
:root[data-language-font=korean]{font-family:"AQSR KR",Arial,sans-serif}
:root[data-language-font=japanese]{font-family:"AQSR JP",Arial,sans-serif}
:root[data-language-font=cyrillic]{font-family:"AQSR Cyrillic",Arial,sans-serif}
:root[data-language-font=devanagari]{font-family:"AQSR Devanagari",Arial,sans-serif}

.account-sidebar a:has([data-language-warning]){grid-template-columns:18px minmax(0,1fr) auto}
.language-warning-badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b42936;color:#fff;font-size:10px;font-weight:700}
:root[data-theme=dark] .language-warning-badge{background:#f07b85;color:#321015}
.language-import{margin:24px 0 30px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}
.language-import h3,.language-list-heading h3{font-size:16px;font-weight:600;margin:0 0 1px}
.language-import>.account-note{margin-top:0}
.language-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.language-import-actions>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.language-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.language-settings-list{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:0}
.language-settings-list>li{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:11px;padding:12px;background:var(--bg);min-width:0}
.language-settings-list>li.is-dragging{border-color:var(--text);background:var(--soft)}
.language-drag-handle,.language-order-actions button{display:grid;place-items:center;flex:none;width:28px;height:32px;border:0;background:transparent;color:var(--muted);font-size:18px;border-radius:5px}
.language-drag-handle{touch-action:none;cursor:grab}
.language-drag-handle:active{cursor:grabbing}
.language-row-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.language-native{font-size:14px;font-weight:500;align-self:start;overflow-wrap:anywhere}
.language-native[lang=ar]{font-family:"Tajawal",Arial,sans-serif}
.language-code{font-size:11px;color:var(--muted)}
.language-health{border:0;border-radius:6px;padding:6px 8px;background:var(--soft);color:var(--muted);font-size:11px;cursor:pointer}
.language-health.has-issues{background:var(--error-bg);color:var(--error)}
.language-enabled{display:flex;align-items:center;margin:0;flex:none}
.language-order-actions{display:flex;gap:2px}
.language-order-actions button:disabled{opacity:.3;cursor:default}
.language-settings-list button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.account-page .language-audit-dialog{width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
.language-audit-dialog details{border-bottom:1px solid var(--border);padding:12px 0}
.language-audit-dialog summary{font-size:13px;cursor:pointer}
.language-audit-dialog ul{max-height:220px;overflow:auto;font:12px/1.7 ui-monospace,monospace;padding-left:20px;overflow-wrap:anywhere}
.language-audit-dialog .account-inline-check{margin:24px 0 14px;align-items:start;line-height:1.5}
@media(max-width:600px){.language-settings-list>li{gap:8px;flex-wrap:wrap;padding:10px}.language-row-info{min-width:120px}.language-order-actions{margin-left:auto}.language-health{order:5;flex-basis:100%;text-align:left}.language-import{padding:14px}}

/* Inactive maintenance/update design proposals; no operational controls. */
.maintenance-settings-preview>section+section{border-top:1px solid var(--border);margin-top:28px;padding-top:4px}
.maintenance-settings-preview .site-theme-switch-row{margin:18px 0 0}
.maintenance-settings-preview .settings-grid{margin:18px 0}
.maintenance-message-field{display:flex;flex-direction:column;gap:var(--account-field-gap);font-size:13px;color:var(--account-label-color);font-weight:600}
.maintenance-message-field textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit;font-weight:400;line-height:1.5;padding:10px 12px}
.maintenance-settings-preview :is(input,select,textarea,button):disabled{cursor:not-allowed}