:root {
    --bg: #060806;
    --bg-soft: #0b100c;
    --surface: rgba(255, 255, 255, 0.04);
    --surface-strong: rgba(255, 255, 255, 0.06);
    --text: #f3f7f2;
    --muted: #9aa49b;
    --green: #36b54a;
    --green-light: #8dff00;
    --green-pale: #e2f7c2;
    --border: rgba(255, 255, 255, 0.08);
    --shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    --container: 1180px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text);
    font-family: "Inter", sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(54, 181, 74, 0.12), transparent 28rem),
        radial-gradient(circle at 100% 20%, rgba(141, 255, 0, 0.07), transparent 24rem),
        var(--bg);
}

body.menu-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

.container {
    width: min(calc(100% - 40px), var(--container));
    margin-inline: auto;
}

.site-noise {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.025;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.site-header.scrolled {
    background: rgba(6, 8, 6, 0.97);
    border-bottom: 1px solid var(--border);
}

.navbar {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.brand img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.brand span {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand strong {
    font-family: "Manrope", sans-serif;
    font-size: 1.02rem;
}

.brand small {
    color: var(--green-light);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.main-nav a {
    color: #c7cec8;
    font-size: 0.92rem;
    font-weight: 600;
    transition: color 0.2s ease;
}

.main-nav a:hover,
.main-nav a.active {
    color: #fff;
}

.main-nav .nav-cta {
    padding: 8px 13px;
    color: #091009;
    background: linear-gradient(135deg,#47c94f,#2f9f3d);
    border-radius: 999px;
    font-size: 0.84rem;
    line-height: 1;
}

.nav-toggle {
    display: none;
    width: 46px;
    height: 46px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.nav-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 5px auto;
    background: white;
}

.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 120px 0 70px;
    overflow: hidden;
}

.hero__glow {
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    filter: none;
    opacity: 0.12;
    background: radial-gradient(circle, rgba(54,181,74,.42) 0%, rgba(54,181,74,.14) 38%, transparent 72%);
}

.hero__glow--left {
    background: var(--green);
    left: -120px;
    top: 10%;
}

.hero__glow--right {
    background: linear-gradient(135deg,#47c94f,#2f9f3d);
    right: -120px;
    bottom: 15%;
    opacity: 0.08;
}

.hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 70px;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--green-pale);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.18em;
}

.eyebrow__dot,
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green-light);
    box-shadow: 0 0 14px rgba(141, 255, 0, 0.85);
}

.hero h1,
.section-heading h2,
.simple-panel h2,
.discord-panel h2 {
    margin: 0;
    font-family: "Manrope", sans-serif;
    letter-spacing: -0.05em;
    line-height: 1.02;
}

.hero h1 {
    max-width: 640px;
    margin-top: 22px;
    font-size: clamp(3.3rem, 7vw, 6rem);
    line-height: 1.08;
}

.hero h1 span {
    display: block;
    padding-bottom: 0.08em;
    color: transparent;
    background: linear-gradient(120deg, #f2ffd1 5%, #adff38 45%, #36b54a 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hero__text,
.section-heading p,
.simple-panel p,
.discord-panel p,
.mini-feature-card p {
    color: var(--muted);
}

.hero__text {
    max-width: 560px;
    margin: 22px 0 0;
    font-size: 1.05rem;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.button {
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 16px;
    font-size: 0.92rem;
    font-weight: 800;
    border: 1px solid transparent;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button--primary {
    color: #081008;
    background: linear-gradient(135deg, var(--green-light), #5bd24f);
}

.button--secondary {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border);
}

.button--secondary:hover {
    border-color: rgba(141, 255, 0, 0.22);
}

.hero__visual {
    display: grid;
    justify-items: center;
    gap: 22px;
}

.hero-logo-card {
    width: min(100%, 420px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
    box-shadow: var(--shadow);
}

.hero-logo-card img {
    width: 100%;
    max-width: 310px;
    border-radius: 50%;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: #dbe5dc;
    background: rgba(255, 255, 255, 0.03);
}

.hero-server-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.hero-player-count {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
}

.hero-player-count strong {
    color: #ffffff;
    font-size: 0.95rem;
}

.hero-player-count small {
    color: var(--muted);
    font-size: 0.78rem;
}

.hero-server-info.is-offline .hero-player-count strong {
    color: #ff8f8f;
}

.section {
    padding: 90px 0;
}

.section--compact {
    padding-top: 70px;
    padding-bottom: 70px;
}

.section-heading {
    max-width: 720px;
}

.section-heading--center,
.discord-panel {
    margin-inline: auto;
    text-align: center;
}

.section-heading h2,
.simple-panel h2,
.discord-panel h2 {
    margin-top: 16px;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
}

.mini-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 40px;
}

.mini-feature-card,
.meta-box,
.simple-panel,
.discord-panel {
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.03);
}

.mini-feature-card {
    padding: 28px;
    border-radius: 22px;
}

.mini-feature-card h3 {
    margin: 0 0 10px;
    font-family: "Manrope", sans-serif;
    font-size: 1.2rem;
}

.mini-feature-card p {
    margin: 0;
}

.simple-panel {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: center;
    padding: 34px;
    border-radius: 26px;
}

.simple-panel__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 14px;
}

.meta-box {
    padding: 18px 20px;
    border-radius: 18px;
}

.meta-box small,
.meta-box strong {
    display: block;
}

.meta-box small {
    color: var(--muted);
    font-size: 0.76rem;
}

.meta-box strong {
    margin-top: 6px;
    font-size: 1rem;
}

.discord-panel {
    max-width: 740px;
    padding: 56px 32px;
    border-radius: 28px;
}

.site-footer {
    padding: 40px 0 26px;
    border-top: 1px solid var(--border);
}

.footer-simple {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.footer-simple__links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.footer-simple__links a {
    color: var(--muted);
    font-size: 0.9rem;
}

.footer-simple__links a:hover {
    color: #fff;
}

.footer-bottom {
    margin-top: 28px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--border);
    color: #69736a;
    font-size: 0.76rem;
}

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal--delay-small {
    transition-delay: 0.08s;
}

.reveal--delay {
    transition-delay: 0.16s;
}

/* Discord login */
.nav-login {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.discord-mark {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.user-menu {
    position: relative;
}

.user-menu__button {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px 6px 7px;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255,255,255,0.04);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.user-menu__button img {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 50%;
}

.user-menu__arrow {
    width: 10px;
    height: 10px;
    margin-left: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-right: 2px solid var(--muted);
    border-bottom: 2px solid var(--muted);
    transform: rotate(45deg) translateY(-1px);
    transform-origin: center;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.user-menu__button:hover .user-menu__arrow {
    border-color: #ffffff;
}

.user-menu.open .user-menu__arrow {
    transform: rotate(225deg) translateY(-1px);
}

.user-menu__dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 220px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(9, 14, 10, 0.98);
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: 0.2s ease;
}

.user-menu.open .user-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.user-menu__identity {
    padding: 9px 10px 12px;
    border-bottom: 1px solid var(--border);
}

.user-menu__identity strong,
.user-menu__identity small {
    display: block;
}

.user-menu__identity small {
    color: var(--muted);
}

.user-menu__dropdown > a {
    display: block;
    margin-top: 7px;
    padding: 10px;
    border-radius: 10px;
}

.user-menu__dropdown > a:hover {
    color: #fff;
    background: rgba(255,255,255,0.06);
}

.login-toast {
    position: fixed;
    top: 104px;
    left: 50%;
    z-index: 150;
    transform: translateX(-50%);
    max-width: calc(100% - 30px);
    padding: 13px 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(11, 17, 12, 0.96);
    box-shadow: var(--shadow);
    font-size: 0.88rem;
    font-weight: 700;
    animation: toast-in 0.3s ease;
}

.login-toast--error {
    border-color: rgba(255,90,90,0.32);
}

@keyframes toast-in {
    from { opacity: 0; transform: translate(-50%, -10px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

@media (max-width: 980px) {
    .main-nav {
        position: fixed;
        inset: 88px 20px auto;
        display: none;
        padding: 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: rgba(8,12,9,0.98);
        box-shadow: var(--shadow);
    }

    .main-nav.open {
        display: flex;
    }

    .main-nav a {
        padding: 14px 12px;
        border-radius: 12px;
    }

    .nav-toggle {
        display: block;
    }

    .hero__grid,
    .simple-panel {
        grid-template-columns: 1fr;
    }

    .hero {
        padding-top: 120px;
    }

    .hero__visual {
        order: -1;
    }

    .mini-feature-grid {
        grid-template-columns: 1fr;
    }

    .simple-panel__meta {
        grid-template-columns: 1fr 1fr;
    }

    .user-menu__button {
        width: 100%;
        border-radius: 12px;
    }

    .user-menu__dropdown {
        position: static;
        width: 100%;
        display: none;
        margin-top: 8px;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .user-menu.open .user-menu__dropdown {
        display: block;
    }
}

@media (max-width: 680px) {
    .container {
        width: min(calc(100% - 28px), var(--container));
    }

    .navbar {
        min-height: 76px;
    }

    .brand img {
        width: 42px;
        height: 42px;
    }

    .hero {
        min-height: auto;
        padding: 110px 0 56px;
    }

    .hero h1 {
        font-size: clamp(2.8rem, 16vw, 4.4rem);
    }

    .hero__actions,
    .hero__actions .button {
        width: 100%;
    }

    .hero-logo-card {
        width: min(100%, 320px);
        padding: 18px;
        border-radius: 24px;
    }

    .section {
        padding: 56px 0;
    }

    .section-heading h2,
    .simple-panel h2,
    .discord-panel h2 {
        font-size: clamp(2rem, 11vw, 3.1rem);
    }

    .simple-panel,
    .discord-panel,
    .mini-feature-card {
        padding: 24px;
    }

    .simple-panel__meta {
        grid-template-columns: 1fr;
    }

    .footer-simple,
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* Live FiveM serverstatus */
.hero-badge.is-offline .status-dot,
.meta-box.is-offline + .meta-box .status-dot,
.meta-box.is-offline .status-dot {
    background: #ff5f5f;
    box-shadow: 0 0 14px rgba(255, 95, 95, 0.65);
}

.hero-badge.is-offline {
    color: #d5b0b0;
}

.meta-box.is-online strong {
    color: #b8ff72;
}

.meta-box.is-offline strong {
    color: #ff8585;
}

.server-connect-button {
    grid-column: 1 / -1;
    width: 100%;
}

.server-connect-button.is-disabled {
    pointer-events: none;
    opacity: 0.45;
    filter: grayscale(1);
}


/* Performance improvements */
.hero__glow {
    pointer-events: none;
    will-change: auto;
}

@media (max-width: 980px) {
    .hero__glow {
        filter: none;
        opacity: 0.09;
    }
}

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


/* Rules page */
.rules-page {
    min-height: 100vh;
}

.rules-hero {
    position: relative;
    padding: 155px 0 72px;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
}

.rules-hero__glow {
    position: absolute;
    width: 560px;
    height: 300px;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(83, 220, 72, 0.14);
    filter: blur(110px);
    pointer-events: none;
}

.rules-hero__inner {
    position: relative;
    max-width: 820px;
    text-align: center;
}

.rules-hero h1 {
    margin: 18px 0 12px;
    font-family: "Manrope", sans-serif;
    font-size: clamp(3.4rem, 8vw, 6.4rem);
    line-height: 1;
    letter-spacing: -0.06em;
}

.rules-hero p {
    max-width: 690px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 1.03rem;
}

.rules-search {
    max-width: 620px;
    min-height: 58px;
    margin: 32px auto 0;
    padding: 0 14px 0 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: rgba(255,255,255,0.045);
    box-shadow: 0 20px 60px rgba(0,0,0,0.24);
}

.rules-search > span {
    color: var(--green-light);
    font-size: 1.4rem;
}

.rules-search input {
    min-width: 0;
    flex: 1;
    color: var(--text);
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
}

.rules-search input::placeholder {
    color: #6f7a70;
}

.rules-search kbd {
    padding: 4px 7px;
    color: #879188;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: rgba(255,255,255,0.035);
    font-family: inherit;
    font-size: .64rem;
}

.rules-content {
    padding: 72px 0 110px;
}

.rules-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 58px;
    align-items: start;
}

.rules-sidebar {
    position: sticky;
    top: 116px;
}

.rules-sidebar__label {
    display: block;
    margin: 0 0 14px 13px;
    color: #687169;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
}

.rules-sidebar nav {
    display: grid;
    gap: 5px;
}

.rules-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    color: var(--muted);
    border-radius: 11px;
    font-size: .88rem;
    font-weight: 650;
    transition: color .2s ease, background .2s ease;
}

.rules-sidebar nav a span {
    color: #5f695f;
    font-size: .68rem;
}

.rules-sidebar nav a:hover,
.rules-sidebar nav a.active {
    color: #fff;
    background: rgba(255,255,255,.055);
}

.rules-sidebar nav a.active span {
    color: var(--green-light);
}

.rules-note {
    margin-top: 28px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: rgba(255,255,255,.025);
}

.rules-note strong {
    font-size: .86rem;
}

.rules-note p {
    margin: 5px 0 12px;
    color: var(--muted);
    font-size: .77rem;
}

.rules-note a {
    color: var(--green-light);
    font-size: .76rem;
    font-weight: 750;
}

.rules-main {
    min-width: 0;
}

.rules-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 54px;
    padding: 18px 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(255,255,255,.025);
}

.rules-intro div span,
.rules-intro div strong {
    display: block;
}

.rules-intro div span {
    color: var(--muted);
    font-size: .72rem;
}

.rules-intro div strong {
    margin-top: 2px;
    font-size: .88rem;
}

.rules-intro p {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
}

.rule-category {
    scroll-margin-top: 120px;
    margin-bottom: 72px;
}

.rule-category:last-child {
    margin-bottom: 0;
}

.rule-category__heading {
    display: flex;
    gap: 20px;
    margin-bottom: 22px;
}

.rule-category__heading > span {
    margin-top: 6px;
    color: var(--green-light);
    font-size: .75rem;
    font-weight: 800;
}

.rule-category__heading h2 {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.65rem);
    letter-spacing: -.04em;
}

.rule-category__heading p {
    margin: 7px 0 0;
    color: var(--muted);
}

.rule-list {
    border-top: 1px solid var(--border);
}

.rule-item {
    border-bottom: 1px solid var(--border);
}

.rule-item__button {
    width: 100%;
    min-height: 74px;
    display: grid;
    grid-template-columns: 38px 1fr 22px;
    align-items: center;
    gap: 14px;
    padding: 0 8px;
    color: var(--text);
    border: 0;
    background: transparent;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.rule-item__index {
    color: #596259;
    font-size: .69rem;
    font-weight: 750;
}

.rule-item__title {
    font-weight: 720;
}

.rule-item__icon {
    position: relative;
    width: 18px;
    height: 18px;
}

.rule-item__icon::before,
.rule-item__icon::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 3px;
    width: 12px;
    height: 1.5px;
    background: #8b948c;
    transition: transform .2s ease;
}

.rule-item__icon::after {
    transform: rotate(90deg);
}

.rule-item.open .rule-item__icon::after {
    transform: rotate(0);
}

.rule-item__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .24s ease;
}

.rule-item__body > p {
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 60px 0;
    color: var(--muted);
    font-size: .93rem;
    transition: padding .24s ease;
}

.rule-item.open .rule-item__body {
    grid-template-rows: 1fr;
}

.rule-item.open .rule-item__body > p {
    padding-bottom: 24px;
}

.rule-item:hover .rule-item__title,
.rule-item.open .rule-item__title {
    color: var(--green-pale);
}

.rules-empty {
    margin-bottom: 50px;
    padding: 42px 24px;
    text-align: center;
    border: 1px dashed var(--border);
    border-radius: 20px;
}

.rules-empty strong {
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 1.25rem;
}

.rules-empty p {
    margin: 5px 0 0;
    color: var(--muted);
}

@media (max-width: 900px) {
    .rules-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rules-sidebar {
        position: static;
    }

    .rules-sidebar nav {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 8px;
        scrollbar-width: none;
    }

    .rules-sidebar nav::-webkit-scrollbar {
        display: none;
    }

    .rules-sidebar nav a {
        flex: 0 0 auto;
        border: 1px solid var(--border);
    }

    .rules-note {
        display: none;
    }
}

@media (max-width: 680px) {
    .rules-hero {
        padding: 125px 0 58px;
    }

    .rules-content {
        padding: 48px 0 76px;
    }

    .rules-search kbd {
        display: none;
    }

    .rules-intro {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 40px;
    }

    .rule-category {
        margin-bottom: 54px;
    }

    .rule-category__heading {
        gap: 12px;
    }

    .rule-item__button {
        grid-template-columns: 28px 1fr 20px;
        min-height: 68px;
        gap: 8px;
    }

    .rule-item__body > p {
        padding-left: 36px;
        padding-right: 12px;
    }
}


/* Admin panel */
.admin-page{min-height:100vh;background:linear-gradient(180deg,rgba(141,255,0,.035),transparent 30rem)}
.admin-hero{padding:145px 0 55px;border-bottom:1px solid var(--border)}
.admin-hero h1{margin:14px 0 8px;font:800 clamp(2.8rem,6vw,5rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}
.admin-hero p{margin:0;color:var(--muted)}
.admin-content{padding:45px 0 90px}
.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.admin-sidebar{position:sticky;top:108px;display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.025)}
.admin-sidebar strong{padding:8px 10px 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.admin-sidebar a{padding:11px 12px;border-radius:12px;color:var(--muted);font-size:.9rem;font-weight:700}.admin-sidebar a:hover,.admin-sidebar a.active{color:#fff;background:rgba(255,255,255,.055)}
.admin-main{display:grid;gap:22px}.admin-card{scroll-margin-top:110px;padding:28px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.028)}
.admin-card__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-card__heading span{color:var(--green-light);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.admin-card__heading h2{margin:4px 0 0;font:750 1.65rem/1.15 "Manrope",sans-serif}
.admin-form{display:grid;gap:16px}.admin-form label,.admin-edit-form label{display:grid;gap:7px}.admin-form label>span,.admin-edit-form label>span{color:var(--muted);font-size:.76rem;font-weight:700}
.admin-form input,.admin-form textarea,.admin-form select,.admin-edit-form input,.admin-edit-form textarea,.admin-edit-form select{width:100%;padding:12px 14px;color:var(--text);font:inherit;border:1px solid var(--border);border-radius:13px;outline:none;background:#0b100c;resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.admin-edit-form input:focus,.admin-edit-form textarea:focus,.admin-edit-form select:focus{border-color:rgba(141,255,0,.4);box-shadow:0 0 0 3px rgba(141,255,0,.07)}
.admin-form .button{justify-self:start}.admin-form .button:disabled{opacity:.45;cursor:not-allowed}
.admin-alert{padding:14px 16px;border:1px solid;border-radius:14px;font-weight:700;font-size:.9rem}.admin-alert--success{color:#dfffc5;border-color:rgba(141,255,0,.28);background:rgba(141,255,0,.06)}.admin-alert--error{color:#ffd5d5;border-color:rgba(255,90,90,.3);background:rgba(255,90,90,.06)}
.admin-list,.admin-rule-groups{display:grid;gap:14px}.admin-list-item{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:14px;align-items:end;padding:16px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.022)}.admin-list-item__main{display:grid;gap:9px}.admin-list-item__main input{font-weight:800}.admin-actions{display:flex;gap:8px}.admin-actions button{padding:10px 13px;color:#ffffff;border:0;border-radius:10px;background:linear-gradient(135deg,#47c94f,#2f9f3d);font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(54,181,74,.18)}.admin-actions button.danger{color:#ffb8b8;background:rgba(255,70,70,.11);border:1px solid rgba(255,70,70,.18)}
.admin-rule-group{display:grid;gap:10px}.admin-rule-group h3{margin:18px 0 2px;font:750 1.15rem "Manrope",sans-serif}.admin-rule-row{grid-template-columns:minmax(0,1fr) 175px 90px auto}
.admin-modal[hidden]{display:none}.admin-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}.admin-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.admin-modal__box{position:relative;width:min(100%,560px);max-height:90vh;overflow:auto;padding:28px;border:1px solid var(--border);border-radius:24px;background:#0b100c;box-shadow:var(--shadow)}.admin-modal__box h2{margin:0 0 22px;font:750 1.7rem "Manrope",sans-serif}.admin-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;color:#fff;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);font-size:1.4rem;cursor:pointer}
@media(max-width:980px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;flex-direction:row;overflow:auto}.admin-list-item,.admin-rule-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}}
@media(max-width:680px){.admin-hero{padding-top:115px}.admin-card{padding:20px}.admin-card__heading{align-items:flex-start;flex-direction:column}.admin-card__heading .button{width:100%}}


/* Database users and roles */
.user-menu__role {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 8px;
    color: #0a100b;
    background: var(--green-light);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.admin-card__description {
    margin: -4px 0 24px;
    color: var(--muted);
}

.admin-users {
    display: grid;
    gap: 12px;
}

.admin-user-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(160px, 220px) auto;
    align-items: end;
    gap: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255,255,255,0.025);
}

.admin-user-row__identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.admin-user-row__identity img,
.admin-user-row__avatar {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    object-fit: cover;
}

.admin-user-row__avatar {
    display: grid;
    place-items: center;
    color: #091009;
    background: var(--green-light);
    font-weight: 900;
}

.admin-user-row__identity strong,
.admin-user-row__identity small {
    display: block;
}

.admin-user-row__identity small {
    max-width: 100%;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-row label {
    margin: 0;
}

.admin-user-row button {
    min-height: 46px;
    padding: 0 16px;
    color: #091009;
    border: 0;
    border-radius: 12px;
    background: var(--green-light);
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 900px) {
    .admin-user-row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}


/* Admin faner */
.admin-tabs {
    display: flex;
    gap: 10px;
    padding: 8px;
    margin-bottom: 24px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255,255,255,0.025);
}
.admin-tabs a {
    flex: 0 0 auto;
    padding: 12px 18px;
    border-radius: 12px;
    color: var(--muted);
    font-size: .9rem;
    font-weight: 700;
    transition: .2s ease;
}
.admin-tabs a:hover { color: #fff; background: rgba(255,255,255,.04); }
.admin-tabs a.active { color: #ffffff; background: linear-gradient(135deg,#47c94f,#2f9f3d); }
.admin-main--tabs { width: 100%; }
.admin-heading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.admin-view-link { color: var(--green-light); font-size:.86rem; font-weight:700; }
@media (max-width: 680px) {
    .admin-tabs { margin-inline: -2px; }
    .admin-card__heading { align-items:flex-start; gap:16px; }
}

/* Admin button contrast */
.admin-page .button--primary,
.admin-shell .button--primary,
.admin-card .button--primary,
.admin-modal .button--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #47c94f, #2f9f3d);
    box-shadow: 0 10px 24px rgba(54, 181, 74, 0.20);
}

.admin-page .button--primary:hover,
.admin-shell .button--primary:hover,
.admin-card .button--primary:hover,
.admin-modal .button--primary:hover {
    background: linear-gradient(135deg, #55d85d, #35aa43);
}


/* Custom admin dropdowns */
.admin-page select {
    color-scheme: dark;
}

.custom-select {
    position: relative;
    width: 100%;
}

.custom-select.open {
    z-index: 120;
}

.custom-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.custom-select__button {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 14px;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 13px;
    background: #0b100c;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.custom-select__button:hover {
    border-color: rgba(141,255,0,.24);
    background: #0d140e;
}

.custom-select.open .custom-select__button,
.custom-select__button:focus-visible {
    outline: none;
    border-color: rgba(141,255,0,.45);
    box-shadow: 0 0 0 3px rgba(141,255,0,.08);
}

.custom-select__arrow {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-right: 2px solid var(--muted);
    border-bottom: 2px solid var(--muted);
    transform: rotate(45deg) translateY(-2px);
    transition: transform .2s ease, border-color .2s ease;
}

.custom-select.open .custom-select__arrow {
    border-color: var(--green-light);
    transform: rotate(225deg) translateY(-1px);
}

.custom-select__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 80;
    display: grid;
    gap: 4px;
    max-height: 260px;
    padding: 7px;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(9, 14, 10, .98);
    box-shadow: 0 18px 48px rgba(0,0,0,.45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.985);
    transform-origin: top;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.custom-select.open .custom-select__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.custom-select__option {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    color: #d8e0d9;
    border: 0;
    border-radius: 9px;
    background: transparent;
    font: inherit;
    font-size: .9rem;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
}

.custom-select__option:hover,
.custom-select__option:focus-visible {
    outline: none;
    color: #fff;
    background: rgba(255,255,255,.055);
}

.custom-select__option.selected {
    color: #fff;
    background: linear-gradient(135deg, rgba(71,201,79,.9), rgba(47,159,61,.9));
}

.custom-select__menu::-webkit-scrollbar {
    width: 7px;
}

.custom-select__menu::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
}

/* Refined admin controls: compact, professional and high contrast */
.admin-user-row button,
.admin-actions button,
.admin-page .button--primary,
.admin-shell .button--primary,
.admin-card .button--primary,
.admin-modal .button--primary {
    min-height: 38px;
    padding: 0 14px;
    color: #ffffff !important;
    border: 1px solid rgba(86, 210, 99, 0.28);
    border-radius: 9px;
    background: linear-gradient(135deg, #329d42, #267f35);
    box-shadow: none;
    font-size: .84rem;
    font-weight: 750;
    line-height: 1;
}

.admin-user-row button:hover,
.admin-actions button:hover,
.admin-page .button--primary:hover,
.admin-shell .button--primary:hover,
.admin-card .button--primary:hover,
.admin-modal .button--primary:hover {
    color: #ffffff !important;
    border-color: rgba(111, 232, 123, 0.42);
    background: linear-gradient(135deg, #3aa84b, #2b8a3a);
    transform: translateY(-1px);
}

.admin-user-row button:active,
.admin-actions button:active,
.admin-page .button--primary:active,
.admin-shell .button--primary:active,
.admin-card .button--primary:active,
.admin-modal .button--primary:active {
    transform: translateY(0);
}

.custom-select__button {
    min-height: 40px;
    padding: 0 12px;
    color: #eef4ef;
    border-radius: 10px;
    background: rgba(10, 15, 11, .96);
    font-size: .86rem;
    font-weight: 650;
}

.custom-select__button:hover {
    color: #ffffff;
    border-color: rgba(111, 232, 123, .26);
    background: rgba(14, 22, 15, .98);
}

.custom-select.open .custom-select__button,
.custom-select__button:focus-visible {
    border-color: rgba(86, 210, 99, .42);
    background: rgba(12, 19, 13, .98);
    box-shadow: 0 0 0 3px rgba(54, 181, 74, .07);
}

.custom-select__value {
    color: inherit;
}

.custom-select__menu {
    top: calc(100% + 6px);
    gap: 2px;
    padding: 6px;
    border-radius: 11px;
    background: rgba(8, 13, 9, .99);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}

.custom-select__option {
    min-height: 36px;
    padding: 0 10px;
    color: #cbd4cc;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    font-size: .84rem;
    font-weight: 600;
}

.custom-select__option:hover,
.custom-select__option:focus-visible {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .055);
    background: rgba(255, 255, 255, .045);
}

.custom-select__option.selected {
    color: #ffffff;
    border-color: rgba(86, 210, 99, .22);
    background: rgba(54, 181, 74, .15);
    box-shadow: inset 3px 0 0 #45bb54;
}

.admin-user-row {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) auto;
    gap: 14px;
}

.admin-user-row > button {
    align-self: end;
    white-space: nowrap;
}


/* Applications page */
.applications-page{min-height:100vh}.applications-hero{position:relative;padding:150px 0 72px;overflow:hidden}.applications-hero__glow{position:absolute;width:440px;height:440px;right:-180px;top:-160px;border-radius:50%;background:var(--green);filter:none;opacity:.10;background:radial-gradient(circle,rgba(54,181,74,.34),transparent 72%)}.applications-hero__inner{position:relative;max-width:760px}.applications-hero h1{margin:18px 0 14px;font:800 clamp(3rem,7vw,5.8rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.applications-hero p{max-width:650px;margin:0;color:var(--muted);font-size:1.04rem}.applications-content{padding:25px 0 100px}.applications-alert{margin-bottom:22px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03);font-weight:700}.applications-alert--success{border-color:rgba(54,181,74,.3)}.applications-alert--error{border-color:rgba(255,90,90,.35)}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.application-card{min-height:310px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease}.application-card:hover{transform:translateY(-4px);border-color:rgba(86,210,99,.22)}.application-card.is-closed{opacity:.65}.application-card__top{display:flex;align-items:center;justify-content:space-between}.application-card__index{color:#6d786e;font:750 .78rem "Manrope",sans-serif}.application-card__status{padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:800}.application-card__status.is-open{color:#dffff0;background:rgba(54,181,74,.14)}.application-card__status.is-closed{color:#b7bdb8;background:rgba(255,255,255,.06)}.application-card h2{margin:40px 0 10px;font:750 1.55rem "Manrope",sans-serif}.application-card p{margin:0 0 26px;color:var(--muted)}.application-card .button{margin-top:auto;align-self:flex-start}.my-applications{margin-top:70px;padding-top:44px;border-top:1px solid var(--border)}.my-applications__heading h2{margin:10px 0 24px;font:750 2rem "Manrope",sans-serif}.applications-empty{padding:24px;border:1px solid var(--border);border-radius:18px;color:var(--muted);background:rgba(255,255,255,.02)}.application-history{display:grid;gap:10px}.application-history__item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02)}.application-history__item strong,.application-history__item small{display:block}.application-history__item small{margin-top:3px;color:var(--muted)}.application-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800}.application-status--pending{color:#ffe6a7;background:rgba(238,180,45,.13)}.application-status--interview{color:#cfe2ff;background:rgba(76,139,220,.14)}.application-status--approved{color:#d9ffe0;background:rgba(54,181,74,.14)}.application-status--rejected{color:#ffc4c4;background:rgba(220,70,70,.13)}.application-modal[hidden]{display:none}.application-modal{position:fixed;inset:0;z-index:350;display:grid;place-items:center;padding:20px}.application-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84)}.application-modal__box{position:relative;width:min(100%,650px);max-height:90vh;overflow:auto;padding:32px;border:1px solid var(--border);border-radius:24px;background:#0a0f0b;box-shadow:var(--shadow)}.application-modal__box h2{margin:8px 0 24px;font:750 2rem "Manrope",sans-serif}.application-modal__close{position:absolute;top:15px;right:15px;width:36px;height:36px;color:#fff;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);font-size:1.35rem;cursor:pointer}.application-form{display:grid;gap:16px}.application-form label{display:grid;gap:7px}.application-form label>span{color:#b7c1b8;font-size:.8rem;font-weight:700}.application-form input,.application-form textarea{width:100%;padding:13px 14px;color:#fff;border:1px solid var(--border);border-radius:12px;background:#071008;font:inherit;resize:vertical}.application-form input:focus,.application-form textarea:focus{outline:none;border-color:rgba(86,210,99,.38);box-shadow:0 0 0 3px rgba(54,181,74,.07)}.application-form .button{justify-self:start;color:#fff!important;background:linear-gradient(135deg,#329d42,#267f35)}

/* Applications admin */
.admin-application-type-row{grid-template-columns:minmax(0,1fr) 110px 90px auto}.admin-switch{display:flex!important;align-items:center!important;gap:9px!important;align-self:center}.admin-switch input{position:absolute;opacity:0;pointer-events:none}.admin-switch>span{position:relative;width:40px;height:22px;flex:0 0 40px;border-radius:999px;background:rgba(255,255,255,.09);transition:.2s ease}.admin-switch>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#8b948c;transition:.2s ease}.admin-switch input:checked+span{background:rgba(54,181,74,.32)}.admin-switch input:checked+span:after{left:21px;background:#67d973}.admin-switch small{color:var(--muted);font-size:.78rem}.admin-switch--modal{margin:4px 0 8px!important}.admin-applications{display:grid;gap:14px}.admin-application{padding:20px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.022)}.admin-application__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-application__header strong,.admin-application__header small{display:block}.admin-application__header small{margin-top:3px;color:var(--muted)}.admin-application__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.admin-application__answers>div{padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.12)}.admin-application__answers span{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.admin-application__answers p{margin:6px 0 0;color:#e5ebe6}.admin-application__form{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:end;gap:12px}.admin-application__form label{display:grid;gap:6px}.admin-application__form label>span{color:var(--muted);font-size:.76rem;font-weight:700}.admin-application__form input,.admin-application__form select{min-height:40px;padding:0 12px;color:#fff;border:1px solid var(--border);border-radius:10px;background:#0a0f0b}.admin-application__form button{min-height:40px;padding:0 14px;color:#fff;border:1px solid rgba(86,210,99,.28);border-radius:9px;background:linear-gradient(135deg,#329d42,#267f35);font-weight:750;cursor:pointer}.admin-empty{padding:24px;border:1px solid var(--border);border-radius:16px;color:var(--muted)}
@media(max-width:980px){.application-grid{grid-template-columns:1fr}.admin-application-type-row,.admin-application__form{grid-template-columns:1fr}.admin-application__answers{grid-template-columns:1fr}}@media(max-width:680px){.applications-hero{padding:120px 0 52px}.applications-content{padding-bottom:70px}.application-card{min-height:auto}.application-history__item,.admin-application__header{align-items:flex-start;flex-direction:column}.application-modal__box{padding:26px 20px}}


/* Application login gate and images */
.applications-login-gate{max-width:720px;margin:0 auto;padding:56px 34px;text-align:center;border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.025)}
.applications-login-gate__icon{width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#329d42,#267f35);font:800 1.25rem "Manrope",sans-serif}
.applications-login-gate h2{margin:14px 0 10px;font:750 clamp(2rem,4vw,3rem)/1.08 "Manrope",sans-serif;letter-spacing:-.04em}
.applications-login-gate p{max-width:560px;margin:0 auto 24px;color:var(--muted)}
.application-card{padding:0;overflow:hidden}
.application-card__image{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px;border-bottom:1px solid var(--border);background:linear-gradient(145deg,#071008,#0b120c)}
.application-card__image img{display:block;width:auto;height:auto;max-width:100%;max-height:132px;object-fit:contain;object-position:center;border-radius:14px;transition:transform .35s ease}
.application-card:hover .application-card__image img{transform:scale(1.015)}
.application-card__body{min-height:310px;display:flex;flex-direction:column;padding:26px}
.application-card__body .button{margin-top:auto;align-self:flex-start}
.admin-application-type-image{display:grid;gap:8px;align-content:start}
.admin-application-type-image img{width:120px;height:76px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#081009;padding:6px}
.admin-application-type-image label{display:grid;gap:5px}
.admin-application-type-image label span{color:var(--muted);font-size:.72rem;font-weight:700}
.admin-application-type-image input[type=file],.admin-form input[type=file]{width:100%;padding:9px;color:#dce5dd;border:1px solid var(--border);border-radius:10px;background:#081009;font-size:.78rem}
.admin-application-type-row{grid-template-columns:140px minmax(0,1fr) 110px 90px auto}
@media(max-width:980px){.admin-application-type-row{grid-template-columns:1fr}.admin-application-type-image img{width:100%;height:180px}}

.application-image-name{display:block;color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.application-image-preview{background:#081009}

/* Global regel: grønne knapper bruger altid hvid tekst */
.button--primary,
.nav-cta,
.nav-login,
.admin-page button:not(.danger):not(.admin-modal__close):not(.custom-select__button),
.admin-page .button--primary,
.admin-tabs a.active,
.application-card .button,
.application-form .button,
.discord-panel .button,
.hero__actions .button--primary,
.simple-panel .button--primary,
.admin-application__form button {
    color: #ffffff !important;
}

.button--primary *,
.nav-cta *,
.nav-login *,
.admin-page button:not(.danger):not(.admin-modal__close):not(.custom-select__button) *,
.admin-page .button--primary *,
.admin-tabs a.active *,
.application-card .button *,
.application-form .button *,
.discord-panel .button *,
.hero__actions .button--primary *,
.simple-panel .button--primary *,
.admin-application__form button * {
    color: #ffffff !important;
}


/* Dedicated application form page */
.application-form-page{min-height:100vh}.application-form-page__hero{position:relative;padding:132px 0 54px;overflow:hidden}.application-form-page__glow{position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:var(--green);filter:blur(130px);opacity:.11}.application-form-page__hero-inner{position:relative}.application-back-link{display:inline-flex;margin-bottom:28px;color:var(--muted);font-size:.88rem;font-weight:700;transition:color .2s ease}.application-back-link:hover{color:#fff}.application-form-page__intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:56px}.application-form-page__intro h1{margin:16px 0 12px;font:800 clamp(3rem,7vw,5.6rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.application-form-page__intro p{max-width:680px;margin:0;color:var(--muted);font-size:1.03rem}.application-form-page__image{height:180px;display:grid;place-items:center;padding:16px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.025)}.application-form-page__image img{max-width:100%;max-height:148px;object-fit:contain;border-radius:14px}.application-form-page__content{padding:24px 0 100px}.application-form-shell{max-width:850px;margin:0 auto;padding:38px;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.025);box-shadow:0 24px 70px rgba(0,0,0,.22)}.application-form-shell--empty{text-align:center;margin-top:140px}.application-form-shell--empty h1{margin:14px 0;font:800 clamp(2.4rem,5vw,4rem)/1.05 "Manrope",sans-serif}.application-form-shell--empty p{margin:0 0 24px;color:var(--muted)}.application-form-shell__heading{margin-bottom:28px}.application-form-shell__heading h2{margin:12px 0 8px;font:750 2.15rem/1.1 "Manrope",sans-serif}.application-form-shell__heading p{margin:0;color:var(--muted)}.application-form--page{gap:20px}.application-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.application-form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.application-form input:disabled{opacity:.7;cursor:not-allowed}.admin-inline-field{display:grid;gap:6px}.admin-inline-field span{color:var(--muted);font-size:.72rem;font-weight:700}.admin-inline-field input{width:100%}
@media(max-width:760px){.application-form-page__intro{grid-template-columns:1fr;gap:28px}.application-form-page__image{width:100%;max-width:320px}.application-form-shell{padding:26px 20px}.application-form__grid{grid-template-columns:1fr}.application-form__actions{flex-direction:column-reverse}.application-form__actions .button{width:100%}}


/* Review-rank og ansøgningsreview */
.application-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.application-card__actions .button{margin-top:0}.button--review{color:#fff!important;background:rgba(255,255,255,.055);border:1px solid rgba(86,210,99,.28)}.button--review:hover{background:rgba(54,181,74,.12);border-color:rgba(86,210,99,.46)}
.review-back{display:inline-flex;margin-bottom:22px;color:var(--muted);font-size:.86rem;font-weight:700}.review-back:hover{color:#fff}.applications-hero--review{padding-bottom:48px}.review-content{padding-top:10px}.review-list{display:grid;gap:18px}.review-card{padding:26px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.025)}.review-card__header{display:flex;align-items:center;justify-content:space-between;gap:18px}.review-card__identity{display:flex;align-items:center;gap:13px}.review-card__identity img,.review-card__avatar{width:44px;height:44px;border-radius:50%}.review-card__identity img{object-fit:cover}.review-card__avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#329d42,#267f35);font-weight:800}.review-card__identity strong,.review-card__identity small{display:block}.review-card__identity small{margin-top:3px;color:var(--muted)}.review-card__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.review-card__answers>div{padding:15px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.14)}.review-card__answers span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.review-card__answers p{margin:7px 0 0;color:#e7ece8}.review-card__form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:12px}.review-card__form label{display:grid;gap:7px}.review-card__form label>span{color:var(--muted);font-size:.76rem;font-weight:700}.review-card__form select,.review-card__form textarea,.admin-user-row input[name=review_rank]{width:100%;padding:11px 12px;color:#fff;border:1px solid var(--border);border-radius:11px;background:#081009;font:inherit}.review-card__form textarea{resize:vertical}.review-card__form .button{min-height:44px;color:#fff!important}.admin-user-row{grid-template-columns:minmax(0,1fr) 170px 220px auto}.admin-user-row label{display:grid;gap:6px}.admin-user-row label>span{color:var(--muted);font-size:.76rem;font-weight:700}
@media(max-width:980px){.review-card__answers,.review-card__form{grid-template-columns:1fr}.admin-user-row{grid-template-columns:1fr}.review-card__form .button{justify-self:start}}@media(max-width:680px){.review-card{padding:20px}.review-card__header{align-items:flex-start;flex-direction:column}.application-card__actions{flex-direction:column;align-items:stretch}.application-card__actions .button{width:100%}}

/* Review-knap direkte på ansøgningskortet */
.application-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}
.application-card__actions .button{margin-top:0}
.application-card__actions .button--review{color:#fff!important;background:#238c37;border-color:rgba(105,230,119,.35)}
.application-card__actions .button--review:hover{color:#fff!important;background:#2fa444;border-color:rgba(125,241,138,.55)}

.button--submitted{color:#d6ddd7!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);cursor:not-allowed;opacity:.78}
.button--submitted:hover{transform:none;background:rgba(255,255,255,.06)}


/* Kompakt review-oversigt */
.review-page .applications-hero--review{padding-top:120px;padding-bottom:34px}
.review-page .applications-hero__inner{max-width:920px}
.review-page .applications-hero h1{font-size:clamp(2.7rem,6vw,4.6rem)}
.review-content .container{max-width:1040px}
.review-list--compact{gap:12px}
.review-card--compact{padding:0;overflow:hidden;border-radius:18px}
.review-card--compact.is-open{position:relative;z-index:20;overflow:visible}
.review-card--compact:has(.custom-select.open){z-index:40}
.review-card--compact.is-open .review-card__summary{border-radius:18px 18px 0 0}
.review-card--compact.is-open .review-card__details{border-radius:0 0 18px 18px}
.review-card__summary{width:100%;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;color:#fff;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.review-card__summary:hover{background:rgba(255,255,255,.025)}
.review-card__summary-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}
.review-card__toggle-text{color:var(--muted);font-size:.78rem;font-weight:750}
.review-card__chevron{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.review-card--compact.is-open .review-card__chevron{transform:rotate(225deg) translateY(-2px)}
.review-card--compact.is-open .review-card__summary{border-bottom:1px solid var(--border);background:rgba(255,255,255,.018)}
.review-card__details{padding:18px}
.review-card__details[hidden]{display:none}
.review-card--compact .review-card__answers{margin:0 0 16px;gap:10px}
.review-card--compact .review-card__answers>div{padding:12px 13px;border-radius:12px}
.review-card--compact .review-card__answers p{font-size:.9rem;line-height:1.5}
.review-card--compact .review-card__form{grid-template-columns:160px minmax(0,1fr) 90px;gap:10px}
.review-card--compact .review-card__form textarea{min-height:44px;max-height:120px}
.review-card--compact .review-card__form .button{min-height:42px;padding:0 16px}
@media(max-width:760px){.review-card__summary{align-items:flex-start}.review-card__summary-meta{gap:8px}.review-card__toggle-text{display:none}.review-card--compact .review-card__form{grid-template-columns:1fr}.review-card--compact .review-card__form .button{justify-self:start}.review-page .applications-hero--review{padding-top:105px}}


/* Søgning og statusgrupper på review-siden */
.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.review-toolbar__controls{display:flex;align-items:center;gap:10px;width:min(100%,720px)}
.review-search{position:relative;width:min(100%,560px);display:flex;align-items:center}
.review-search input{width:100%;min-height:48px;padding:0 46px 0 44px;color:#fff;border:1px solid var(--border);border-radius:14px;background:#081009;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}
.review-search input::placeholder{color:#768078}
.review-search input:focus{outline:none;border-color:rgba(86,210,99,.4);box-shadow:0 0 0 3px rgba(54,181,74,.08)}
.review-search__icon{position:absolute;left:17px;width:15px;height:15px;border:2px solid #788279;border-radius:50%;pointer-events:none}
.review-search__icon:after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;border-radius:2px;background:#788279;transform:rotate(45deg)}
.review-search__clear{position:absolute;right:9px;width:32px;height:32px;display:grid;place-items:center;padding:0;color:#aeb7af;border:0;border-radius:9px;background:transparent;font-size:1.25rem;cursor:pointer}
.review-search__clear:hover{color:#fff;background:rgba(255,255,255,.06)}
.review-search__result{color:var(--muted);font-size:.82rem;font-weight:700;white-space:nowrap}
.review-filter-toggle{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;color:#dce5dd;border:1px solid var(--border);border-radius:14px;background:#081009;font:inherit;font-weight:750;cursor:pointer}
.review-filter-toggle:hover,.review-filter-toggle[aria-expanded="true"]{border-color:rgba(86,210,99,.4);background:rgba(54,181,74,.07)}
.review-filter-toggle span{min-width:21px;height:21px;display:grid;place-items:center;padding:0 6px;border-radius:999px;color:#071008;background:#77df84;font-size:.68rem;font-weight:850}
.review-filter-panel{margin:-12px 0 26px;padding:17px;border:1px solid var(--border);border-radius:16px;background:rgba(5,10,6,.72)}
.review-filter-panel[hidden]{display:none}
.review-filter-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.review-filter-panel__heading strong,.review-filter-panel__heading small{display:block}.review-filter-panel__heading small{margin-top:2px;color:var(--muted);font-size:.7rem}
.review-filter-panel__heading button{padding:5px 0;color:#8fe99a;border:0;background:none;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}
.review-filter-options{display:flex;flex-wrap:wrap;gap:8px}
.review-filter-option{min-height:36px;padding:0 13px;color:#aeb8af;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);font:inherit;font-size:.76rem;font-weight:750;cursor:pointer}
.review-filter-option:hover{color:#fff;border-color:rgba(86,210,99,.32)}
.review-filter-option.is-active{color:#eaffed;border-color:rgba(86,210,99,.45);background:rgba(54,181,74,.13)}
.review-groups{display:grid;gap:30px}
.review-group{scroll-margin-top:110px}
.review-group[hidden]{display:none}
.review-group__heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 3px}
.review-group__heading p{margin:3px 0 0;color:var(--muted);font-size:.82rem}
.review-group__eyebrow{font-family:"Manrope",sans-serif;font-size:1.15rem;font-weight:800}
.review-group--pending .review-group__eyebrow{color:#ffe6a7}
.review-group--interview .review-group__eyebrow{color:#9fc5ff}
.review-group--approved .review-group__eyebrow{color:#a9efb4}
.review-group--rejected .review-group__eyebrow{color:#ffb0b0}
.review-group__count{min-width:31px;height:31px;display:grid;place-items:center;padding:0 9px;border:1px solid var(--border);border-radius:999px;color:#dce4dd;background:rgba(255,255,255,.035);font-size:.76rem;font-weight:800}
.review-group__empty{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.015);font-size:.86rem}
.review-search-empty{margin-top:18px}
.review-card[data-search-hidden="true"]{display:none}
@media(max-width:680px){.review-toolbar{align-items:stretch;flex-direction:column}.review-toolbar__controls{width:100%;align-items:stretch;flex-direction:column}.review-search{width:100%}.review-filter-toggle{justify-content:center}.review-search__result{padding-left:2px}.review-filter-panel__heading{align-items:flex-start}.review-group__heading{align-items:flex-start}.review-group__heading p{max-width:260px}}

/* Raffinerede knapper på ansøgningskort */
.application-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.application-card__actions .button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 0.84rem;
    font-weight: 750;
    letter-spacing: 0;
    box-shadow: none;
}

.application-card__actions .button--primary {
    color: #fff !important;
    background: linear-gradient(135deg, #2d9b41, #257f36);
    border: 1px solid rgba(112, 226, 127, 0.24);
}

.application-card__actions .button--primary:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #35aa49, #2b8c3c);
    border-color: rgba(129, 237, 143, 0.38);
    transform: translateY(-1px);
}

.application-card__actions .button--review {
    color: #fff !important;
    background: rgba(54, 181, 74, 0.10);
    border: 1px solid rgba(88, 201, 104, 0.30);
}

.application-card__actions .button--review:hover {
    color: #fff !important;
    background: rgba(54, 181, 74, 0.17);
    border-color: rgba(100, 218, 116, 0.46);
    transform: translateY(-1px);
}

.application-card__actions .button--submitted {
    color: #aeb7af !important;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    opacity: 1;
    cursor: default;
}

.application-card__actions .button--submitted:hover {
    color: #aeb7af !important;
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.08);
    transform: none;
}

@media (max-width: 680px) {
    .application-card__actions {
        align-items: stretch;
    }

    .application-card__actions .button {
        width: 100%;
        justify-content: center;
    }
}


/* Compact review overview inside the admin applications tab */
.admin-review-dashboard .review-toolbar{margin:4px 0 28px}
.admin-review-dashboard .review-groups{display:grid;gap:30px}
.admin-review-dashboard .review-group{margin:0}
.admin-review-dashboard .review-card__details{background:rgba(0,0,0,.1)}
.admin-review-dashboard .review-card__form{grid-template-columns:180px minmax(0,1fr) auto}
.admin-review-dashboard .review-card__form textarea{min-height:72px}
.admin-review-dashboard .review-card__form .button{min-height:42px;align-self:end}
@media(max-width:820px){.admin-review-dashboard .review-card__form{grid-template-columns:1fr}.admin-review-dashboard .review-card__form .button{justify-self:start}}

/* Compact application type manager */
.admin-application-types-card{overflow:visible}
.application-type-manager{display:grid;gap:12px}
.application-type-item{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.018);transition:border-color .2s ease,background .2s ease}
.application-type-item:hover{border-color:rgba(86,210,99,.2)}
.application-type-item.is-open{border-color:rgba(86,210,99,.24);background:rgba(255,255,255,.026)}
.application-type-summary{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;color:#fff;border:0;background:transparent;text-align:left;cursor:pointer}
.application-type-summary__image{width:72px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#071008}
.application-type-summary__image img{width:100%;height:100%;object-fit:contain;padding:4px}
.application-type-summary__image span,.application-type-form__preview>span{display:grid;place-items:center;width:100%;height:100%;color:var(--green-light);font:800 1.2rem "Manrope",sans-serif}
.application-type-summary__main{min-width:0}
.application-type-summary__title-row{display:flex;align-items:center;gap:10px;min-width:0}
.application-type-summary__title-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 1rem "Manrope",sans-serif}
.application-type-summary__meta{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:5px;color:var(--muted);font-size:.75rem}
.application-type-summary__meta span{position:relative}
.application-type-summary__meta span+span:before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:3px;border-radius:50%;background:#59635b;transform:translateY(-50%)}
.application-type-summary__action{display:flex;align-items:center;gap:12px;color:#aeb8af;font-size:.78rem;font-weight:750}
.application-type-summary__chevron{width:9px;height:9px;border-right:2px solid #829084;border-bottom:2px solid #829084;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.application-type-item.is-open .application-type-summary__chevron{transform:rotate(225deg) translateY(-2px)}
.application-type-editor{border-top:1px solid var(--border);background:rgba(0,0,0,.12)}
.application-type-form{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:22px}
.application-type-form__media{display:grid;align-content:start;gap:12px}
.application-type-form__preview{height:112px;display:grid;place-items:center;overflow:hidden;padding:9px;border:1px solid var(--border);border-radius:14px;background:#071008}
.application-type-form__preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.application-type-upload{display:grid;gap:6px}
.application-type-upload>span{color:var(--muted);font-size:.72rem;font-weight:700}
.application-type-upload input[type=file]{width:100%;padding:8px;color:#dce5dd;border:1px solid var(--border);border-radius:10px;background:#081009;font-size:.74rem}
.application-type-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.application-type-form__fields input,.application-type-form__fields textarea{width:100%}
.application-type-form__title,.application-type-form__description{grid-column:1/-1}
.application-type-form__settings{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:2px}
.application-type-form__switch{align-self:center!important}
.application-type-form__sort{width:110px}
.application-type-form__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:4px;border-top:1px solid var(--border)}
.application-type-form__actions .button{min-height:40px;padding:0 15px;border-radius:10px;font-size:.82rem}
.application-type-delete{min-height:40px;padding:0 14px;color:#ffb8b8;border:1px solid rgba(255,70,70,.2);border-radius:10px;background:rgba(255,70,70,.09);font-weight:750;cursor:pointer}
.application-type-delete:hover{background:rgba(255,70,70,.14)}
@media(max-width:760px){.application-type-summary{grid-template-columns:56px minmax(0,1fr);gap:12px}.application-type-summary__image{width:56px;height:46px}.application-type-summary__action{grid-column:2;justify-self:start}.application-type-summary__edit{display:none}.application-type-form{grid-template-columns:1fr;padding:18px}.application-type-form__media{grid-template-columns:120px minmax(0,1fr);align-items:start}.application-type-form__preview{height:86px}.application-type-form__fields{grid-template-columns:1fr}.application-type-form__title,.application-type-form__description{grid-column:auto}.application-type-form__settings{align-items:flex-start;flex-direction:column}.application-type-form__actions{justify-content:stretch}.application-type-form__actions>*{flex:1}}


/* Lettere og mere responsive modalvinduer */
.admin-modal,.application-modal{contain:layout paint;isolation:isolate}
.admin-modal__box,.application-modal__box{overscroll-behavior:contain;scrollbar-gutter:stable;transform:translateZ(0);backface-visibility:hidden}
body.modal-open{overflow:hidden;padding-right:var(--modal-scrollbar-width,0px)}
@media (prefers-reduced-motion:reduce){.admin-modal__box,.application-modal__box{scroll-behavior:auto}}


/* Whitelist */
.whitelist-page{min-height:100vh}.whitelist-hero{padding:150px 0 55px}.whitelist-hero__inner{max-width:760px}.whitelist-hero h1{margin:18px 0 10px;font:800 clamp(3rem,7vw,5.8rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.whitelist-hero p{margin:0;color:var(--muted);font-size:1.04rem}.whitelist-content{padding:20px 0 100px}.whitelist-status-card{max-width:760px;margin:0 auto;padding:48px;text-align:center;border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.025)}.whitelist-status-card__icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:18px;color:#fff;background:rgba(255,255,255,.07);font:800 1.5rem "Manrope",sans-serif}.whitelist-status-card.is-approved .whitelist-status-card__icon{background:linear-gradient(135deg,#329d42,#267f35)}.whitelist-status-card.is-pending .whitelist-status-card__icon{background:rgba(238,180,45,.16);color:#ffd86b}.whitelist-status-card__badge{display:inline-flex;padding:6px 10px;border-radius:999px;color:#dce5dd;background:rgba(255,255,255,.06);font-size:.72rem;font-weight:800}.whitelist-status-card h2{margin:18px 0 10px;font:750 clamp(2rem,5vw,3.2rem)/1.05 "Manrope",sans-serif;letter-spacing:-.04em}.whitelist-status-card p{max-width:590px;margin:0 auto 26px;color:var(--muted)}.whitelist-status-card__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.whitelist-status-card__actions form{margin:0}.whitelist-status-card>small{display:block;margin-top:22px;color:#758077}.whitelist-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px}.whitelist-settings-form label{display:grid;gap:7px}.whitelist-settings-form label>span{color:var(--muted);font-size:.76rem;font-weight:700}.whitelist-settings-form label small{color:#6f7b70;font-size:.7rem}.whitelist-settings-form input{width:100%;min-height:44px;padding:0 13px;color:#fff;border:1px solid var(--border);border-radius:11px;background:#071008}.whitelist-settings-form button{min-height:44px;align-self:end;padding:0 16px;color:#fff;border:1px solid rgba(86,210,99,.28);border-radius:10px;background:linear-gradient(135deg,#329d42,#267f35);font-weight:750;cursor:pointer}.whitelist-integration-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.whitelist-integration-status>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.12)}.whitelist-integration-status small,.whitelist-integration-status strong{display:block}.whitelist-integration-status small{color:var(--muted);font-size:.72rem}.whitelist-integration-status strong{margin-top:4px}.whitelist-integration-status .is-ready{color:#7be28a}.whitelist-integration-status .is-missing{color:#ff9b9b}@media(max-width:980px){.whitelist-settings-form{grid-template-columns:1fr}.whitelist-integration-status{grid-template-columns:1fr}}@media(max-width:680px){.whitelist-hero{padding:120px 0 42px}.whitelist-content{padding-bottom:70px}.whitelist-status-card{padding:32px 22px}}


/* Whitelist-status i navbar */
.main-nav .whitelist-nav-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255,255,255,.025);
    white-space: nowrap;
}

.whitelist-nav-status__dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
}

.main-nav .whitelist-nav-status.is-whitelisted {
    color: #dfffe5;
    border-color: rgba(54,181,74,.22);
    background: rgba(54,181,74,.08);
}

.whitelist-nav-status.is-whitelisted .whitelist-nav-status__dot {
    background: #65dd76;
    box-shadow: 0 0 10px rgba(101,221,118,.55);
}

.main-nav .whitelist-nav-status.is-missing {
    color: #ffe6a7;
    border-color: rgba(238,180,45,.22);
    background: rgba(238,180,45,.07);
}

.whitelist-nav-status.is-missing .whitelist-nav-status__dot {
    background: #eeb42d;
    box-shadow: 0 0 10px rgba(238,180,45,.45);
}

.main-nav .whitelist-nav-status.active,
.main-nav .whitelist-nav-status:hover {
    color: #fff;
    border-color: rgba(255,255,255,.16);
}

@media (max-width: 980px) {
    .main-nav .whitelist-nav-status {
        justify-content: flex-start;
        border-radius: 12px;
    }
}


/* Live whitelist-status */
.whitelist-live-state {
    min-height: 22px;
    margin: -12px auto 22px;
    color: #879188;
    font-size: .78rem;
    font-weight: 650;
}
.whitelist-live-state.is-success { color: #7be28a; }
.whitelist-live-state.is-error { color: #ffb0b0; }

/* Whitelist-status er kun information og linker ikke længere til en separat side */
.main-nav .whitelist-nav-status {
    cursor: default;
    user-select: none;
}
.main-nav .whitelist-nav-status:hover {
    transform: none;
}


/* Scroll performance */
.hero, .applications-hero, .rules-hero, .admin-page, .section {
    contain: paint;
}
.hero__glow, .applications-hero__glow {
    pointer-events: none;
    will-change: auto;
}
.reveal.visible {
    will-change: auto;
}
@media (max-width: 980px), (prefers-reduced-motion: reduce) {
    .hero__glow, .applications-hero__glow { display: none; }
}


/* Whitelist-status vises i bruger-dropdownen sammen med rollen */
.user-menu__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
}

.user-menu__badges .user-menu__role {
    margin-top: 0;
    color: #ffffff;
    background: linear-gradient(135deg, #3fbd4b, #2f9f3d);
}

.user-menu__whitelist {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.user-menu__whitelist-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
}

.user-menu__whitelist.is-whitelisted {
    color: #dfffe5;
    border-color: rgba(54, 181, 74, .24);
    background: rgba(54, 181, 74, .10);
}

.user-menu__whitelist.is-whitelisted .user-menu__whitelist-dot {
    background: #65dd76;
    box-shadow: 0 0 8px rgba(101, 221, 118, .45);
}

.user-menu__whitelist.is-missing {
    color: #ffe6a7;
    border-color: rgba(238, 180, 45, .24);
    background: rgba(238, 180, 45, .08);
}

.user-menu__whitelist.is-missing .user-menu__whitelist-dot {
    background: #eeb42d;
    box-shadow: 0 0 8px rgba(238, 180, 45, .4);
}

/* Dynamiske spørgsmål i adminpanelet */
.application-question-builder{grid-column:1/-1;margin-top:8px;padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(0,0,0,.12)}
.application-question-builder--modal{margin:4px 0 6px;padding:15px}
.application-question-builder__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.application-question-builder__heading>div{display:grid;gap:2px}
.application-question-builder__heading span{font-size:.82rem;font-weight:800;color:#eef5ef}
.application-question-builder__heading small{color:var(--muted);font-size:.72rem}
.question-add{min-height:34px;padding:0 12px;color:#fff;border:1px solid rgba(71,191,87,.3);border-radius:9px;background:rgba(50,157,66,.18);font:750 .76rem "Inter",sans-serif;cursor:pointer}
.question-add:hover{background:rgba(50,157,66,.28)}
.application-question-list{display:grid;gap:10px}
.application-question-row{display:grid;grid-template-columns:34px minmax(180px,1.4fr) minmax(125px,.55fr) minmax(170px,1fr) auto 34px;align-items:end;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#081009}
.application-question-row label{display:grid;gap:5px}
.application-question-row label>span{color:var(--muted);font-size:.7rem;font-weight:750}
.application-question-row input,.application-question-row select{width:100%;min-height:38px;padding:0 11px;color:#fff;border:1px solid var(--border);border-radius:9px;background:#060c07;font:inherit;font-size:.82rem}
.application-question-row__number{align-self:center;display:grid;place-items:center;width:28px;height:28px;color:#8ca08e;border:1px solid var(--border);border-radius:8px;font-size:.68rem;font-weight:800}
.question-required{align-self:center!important;display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap}
.question-required input{width:16px!important;height:16px!important;min-height:0!important;accent-color:#329d42}
.question-required span{color:#cbd5cc!important}
.question-remove{align-self:center;width:32px;height:32px;color:#ffb1b1;border:1px solid rgba(220,70,70,.25);border-radius:9px;background:rgba(220,70,70,.08);font-size:1.1rem;cursor:pointer}
.question-remove:hover{background:rgba(220,70,70,.16)}
.application-form--page>label{margin-bottom:2px}
@media(max-width:1100px){.application-question-row{grid-template-columns:30px 1fr 150px 34px}.application-question-row label:nth-of-type(3){grid-column:2/4}.question-required{grid-column:2/3}}
@media(max-width:680px){.application-question-builder__heading{align-items:flex-start;flex-direction:column}.application-question-row{grid-template-columns:28px 1fr 32px}.application-question-row label{grid-column:1/-1}.application-question-row__number{grid-column:1}.question-remove{grid-column:3;grid-row:1}.question-required{grid-column:1/-1!important}.question-add{width:100%}}


/* Separate side for oprettelse af ansøgningstype */
.application-type-create-page{min-height:100vh}.admin-create-hero{padding:135px 0 52px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 85% 20%,rgba(54,181,74,.08),transparent 28rem)}.admin-create-hero__inner{max-width:900px}.admin-create-back{display:inline-flex;margin-bottom:26px;color:var(--muted);font-size:.86rem;font-weight:700}.admin-create-back:hover{color:#fff}.admin-create-hero h1{margin:16px 0 10px;font:800 clamp(3rem,6vw,5rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.admin-create-hero p{max-width:680px;margin:0;color:var(--muted)}.admin-create-content{padding:52px 0 100px}.admin-create-content>.container{max-width:980px}.admin-create-form{display:grid;gap:20px}.admin-create-card{padding:30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));box-shadow:0 18px 48px rgba(0,0,0,.18)}.admin-create-card__heading{margin-bottom:24px}.admin-create-card__heading>span{color:var(--green-light);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.admin-create-card__heading h2{margin:6px 0 0;font:750 1.55rem "Manrope",sans-serif}.admin-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-create-grid__wide{grid-column:1/-1}.admin-create-grid small{color:var(--muted);font-size:.72rem}.admin-create-card .application-question-builder{margin-top:0;padding-top:0;border-top:0}.admin-create-card--settings{padding:22px 30px}.admin-create-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}.admin-create-actions .button{min-width:170px}.application-type-create-page .button--primary{color:#fff!important;background:linear-gradient(135deg,#329d42,#267f35)}
.admin-create-card .admin-inline-field{display:grid;gap:8px}
.admin-create-card .admin-inline-field>span{color:#eef4ef;font-size:.8rem;font-weight:700;letter-spacing:.01em}
.admin-create-card .admin-inline-field input,.admin-create-card .admin-inline-field textarea,.admin-create-card .admin-inline-field select{width:100%;color:#fff;font:inherit;border:1px solid var(--border);border-radius:14px;background:#081009;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.admin-create-card .admin-inline-field input,.admin-create-card .admin-inline-field select{min-height:52px;padding:0 16px}
.admin-create-card .admin-inline-field textarea{min-height:132px;padding:14px 16px;resize:vertical;line-height:1.6}
.admin-create-card .admin-inline-field input:focus,.admin-create-card .admin-inline-field textarea:focus,.admin-create-card .admin-inline-field select:focus{border-color:rgba(141,255,0,.38);box-shadow:0 0 0 3px rgba(141,255,0,.08)}
.admin-create-card .admin-inline-field input::placeholder,.admin-create-card .admin-inline-field textarea::placeholder{color:#7d887f}
.admin-create-card .admin-inline-field input[type=file]{padding:10px 12px;font-size:.92rem;line-height:1.3;cursor:pointer}
.admin-create-card .admin-inline-field input[type=file]::file-selector-button{margin-right:12px;padding:10px 14px;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.06);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.admin-create-card .admin-inline-field input[type=file]::file-selector-button:hover{background:rgba(255,255,255,.1);border-color:rgba(141,255,0,.2);transform:translateY(-1px)}
.admin-create-card .admin-inline-field small{display:block;margin-top:2px;color:#7d887f;font-size:.74rem}
.admin-create-card .admin-switch{padding:6px 0}
.admin-create-card .admin-switch small{color:#dce5dd}
.admin-alert{padding:15px 18px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.03)}
.admin-alert--error{color:#ffd3d3;border-color:rgba(255,88,88,.22);background:rgba(110,18,18,.16)}
@media(max-width:760px){.admin-create-hero{padding:110px 0 42px}.admin-create-content{padding:34px 0 70px}.admin-create-grid{grid-template-columns:1fr}.admin-create-grid__wide{grid-column:auto}.admin-create-card{padding:22px}.admin-create-actions{flex-direction:column-reverse}.admin-create-actions .button{width:100%}}


/* Whitelist-begrænset ansøgningsoversigt */
.applications-alert--whitelist{color:#e8f0e9;border-color:rgba(141,255,0,.18);background:rgba(54,181,74,.07)}


/* Whitelist-kø */
.queue-page{min-height:100vh}.queue-hero{padding:145px 0 48px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 10%,rgba(54,181,74,.08),transparent 28rem)}.queue-hero h1{margin:16px 0 10px;font:800 clamp(3.2rem,7vw,5.7rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.queue-hero p{max-width:680px;margin:0;color:var(--muted)}.queue-content{padding:44px 0 100px}.queue-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.queue-flash{grid-column:1/-1}.queue-main-card,.queue-list-card,.queue-call-card,.queue-empty{border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.025)}.queue-main-card{padding:32px}.queue-main-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.queue-main-card__top h2{margin:8px 0 0;font:750 2rem "Manrope",sans-serif}.queue-main-card__top>strong{font:800 1.25rem "Manrope",sans-serif}.queue-live{display:inline-flex;padding:5px 9px;color:#cffff0;border-radius:999px;background:rgba(54,181,74,.14);font-size:.72rem;font-weight:800}.queue-progress{height:8px;margin:24px 0 28px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.queue-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#329d42,#69dd61)}.queue-position,.queue-notice{padding:20px;border:1px solid var(--border);border-radius:16px;background:rgba(0,0,0,.13)}.queue-position small,.queue-position strong{display:block}.queue-position small{color:var(--muted);font-size:.76rem}.queue-position strong{margin-top:4px;font-size:1.2rem}.queue-position p,.queue-notice{color:var(--muted)}.queue-main-card form{margin-top:18px}.queue-sidebar{display:grid;gap:16px}.queue-list-card,.queue-call-card{padding:22px}.queue-list-card__heading{display:flex;align-items:center;justify-content:space-between}.queue-list-card__heading h3,.queue-call-card h3{margin:0;font:750 1.2rem "Manrope",sans-serif}.queue-list-card__heading span{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;font-size:.76rem;font-weight:800}.queue-list{display:grid;gap:8px;margin-top:16px}.queue-list__item{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.12)}.queue-list__item>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#dce5dd;background:rgba(255,255,255,.06);font-size:.74rem;font-weight:800}.queue-list__item strong,.queue-list__item small{display:block}.queue-list__item small{color:var(--muted);font-size:.72rem}.queue-list__item.is-called{border-color:rgba(54,181,74,.28)}.queue-list-empty,.queue-call-card p{color:var(--muted)}.queue-call-card>span{color:var(--green-light);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.queue-empty{grid-column:1/-1;padding:64px 30px;text-align:center}.queue-empty__dot{width:12px;height:12px;display:block;margin:0 auto 18px;border-radius:50%;background:#6d756e}.queue-empty h2{margin:0;font:750 2rem "Manrope",sans-serif}.queue-empty p{color:var(--muted)}.queue-open-form,.queue-settings-form{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:14px;align-items:end}.queue-open-form label,.queue-settings-form label{display:grid;gap:7px}.queue-open-form label>span,.queue-settings-form label>span{color:var(--muted);font-size:.76rem;font-weight:700}.queue-open-form input,.queue-settings-form input{min-height:44px;padding:0 13px;color:#fff;border:1px solid var(--border);border-radius:11px;background:#071008}.queue-open-form button,.queue-settings-form button,.queue-admin-status button{min-height:44px;padding:0 16px;color:#fff;border:1px solid rgba(86,210,99,.28);border-radius:10px;background:linear-gradient(135deg,#329d42,#267f35);font-weight:750;cursor:pointer}.queue-settings-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.queue-settings-form small{color:#6f7b70}.queue-admin-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid rgba(54,181,74,.2);border-radius:16px;background:rgba(54,181,74,.05)}.queue-admin-status span,.queue-admin-status strong,.queue-admin-status small{display:block}.queue-admin-status span{color:#79df88;font-size:.72rem;font-weight:800;text-transform:uppercase}.queue-admin-status strong{margin-top:4px;font-size:1.12rem}.queue-admin-status small{color:var(--muted)}.queue-admin-status button.danger{color:#ffb8b8;border-color:rgba(255,70,70,.2);background:rgba(255,70,70,.11)}
@media(max-width:980px){.queue-layout{grid-template-columns:1fr}.queue-open-form,.queue-settings-form{grid-template-columns:1fr}}@media(max-width:680px){.queue-hero{padding:115px 0 40px}.queue-content{padding:30px 0 70px}.queue-main-card{padding:24px}.queue-main-card__top{flex-direction:column}.queue-admin-status{align-items:flex-start;flex-direction:column}}


/* Whitelist-kø: reviewer kan åbne kø direkte på siden */
.queue-open-card{grid-column:1/-1;max-width:760px;width:100%;margin:0 auto;padding:30px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.025)}
.queue-open-card h2{margin:10px 0 8px;font:750 1.8rem/1.1 "Manrope",sans-serif}
.queue-open-card>p{margin:0 0 22px;color:var(--muted)}
.queue-open-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:12px}
.queue-open-form label{display:grid;gap:7px}
.queue-open-form label>span{color:var(--muted);font-size:.76rem;font-weight:700}
.queue-open-form input{width:100%;min-height:44px;padding:0 13px;color:#fff;border:1px solid var(--border);border-radius:11px;background:#071008;font:inherit;outline:none}
.queue-open-form input:focus{border-color:rgba(86,210,99,.38);box-shadow:0 0 0 3px rgba(54,181,74,.07)}
.queue-open-form .button{min-height:44px;white-space:nowrap}
.queue-control-card .button--secondary{color:#fff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
@media(max-width:760px){.queue-open-form{grid-template-columns:1fr}.queue-open-card{padding:24px}}

/* FiveM-karakterprofil */
.character-page{min-height:100vh}.character-hero{padding:145px 0 48px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 12%,rgba(54,181,74,.1),transparent 30rem)}.character-hero h1{margin:14px 0 10px;font:800 clamp(3rem,7vw,5.5rem)/1 "Manrope",sans-serif;letter-spacing:-.055em}.character-hero p{max-width:680px;margin:0;color:var(--muted)}.character-content{padding:42px 0 100px}.character-link-card,.character-toolbar,.character-empty,.character-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));box-shadow:0 20px 60px rgba(0,0,0,.18)}.character-link-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border-radius:24px}.character-link-card h2{margin:9px 0;font:750 1.8rem "Manrope",sans-serif}.character-link-card p{max-width:650px;color:var(--muted)}.link-code{min-width:300px;padding:22px;text-align:center;border:1px solid rgba(80,205,94,.25);border-radius:18px;background:rgba(54,181,74,.07)}.link-code small,.link-code strong,.link-code code{display:block}.link-code strong{margin:6px 0;font:800 2.1rem "Manrope",sans-serif;letter-spacing:.16em}.link-code code{padding:10px;border-radius:10px;color:#dfffe4;background:#050a06}.link-code p{margin:12px 0 0;font-size:.78rem}.character-alert{margin-bottom:18px;padding:14px 17px;border:1px solid var(--border);border-radius:14px}.character-alert--success{color:#dfffe5;border-color:rgba(54,181,74,.25);background:rgba(54,181,74,.08)}.character-alert--error{color:#ffd2d2;border-color:rgba(255,75,75,.25);background:rgba(255,75,75,.08)}.character-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 24px;border-radius:18px}.character-toolbar p{margin:6px 0 0;color:var(--muted);font-size:.82rem}.character-connected{display:flex;align-items:center;gap:8px;font-weight:800}.character-connected i{width:8px;height:8px;border-radius:50%;background:#62db73;box-shadow:0 0 12px rgba(98,219,115,.65)}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.character-card{padding:26px;border-radius:22px}.character-card__top{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--border)}.character-avatar{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border:1px solid rgba(93,220,106,.28);border-radius:17px;color:#eaffed;background:linear-gradient(135deg,rgba(54,181,74,.25),rgba(54,181,74,.07));font:800 1.1rem "Manrope",sans-serif}.character-card__top small,.character-card__top span{color:var(--muted);font-size:.72rem}.character-card__top h2{margin:3px 0;font:750 1.45rem "Manrope",sans-serif}.character-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.character-stats>div{padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.12)}.character-stats small,.character-stats strong,.character-stats span{display:block}.character-stats small,.character-stats span{color:var(--muted);font-size:.7rem}.character-stats strong{margin:3px 0;font-size:.92rem}.character-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.character-details>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.78rem}.character-details span{color:var(--muted)}.character-details strong{text-align:right}.character-empty{padding:55px 25px;text-align:center;border-radius:22px}.character-empty h2{margin:0}.character-empty p{color:var(--muted)}
@media(max-width:900px){.character-grid{grid-template-columns:1fr}.character-link-card{align-items:flex-start;flex-direction:column}.link-code{width:100%}}
@media(max-width:620px){.character-hero{padding:115px 0 38px}.character-content{padding:30px 0 70px}.character-toolbar{align-items:flex-start;flex-direction:column}.character-card{padding:20px}.character-details,.character-stats{grid-template-columns:1fr}.link-code{min-width:0}.character-link-card{padding:24px}}

/* Character vehicles / OP Garages */
.character-vehicles{margin-top:23px;padding-top:22px;border-top:1px solid var(--border)}.character-vehicles__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.character-vehicles__heading small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.character-vehicles__heading h3{margin:3px 0 0;font:750 1rem "Manrope",sans-serif}.vehicle-list{display:grid;gap:11px}.vehicle-card{display:flex;gap:13px;padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(0,0,0,.14)}.vehicle-card__icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(93,220,106,.22);border-radius:12px;color:#bfffc7;background:rgba(54,181,74,.08);font-size:1rem}.vehicle-card__main{min-width:0;flex:1}.vehicle-card__title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vehicle-card__title>div{min-width:0}.vehicle-card__title small,.vehicle-card__title strong,.vehicle-card__title>div>span{display:block}.vehicle-card__title small,.vehicle-card__title>div>span{color:var(--muted);font-size:.65rem}.vehicle-card__title strong{margin:2px 0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-status{flex:0 0 auto;padding:5px 8px;border:1px solid var(--border);border-radius:999px;font-size:.62rem;font-weight:800}.vehicle-status--stored{color:#bfffc7;border-color:rgba(54,181,74,.28);background:rgba(54,181,74,.09)}.vehicle-status--out{color:#ffe6aa;border-color:rgba(255,190,60,.25);background:rgba(255,190,60,.08)}.vehicle-status--impounded{color:#ffc0c0;border-color:rgba(255,75,75,.27);background:rgba(255,75,75,.08)}.vehicle-card__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.vehicle-card__meta span{min-width:0}.vehicle-card__meta small,.vehicle-card__meta strong{display:block}.vehicle-card__meta small{color:var(--muted);font-size:.58rem}.vehicle-card__meta strong{margin-top:2px;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-health{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.vehicle-health>span{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.vehicle-health i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36b54a,#80e78e)}.vehicle-notes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vehicle-notes span{padding:4px 7px;border-radius:7px;color:#ffd5a6;background:rgba(255,173,68,.08);font-size:.62rem}.vehicle-empty{padding:18px;border:1px dashed var(--border);border-radius:13px;color:var(--muted);text-align:center;font-size:.75rem}
@media(max-width:620px){.vehicle-card__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-card{padding:13px}.vehicle-card__icon{display:none}}

/* Character profile layout refresh */
.character-content>.container{max-width:1180px}
.character-grid{grid-template-columns:1fr;gap:24px}
.character-card{padding:0;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.character-card__top{justify-content:space-between;padding:24px 26px;background:linear-gradient(90deg,rgba(54,181,74,.075),transparent 58%)}
.character-identity{display:flex;align-items:center;gap:15px;min-width:0}
.character-slot{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(93,220,106,.16);border-radius:12px;text-align:right;background:rgba(0,0,0,.14)}
.character-slot small,.character-slot strong{display:block}.character-slot small{color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.character-slot strong{margin-top:2px;font:800 .95rem "Manrope",sans-serif}
.character-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:20px 26px}
.character-stats>div{min-height:82px;padding:15px 16px;background:rgba(0,0,0,.18)}
.character-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 26px 24px}
.character-details>div{display:block;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.012)}
.character-details span,.character-details strong{display:block}.character-details span{margin-bottom:5px;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}.character-details strong{text-align:left;font-size:.78rem;overflow-wrap:anywhere}
.character-vehicles{margin:0;padding:24px 26px 27px;border-top:1px solid var(--border);background:rgba(0,0,0,.09)}
.character-vehicles__heading{margin-bottom:16px}.character-vehicles__heading h3{font-size:1.12rem}
.vehicle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vehicle-card{position:relative;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.16));transition:border-color .2s ease,transform .2s ease}
.vehicle-card:hover{transform:translateY(-2px);border-color:rgba(93,220,106,.22)}
.vehicle-card__icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
.vehicle-card__title strong{font-size:1rem}.vehicle-card__title>div>span{margin-top:2px}
.vehicle-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.vehicle-card__meta span{padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.16)}
.vehicle-card__meta small{font-size:.59rem;text-transform:uppercase;letter-spacing:.04em}.vehicle-card__meta strong{font-size:.74rem}
.vehicle-condition{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}
.vehicle-condition>div>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--muted);font-size:.62rem}.vehicle-condition strong{color:var(--text);font-size:.64rem}
.vehicle-health{display:block;margin:0}.vehicle-health>span{display:block;height:5px}
.vehicle-notes{padding-top:2px}
@media(max-width:900px){.character-stats,.character-details{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-list{grid-template-columns:1fr}}
@media(max-width:620px){.character-card__top{align-items:flex-start;padding:20px}.character-slot{display:none}.character-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px}.character-stats>div{min-height:74px}.character-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 20px}.character-vehicles{padding:20px}.vehicle-card{padding:15px}.vehicle-card__icon{display:grid;width:40px;height:40px;flex-basis:40px}.vehicle-status{padding:4px 7px}.vehicle-card__title{gap:8px}}
@media(max-width:430px){.character-card__top{padding:17px}.character-avatar{width:48px;height:48px;flex-basis:48px;border-radius:14px}.character-card__top h2{font-size:1.18rem}.character-stats{padding:14px 17px;gap:8px}.character-stats>div{padding:12px}.character-details{grid-template-columns:1fr 1fr;gap:8px;padding:0 17px 17px}.character-details>div{padding:11px}.character-vehicles{padding:17px}.vehicle-card{display:block}.vehicle-card__icon{float:left;margin-right:11px}.vehicle-card__title{min-height:42px}.vehicle-card__meta{clear:both;padding-top:12px}.vehicle-condition{gap:9px}}

/* Character inventory / ox_inventory */
.character-inventory{margin:0;padding:24px 26px 27px;border-top:1px solid var(--border);background:rgba(255,255,255,.008)}
.character-inventory__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.character-inventory__heading small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.character-inventory__heading h3{margin:3px 0 0;font:750 1.12rem "Manrope",sans-serif}
.character-inventory__heading>span{color:var(--muted);font-size:.7rem}
.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.inventory-item{display:flex;min-width:0;gap:12px;padding:13px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(0,0,0,.14));transition:transform .2s ease,border-color .2s ease}
.inventory-item:hover{transform:translateY(-2px);border-color:rgba(93,220,106,.22)}
.inventory-item__image{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border:1px solid rgba(93,220,106,.13);border-radius:13px;background:radial-gradient(circle,rgba(54,181,74,.095),rgba(0,0,0,.12));overflow:hidden}
.inventory-item__image img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.inventory-item__body{min-width:0;flex:1}
.inventory-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.inventory-item__top>div{min-width:0}.inventory-item__top strong,.inventory-item__top small{display:block}
.inventory-item__top strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-item__top small{margin-top:3px;color:var(--muted);font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-item__count{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(93,220,106,.18);border-radius:999px;color:#caffd0;background:rgba(54,181,74,.07);font-size:.65rem;font-weight:800}
.inventory-item__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--muted);font-size:.61rem}
.inventory-meta-toggle{padding:0;border:0;color:#8fe99a;background:none;font:inherit;font-weight:750;cursor:pointer}
.inventory-item__meta{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}
.inventory-item__meta>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:.58rem}.inventory-item__meta span{color:var(--muted)}.inventory-item__meta strong{text-align:right;overflow-wrap:anywhere}
.inventory-empty{padding:22px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:.75rem}
@media(max-width:1050px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.character-inventory{padding:20px}.character-inventory__heading>span{display:none}.inventory-grid{gap:9px}.inventory-item{display:block;padding:11px}.inventory-item__image{width:100%;height:82px;margin-bottom:10px}.inventory-item__image img{width:70px;height:70px}.inventory-item__top strong{font-size:.78rem}}
@media(max-width:430px){.character-inventory{padding:17px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-item__image{height:72px}.inventory-item__image img{width:62px;height:62px}.inventory-item__footer{margin-top:9px}}

/* Tydelig knap til at fjerne forbindelsen på karaktersiden */
.character-toolbar .button--secondary {
    color: #ffd7d7 !important;
    border-color: rgba(255, 92, 92, 0.38);
    background: linear-gradient(180deg, rgba(159, 37, 37, 0.24), rgba(94, 22, 22, 0.18));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.character-toolbar .button--secondary:hover {
    color: #ffffff !important;
    border-color: rgba(255, 105, 105, 0.68);
    background: linear-gradient(180deg, rgba(190, 46, 46, 0.36), rgba(116, 27, 27, 0.28));
    box-shadow: 0 10px 28px rgba(110, 20, 20, 0.2);
}

.character-toolbar .button--secondary:focus-visible {
    outline: 3px solid rgba(255, 92, 92, 0.2);
    outline-offset: 3px;
}

/* Character selector: show one character at a time */
.character-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 20px}
.character-switcher__button{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:16px;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.14));text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.character-switcher__button:hover{transform:translateY(-1px);border-color:rgba(93,220,106,.25)}
.character-switcher__button.is-active{border-color:rgba(93,220,106,.48);background:linear-gradient(145deg,rgba(54,181,74,.12),rgba(0,0,0,.15));box-shadow:0 0 0 1px rgba(54,181,74,.08) inset}
.character-switcher__avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(93,220,106,.23);border-radius:12px;color:#caffd0;background:rgba(54,181,74,.1);font:800 .72rem "Manrope",sans-serif}
.character-switcher__button>span:nth-child(2){min-width:0;flex:1}.character-switcher__button small,.character-switcher__button strong{display:block}.character-switcher__button small{color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.07em}.character-switcher__button strong{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}
.character-switcher__button i{flex:0 0 auto;color:#93e99d;font-size:.62rem;font-style:normal}
.character-panel[hidden]{display:none!important}
@media(max-width:620px){.character-switcher{grid-template-columns:1fr 1fr;gap:8px}.character-switcher__button{padding:11px}.character-switcher__button i{display:none}.character-switcher__avatar{width:36px;height:36px;flex-basis:36px}}
@media(max-width:430px){.character-switcher{grid-template-columns:1fr}.character-switcher__button strong{font-size:.82rem}}