.hrms-ui {
    --hrms-color-brand-950: #071a2f;
    --hrms-color-brand-900: #0b2440;
    --hrms-color-brand-800: #103655;
    --hrms-color-brand-700: #0d5274;
    --hrms-color-accent-600: #0b8f83;
    --hrms-color-accent-500: #13aa9c;
    --hrms-color-ink-950: #101828;
    --hrms-color-ink-700: #344054;
    --hrms-color-ink-500: #667085;
    --hrms-color-line: #e4e7ec;
    --hrms-color-surface: #ffffff;
    --hrms-color-canvas: #f4f7fa;
    --hrms-color-danger: #b42318;
    --hrms-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --hrms-shadow-lg: 0 28px 80px rgba(31, 49, 72, 0.16);
    --hrms-glass-surface: rgba(255, 255, 255, 0.7);
    --hrms-glass-surface-strong: rgba(255, 255, 255, 0.86);
    --hrms-glass-border: rgba(255, 255, 255, 0.76);
    --hrms-glass-shadow: 0 18px 50px rgba(34, 57, 82, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    --hrms-glass-blur: blur(24px) saturate(155%);
    --hrms-radius-sm: 8px;
    --hrms-radius-md: 12px;
    --hrms-radius-lg: 20px;
    --hrms-font: "Inter", "Noto Sans Arabic", "Segoe UI", sans-serif;
    color: var(--hrms-color-ink-950);
    font-family: var(--hrms-font);
    -webkit-font-smoothing: antialiased;
}

.hrms-ui *,
.hrms-ui *::before,
.hrms-ui *::after {
    box-sizing: border-box;
}

.hrms-ui button,
.hrms-ui input,
.hrms-ui select {
    font: inherit;
}

.hrms-ui button,
.hrms-ui select {
    cursor: pointer;
}

.hrms-ui :focus-visible {
    outline: 3px solid rgba(19, 170, 156, 0.24);
    outline-offset: 2px;
}

.hrms-ui__brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: inherit;
    text-decoration: none;
}

.hrms-ui__brand-mark {
    display: grid;
    place-items: center;
    width: 58px;
    height: 36px;
}

.hrms-ui__brand-mark img {
    width: 58px;
    height: auto;
    max-width: none;
}

.hrms-ui__brand-name {
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

[dir="rtl"] .hrms-ui__brand-name {
    letter-spacing: 0;
}

.hrms-ui__language-form {
    margin: 0;
}

.hrms-ui__language-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid var(--hrms-glass-border);
    border-radius: var(--hrms-radius-sm);
    background: var(--hrms-glass-surface);
    color: var(--hrms-color-ink-700);
    font-size: 0.8rem;
    font-weight: 600;
    box-shadow: var(--hrms-shadow-sm);
    backdrop-filter: var(--hrms-glass-blur);
    -webkit-backdrop-filter: var(--hrms-glass-blur);
}

.hrms-ui__language-button:hover {
    border-color: #cbd5df;
    background: #fff;
}

.hrms-ui__language-icon {
    width: 16px;
    height: 16px;
}

@media (prefers-reduced-motion: reduce) {
    .hrms-ui *,
    .hrms-ui *::before,
    .hrms-ui *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}