/* ==========================================================================
   SkyHost premium layer
   Loaded after custom.css / custom.rtl.css. It refines the existing dark
   theme: readable type scale, depth, glass surfaces, polished forms and
   tables, and the redesigned auth + dashboard screens.
   Direction-neutral: logical properties only, so it serves LTR and RTL.
   ========================================================================== */

:root {
    --sky-spark: #8ec5ff;
    --sky-spark-soft: rgba(142, 197, 255, .14);
    --sky-ease: cubic-bezier(.22, 1, .36, 1);
    --sky-card: linear-gradient(160deg, rgba(29, 31, 56, .88), rgba(10, 11, 30, .92));
    --sky-border: rgba(158, 179, 204, .16);
    --sky-border-strong: rgba(158, 179, 204, .38);
    --sky-hi: inset 0 1px 0 rgba(255, 255, 255, .05);
    --sky-field: rgba(6, 7, 22, .72);
    --fivem-radius: 18px;
}

/* ---------- Foundation ---------- */
body.fivem-theme {
    font-size: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body.fivem-theme::after {
    content: "";
    position: fixed;
    inset: -10% -10% auto;
    height: 75vh;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(38% 46% at 18% 28%, rgba(109, 131, 159, .22), transparent 72%),
        radial-gradient(30% 40% at 82% 16%, rgba(142, 197, 255, .11), transparent 72%);
    filter: blur(24px);
}
::selection { color: #fff; background: rgba(142, 197, 255, .3); }
html { scrollbar-color: rgba(158, 179, 204, .3) #050516; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #050516; }
::-webkit-scrollbar-thumb { background: rgba(158, 179, 204, .25); border: 2px solid #050516; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(158, 179, 204, .45); }
body.fivem-theme :focus-visible { outline: 2px solid var(--sky-spark); outline-offset: 2px; }
body.fivem-theme .form-control:focus-visible,
body.fivem-theme .btn:focus-visible { outline: 0; }

@keyframes sky-rise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}
@keyframes sky-float {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(18px, -22px, 0) scale(1.08); }
}
@keyframes sky-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(104, 197, 161, .45); }
    50% { box-shadow: 0 0 0 7px rgba(104, 197, 161, 0); }
}
@keyframes sky-shine {
    from { transform: translateX(-130%) skewX(-20deg); }
    to { transform: translateX(330%) skewX(-20deg); }
}

/* ---------- Readable type scale (previous labels were 7-10px) ---------- */
body.fivem-theme .stat-copy small,
body.fivem-theme .fivem-auth-server small,
body.fivem-theme .fivem-service-name > small,
body.fivem-theme .fivem-service-meta small,
body.fivem-theme .fivem-services-toolbar small,
body.fivem-theme .fivem-services-empty > span,
body.fivem-theme .fivem-signup-card-head small,
body.fivem-theme .fivem-pricing-card header small,
body.fivem-theme .sky-home-plan-head small,
body.fivem-theme .sky-home-panel-metrics small,
body.fivem-theme .sky-home-panel-server small,
body.fivem-theme .console-content small,
body.fivem-theme .console-metrics span,
body.fivem-theme .fivem-register-heading small { font-size: 11px; letter-spacing: .1em; }
body.fivem-theme .fivem-service-meta span,
body.fivem-theme .fivem-service-card-foot,
body.fivem-theme .fivem-service-name > span,
body.fivem-theme .fivem-services-toolbar p,
body.fivem-theme .fivem-signup-note,
body.fivem-theme .fivem-plan-price em,
body.fivem-theme .fivem-pricing-card footer > small,
body.fivem-theme .sky-home-panel-top,
body.fivem-theme .sky-home-panel-foot,
body.fivem-theme .sky-home-panel-metrics em,
body.fivem-theme .sky-home-plan-note,
body.fivem-theme .sky-home-live,
body.fivem-theme .sky-home-help-links small,
body.fivem-theme .sky-home-stats small,
body.fivem-theme .console-topline,
body.fivem-theme .console-metrics small,
body.fivem-theme .fivem-form-section-title small { font-size: 12px; }
body.fivem-theme .fivem-service-card-foot b,
body.fivem-theme .sky-home-plan li,
body.fivem-theme .sky-home-benefit-grid p,
body.fivem-theme .sky-home-step-grid p,
body.fivem-theme .sky-home-final-cta p,
body.fivem-theme .sky-home-section-head p,
body.fivem-theme .sky-home-help-links strong,
body.fivem-theme .fivem-services-hero p,
body.fivem-theme .fivem-services-empty p,
body.fivem-theme .fivem-signup-card-head p,
body.fivem-theme .fivem-signup-trust span,
body.fivem-theme .fivem-signup-consents label,
body.fivem-theme .fivem-form-section-title strong,
body.fivem-theme .fivem-plan-description li { font-size: 13px; }
body.fivem-theme .sky-home-plan .btn,
body.fivem-theme .sky-home-final-actions .btn,
body.fivem-theme .sky-home-all-plans a,
body.fivem-theme .fivem-services-hero .btn,
body.fivem-theme .fivem-services-empty .btn,
body.fivem-theme .fivem-signup-submit,
body.fivem-theme .sky-home-eyebrow,
body.fivem-theme .sky-home-hero-points { font-size: 13px; }
body.fivem-theme .sky-home-section-head > span,
body.fivem-theme .sky-home-final-cta span,
body.fivem-theme .fivem-kicker { font-size: 11px; }
body.fivem-theme .fivem-signup-card label { font-size: 11px; letter-spacing: .1em; }
body.fivem-theme .fivem-signup-card .form-control { font-size: 14px; }
body.fivem-theme .fivem-signup-consents label { letter-spacing: 0; }
body.fivem-theme .sky-home-panel-chart span,
body.fivem-theme .sky-home-stats strong { font-size: inherit; }
body.fivem-theme .sky-home-stats strong { font-size: 16px; }

