:root[data-skin="awqaf"][data-portal="auth"] {
    --font-app: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
    --aw-text: #17222c;
    --aw-text-2: #5b6874;
    --aw-text-3: #636f7b;
    --aw-bg: #f4f6f8;
    --aw-surface: #ffffff;
    --aw-surface-alt: #eef0f5;
    --aw-hover: #f1f3f7;
    --aw-border: #d5dce2;
    --aw-border-strong: #8a97a3;
    --aw-success: #2f6b4f;
    --aw-success-border: #d2e2d8;
    --aw-warning: #806224;
    --aw-warning-border: #e4d7b6;
    --aw-danger: #a8322a;
    --aw-danger-border: #ecd2cf;
    --aw-primary: var(--primary, #3b7a8c);
    --aw-primary-hover: var(--primary-700, #2d5d6a);
    --aw-on-primary: var(--primary-on, #ffffff);
    --aw-link: var(--primary-text, #2d5d6a);
    --aw-inverse: var(--primary-900, #1c3b43);
    --aw-inverse-text: #f4f6f8;
    --aw-inverse-text-2: rgba(244, 246, 248, 0.74);
    --aw-inverse-line: rgba(255, 255, 255, 0.3);
    --aw-focus: 0 0 0 3px rgba(var(--primary-rgb, 59, 122, 140), 0.28);
    --aw-shadow-float: 0 12px 32px rgba(7, 21, 48, 0.14);
    --aw-control: 48px;
    --lg-canvas: var(--aw-bg);
    --lg-surface: var(--aw-surface);
    --lg-field: var(--aw-surface-alt);
    --foreground: var(--aw-text);
    --muted-foreground: var(--aw-text-2);
    --border: var(--aw-border);
    background-color: var(--aw-bg) !important;
}
:root[data-skin="awqaf"][data-portal="auth"][data-theme="dark"] {
    --aw-text: #eef1f7;
    --aw-text-2: #a3adbd;
    --aw-text-3: #8590a4;
    --aw-bg: #050a14;
    --aw-surface: #0d1526;
    --aw-surface-alt: #0b1424;
    --aw-hover: #131d33;
    --aw-border: #233049;
    --aw-border-strong: #4a5873;
    --aw-success: #8cc7a4;
    --aw-success-border: #26443a;
    --aw-warning: #d8bf86;
    --aw-warning-border: #4a3f27;
    --aw-danger: #ec8f88;
    --aw-danger-border: #5a2b2c;
    --aw-primary-hover: var(--primary-600, #346b7b);
    --aw-link: var(--primary-text, #a7c3cb);
    --aw-inverse: #040c1c;
    --aw-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.5);
}

:root[data-skin="awqaf"][data-portal="auth"] body {
    background: var(--aw-bg);
    color: var(--aw-text);
    font-family: var(--font-app);
    font-size: 1rem;
    line-height: 1.6;
}
:root[data-skin="awqaf"][data-portal="auth"] :is(h1, h2, h3, p) { letter-spacing: 0; }

:root[data-skin="awqaf"][data-portal="auth"] .lg-page {
    min-height: 100dvh;
    align-items: stretch;
    padding: 0;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-shell {
    width: 100%;
    max-width: none;
    min-height: 100dvh;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--aw-surface);
    box-shadow: none;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-side {
    justify-content: flex-start;
    padding: 24px 16px clamp(16px, 3dvh, 32px);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-form-wrap { max-width: 420px; }

@media (min-width: 900px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-page {
        align-items: center;
        padding: clamp(8px, 2.5dvh, 40px) 24px;
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-shell {
        width: min(100%, 860px);
        min-height: 0;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        overflow: hidden;
        border: 1px solid var(--aw-border);
        border-radius: 16px;
        box-shadow: var(--aw-shadow-float);
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-side {
        justify-content: center;
        padding: clamp(28px, 6dvh, 56px) 40px clamp(20px, 4dvh, 40px);
    }
}
@media (min-width: 1024px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-shell {
        width: min(100%, 920px);
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-side { padding: clamp(24px, 4dvh, 36px) 32px clamp(16px, 3dvh, 24px); }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-form-wrap { max-width: 460px; }
}

:root[data-skin="awqaf"][data-portal="auth"] .lg-hero { display: none; }
@media (min-width: 900px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero {
        order: -1;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: clamp(16px, 3dvh, 32px);
        min-height: 0;
        max-height: none;
        padding: clamp(24px, 4.5dvh, 48px) 32px clamp(20px, 3.5dvh, 32px);
        background: var(--aw-inverse);
        color: var(--aw-inverse-text);
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-media {
        position: relative;
        inset: auto;
        place-self: center;
        width: min(100%, 250px, 36dvh);
        aspect-ratio: 4 / 5;
        border-radius: 999px 999px 16px 16px;
        background: var(--aw-inverse);
        outline: 1px solid var(--aw-inverse-line);
        outline-offset: 10px;
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-media::after { content: none; }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-img { object-position: center; }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-pattern { opacity: 0.18; filter: brightness(3); }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-notch { display: none; }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-caption {
        position: static;
        display: grid;
        justify-items: start;
        gap: 4px;
        min-width: 0;
        color: var(--aw-inverse-text);
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-caption::before {
        content: '';
        width: 32px;
        height: 2px;
        margin-bottom: 8px;
        background: var(--aw-inverse-line);
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-caption h2 {
        margin: 0;
        color: var(--aw-inverse-text);
        font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
        font-weight: 700;
        line-height: 1.5;
        text-shadow: none;
        overflow-wrap: anywhere;
    }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-caption p {
        display: block;
        margin: 0;
        color: var(--aw-inverse-text-2);
        font-size: 0.875rem;
        line-height: 1.7;
        opacity: 1;
    }
}
@media (min-width: 1024px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero { gap: clamp(12px, 2.4dvh, 24px); padding: clamp(20px, 3.5dvh, 36px) 24px clamp(16px, 3dvh, 28px); }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-hero-media { width: min(100%, 200px, 30dvh); }
}

:root[data-skin="awqaf"][data-portal="auth"] .lg-brand {
    flex-direction: column;
    gap: 8px;
    margin-bottom: clamp(12px, 2.4dvh, 24px);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-brand-mark { width: clamp(40px, 6dvh, 56px); height: clamp(40px, 6dvh, 56px); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-brand-initial {
    border-radius: 8px;
    background: var(--aw-primary);
    color: var(--aw-on-primary);
    font-size: 1.375rem;
    font-weight: 700;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-brand-name {
    color: var(--aw-link);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}
:root[data-skin="awqaf"][data-portal="auth"][data-theme="dark"] .lg-brand-name { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-head { margin-bottom: clamp(16px, 3dvh, 28px); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-title {
    margin: 0 0 8px;
    color: var(--aw-text);
    font-size: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-wrap: balance;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-sub {
    color: var(--aw-text-2);
    font-size: 0.875rem;
    line-height: 1.8;
    text-wrap: pretty;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-sub-strong { color: var(--aw-text); font-weight: 700; }
@media (min-width: 1024px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-title { font-size: clamp(1.375rem, 0.9rem + 1.4dvh, 1.875rem); }
}

:root[data-skin="awqaf"][data-portal="auth"] .lg-form { gap: clamp(12px, 2dvh, 20px); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld {
    display: grid;
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: default;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld:focus-within { background: transparent; border: 0; box-shadow: none; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld-label {
    color: var(--aw-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld input,
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld select,
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld textarea {
    width: 100%;
    min-height: var(--aw-control);
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--aw-border-strong);
    border-radius: 8px;
    background: var(--aw-surface);
    color: var(--aw-text);
    font-size: max(16px, 1rem);
    font-weight: 400;
    line-height: 1.4;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld input::placeholder { color: var(--aw-text-3); opacity: 1; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld input:hover { border-color: var(--aw-text-2); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld input:focus {
    outline: none;
    border-color: var(--aw-primary);
    box-shadow: var(--aw-focus);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld input:-webkit-autofill,
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld:focus-within input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px var(--aw-surface) inset;
    -webkit-text-fill-color: var(--aw-text);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld.is-invalid { border: 0; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld.is-invalid .lg-fld-label { color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld.is-invalid input { border-color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-fld-pw input { padding-inline-end: 52px; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-pw-toggle {
    top: auto;
    bottom: 2px;
    inset-inline-end: 2px;
    width: 44px;
    height: 44px;
    border-radius: 980px;
    color: var(--aw-text-2);
    transform: none;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-pw-toggle:hover { background: var(--aw-hover); color: var(--aw-text); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-pw-toggle:focus-visible { outline: none; box-shadow: var(--aw-focus); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-pw-toggle svg { width: 20px; height: 20px; }
@media (min-width: 1024px) {
    :root[data-skin="awqaf"][data-portal="auth"] { --aw-control: clamp(42px, 5.6dvh, 46px); }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-form { gap: clamp(8px, 1.4dvh, 12px); }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-fld { gap: 4px; }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-fld-label { font-size: 0.75rem; }
    :root[data-skin="awqaf"][data-portal="auth"] .lg-pw-toggle { width: calc(var(--aw-control) - 4px); height: calc(var(--aw-control) - 4px); }
}

:root[data-skin="awqaf"][data-portal="auth"] .lg-row { font-size: 0.875rem; color: var(--aw-text); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-forgot,
:root[data-skin="awqaf"][data-portal="auth"] .lg-textbtn {
    color: var(--aw-link);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}
:root[data-skin="awqaf"][data-portal="auth"] :is(.lg-forgot, .lg-textbtn):hover:not(:disabled) { color: var(--aw-link); text-decoration: underline; text-underline-offset: 4px; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-textbtn:disabled { color: var(--aw-text-3); text-decoration: none; }
:root[data-skin="awqaf"][data-portal="auth"] .sh-checkbox { accent-color: var(--aw-primary); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-submit {
    min-height: 52px;
    height: auto;
    margin-top: 4px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 980px;
    background: var(--aw-primary);
    color: var(--aw-on-primary);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.2;
    filter: none;
    box-shadow: none;
    transition: background 160ms ease;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-submit:hover { background: var(--aw-primary-hover); filter: none; box-shadow: none; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-submit:active { transform: none; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-submit:focus-visible { outline: none; box-shadow: var(--aw-focus); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-submit svg { width: 20px; height: 20px; color: var(--aw-on-primary); }
@media (min-width: 1024px) {
    :root[data-skin="awqaf"][data-portal="auth"] .lg-submit { min-height: var(--aw-control); font-size: 1rem; }
}

:root[data-skin="awqaf"][data-portal="auth"] :is(.lg-altbtn, .ac-outline) {
    min-height: var(--aw-control);
    height: auto;
    padding: 0 20px;
    border: 1px solid var(--aw-border-strong);
    border-radius: 980px;
    background: var(--aw-surface);
    color: var(--aw-text);
    font-size: 1rem;
    font-weight: 600;
}
:root[data-skin="awqaf"][data-portal="auth"] :is(.lg-altbtn, .ac-outline):hover:not(:disabled) { border-color: var(--aw-primary); background: var(--aw-hover); }
:root[data-skin="awqaf"][data-portal="auth"] :is(.lg-altbtn, .ac-outline) svg { width: 20px; height: 20px; color: var(--aw-link); }

:root[data-skin="awqaf"][data-portal="auth"] .sh-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--aw-border);
    border-radius: 8px;
    background: var(--aw-surface);
    color: var(--aw-text);
    font-size: 0.875rem;
}
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert > svg,
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert > i { position: static; flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; transform: none; }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert :is(.sh-alert-title, .sh-alert-description) { padding: 0; color: var(--aw-text); font-size: 0.875rem; }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert .sh-alert-title { font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert-destructive { border-color: var(--aw-danger-border); }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert-destructive > :is(svg, i) { color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert-success > :is(svg, i) { color: var(--aw-success); }
:root[data-skin="awqaf"][data-portal="auth"] .sh-alert-warning > :is(svg, i) { color: var(--aw-warning); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-note { color: var(--aw-text-2); font-size: 0.875rem; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-note svg { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-step { color: var(--aw-text-2); font-size: 0.75rem; font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-step b {
    border: 1px solid var(--aw-border);
    background: var(--aw-surface);
    color: var(--aw-text-2);
    font-variant-numeric: tabular-nums;
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-step.is-current { color: var(--aw-text); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-step.is-current b { border-color: var(--aw-primary); background: var(--aw-primary); color: var(--aw-on-primary); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-step.is-done b { border-color: var(--aw-primary); background: var(--aw-surface); color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-step-sep { background: var(--aw-border); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-timer { color: var(--aw-text-2); font-size: 0.875rem; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-timer svg { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-timer.is-expired,
:root[data-skin="awqaf"][data-portal="auth"] .lg-timer.is-expired svg { color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-dev { border-color: var(--aw-border-strong); border-radius: 8px; color: var(--aw-text-2); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-otp-cell {
    height: 56px;
    border: 1px solid var(--aw-border-strong);
    border-radius: 8px;
    background: var(--aw-surface);
    color: var(--aw-text);
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    caret-color: var(--aw-primary);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-otp-cell:focus { border-color: var(--aw-primary); background: var(--aw-surface); box-shadow: var(--aw-focus); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-otp-cell.is-filled { border-color: var(--aw-primary); background: var(--aw-surface); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-otp-cell.is-error { border-color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-otp-sep { background: var(--aw-border); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-channels {
    padding: 4px;
    border: 1px solid var(--aw-border);
    border-radius: 980px;
    background: var(--aw-surface-alt);
}
:root[data-skin="awqaf"][data-portal="auth"] .lg-channel { height: 40px; border-radius: 980px; color: var(--aw-text-2); font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-channel:hover { color: var(--aw-text); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-channel:has(input:checked) { background: var(--aw-primary); color: var(--aw-on-primary); box-shadow: none; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-channel:has(input:checked) svg { color: var(--aw-on-primary); }
:root[data-skin="awqaf"][data-portal="auth"] .lg-channel:has(input:focus-visible) { box-shadow: var(--aw-focus); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-strength-bar { height: 4px; border-radius: 0; background: var(--aw-surface-alt); }

:root[data-skin="awqaf"][data-portal="auth"] .lg-foot { margin-top: clamp(16px, 3dvh, 28px); color: var(--aw-text-2); font-size: 0.875rem; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-foot a { color: var(--aw-link); font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-foot a svg { width: 16px; height: 16px; }
:root[data-skin="awqaf"][data-portal="auth"] .lg-copy { color: var(--aw-text-3); font-size: 0.75rem; }

:root[data-skin="awqaf"][data-portal="auth"] .lg-page:has(.ac-wrap) { align-items: center; padding: clamp(16px, 4dvh, 40px) 16px; }
:root[data-skin="awqaf"][data-portal="auth"] .ac-wrap { max-width: 480px; }
:root[data-skin="awqaf"][data-portal="auth"] .ac-card {
    padding: clamp(20px, 4dvh, 32px) clamp(16px, 4vw, 24px);
    border: 1px solid var(--aw-border);
    border-radius: 16px;
    background: var(--aw-surface);
    box-shadow: var(--aw-shadow-float);
}
:root[data-skin="awqaf"][data-portal="auth"] .ac-hero .lg-title { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.5rem); }
:root[data-skin="awqaf"][data-portal="auth"] .ac-status {
    width: 56px;
    height: 56px;
    border: 1px solid var(--aw-danger-border);
    border-radius: 50%;
    background: transparent;
    color: var(--aw-danger);
}
:root[data-skin="awqaf"][data-portal="auth"] .ac-status svg { width: 28px; height: 28px; }
:root[data-skin="awqaf"][data-portal="auth"] .ac-facts {
    padding: 0;
    border-block: 1px solid var(--aw-border);
    border-radius: 0;
    background: transparent;
}
:root[data-skin="awqaf"][data-portal="auth"] .ac-fact { padding: 12px 0; font-size: 0.875rem; }
:root[data-skin="awqaf"][data-portal="auth"] .ac-fact + .ac-fact { border-top-color: var(--aw-border); }
:root[data-skin="awqaf"][data-portal="auth"] .ac-fact dt { color: var(--aw-text-2); }
:root[data-skin="awqaf"][data-portal="auth"] .ac-fact dt svg { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .ac-divider { background: var(--aw-border); }
:root[data-skin="awqaf"][data-portal="auth"] .ac-link { color: var(--aw-text); font-size: 0.875rem; font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .ac-link:hover { color: var(--aw-danger); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-face { color: var(--aw-link); box-shadow: inset 0 0 0 1px var(--aw-border); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-item:is(:hover, :focus-within, :focus-visible) .ag-face { box-shadow: inset 0 0 0 1.5px var(--aw-primary); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-item.is-current .ag-face { box-shadow: inset 0 0 0 2px var(--aw-primary); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-check { background: var(--aw-primary); color: var(--aw-on-primary); box-shadow: 0 0 0 2px var(--aw-surface); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-label b { color: var(--aw-text); font-size: 0.875rem; font-weight: 600; }
:root[data-skin="awqaf"][data-portal="auth"] .ag-label small { color: var(--aw-text-2); font-size: 0.75rem; }
:root[data-skin="awqaf"][data-portal="auth"] .ag-label em { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-item:is(:hover, :focus-within) .ag-label b { color: var(--aw-link); }
:root[data-skin="awqaf"][data-portal="auth"] .ag-hint { color: var(--aw-text-2); font-size: 0.875rem; }

@media (prefers-reduced-motion: reduce) {
    :root[data-skin="awqaf"][data-portal="auth"] * { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}