/* ---------- Buttons ---------- */
body.fivem-theme .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: .6rem 1.15rem;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    transition: transform .25s var(--sky-ease), box-shadow .25s var(--sky-ease), background .25s ease, border-color .25s ease, filter .25s ease, color .2s ease;
}
body.fivem-theme .btn-block { display: flex; width: 100%; }
body.fivem-theme .btn-lg { min-height: 52px; padding: .8rem 1.5rem; font-size: 15px; border-radius: 14px; }
body.fivem-theme .btn-sm,
body.fivem-theme .btn-xs { min-height: 34px; padding: .4rem .85rem; font-size: 12.5px; border-radius: 10px; }
body.fivem-theme .btn-primary,
body.fivem-theme .btn-success {
    background: linear-gradient(135deg, #6c8db8 0%, #465f80 100%) !important;
    border: 1px solid rgba(190, 208, 230, .34) !important;
    box-shadow: 0 10px 26px rgba(70, 95, 128, .4), inset 0 1px 0 rgba(255, 255, 255, .22);
}
body.fivem-theme .btn-primary:hover,
body.fivem-theme .btn-success:hover {
    background: linear-gradient(135deg, #7ba0cc 0%, #52709a 100%) !important;
    border-color: rgba(205, 220, 240, .55) !important;
    box-shadow: 0 16px 34px rgba(109, 131, 159, .46), inset 0 1px 0 rgba(255, 255, 255, .3);
    transform: translateY(-2px);
}
body.fivem-theme .btn-primary:active,
body.fivem-theme .btn-success:active { transform: translateY(0); filter: brightness(.94); }
body.fivem-theme .btn-default,
body.fivem-theme .btn-secondary,
body.fivem-theme .btn-outline-primary,
body.fivem-theme .btn-outline-light {
    color: #dfe6f0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
    border: 1px solid rgba(158, 179, 204, .24) !important;
    box-shadow: var(--sky-hi);
}
body.fivem-theme .btn-default:hover,
body.fivem-theme .btn-secondary:hover,
body.fivem-theme .btn-outline-primary:hover,
body.fivem-theme .btn-outline-light:hover {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(158, 179, 204, .22), rgba(109, 131, 159, .1)) !important;
    border-color: rgba(158, 179, 204, .5) !important;
    transform: translateY(-1px);
}
body.fivem-theme .btn-danger { color: #ffb3bb; background: rgba(229, 107, 122, .14); border-color: rgba(229, 107, 122, .4); }
body.fivem-theme .btn-danger:hover { color: #fff; background: rgba(229, 107, 122, .32); border-color: rgba(229, 107, 122, .7); }
body.fivem-theme .btn-info { color: #bfe0ff; background: rgba(142, 197, 255, .14); border-color: rgba(142, 197, 255, .38); }
body.fivem-theme .btn-link { color: var(--fivem-accent-light); }
body.fivem-theme .btn.disabled,
body.fivem-theme .btn:disabled { opacity: .5; transform: none; box-shadow: none; }

/* ---------- Forms ---------- */
body.fivem-theme .form-control,
body.fivem-theme .custom-select {
    min-height: 46px;
    padding: .6rem .95rem;
    color: #eef2f8;
    background-color: var(--sky-field);
    border: 1px solid rgba(158, 179, 204, .2);
    border-radius: 12px;
    font-size: 14px;
    transition: border-color .2s ease, box-shadow .25s ease, background-color .2s ease;
}
body.fivem-theme textarea.form-control { min-height: 110px; }
body.fivem-theme .form-control:hover,
body.fivem-theme .custom-select:hover { border-color: rgba(158, 179, 204, .36); }
body.fivem-theme .form-control:focus,
body.fivem-theme .custom-select:focus {
    background-color: rgba(8, 9, 27, .9);
    border-color: rgba(142, 197, 255, .7);
    box-shadow: 0 0 0 4px rgba(142, 197, 255, .12);
}
body.fivem-theme .form-control:disabled,
body.fivem-theme .form-control[readonly] { opacity: .65; }
body.fivem-theme .custom-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%239eb3cc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px; }
body.fivem-theme label,
body.fivem-theme .control-label,
body.fivem-theme .form-control-label { margin-bottom: .45rem; color: #c9d1de; font-size: 13px; font-weight: 600; letter-spacing: 0; }
body.fivem-theme .form-group { margin-bottom: 1.1rem; }
body.fivem-theme .field-help-text,
body.fivem-theme .form-text { color: #7d889b; font-size: 12px; }
body.fivem-theme input[type="checkbox"],
body.fivem-theme input[type="radio"] { accent-color: #7d95b3; }
body.fivem-theme input:-webkit-autofill,
body.fivem-theme input:-webkit-autofill:focus {
    -webkit-text-fill-color: #eef2f8;
    caret-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #0a0b22 inset;
    transition: background-color 9999s ease-in-out 0s;
}

/* Icon-merged input groups render as a single field */
body.fivem-theme .input-group-merge {
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    background: var(--sky-field);
    border: 1px solid rgba(158, 179, 204, .2);
    border-radius: 12px;
    transition: border-color .2s ease, box-shadow .25s ease, background-color .2s ease;
}
body.fivem-theme .input-group-merge:hover { border-color: rgba(158, 179, 204, .36); }
body.fivem-theme .input-group-merge:focus-within {
    background: rgba(8, 9, 27, .9);
    border-color: rgba(142, 197, 255, .7);
    box-shadow: 0 0 0 4px rgba(142, 197, 255, .12);
}
body.fivem-theme .input-group-merge > .form-control,
body.fivem-theme .input-group-merge .input-group-text,
body.fivem-theme .input-group-merge .btn {
    min-height: 44px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none;
}
body.fivem-theme .input-group-merge .input-group-text { padding-inline: 1rem .2rem; color: #7f8da3; }
body.fivem-theme .input-group-merge .form-control { padding-inline: .7rem; }
body.fivem-theme .input-group-merge:focus-within .input-group-text { color: var(--sky-spark); }
body.fivem-theme .input-group-merge .btn { padding-inline: 1rem; color: #8592a6 !important; }
body.fivem-theme .input-group-merge .btn:hover { color: #fff !important; }

/* ---------- Surfaces ---------- */
body.fivem-theme .card,
body.fivem-theme .panel,
body.fivem-theme .well {
    background: var(--sky-card);
    border: 1px solid var(--sky-border);
    border-radius: var(--fivem-radius);
    box-shadow: var(--sky-hi), 0 18px 48px rgba(0, 0, 0, .22);
}
body.fivem-theme .card-header {
    padding: 16px 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0));
    border-bottom: 1px solid var(--sky-border);
}
body.fivem-theme .card-body { padding: 22px; }
body.fivem-theme .card-footer { padding: 16px 22px; background: rgba(2, 1, 18, .22); border-top: 1px solid var(--sky-border); }
body.fivem-theme .card-title { font-size: 15px; font-weight: 700; }
body.fivem-theme .card-title i { color: var(--fivem-accent-light); }
body.fivem-theme .list-group-item { border-color: var(--sky-border); transition: background .2s ease, color .2s ease; }
body.fivem-theme .alert { padding: 14px 18px; border-radius: 14px; box-shadow: var(--sky-hi); }
body.fivem-theme .alert-info { border-color: rgba(142, 197, 255, .4); background: rgba(142, 197, 255, .09); }
body.fivem-theme .alert a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
body.fivem-theme .badge { padding: 4px 8px; border-radius: 999px; font-weight: 700; }
body.fivem-theme .modal-content { background: linear-gradient(160deg, #1a1c39, #0d0e26); border-radius: 22px; }
body.fivem-theme .modal-backdrop.show { opacity: .72; background: #02020e; }
body.fivem-theme .progress { height: 8px; background: rgba(255, 255, 255, .06); border-radius: 999px; }
body.fivem-theme .progress-bar { background: linear-gradient(90deg, #6d839f, var(--sky-spark)); border-radius: 999px; }
body.fivem-theme .dropdown-menu { border-radius: 14px; box-shadow: 0 28px 70px rgba(0, 0, 0, .55); }

/* Status pills get a leading dot */
body.fivem-theme .label.status,
body.fivem-theme .label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 11px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
body.fivem-theme .label.status::before { content: ""; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
body.fivem-theme .status-active,
body.fivem-theme .status-paid,
body.fivem-theme .status-open { color: #8de1bf; border-color: rgba(104, 197, 161, .28); }
body.fivem-theme .status-active::before { animation: sky-pulse 2.4s ease-in-out infinite; }
body.fivem-theme .status-pending,
body.fivem-theme .status-unpaid,
body.fivem-theme .status-customer-reply { color: #f4d397; background: rgba(231, 189, 114, .13); border-color: rgba(231, 189, 114, .28); }
body.fivem-theme .status-overdue,
body.fivem-theme .status-suspended,
body.fivem-theme .status-cancelled,
body.fivem-theme .status-terminated,
body.fivem-theme .status-fraud { border-color: rgba(229, 107, 122, .3); }

/* ---------- Tables ---------- */
body.fivem-theme .table thead th {
    padding: 14px 16px;
    color: #aab6c8;
    background: rgba(2, 1, 18, .5);
    border-bottom: 1px solid var(--sky-border);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
}
body.fivem-theme .table thead th { text-align: start; white-space: nowrap; }
body.fivem-theme .table td { padding: 15px 16px; font-size: 14px; }
body.fivem-theme table.table-list tbody tr { transition: background .2s ease; }
body.fivem-theme table.table-list tbody td { padding: 16px; font-size: 14px; }
body.fivem-theme table.table-list tbody td a { color: #dbe6f5; font-weight: 600; }
body.fivem-theme table.table-list tbody td a:hover { color: var(--sky-spark); }
body.fivem-theme .dataTables_wrapper .dataTables_info { font-size: 13px; }
body.fivem-theme .pagination .page-link { min-width: 38px; margin: 0 2px; text-align: center; border-radius: 10px !important; }
body.fivem-theme .pagination .page-link:hover { color: #fff; background: rgba(109, 131, 159, .22); border-color: var(--sky-border-strong); }

/* ---------- Header account bar / breadcrumb / page title ---------- */
body.fivem-theme .sky-navbar > .container { padding-inline: 20px; }
body.fivem-theme .sky-cart-btn { overflow: visible; }
body.fivem-theme .sky-cart-btn .badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; min-height: 20px; }
body.fivem-theme .header .topbar .container { min-height: 40px; display: flex; align-items: center; }
body.fivem-theme .header .topbar .active-client { align-items: center; flex-wrap: nowrap; gap: 8px; }
body.fivem-theme .header .topbar .active-client .input-group-prepend { margin: 0; }
body.fivem-theme .header .topbar .active-client .input-group-text { padding: 0; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--fivem-muted); opacity: .8; }
body.fivem-theme .header .topbar .active-client .btn-group { align-items: center; padding: 3px; background: rgba(158, 179, 204, .06); border: 1px solid rgba(158, 179, 204, .16); border-radius: 999px; }
body.fivem-theme .header .topbar .active-client .btn { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px 0 4px; line-height: 1; border-radius: 999px !important; transition: background .2s ease, color .2s ease; }
body.fivem-theme .header .topbar .btn-active-client { gap: 8px; color: #e8eef7; font-weight: 600; }
body.fivem-theme .header .topbar .btn-active-client .active-client-name { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; }
body.fivem-theme .header .topbar .btn-active-client .active-client-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; border: 0; border-radius: 50%; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0; }
body.fivem-theme .header .topbar .btn-active-client .active-client-avatar::after { content: ""; position: absolute; inset-inline-end: -2px; bottom: -2px; width: 8px; height: 8px; background: var(--fivem-success); border: 2px solid #0a0b1c; border-radius: 50%; box-sizing: content-box; animation: sky-pulse 2.6s ease-in-out infinite; }
body.fivem-theme .header .topbar .btn-switch-account { justify-content: center; width: 28px; padding: 0 !important; margin-inline-start: 2px; border-inline-start: 1px solid rgba(158, 179, 204, .16) !important; border-radius: 999px !important; font-size: 11px; }
body.fivem-theme .header .topbar .btn-return-to-admin { padding-inline: 12px !important; gap: 6px; }
body.fivem-theme .header .topbar .btn:hover,
body.fivem-theme .header .topbar .btn:focus-visible { color: #fff; background: rgba(158, 179, 204, .14); }
body.fivem-theme .header .topbar .btn-switch-account:hover i { transform: rotate(180deg); }
body.fivem-theme .header .topbar .btn-switch-account i { transition: transform .3s ease; }
@media (max-width: 575.98px) {
    body.fivem-theme .header .topbar .btn-active-client .active-client-name { max-width: 140px; }
}
body.fivem-theme .breadcrumb-item,
body.fivem-theme .breadcrumb-item a { font-size: 13px; }
body.fivem-theme .breadcrumb-item a:hover { color: #fff; }
body.fivem-theme .master-breadcrumb .breadcrumb { font-size: 13px; }
body.fivem-theme .primary-content > .header-lined { padding-bottom: 18px; border-bottom: 0; position: relative; }
body.fivem-theme .primary-content > .header-lined::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(158, 179, 204, .4), rgba(158, 179, 204, .06) 70%, transparent); }
body.fivem-theme .header-lined h1 { font-size: clamp(26px, 3vw, 34px); font-weight: 800; letter-spacing: -.04em; }
body.fivem-theme .header-lined h1 small { font-size: 14px; font-weight: 500; letter-spacing: 0; }

/* ---------- Sidebar ---------- */
body.fivem-theme .sidebar .card-sidebar { border-radius: 18px; }
body.fivem-theme .sidebar .card-header { padding: 15px 18px; }
body.fivem-theme .sidebar .card-title { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #cbd5e3; }
body.fivem-theme .sidebar .card-minimise { margin-top: 3px; color: #6f7c90; font-size: 11px; transition: transform .25s ease; }
body.fivem-theme .sidebar .list-group-item { position: relative; padding: 0; border: 0; border-top: 1px solid rgba(158, 179, 204, .08); }
body.fivem-theme .sidebar .list-group-item:first-child { border-top: 0; }
body.fivem-theme .sidebar .sidebar-menu-item-wrapper { display: flex; align-items: center; gap: 12px; padding: 12px 18px; }
body.fivem-theme .sidebar .sidebar-menu-item-icon-wrapper { width: 20px; color: #7f8da3; text-align: center; transition: color .2s ease, transform .25s var(--sky-ease); }
body.fivem-theme .sidebar .sidebar-menu-item-label { flex: 1; font-size: 13.5px; font-weight: 550; }
body.fivem-theme .sidebar .list-group-item:hover .sidebar-menu-item-icon-wrapper { color: var(--sky-spark); transform: scale(1.12); }
body.fivem-theme .sidebar .list-group-item.active { background: linear-gradient(90deg, rgba(109, 131, 159, .28), rgba(109, 131, 159, .05)); box-shadow: none; }
body.fivem-theme .sidebar .list-group-item.active::before { content: ""; position: absolute; inset-block: 8px; inset-inline-start: 0; width: 3px; background: linear-gradient(180deg, var(--sky-spark), var(--fivem-accent)); border-radius: 0 3px 3px 0; }
body.fivem-theme .sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper { color: var(--sky-spark); }
body.fivem-theme .sidebar .list-group-item.active .sidebar-menu-item-label { color: #fff; }

/* ---------- Client dashboard ---------- */
body.fivem-theme .fivem-dashboard-hero {
    position: relative;
    isolation: isolate;
    padding: 40px 44px;
    align-items: center;
    background:
        radial-gradient(60% 120% at 92% 0%, rgba(142, 197, 255, .17), transparent 60%),
        radial-gradient(50% 100% at 0% 100%, rgba(109, 131, 159, .2), transparent 60%),
        linear-gradient(135deg, rgba(33, 36, 64, .96), rgba(10, 11, 30, .96));
    border: 1px solid rgba(158, 179, 204, .22);
    border-radius: 26px;
    box-shadow: var(--sky-hi), 0 30px 80px rgba(0, 0, 0, .35);
    animation: sky-rise .7s var(--sky-ease) both;
}
body.fivem-theme .fivem-dashboard-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .5;
    background-image: linear-gradient(rgba(158, 179, 204, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(158, 179, 204, .07) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(70% 100% at 100% 0%, #000, transparent 75%);
    mask-image: radial-gradient(70% 100% at 100% 0%, #000, transparent 75%);
}
body.fivem-theme .fivem-dashboard-hero h1 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; letter-spacing: -.045em; }
body.fivem-theme .fivem-dashboard-hero p { max-width: 560px; font-size: 15px; line-height: 1.7; }
body.fivem-theme .fivem-eyebrow { margin-bottom: 14px; padding: 6px 12px; background: rgba(142, 197, 255, .08); border: 1px solid rgba(142, 197, 255, .2); border-radius: 999px; font-size: 11px; letter-spacing: .12em; }
body.fivem-theme .fivem-dashboard-actions .btn { min-height: 46px; }

body.fivem-theme .fivem-dashboard-stats { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin-bottom: 40px; }
body.fivem-theme .fivem-stat-card {
    --stat: 158, 179, 204;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: var(--sky-card);
    border: 1px solid var(--sky-border);
    border-radius: 18px;
    box-shadow: var(--sky-hi), 0 14px 36px rgba(0, 0, 0, .18);
    transition: transform .3s var(--sky-ease), border-color .3s ease, box-shadow .3s ease;
    animation: sky-rise .7s var(--sky-ease) both;
}
body.fivem-theme .fivem-stat-card:nth-child(1) { animation-delay: .06s; --stat: 142, 197, 255; }
body.fivem-theme .fivem-stat-card:nth-child(2) { animation-delay: .12s; --stat: 165, 151, 255; }
body.fivem-theme .fivem-stat-card:nth-child(3) { animation-delay: .18s; --stat: 231, 189, 114; }
body.fivem-theme .fivem-stat-card:nth-child(4) { animation-delay: .24s; --stat: 104, 197, 161; }
body.fivem-theme .fivem-stat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    background: radial-gradient(90% 120% at 100% 0%, rgba(var(--stat), .2), transparent 65%);
    transition: opacity .35s ease;
}
body.fivem-theme .fivem-stat-card::after { content: ""; position: absolute; inset-inline: 0; top: 0; height: 2px; background: linear-gradient(90deg, rgba(var(--stat), .9), transparent 75%); opacity: .55; }
body.fivem-theme .fivem-stat-card:hover { background: var(--sky-card); border-color: rgba(var(--stat), .5); box-shadow: var(--sky-hi), 0 22px 50px rgba(0, 0, 0, .32), 0 0 34px rgba(var(--stat), .12); transform: translateY(-4px); }
body.fivem-theme .fivem-stat-card:hover::before { opacity: 1; }
body.fivem-theme .fivem-stat-card .stat-icon { width: 48px; height: 48px; flex-basis: 48px; color: rgb(var(--stat)); background: rgba(var(--stat), .12); border: 1px solid rgba(var(--stat), .3); border-radius: 14px; font-size: 18px; }
body.fivem-theme .fivem-stat-card .stat-copy { width: 100%; flex-direction: column-reverse; gap: 6px; }
body.fivem-theme .fivem-stat-card .stat-copy small { overflow: visible; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: .04em; text-transform: uppercase; text-overflow: clip; white-space: normal; color: #8b96a9; }
body.fivem-theme .fivem-stat-card .stat-copy strong { margin-top: 0; font-size: 34px; font-weight: 800; letter-spacing: -.03em; }
body.fivem-theme .fivem-stat-card .stat-copy strong i { color: rgb(var(--stat)); }
body.fivem-theme .fivem-stat-card .stat-arrow { position: absolute; top: 22px; inset-inline-end: 22px; margin: 0; color: #5f6b80; font-size: 12px; transition: transform .3s var(--sky-ease), color .2s ease; }
body.fivem-theme .fivem-stat-card:hover .stat-arrow { color: rgb(var(--stat)); transform: translateX(4px); }
[dir="rtl"] body.fivem-theme .fivem-stat-card:hover .stat-arrow { transform: translateX(-4px); }
body.fivem-theme .fivem-stat-card.is-alert .stat-copy strong { color: #f4d397; }
body.fivem-theme .fivem-stat-card.is-alert::after { opacity: 1; }

body.fivem-theme .fivem-dashboard-heading { margin-bottom: 20px; }
body.fivem-theme .fivem-dashboard-heading small { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
body.fivem-theme .fivem-dashboard-heading h2 { font-size: 24px; font-weight: 800; letter-spacing: -.035em; }
body.fivem-theme .fivem-home-panels .card { margin-bottom: 20px; border-radius: 20px; }
body.fivem-theme .fivem-home-panels .card::before { height: 3px; background: linear-gradient(90deg, var(--fivem-accent), var(--sky-spark) 50%, transparent); opacity: .85; }
body.fivem-theme .fivem-home-panels .card-header { padding: 18px 22px; }
body.fivem-theme .fivem-home-panels .card-title { font-size: 15px; }
body.fivem-theme .fivem-home-panels .list-group-item { padding: 14px 22px; font-size: 14px; border-color: rgba(158, 179, 204, .09); }
body.fivem-theme .fivem-home-panels .list-group-item-action:hover { padding-inline-start: 26px; }
body.fivem-theme .fivem-home-panels .list-group-item-action { transition: padding .3s var(--sky-ease), background .2s ease, color .2s ease; }
body.fivem-theme .fivem-home-panels .card-body { font-size: 14px; }
body.fivem-theme .fivem-home-panels .table { margin-bottom: 0; }
body.fivem-theme .fivem-support-strip {
    padding: 24px 28px;
    background: linear-gradient(120deg, rgba(41, 45, 78, .8), rgba(14, 15, 36, .85));
    border: 1px solid rgba(158, 179, 204, .24);
    border-radius: 20px;
    box-shadow: var(--sky-hi);
}
body.fivem-theme .fivem-support-strip strong { color: #fff; font-size: 16px; }
body.fivem-theme .fivem-support-strip small { font-size: 13px; }

/* ---------- My servers ---------- */
body.fivem-theme .fivem-services-hero { padding: 38px 40px; align-items: center; border-radius: 24px; animation: sky-rise .7s var(--sky-ease) both; }
body.fivem-theme .fivem-services-hero h1 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; letter-spacing: -.045em; }
body.fivem-theme .fivem-services-toolbar { padding: 16px 20px; border-radius: 16px; }
body.fivem-theme .fivem-services-toolbar strong { font-size: 18px; }
body.fivem-theme .fivem-services-toolbar p { font-size: 13px; }
body.fivem-theme .fivem-service-grid { gap: 20px; }
body.fivem-theme .fivem-service-card { border-radius: 20px; box-shadow: var(--sky-hi), 0 16px 40px rgba(0, 0, 0, .2); animation: sky-rise .6s var(--sky-ease) both; }
body.fivem-theme .fivem-service-card:nth-child(2) { animation-delay: .06s; }
body.fivem-theme .fivem-service-card:nth-child(3) { animation-delay: .12s; }
body.fivem-theme .fivem-service-card:nth-child(4) { animation-delay: .18s; }
body.fivem-theme .fivem-service-card:hover { box-shadow: var(--sky-hi), 0 26px 60px rgba(0, 0, 0, .34), 0 0 40px rgba(142, 197, 255, .08); }
body.fivem-theme .fivem-service-card-top { padding: 22px 24px 0; }
body.fivem-theme .fivem-service-icon { width: 48px; height: 48px; border-radius: 14px; font-size: 18px; }
body.fivem-theme .fivem-service-name { padding: 18px 24px 22px; }
body.fivem-theme .fivem-service-name h2 { margin: 6px 0 10px; font-size: 22px; font-weight: 800; }
body.fivem-theme .fivem-service-meta { margin: 0 24px; padding: 20px 0; }
body.fivem-theme .fivem-service-meta strong { font-size: 16px; }
body.fivem-theme .fivem-service-card-foot { padding: 18px 24px; transition: background .25s ease; }
body.fivem-theme .fivem-service-card:hover .fivem-service-card-foot { background: rgba(109, 131, 159, .12); }
body.fivem-theme .fivem-service-card-foot b i { transition: transform .3s var(--sky-ease); }
body.fivem-theme .fivem-service-card:hover .fivem-service-card-foot b i { transform: translateX(4px); }
body.fivem-theme .fivem-services-empty { border-radius: 24px; }
body.fivem-theme .fivem-services-empty p { font-size: 14px; }

/* ==========================================================================
   Authentication
   ========================================================================== */
body.fivem-theme.page-login .master-breadcrumb,
body.fivem-theme.page-password-reset-container .master-breadcrumb,
body.fivem-theme.page-two-factor-challenge .master-breadcrumb,
body.fivem-theme.page-two-factor-new-backup-code .master-breadcrumb { display: none; }
body.fivem-theme.page-login #main-body,
body.fivem-theme.page-password-reset-container #main-body,
body.fivem-theme.page-two-factor-challenge #main-body { padding: clamp(28px, 6vh, 64px) 0 clamp(48px, 8vh, 90px); }

/* Split login shell */
body.fivem-theme .fivem-auth-shell {
    position: relative;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    min-height: 640px;
    margin: 0;
    background: rgba(8, 9, 26, .74);
    border: 1px solid rgba(158, 179, 204, .2);
    border-radius: 30px;
    box-shadow: var(--sky-hi), 0 50px 110px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .35);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    animation: sky-rise .8s var(--sky-ease) both;
}
body.fivem-theme .fivem-auth-aside {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 52px 52px 44px;
    gap: 40px;
    background:
        radial-gradient(70% 60% at 0% 0%, rgba(109, 131, 159, .32), transparent 62%),
        radial-gradient(60% 60% at 100% 100%, rgba(142, 197, 255, .14), transparent 62%),
        linear-gradient(150deg, #20223f 0%, #0a0b22 62%, #05051a 100%);
    border-right: 0;
    border-left: 0;
    border-inline-end: 1px solid rgba(158, 179, 204, .16);
}
.fivem-auth-aside::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .55;
    background-image: linear-gradient(rgba(158, 179, 204, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(158, 179, 204, .08) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: radial-gradient(85% 75% at 15% 10%, #000, transparent 75%);
    mask-image: radial-gradient(85% 75% at 15% 10%, #000, transparent 75%);
}
.auth-orb { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; filter: blur(50px); animation: sky-float 14s ease-in-out infinite; }
.auth-orb-a { width: 260px; height: 260px; inset-block-end: -80px; inset-inline-end: -60px; background: rgba(142, 197, 255, .2); }
.auth-orb-b { width: 200px; height: 200px; inset-block-start: 30%; inset-inline-start: -70px; background: rgba(165, 151, 255, .16); animation-delay: -6s; animation-duration: 18s; }
.auth-aside-brand { display: flex; width: max-content; margin-bottom: 40px; }
.auth-aside-brand img { width: 150px; height: auto; filter: drop-shadow(0 6px 22px rgba(109, 131, 159, .35)); }
body.fivem-theme .fivem-auth-aside .fivem-eyebrow { margin-bottom: 18px; }
body.fivem-theme .fivem-auth-aside h1 { margin: 0 0 20px; font-size: clamp(38px, 4vw, 54px); font-weight: 800; line-height: 1.04; letter-spacing: -.055em; }
body.fivem-theme .fivem-auth-aside h1 span,
body.fivem-theme .fivem-signup-heading h1 { background: linear-gradient(90deg, #d5e3f5 0%, var(--sky-spark) 60%, #b8a9ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.fivem-theme .fivem-signup-heading h1 { background: linear-gradient(180deg, #fff 30%, #a9bad0); -webkit-background-clip: text; background-clip: text; }
body.fivem-theme .fivem-auth-aside > div > p { max-width: 440px; font-size: 16px; line-height: 1.75; }
.auth-points { display: grid; gap: 12px; margin: 32px 0 0 !important; padding: 0; list-style: none; }
body.fivem-theme .fivem-auth-aside .auth-points li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 13px 16px;
    color: #dbe3ee;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(158, 179, 204, .14);
    border-radius: 14px;
    font-size: 14px;
    font-weight: 550;
    transition: transform .3s var(--sky-ease), border-color .25s ease, background .25s ease;
}
body.fivem-theme .fivem-auth-aside .auth-points li:hover { background: rgba(142, 197, 255, .07); border-color: rgba(142, 197, 255, .32); transform: translateX(4px); }
[dir="rtl"] body.fivem-theme .fivem-auth-aside .auth-points li:hover { transform: translateX(-4px); }
.auth-point-icon { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; color: var(--sky-spark); background: rgba(142, 197, 255, .1); border: 1px solid rgba(142, 197, 255, .22); border-radius: 11px; font-size: 14px; }
body.fivem-theme .fivem-auth-aside .auth-point-icon i { width: auto; color: inherit; }
body.fivem-theme .fivem-auth-server { padding: 18px 20px; background: rgba(104, 197, 161, .05); border: 1px solid rgba(104, 197, 161, .2); border-radius: 16px; }
body.fivem-theme .fivem-auth-server .stat-icon { color: #8de1bf; background: rgba(104, 197, 161, .12); border-color: rgba(104, 197, 161, .28); }
body.fivem-theme .fivem-auth-server small { font-size: 11px; }
body.fivem-theme .fivem-auth-server strong { font-size: 14px; }
body.fivem-theme .fivem-auth-server strong i { width: 8px; height: 8px; margin-inline-end: 8px; animation: sky-pulse 2.4s ease-in-out infinite; }

body.fivem-theme .fivem-auth-form { padding: 40px 44px; background: radial-gradient(90% 60% at 100% 0%, rgba(109, 131, 159, .09), transparent 60%); }
body.fivem-theme .fivem-auth-form .card { background: transparent; border: 0; box-shadow: none; }
body.fivem-theme .fivem-auth-form .card-body { padding: 8px 0 0 !important; }
body.fivem-theme .fivem-auth-form .card-footer { margin-top: 26px; padding: 22px 0 0; background: transparent; border-top: 1px solid var(--sky-border); font-size: 14px; }
body.fivem-theme .fivem-auth-form .card-footer small { font-size: 14px; color: var(--fivem-muted); }
body.fivem-theme .fivem-auth-form .card-footer a { font-weight: 700; color: var(--sky-spark); }
body.fivem-theme .fivem-auth-form .card-footer a:hover { color: #fff; }
body.fivem-theme .fivem-login-heading { margin-bottom: 28px !important; }
body.fivem-theme .fivem-login-icon { width: 60px; height: 60px; background: linear-gradient(145deg, rgba(142, 197, 255, .16), rgba(109, 131, 159, .08)); border: 1px solid rgba(142, 197, 255, .26); border-radius: 18px; box-shadow: 0 12px 30px rgba(86, 109, 139, .25); }
body.fivem-theme .fivem-login-heading h2 { margin: 18px 0 8px; font-size: 30px; font-weight: 800; letter-spacing: -.04em; }
body.fivem-theme .fivem-login-heading p { font-size: 14.5px; }
body.fivem-theme .fivem-auth-form .form-group > .d-flex a { font-size: 13px; font-weight: 600; }
body.fivem-theme .fivem-remember { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 14px; cursor: pointer; }
body.fivem-theme .fivem-auth-form #login,
body.fivem-theme .fivem-auth-submit { position: relative; overflow: hidden; }
body.fivem-theme .fivem-auth-form #login::after,
body.fivem-theme .fivem-auth-submit::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 34%; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .32), transparent); transform: translateX(-130%) skewX(-20deg); }
body.fivem-theme .fivem-auth-form #login:hover::after,
body.fivem-theme .fivem-auth-submit:hover::after { animation: sky-shine .8s ease; }
body.fivem-theme .fivem-auth-form #login i,
body.fivem-theme .fivem-auth-submit i { transition: transform .3s var(--sky-ease); }
body.fivem-theme .fivem-auth-form #login:hover i,
body.fivem-theme .fivem-auth-submit:hover i { transform: translateX(4px); }
[dir="rtl"] body.fivem-theme .fivem-auth-form #login:hover i,
[dir="rtl"] body.fivem-theme .fivem-auth-submit:hover i { transform: translateX(-4px); }

/* Social / linked account sign-in */
body.fivem-theme .fivem-auth-form .providerLinkingFeedback { margin-bottom: 12px; }
body.fivem-theme .fivem-auth-form .btn-social,
body.fivem-theme .fivem-auth-form [class*="btn-social"] { justify-content: center; }
body.fivem-theme .fivem-auth-form .sub-heading-borderless,
body.fivem-theme .fivem-auth-form .sub-heading { margin: 22px 0 16px; text-align: center; }
body.fivem-theme .fivem-auth-form .sub-heading span { padding: 0 12px; color: #7d889b; background: #0c0d24 !important; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

/* Single-card auth screens: password reset, two-factor, etc. */
.fivem-auth-single { display: flex; justify-content: center; }
.fivem-auth-card {
    position: relative;
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    padding: 44px 44px 36px;
    background:
        radial-gradient(80% 50% at 50% 0%, rgba(142, 197, 255, .12), transparent 70%),
        linear-gradient(160deg, rgba(26, 28, 54, .92), rgba(8, 9, 26, .95));
    border: 1px solid rgba(158, 179, 204, .22);
    border-radius: 28px;
    box-shadow: var(--sky-hi), 0 45px 100px rgba(0, 0, 0, .5);
    animation: sky-rise .7s var(--sky-ease) both;
}
.fivem-auth-card::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--fivem-accent) 25%, var(--sky-spark) 50%, var(--fivem-accent) 75%, transparent); }
.fivem-auth-card-icon { display: flex; width: 64px; height: 64px; margin: 0 auto 22px; align-items: center; justify-content: center; color: var(--sky-spark); background: linear-gradient(145deg, rgba(142, 197, 255, .16), rgba(109, 131, 159, .08)); border: 1px solid rgba(142, 197, 255, .26); border-radius: 20px; box-shadow: 0 14px 34px rgba(86, 109, 139, .28); font-size: 24px; }
.fivem-auth-card-icon img { width: 38px; height: 38px; object-fit: contain; }
.fivem-auth-card-head { margin-bottom: 26px; text-align: center; }
.fivem-auth-card-head h1,
.fivem-auth-card-head h2 { margin: 0 0 10px; font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.fivem-auth-card-head p { max-width: 380px; margin: 0 auto; font-size: 14.5px; line-height: 1.7; }
.fivem-auth-card .form-group:last-of-type { margin-bottom: 0; }
.fivem-auth-card .btn-block + .btn-block { margin-top: 10px; }
.fivem-auth-card form > .btn-block { margin-top: 24px; }
.fivem-auth-actions { display: grid; gap: 10px; margin-top: 24px; }
.fivem-auth-actions.is-split { grid-template-columns: 1fr 1fr; }
.fivem-auth-card-foot { margin-top: 26px; padding-top: 22px; color: var(--fivem-muted); border-top: 1px solid var(--sky-border); font-size: 14px; text-align: center; }
.fivem-auth-card-foot a { font-weight: 700; color: var(--sky-spark); }
.fivem-auth-card .alert { margin-bottom: 22px; text-align: start; }
.fivem-auth-card .alert.text-center { text-align: center; }
.fivem-auth-card > p { color: var(--fivem-muted); font-size: 14.5px; line-height: 1.7; }
.fivem-auth-card .password-strength-meter,
.fivem-auth-card .progress { margin-top: 6px; }
.fivem-auth-card .form-control-lg { min-height: 54px; font-size: 16px; text-align: center; letter-spacing: .12em; }
.fivem-auth-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--fivem-muted); font-size: 14px; }
.fivem-auth-back:hover { color: #fff; }

/* Registration polish */
body.fivem-theme .fivem-signup-card { border-radius: 26px; box-shadow: var(--sky-hi), 0 40px 90px rgba(0, 0, 0, .38); animation: sky-rise .8s var(--sky-ease) both; }
body.fivem-theme .fivem-signup-card-head h2 { font-size: 30px; font-weight: 800; letter-spacing: -.04em; }
body.fivem-theme .fivem-signup-heading h1 { font-weight: 800; }
body.fivem-theme .fivem-signup-trust span { padding: 11px 15px; border-radius: 12px; }
body.fivem-theme .fivem-signup-trust i { color: var(--sky-spark); }
body.fivem-theme .fivem-form-section-title > span { width: 36px; height: 36px; color: #05061a; background: linear-gradient(135deg, #c3d6ec, var(--sky-spark)); border-radius: 11px; font-size: 12px; box-shadow: 0 8px 20px rgba(142, 197, 255, .22); }
body.fivem-theme .fivem-form-section-title strong { font-size: 15px; }
body.fivem-theme .fivem-input-wrap { min-height: 50px; background: var(--sky-field); border-radius: 12px; }
body.fivem-theme .fivem-input-wrap:focus-within { border-color: rgba(142, 197, 255, .7); box-shadow: 0 0 0 4px rgba(142, 197, 255, .12); }
body.fivem-theme .fivem-input-wrap:focus-within > i { color: var(--sky-spark); }
body.fivem-theme .fivem-signup-card .form-control,
body.fivem-theme .fivem-signup-card input.form-control,
body.fivem-theme .fivem-signup-card select.form-control { height: 49px !important; min-height: 49px; }
body.fivem-theme .fivem-signup-card .form-control:focus { box-shadow: none !important; }
body.fivem-theme .fivem-signup-card .fivem-input-wrap .form-control { box-shadow: none !important; }
body.fivem-theme .fivem-signup-card label { color: #a9b4c6; }
body.fivem-theme .fivem-input-wrap select.form-control { padding-inline-start: .4rem; text-align: start; cursor: pointer; }
/* Phone field: lay the flag + dial code out as a flex item so the number never sits underneath it */
body.fivem-theme .fivem-phone-wrap .intl-tel-input { display: flex; width: 100%; align-items: stretch; direction: ltr; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .flag-container { position: relative; inset: auto; flex: 0 0 auto; padding: 0; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag { position: relative; display: flex; width: auto; height: 100%; padding: 0 12px; align-items: center; gap: 8px; background: rgba(109, 131, 159, .1) !important; border-radius: 0; border-inline-end: 1px solid rgba(158, 179, 204, .16); }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag,
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-arrow { position: static; margin: 0; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag { flex: 0 0 auto; width: 20px; height: 15px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.be { width: 18px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.ch { width: 15px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.mc { width: 19px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.ne { width: 18px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.np { width: 13px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-flag.va { width: 15px; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-flag .iti-arrow { flex: 0 0 auto; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input .selected-dial-code { position: static; flex: 0 0 auto; margin: 0; padding: 0; color: #cfd8e5; font-size: 13px; font-weight: 600; white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
body.fivem-theme .fivem-phone-wrap .intl-tel-input input.form-control { flex: 1; width: auto; min-width: 0; padding-inline: .85rem !important; }
body.fivem-theme .fivem-phone-wrap .country-list { min-width: 260px; margin-top: 8px; border-radius: 12px; box-shadow: 0 24px 60px rgba(0, 0, 0, .5); }
body.fivem-theme .fivem-signup-submit { min-height: 56px; font-size: 13px; }
body.fivem-theme .fivem-signup-note { color: #7d889b !important; }

/* ---------- Motion / responsive ---------- */
@media (max-width: 991px) {
    body.fivem-theme .fivem-auth-shell { grid-template-columns: minmax(0, 1fr); min-height: 0; border-radius: 24px; }
    body.fivem-theme .fivem-auth-aside { display: none; }
    body.fivem-theme .fivem-auth-form { padding: 34px 28px; }
    body.fivem-theme .fivem-dashboard-hero { padding: 32px 28px; }
}
@media (max-width: 767px) {
    body.fivem-theme { font-size: 14.5px; }
    body.fivem-theme .fivem-auth-form { padding: 26px 18px; }
    body.fivem-theme .fivem-login-heading h2 { font-size: 26px; }
    .fivem-auth-card { padding: 32px 22px 26px; border-radius: 22px; }
    .fivem-auth-card-head h1,
    .fivem-auth-card-head h2 { font-size: 24px; }
    .fivem-auth-actions.is-split { grid-template-columns: 1fr; }
    body.fivem-theme .fivem-dashboard-hero { padding: 28px 22px; border-radius: 22px; }
    body.fivem-theme .fivem-stat-card { padding: 18px; }
    body.fivem-theme .fivem-stat-card .stat-copy strong { font-size: 26px; }
    body.fivem-theme .fivem-services-hero { padding: 28px 22px; }
    body.fivem-theme .card-body { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    body.fivem-theme *,
    body.fivem-theme *::before,
    body.fivem-theme *::after,
    .auth-orb,
    .fivem-auth-card { animation: none !important; transition: none !important; }
}