* {
    box-sizing: border-box;
}

:root {
    --bg: #0b1020;
    --panel: rgba(255,255,255,0.05);
    --panel-border: rgba(255,255,255,0.08);
    --text: #eef2ff;
    --muted: #9ca3af;
    --green: #1d6f0b;
    --discord: #5865F2;
}

html, body {
    min-height: 100%;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
}

.layout {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 260px;
    min-width: 260px;
    background: #111827;
    padding: 18px;
    border-right: 1px solid var(--panel-border);
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    min-width: 0;
}

.brand-image {
    width: 46px;
    height: 46px;
    min-width: 46px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    padding: 5px;
}

.brand h1 {
    margin: 0;
    font-size: 18px;
    line-height: 1.15;
}

.brand span {
    color: var(--muted);
    font-size: 12px;
}

nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

nav a {
    color: #dbeafe;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    font-size: 14px;
}

nav a:hover {
    background: rgba(34,197,94,0.16);
}

.main {
    flex: 1;
    min-width: 0;
    padding: 18px;
    max-width: calc(100vw - 260px);
}

.topbar {
    min-height: 64px;
    background: var(--panel);
    border: 1px solid var(--panel-border);
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    gap: 14px;
}

.topbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.topbar-logo {
    width: 40px;
    height: 40px;
    min-width: 40px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    padding: 5px;
}

.topbar strong {
    font-size: 16px;
}

.topbar small {
    display: block;
    color: var(--muted);
    margin-top: 3px;
    font-size: 12px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-pill {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(34,197,94,0.16);
    color: #bbf7d0;
    font-size: 12px;
    white-space: nowrap;
}

.page h2 {
    margin: 0 0 8px;
    font-size: clamp(24px, 2vw, 30px);
}

.page-head {
    margin-bottom: 16px;
}

.page-head p {
    max-width: 950px;
    line-height: 1.5;
}

.muted {
    color: var(--muted);
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.cards.two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card {
    background: var(--panel);
    border: 1px solid var(--panel-border);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 14px;
    min-width: 0;
}

.card h3 {
    margin: 0 0 12px;
    font-size: 17px;
}

.card p {
    line-height: 1.5;
}

.success {
    color: #86efac;
}

.error, .login-error {
    color: #fca5a5;
    white-space: pre-wrap;
    margin: 12px 0;
    padding: 10px;
    border-radius: 10px;
    background: rgba(239,68,68,0.10);
}

.warning-box {
    border-color: rgba(250,204,21,0.25);
    background: rgba(250,204,21,0.08);
}

.warning-text {
    color: #fde68a;
    margin: 8px 0;
}

.table-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.table-item {
    padding: 9px 10px;
    background: rgba(0,0,0,0.22);
    border-radius: 9px;
    color: #dbeafe;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.login-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.login-box {
    width: 100%;
    max-width: 440px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 20px;
    padding: 24px;
}

.login-logo {
    margin-bottom: 16px;
}

.login-box h1 {
    margin: 0 0 8px;
    font-size: 26px;
}

.login-box label {
    display: block;
    margin-top: 16px;
    margin-bottom: 8px;
}

.login-box input {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(0,0,0,0.25);
    color: #fff;
    border-radius: 11px;
    outline: none;
}

.login-box button,
.discord-login-button {
    width: 100%;
    margin-top: 16px;
    padding: 13px 15px;
    border: none;
    border-radius: 11px;
    background: var(--discord);
    color: white;
    font-weight: 800;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
}

.login-box button:hover,
.discord-login-button:hover {
    filter: brightness(1.08);
}

.login-box small {
    display: block;
    margin-top: 14px;
    color: var(--muted);
    word-break: break-all;
}

.login-divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.12);
    margin: 20px 0 8px;
}

code {
    color: #bfdbfe;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.stat-card {
    background: linear-gradient(180deg, rgba(31,41,55,0.95), rgba(17,24,39,0.95));
    border: 1px solid var(--panel-border);
    border-radius: 16px;
    padding: 16px;
    min-width: 0;
}

.stat-label {
    display: block;
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 1.35;
}

.stat-value {
    display: block;
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.1;
    word-break: break-word;
}

.mini-stats {
    display: grid;
    gap: 10px;
}

.mini-stat {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    min-width: 0;
}

.mini-stat span {
    color: #cbd5e1;
}

.mini-stat strong {
    text-align: right;
    word-break: break-word;
}

.ranking-list {
    display: grid;
    gap: 8px;
}

.ranking-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    min-width: 0;
}

.ranking-row span {
    color: #e5e7eb;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-row strong {
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cards.two-col {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .layout {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        min-width: 0;
    }

    .main {
        max-width: none;
        padding: 14px;
    }

    .brand {
        margin-bottom: 18px;
    }

    nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .topbar small {
        max-width: 100%;
        white-space: normal;
    }

    .cards,
    .cards.two-col,
    .table-list,
    .stats-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .sidebar {
        padding: 14px;
    }

    .brand-image {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .topbar-logo {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .stat-card,
    .card {
        padding: 14px;
    }

    nav {
        grid-template-columns: 1fr;
    }
}

/* Update 031 - Discord only Login + Verwaltungstool Look */
:root {
    --blue: #2563eb;
    --blue-soft: rgba(37,99,235,0.18);
    --danger: #ef4444;
}

body {
    background:
        radial-gradient(circle at top left, rgba(37,99,235,0.22), transparent 34%),
        radial-gradient(circle at bottom right, rgba(88,101,242,0.18), transparent 36%),
        var(--bg);
}

.sidebar {
    background: rgba(8,13,28,0.96);
    backdrop-filter: blur(14px);
}

.brand span {
    color: #93c5fd;
    font-weight: 800;
}

nav a {
    border: 1px solid transparent;
}

nav a:hover,
nav a.active {
    background: rgba(37,99,235,0.18);
    border-color: rgba(96,165,250,0.26);
    color: #eff6ff;
}

.status-pill-discord {
    background: rgba(88,101,242,0.18);
    color: #e0e7ff;
    border: 1px solid rgba(165,180,252,0.22);
}

.login-shell {
    width: min(980px, 100%);
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 18px;
    align-items: stretch;
}

.login-hero-card,
.login-box {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.28);
}

.login-hero-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 420px;
    background:
        radial-gradient(circle at 20% 20%, rgba(88,101,242,0.40), transparent 36%),
        linear-gradient(145deg, rgba(30,41,59,0.92), rgba(8,13,28,0.95));
}

.login-hero-card img {
    width: 86px;
    height: 86px;
    object-fit: contain;
    border-radius: 18px;
    background: rgba(255,255,255,0.08);
    padding: 10px;
    margin-bottom: auto;
}

.login-hero-card span {
    color: #bfdbfe;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12px;
}

.login-hero-card h1 {
    font-size: clamp(32px, 5vw, 54px);
    line-height: 0.98;
    margin: 10px 0 12px;
}

.login-hero-card p {
    color: #cbd5e1;
    max-width: 520px;
    line-height: 1.55;
}

.login-box {
    max-width: none;
    align-self: center;
}

.login-box h2 {
    margin: 0 0 8px;
    font-size: 28px;
}

.discord-login-button.disabled {
    opacity: 0.55;
    pointer-events: none;
    filter: grayscale(0.35);
}

.empty-dashboard-card {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-style: dashed;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.settings-card label {
    display: block;
    margin: 14px 0 7px;
    font-weight: 900;
    color: #dbeafe;
}

.settings-card input,
.settings-card textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.25);
    color: #fff;
    border-radius: 12px;
    padding: 12px 13px;
    outline: none;
    resize: vertical;
}

.settings-card input:focus,
.settings-card textarea:focus {
    border-color: rgba(96,165,250,0.8);
    box-shadow: 0 0 0 3px rgba(37,99,235,0.18);
}

.settings-card button,
.settings-link-button {
    margin-top: 16px;
    border: 0;
    border-radius: 12px;
    padding: 12px 14px;
    background: var(--discord);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.settings-link-button {
    margin-left: 8px;
    background: rgba(255,255,255,0.09);
    border: 1px solid rgba(255,255,255,0.12);
}

.success-box {
    border-color: rgba(34,197,94,0.26);
    background: rgba(34,197,94,0.09);
    color: #bbf7d0;
}

.danger-source {
    background: rgba(239,68,68,0.16) !important;
    border-color: rgba(248,113,113,0.28) !important;
    color: #fecaca !important;
}

@media (max-width: 900px) {
    .login-shell,
    .settings-grid {
        grid-template-columns: 1fr;
    }

    .login-hero-card {
        min-height: 300px;
    }
}

/* Update 031 - Discord Zugriffsverwaltung */
.access-add-row {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 10px;
}

.access-add-row select {
    width: 100%;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.25);
    color: #fff;
    border-radius: 12px;
    padding: 12px 13px;
    outline: none;
}

.access-list-block {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.access-list-block h4 {
    margin: 0 0 10px;
    color: #e5e7eb;
}

.access-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.access-entry span {
    display: grid;
    gap: 3px;
    color: #cbd5e1;
    word-break: break-all;
}

.access-entry span strong {
    color: #93c5fd;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.access-entry button {
    margin-top: 0;
    background: rgba(239,68,68,0.18);
    border: 1px solid rgba(248,113,113,0.24);
    color: #fecaca;
    padding: 8px 10px;
    flex-shrink: 0;
}

@media (max-width: 650px) {
    .access-add-row {
        grid-template-columns: 1fr;
    }
}

/* Update 032 - kompakte Discord Einstellungen mit Vorschlägen */
.settings-compact-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    gap: 14px;
    align-items: start;
}

.discord-main-card,
.access-manager-card,
.oauth-details-card {
    overflow: visible;
}

.compact-muted {
    margin: 3px 0 0;
    font-size: 13px;
}

.form-two,
.form-three {
    display: grid;
    gap: 12px;
}

.form-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.button-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.button-row .settings-link-button {
    margin-left: 0;
}

.settings-details,
.oauth-details-card {
    margin-top: 12px;
}

.settings-details summary,
.oauth-details-card > summary {
    cursor: pointer;
    color: #bfdbfe;
    font-weight: 900;
    padding: 10px 0;
}

.access-tabs {
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    margin-bottom: 8px;
}

.access-tabs button {
    margin: 0;
    padding: 8px 12px;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: #cbd5e1;
}

.access-tabs button.active {
    background: rgba(88,101,242,0.26);
    color: #fff;
}

.combo-wrap {
    position: relative;
}

.combo-results {
    display: none;
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    max-height: 285px;
    overflow: auto;
    border: 1px solid rgba(148,163,184,0.24);
    border-radius: 14px;
    background: rgba(8,13,28,0.98);
    box-shadow: 0 20px 60px rgba(0,0,0,0.38);
    padding: 6px;
}

.combo-results.open {
    display: grid;
    gap: 4px;
}

.combo-option {
    width: 100%;
    display: grid;
    grid-template-columns: 16px 1fr;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 11px;
    border: 0;
    background: transparent;
    color: #e5e7eb;
    text-align: left;
    cursor: pointer;
}

.combo-option:hover {
    background: rgba(255,255,255,0.08);
}

.combo-option strong,
.access-entry-main strong {
    display: block;
    font-size: 13px;
    color: #f8fafc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-option small,
.access-entry-main small {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
    word-break: break-all;
}

.role-dot {
    width: 13px;
    height: 13px;
    border-radius: 999px;
    background: var(--role-color, #64748b);
    box-shadow: 0 0 0 3px rgba(255,255,255,0.05);
    flex-shrink: 0;
}

.user-dot {
    color: #93c5fd;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.access-current-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.fancy-access-entry {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    background: rgba(255,255,255,0.035);
    margin-bottom: 8px;
}

.fancy-access-entry button {
    margin-top: 0;
}

@media (max-width: 1250px) {
    .settings-compact-grid,
    .access-current-list,
    .form-three {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .form-two {
        grid-template-columns: 1fr;
    }
}


/* Update 046 - sichere IP-Nutzung + einheitliches responsives Scaling */
:root {
    --lp-sidebar-width: clamp(214px, 15.8vw, 260px);
    --lp-page-pad: clamp(12px, 1.05vw, 18px);
    --lp-card-pad: clamp(12px, 0.95vw, 16px);
    --lp-gap: clamp(10px, 0.9vw, 14px);
    --lp-radius: clamp(12px, 1vw, 16px);
}

html {
    font-size: clamp(13px, 0.72vw + 4px, 16px);
}

body {
    font-size: 1rem;
}

.sidebar {
    width: var(--lp-sidebar-width);
    min-width: var(--lp-sidebar-width);
    padding: var(--lp-page-pad);
}

.main {
    padding: var(--lp-page-pad);
    max-width: calc(100vw - var(--lp-sidebar-width));
}

.card,
.stat-card,
.login-hero-card,
.login-box {
    padding: var(--lp-card-pad);
    border-radius: var(--lp-radius);
}

.cards,
.stats-grid,
.settings-grid,
.settings-compact-grid,
.access-current-list {
    gap: var(--lp-gap);
}

.topbar {
    min-height: clamp(52px, 4vw, 64px);
    padding: clamp(8px, 0.75vw, 12px) clamp(12px, 1vw, 16px);
    border-radius: var(--lp-radius);
}

.brand-image {
    width: clamp(38px, 3vw, 46px);
    height: clamp(38px, 3vw, 46px);
    min-width: clamp(38px, 3vw, 46px);
}

.topbar-logo {
    width: clamp(34px, 2.6vw, 40px);
    height: clamp(34px, 2.6vw, 40px);
    min-width: clamp(34px, 2.6vw, 40px);
}

nav a,
.small-table,
.table-item,
.mini-stat,
.player-row small,
.status-pill,
.source-badge {
    font-size: 0.9rem;
}

.page h2 {
    font-size: clamp(1.45rem, 1.6vw, 1.9rem);
}

.card h3,
.discord-owner-head h3,
.detail-header h3 {
    font-size: clamp(1.05rem, 1.35vw, 1.5rem);
}

.stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.cards {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.cards.two-col,
.settings-grid,
.settings-compact-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

.table-responsive,
.small-table-wrap,
.card:has(table) {
    overflow-x: auto;
}

img, video, canvas, svg {
    max-width: 100%;
}

@media (min-width: 901px) and (max-width: 1450px) {
    .sidebar nav {
        gap: 6px;
    }

    nav a {
        padding: 9px 10px;
    }

    .brand h1 {
        font-size: 1.05rem;
    }

    .topbar small {
        max-width: 38vw;
    }
}

@media (max-width: 900px) {
    .sidebar,
    .main {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
}

/* Login-Erweiterung 2026-07-18 – ausschließlich Login und lokale Benutzer */
.login-shell-centered {
    width: min(520px, 100%);
    grid-template-columns: 1fr;
}
.login-box-unified {
    padding: 32px;
}
.login-brand-center {
    text-align: center;
    margin-bottom: 18px;
}
.login-brand-center img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    padding: 9px;
    border-radius: 18px;
    background: rgba(255,255,255,.07);
}
.login-brand-center span {
    display: block;
    margin-top: 10px;
    color: #bfdbfe;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.login-brand-center h1 {
    margin: 4px 0 8px;
    font-size: 30px;
}
.login-divider-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0 4px;
    color: var(--muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.login-divider-label::before,
.login-divider-label::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255,255,255,.12);
}
.local-user-list .ranking-row span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.local-user-list .ranking-row small {
    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
}
.local-user-card {
    margin-top: 14px;
}
@media (max-width: 650px) {
    .login-box-unified { padding: 22px; }
    .login-brand-center h1 { font-size: 25px; }
}

/* Beta-Phase Navigation */
.nav-section-divider{margin:14px 2px 2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.nav-section-divider span{display:block;color:#86efac;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:0 10px 6px}
nav a.active{background:rgba(34,197,94,.18);color:#dcfce7;border:1px solid rgba(34,197,94,.22)}

/* Bug Reports */
.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-metric strong{display:block;font-size:28px;margin-top:5px}.report-metric span{color:var(--muted);font-size:12px}.report-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.report-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:12px}.report-toolbar select{background:#111827;color:#fff;border:1px solid var(--panel-border);border-radius:9px;padding:9px}.report-list{display:grid;gap:10px}.report-row{display:grid;grid-template-columns:64px 130px minmax(180px,1fr) 150px 150px;gap:12px;align-items:center;padding:12px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.report-row:hover{border-color:rgba(34,197,94,.3)}.report-row small{display:block;color:var(--muted);margin-top:4px}.report-status,.report-category{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:11px;background:rgba(148,163,184,.14)}.report-status.offen{background:rgba(239,68,68,.15);color:#fecaca}.report-status.in_bearbeitung{background:rgba(250,204,21,.15);color:#fef08a}.report-status.behoben{background:rgba(34,197,94,.15);color:#bbf7d0}.report-detail{grid-column:1/-1;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);white-space:pre-wrap;color:#dbeafe;line-height:1.5}.report-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.report-actions select,.report-actions button{background:#111827;color:#fff;border:1px solid var(--panel-border);border-radius:8px;padding:7px 9px}.report-actions button{cursor:pointer}.report-actions .danger{color:#fecaca;border-color:rgba(239,68,68,.3)}@media(max-width:950px){.report-metrics{grid-template-columns:repeat(2,1fr)}.report-row{grid-template-columns:55px 1fr}.report-row>*{min-width:0}.report-detail{grid-column:1/-1}}
/* Beta Update v2 */
.nav-section-divider{margin:26px 8px 8px;padding:0;border-top:1px solid rgba(134,239,172,.34);height:1px}.nav-section-divider span{display:none}.beta-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.beta-settings-form{display:grid;gap:12px}.beta-settings-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.beta-settings-form input{background:#0f172a;border:1px solid var(--panel-border);border-radius:10px;color:#fff;padding:11px}.beta-rank{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px;align-items:start}.kanban-column{background:rgba(15,23,42,.48);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;min-height:540px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.kanban-column>header h3{margin:0}.kanban-column>header span{background:rgba(134,239,172,.13);color:#bbf7d0;padding:4px 8px;border-radius:999px}.kanban-stack{display:grid;gap:12px}.ticket{background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.96));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;box-shadow:0 10px 26px rgba(0,0,0,.18);cursor:grab}.ticket:hover{border-color:rgba(134,239,172,.35);transform:translateY(-1px)}.ticket-head,.ticket-meta{display:flex;justify-content:space-between;gap:10px}.ticket-head span{font-size:11px;text-transform:uppercase;color:#86efac}.ticket h4{margin:10px 0 7px;font-size:15px}.ticket p{margin:0 0 10px;color:#cbd5e1;font-size:13px;line-height:1.45}.ticket-meta{font-size:11px;color:var(--muted)}.ticket details{margin-top:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.ticket summary{cursor:pointer;color:#bfdbfe}.ticket-form,.merge-form{display:grid;gap:9px;margin-top:10px}.ticket-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.ticket-form input,.ticket-form select,.ticket-form textarea,.merge-form select,.ticket-form button,.merge-form button{background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px}.ticket-form textarea{min-height:76px}.quick-comments{display:flex;gap:5px;flex-wrap:wrap}.quick-comments button{font-size:10px;cursor:pointer}.merge-form{grid-template-columns:1fr auto auto}.danger{color:#fecaca!important}.evidence{display:inline-block;margin-top:9px;color:#93c5fd;font-size:12px}@media(max-width:1200px){.beta-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.kanban-column{min-height:0}}
/* Beta tracker v3 */
.beta-shell{max-width:1600px}.beta-hero{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;margin-bottom:18px;border:1px solid rgba(134,239,172,.16);border-radius:20px;background:radial-gradient(circle at 12% 20%,rgba(34,197,94,.13),transparent 42%),linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,23,42,.96));box-shadow:0 18px 46px rgba(0,0,0,.2)}.beta-hero h2{margin:6px 0;font-size:27px}.beta-hero p{margin:0;color:var(--muted)}.beta-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#86efac}.beta-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.beta-stat{position:relative;overflow:hidden;padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.92))}.beta-stat:after{content:"";position:absolute;right:-18px;top:-24px;width:80px;height:80px;border-radius:50%;background:rgba(148,163,184,.08)}.beta-stat.warn:after{background:rgba(239,68,68,.11)}.beta-stat.work:after{background:rgba(234,179,8,.12)}.beta-stat.done:after{background:rgba(34,197,94,.12)}.beta-stat span,.beta-stat small{display:block;color:var(--muted)}.beta-stat strong{display:block;margin:7px 0;font-size:30px}.beta-dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.beta-dashboard-grid>.card{padding:20px}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title-row h3{margin:0}.card-title-row>span{font-size:10px;color:#86efac;background:rgba(34,197,94,.1);padding:5px 8px;border-radius:999px}.beta-bars{display:flex;align-items:flex-end;gap:14px;height:210px;padding-top:18px}.beta-bar-item{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.beta-bar-track{height:155px;width:100%;max-width:38px;display:flex;align-items:flex-end;background:rgba(255,255,255,.045);border-radius:9px;overflow:hidden}.beta-bar-track i{display:block;width:100%;background:linear-gradient(180deg,#86efac,#22c55e);border-radius:9px}.beta-bar-value{font-weight:800}.beta-list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.beta-integration{grid-column:span 2}.report-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.report-filters{display:flex;gap:7px;flex-wrap:wrap}.report-filters button,.open-ticket{border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.72);color:#cbd5e1;padding:9px 12px;border-radius:10px;cursor:pointer}.report-filters button.active{border-color:rgba(34,197,94,.42);color:#dcfce7;background:rgba(34,197,94,.1)}.report-filters b{margin-left:6px}.report-search{display:flex;align-items:center;gap:8px;min-width:310px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(15,23,42,.72)}.report-search input{border:0;background:transparent;color:#fff;width:100%;padding:10px;outline:0}.report-table-card{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,23,42,.65);box-shadow:0 18px 45px rgba(0,0,0,.16)}.report-table{width:100%;border-collapse:collapse}.report-table th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;text-align:left;padding:13px 16px;background:rgba(2,6,23,.42)}.report-table td{padding:14px 16px;border-top:1px solid rgba(255,255,255,.055);vertical-align:middle}.report-table tr:hover td{background:rgba(255,255,255,.025)}.report-table td:first-child strong,.report-table td:first-child span{display:block}.report-table td:first-child span{margin-top:4px;color:#cbd5e1}.ticket-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.ticket-status.offen{background:rgba(239,68,68,.12);color:#fca5a5}.ticket-status.in_bearbeitung{background:rgba(234,179,8,.12);color:#fde68a}.ticket-status.behoben{background:rgba(34,197,94,.12);color:#86efac}.blocked-tag{display:block;color:#fca5a5;margin-top:3px}.report-empty{text-align:center;padding:45px;color:var(--muted)}.ticket-dialog{width:min(1180px,94vw);max-height:92vh;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:20px;color:#eef2ff;background:linear-gradient(145deg,#111827,#080d18);box-shadow:0 35px 110px rgba(0,0,0,.65)}.ticket-dialog::backdrop{background:rgba(2,6,23,.78);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:18px;top:12px;z-index:2;border:0;background:transparent;color:#94a3b8;font-size:30px;cursor:pointer}.ticket-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 28px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.ticket-modal-head h2{margin:6px 0}.ticket-modal-head p{margin:0;color:var(--muted)}.ticket-modal-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:0}.ticket-modal-grid>section,.ticket-modal-grid>aside{padding:25px 28px}.ticket-modal-grid>aside{border-left:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.25)}.ticket-description{line-height:1.65;color:#dbe4f0;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035)}.evidence-button{display:inline-block;margin:13px 0;color:#93c5fd}.ticket-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ticket-info-grid>div{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025)}.ticket-info-grid small,.ticket-info-grid b{display:block}.ticket-info-grid small{color:var(--muted);margin-bottom:5px}.modal-form{display:grid;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.modal-form label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.modal-form input,.modal-form select,.modal-form textarea,.modal-form button{background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:9px;padding:10px}.modal-form textarea{min-height:90px}.quick-comments{display:flex;gap:6px;flex-wrap:wrap}.quick-comments button{font-size:10px;cursor:pointer}.danger-button{color:#fecaca!important;border-color:rgba(239,68,68,.25)!important}.block-notice{padding:10px;border-radius:9px;background:rgba(239,68,68,.08);color:#fecaca}.nav-section-divider{margin-top:30px!important}@media(max-width:1050px){.beta-stat-grid{grid-template-columns:1fr 1fr}.beta-dashboard-grid{grid-template-columns:1fr}.beta-integration{grid-column:auto}.ticket-modal-grid{grid-template-columns:1fr}.ticket-modal-grid>aside{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.report-toolbar{flex-direction:column}.report-search{min-width:0}.beta-hero{align-items:flex-start;gap:14px;flex-direction:column}}

/* Beta Reports v4.2 – full-width, collision-proof table */
.reports-page.beta-shell{width:100%!important;max-width:none!important;margin:0!important;padding-inline:0!important;box-sizing:border-box}
.reports-page .report-toolbar{width:100%;align-items:center}
.reports-page .report-table-card{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}
.reports-page .report-table{display:table!important;width:100%!important;min-width:1320px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.reports-page .report-table col.col-ticket{width:22%}.reports-page .report-table col.col-status{width:10%}.reports-page .report-table col.col-category{width:9%}.reports-page .report-table col.col-character{width:13%}.reports-page .report-table col.col-ingame{width:12%}.reports-page .report-table col.col-discord{width:14%}.reports-page .report-table col.col-created{width:11%}.reports-page .report-table col.col-action{width:9%}
.reports-page .report-table thead{display:table-header-group!important}.reports-page .report-table tbody{display:table-row-group!important}.reports-page .report-table tr{display:table-row!important;width:auto!important}.reports-page .report-table th,.reports-page .report-table td{display:table-cell!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
.reports-page .report-table th{padding:14px 16px!important;white-space:nowrap!important}.reports-page .report-table td{padding:16px!important;height:84px!important}
.reports-page .report-table td::before,.reports-page .report-table td::after{content:none!important;display:none!important}
.reports-page .ticket-cell strong,.reports-page .ticket-cell span,.reports-page .report-value,.reports-page .discord-value,.reports-page .discord-id,.reports-page time,.reports-page time small{display:block!important}
.reports-page .ticket-cell strong{margin-bottom:6px;color:#f8fafc}.reports-page .ticket-cell span{color:#cbd5e1;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.reports-page .report-value,.reports-page .discord-value{line-height:1.35;color:#e2e8f0;overflow-wrap:anywhere}.reports-page .discord-id,.reports-page time small{margin-top:4px;color:#64748b;font-size:10px}.reports-page time{color:#e2e8f0;white-space:nowrap!important}
.reports-page .open-ticket{width:100%;min-width:82px;white-space:nowrap}.reports-page .blocked-tag{margin-top:5px}
.ticket-dialog .ticket-modal-head{padding-right:72px}.ticket-dialog .ticket-modal-head>div{min-width:0}.ticket-dialog .ticket-modal-head h2{overflow-wrap:anywhere}.ticket-dialog .ticket-status{flex:0 0 auto;margin-right:8px}.ticket-dialog .dialog-close{width:42px;height:42px;display:grid;place-items:center;top:13px;right:14px;border-radius:10px;background:rgba(15,23,42,.92)}
@media(max-width:900px){.reports-page .report-toolbar{align-items:stretch}.reports-page .report-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.reports-page .report-filters button{flex:0 0 auto}.reports-page .report-table{min-width:1180px!important}.ticket-dialog{width:96vw}.ticket-dialog .ticket-modal-head{padding:20px 64px 18px 20px}.ticket-dialog .ticket-modal-grid>section,.ticket-dialog .ticket-modal-grid>aside{padding:20px}.ticket-info-grid{grid-template-columns:1fr}}
/* Beta reports v4.3 layout repair */
.beta-dashboard-page.beta-shell,.reports-page.beta-shell{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
.report-toolbar{align-items:center}.report-search{height:42px;box-sizing:border-box}.report-search>span{display:flex;align-items:center;justify-content:center;flex:0 0 20px;font-size:20px;line-height:1}.report-search input{height:40px;line-height:40px;padding:0 4px!important}
.reports-page .report-table-card{width:100%;overflow-x:auto!important}.reports-page .report-table{display:table!important;width:100%!important;min-width:1280px!important;table-layout:fixed!important}.reports-page .report-table thead{display:table-header-group!important}.reports-page .report-table tbody{display:table-row-group!important}.reports-page .report-table tr{display:table-row!important}.reports-page .report-table th,.reports-page .report-table td{display:table-cell!important;position:static!important;float:none!important;box-sizing:border-box!important;vertical-align:middle!important;overflow:hidden!important}.reports-page .report-table td>*{max-width:100%}
.reports-page .report-table col.col-ticket{width:23%}.reports-page .report-table col.col-status{width:10%}.reports-page .report-table col.col-category{width:9%}.reports-page .report-table col.col-character{width:12%}.reports-page .report-table col.col-ingame{width:12%}.reports-page .report-table col.col-discord{width:14%}.reports-page .report-table col.col-created{width:11%}.reports-page .report-table col.col-action{width:9%}
.ticket-cell strong{display:block}.ticket-cell span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;margin-top:6px}.report-value,.discord-value{display:block;white-space:normal;overflow-wrap:anywhere}.discord-id{display:block;margin-top:5px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-table time{display:block;white-space:nowrap}.report-table time small{display:block;margin-top:5px;color:var(--muted)}.action-cell{text-align:right}.action-cell .open-ticket{min-width:82px}
.ticket-dialog{overflow:hidden!important}.ticket-dialog-frame{position:relative;max-height:92vh;overflow:hidden}.ticket-dialog .dialog-close{position:absolute!important;top:14px!important;right:14px!important;z-index:20!important;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#0f172a!important;border:1px solid rgba(255,255,255,.12)!important}.ticket-modal-head{position:sticky;top:0;z-index:10;background:linear-gradient(145deg,#111827,#080d18);padding-right:76px!important}.ticket-modal-grid{grid-template-columns:minmax(330px,.82fr) minmax(0,1.35fr)!important;max-height:calc(92vh - 105px);overflow:auto}.ticket-modal-grid>.ticket-admin-column{order:1;border-left:0!important;border-right:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.25)}.ticket-modal-grid>.ticket-report-column{order:2}.ticket-modal-grid>section,.ticket-modal-grid>aside{min-width:0}
@media(max-width:1050px){.ticket-modal-grid{grid-template-columns:1fr!important}.ticket-modal-grid>.ticket-admin-column{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.ticket-modal-grid>.ticket-report-column{order:2}}
/* Beta v4.4: genuine full-width layout + custom resource picker */
body:has(.beta-dashboard-page),body:has(.reports-page){overflow-x:hidden}
.main:has(.beta-dashboard-page),.main:has(.reports-page){width:calc(100vw - var(--lp-sidebar-width))!important;max-width:none!important;flex:1 1 auto!important}
.main:has(.beta-dashboard-page)>.topbar,.main:has(.reports-page)>.topbar,.beta-dashboard-page,.reports-page{width:100%!important;max-width:none!important}
.beta-dashboard-page .beta-stat-grid,.beta-dashboard-page .beta-dashboard-grid,.reports-page .report-toolbar,.reports-page .report-table-card{width:100%!important;max-width:none!important}
.reports-page .report-table col.col-resource-guess{width:12%}
.resource-guess-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#bfdbfe!important}
.resource-picker{position:relative}.resource-suggestions{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:230px;overflow:auto;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#09111f;box-shadow:0 22px 60px rgba(0,0,0,.55)}.resource-suggestions button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#dbeafe;text-align:left;cursor:pointer}.resource-suggestions button:hover{background:rgba(59,130,246,.14)}

/* Beta reports v4.6: merged ticket groups */
.reports-page .merged-toggle{display:inline-flex!important;align-items:center;gap:6px;margin-top:9px;padding:5px 8px;border:1px solid rgba(34,197,94,.22);border-radius:999px;background:rgba(34,197,94,.08);color:#86efac;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}
.reports-page .merged-toggle b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#22c55e;color:#052e16;font-size:10px}
.reports-page .merged-toggle i{font-style:normal;transition:transform .18s ease}.reports-page .merged-toggle.open i{transform:rotate(180deg)}
.reports-page .merged-detail-row td{height:auto!important;padding:0!important;background:rgba(2,6,23,.46)!important;overflow:visible!important}
.reports-page .merged-list{padding:14px 20px 18px 48px;border-top:1px solid rgba(34,197,94,.13);box-shadow:inset 3px 0 0 rgba(34,197,94,.45)}
.reports-page .merged-list-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.reports-page .merged-list-head strong{color:#dcfce7}.reports-page .merged-list-head span{color:#64748b;font-size:11px}
.reports-page .merged-ticket-card{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) 150px;gap:16px;align-items:center;padding:11px 13px;margin-top:7px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(15,23,42,.72)}
.reports-page .merged-ticket-card>div:first-child strong,.reports-page .merged-ticket-card>div:first-child span,.reports-page .merged-ticket-card small,.reports-page .merged-ticket-card b{display:block}.reports-page .merged-ticket-card>div:first-child strong{color:#86efac;font-size:11px}.reports-page .merged-ticket-card>div:first-child span{margin-top:3px;color:#e2e8f0}.reports-page .merged-ticket-card small{color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.reports-page .merged-ticket-card b{color:#cbd5e1;font-size:11px;white-space:normal;overflow-wrap:anywhere}
.modal-merged-details{margin-top:16px;border:1px solid rgba(34,197,94,.18);border-radius:12px;background:rgba(34,197,94,.035);overflow:hidden}.modal-merged-details summary{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.modal-merged-details summary::-webkit-details-marker{display:none}.modal-merged-details summary span b,.modal-merged-details summary span small{display:block}.modal-merged-details summary span b{color:#dcfce7}.modal-merged-details summary span small{margin-top:3px;color:#64748b}.modal-merged-details summary i{font-style:normal;transition:transform .18s ease}.modal-merged-details[open] summary i{transform:rotate(180deg)}.modal-merged-list{display:grid;gap:8px;padding:0 12px 12px}.modal-merged-list article{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(2,6,23,.45)}.modal-merged-list article>div{display:flex;gap:9px;align-items:baseline}.modal-merged-list article strong{color:#86efac;font-size:11px}.modal-merged-list article span{color:#e2e8f0}.modal-merged-list article p{margin:9px 0;color:#94a3b8;line-height:1.45;font-size:12px}.modal-merged-list article footer{display:flex;flex-wrap:wrap;gap:6px}.modal-merged-list article footer span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:#94a3b8;font-size:9px}
@media(max-width:900px){.reports-page .merged-ticket-card{grid-template-columns:1fr 1fr}.reports-page .merged-list{padding-left:18px}}@media(max-width:560px){.reports-page .merged-ticket-card{grid-template-columns:1fr}.reports-page .merged-list-head{display:block}.reports-page .merged-list-head span{display:block;margin-top:4px}}


/* Beta reports v4.7: website-only unread ping */
#reportsNavLink{display:flex!important;align-items:center;justify-content:flex-start;gap:12px}
#reportsNavLink .nav-warning-badge{margin-left:auto;flex:0 0 auto}
#reportsNavLink .nav-warning-badge[hidden]{display:none!important}

/* Beta reports v4.9: stable search, archive tabs and collapsed merge children */
.reports-page .report-view-tabs{display:flex;gap:8px}.reports-page .report-view-tabs button{min-width:112px}.reports-page .report-search{position:relative;min-width:300px}.reports-page .report-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none;line-height:1}.reports-page .report-search input{padding-left:38px!important}.reports-page .merged-detail-row[hidden]{display:none!important}.reports-page .merged-ticket-card{grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(140px,1fr) 135px auto}.reports-page .open-merged-ticket{border:1px solid rgba(134,239,172,.28);border-radius:9px;background:rgba(34,197,94,.10);color:#bbf7d0;padding:8px 12px;font-weight:700;cursor:pointer}.reports-page .open-merged-ticket:hover{background:rgba(34,197,94,.18)}@media(max-width:1050px){.reports-page .merged-ticket-card{grid-template-columns:1fr 1fr}.reports-page .open-merged-ticket{justify-self:start}}

/* Beta reports v4.10: reliable archive/search visibility and clean merged actions */
.reports-page .report-row[hidden],.reports-page .merged-detail-row[hidden]{display:none!important}
.reports-page .merged-detail-row:not([hidden]){display:table-row!important}
.reports-page .merged-ticket-card .open-merged-ticket{justify-self:end;min-width:82px;height:36px;padding:0 14px;border:1px solid rgba(134,239,172,.28)!important;border-radius:9px!important;background:rgba(34,197,94,.10)!important;color:#bbf7d0!important;font-weight:700!important;line-height:34px;text-align:center}
.reports-page .merged-ticket-card .open-merged-ticket:hover{background:rgba(34,197,94,.18)!important}
@media(max-width:1050px){.reports-page .merged-ticket-card .open-merged-ticket{justify-self:start}}
/* Beta v4.12: neutral merged controls and report type tabs */
.reports-page .merged-toggle{display:flex!important;width:max-content;align-items:center;justify-content:center;gap:7px;margin:9px auto 0;padding:6px 10px;border:1px solid rgba(148,163,184,.22);border-radius:9px;background:rgba(148,163,184,.07);color:#cbd5e1;font-size:10px;font-weight:700}.reports-page .merged-toggle b{min-width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:inherit}.reports-page .merged-toggle i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.06);font-size:11px}.reports-page .merged-list{border-top-color:rgba(148,163,184,.13);box-shadow:inset 3px 0 0 rgba(148,163,184,.28)}.reports-page .merged-list-head strong,.reports-page .merged-ticket-card>div:first-child strong{color:#cbd5e1}.reports-page .open-merged-ticket,.reports-page .merged-ticket-card .open-merged-ticket{border-color:rgba(148,163,184,.25)!important;background:rgba(148,163,184,.08)!important;color:#e2e8f0!important}.reports-page .report-view-tabs{flex-wrap:wrap}

/* Beta v4.13 dedicated report sections */
.report-page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 14px}.report-page-heading h2{margin:4px 0 0;font-size:25px}.report-page-heading .beta-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#8b95a7)}

/* Update 063 - kompakte Sidebar und Discord-Changelog */
.sidebar {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.sidebar-nav { flex: 1; }
.nav-section-divider {
    height: 1px;
    margin: 8px 4px;
    background: rgba(255,255,255,0.12);
}
.nav-section-divider-green {
    height: 3px;
    margin-top: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #22c55e, rgba(34,197,94,0.18));
    box-shadow: 0 0 14px rgba(34,197,94,0.24);
}
.nav-section-title {
    padding: 4px 12px 0;
    color: #86efac;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.sidebar-logout {
    display: block;
    margin-top: 14px;
    color: #fecaca;
    text-decoration: none;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid rgba(248,113,113,.18);
    background: rgba(239,68,68,.08);
    font-size: 14px;
}
.sidebar-logout:hover { background: rgba(239,68,68,.16); }
.changelog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 16px;
    align-items: start;
}
.changelog-form label {
    display: block;
    margin: 16px 0 7px;
    color: #dbeafe;
    font-weight: 800;
}
.changelog-form input,
.changelog-form textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(0,0,0,.25);
    color: #fff;
    outline: none;
    resize: vertical;
}
.changelog-form input:focus,
.changelog-form textarea:focus {
    border-color: rgba(34,197,94,.75);
    box-shadow: 0 0 0 3px rgba(34,197,94,.14);
}
.changelog-version-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(34,197,94,.2);
    border-radius: 13px;
    background: rgba(34,197,94,.08);
}
.changelog-version-row span:first-child { display: block; font-size: 12px; margin-bottom: 4px; }
.changelog-version-row strong { font-size: 20px; }
.changelog-submit {
    width: 100%;
    margin-top: 18px;
    padding: 13px 15px;
    border: 0;
    border-radius: 12px;
    background: #22c55e;
    color: #052e16;
    font-weight: 900;
    cursor: pointer;
}
.changelog-submit:hover { filter: brightness(1.08); }
.changelog-hint { margin-bottom: 0; font-size: 12px; }
.discord-preview-card { background: #313338; position: sticky; top: 18px; }
.discord-preview-head { display: flex; gap: 10px; align-items: center; }
.discord-preview-head small { display: block; color: #b5bac1; margin-top: 2px; }
.discord-bot-avatar {
    width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
    background: #22c55e; color: #052e16; font-weight: 900;
}
.discord-bot-tag { padding: 2px 4px; border-radius: 3px; background: #5865f2; font-size: 10px; }
.discord-role-preview { margin: 10px 0 6px 52px; color: #c9cdfb; background: rgba(88,101,242,.25); display: inline-block; padding: 1px 3px; border-radius: 3px; }
.discord-embed-preview {
    margin-left: 52px;
    padding: 14px 16px;
    border-left: 4px solid #1eb85f;
    border-radius: 4px;
    background: #2b2d31;
    color: #dbdee1;
}
.discord-embed-preview h3 { margin: 0 0 10px; color: #fff; }
.discord-embed-preview h4 { margin: 0 0 7px; font-size: 20px; }
.discord-embed-preview p { margin: 0 0 14px; }
.discord-preview-field { margin-top: 12px; }
.discord-preview-field > strong { display: block; margin-bottom: 5px; color: #f2f3f5; }
.discord-preview-field pre {
    margin: 0; padding: 9px 10px; white-space: pre-wrap; overflow-wrap: anywhere;
    border: 1px solid #1e1f22; border-radius: 4px; background: #1e1f22; color: #dbdee1;
    font: 13px/1.45 Consolas, Monaco, monospace;
}
.discord-embed-preview footer { margin-top: 14px; color: #b5bac1; font-size: 12px; }
.changelog-history-list { display: grid; gap: 8px; }
.changelog-history-item {
    display: grid; grid-template-columns: 120px 1fr auto; gap: 12px; align-items: center;
    padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.04);
}
.changelog-history-item small { color: var(--muted); }
@media (max-width: 1000px) {
    .changelog-layout { grid-template-columns: 1fr; }
    .discord-preview-card { position: static; }
}
@media (max-width: 900px) {
    .sidebar { min-height: auto; }
    .sidebar-logout { margin-top: 8px; }
    .nav-section-title { grid-column: 1 / -1; }
    .nav-section-divider { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
    .discord-role-preview, .discord-embed-preview { margin-left: 0; }
    .changelog-history-item { grid-template-columns: 1fr; gap: 4px; }
}


/* Update 064 - Owner-only Changelog und Bestätigungsfenster */
body.modal-open { overflow: hidden; }
.changelog-confirm-modal[hidden] { display: none !important; }
.changelog-confirm-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 24px;
}
.changelog-confirm-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 7, 18, .82);
    backdrop-filter: blur(6px);
}
.changelog-confirm-window {
    position: relative;
    z-index: 1;
    width: min(860px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(134, 239, 172, .25);
    border-radius: 18px;
    background: #111827;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .55), 0 0 0 1px rgba(34, 197, 94, .08);
}
.changelog-confirm-toolbar,
.changelog-confirm-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.changelog-confirm-toolbar h3 { margin: 3px 0 0; }
.changelog-confirm-close {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 25px;
    cursor: pointer;
}
.changelog-confirm-body { overflow: auto; padding: 20px; }
.changelog-confirm-preview { position: static; margin: 0; }
.changelog-confirm-actions {
    justify-content: flex-end;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 0;
}
.changelog-confirm-actions .changelog-submit { width: auto; margin: 0; min-width: 220px; }
.changelog-cancel {
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    color: #e5e7eb;
    font-weight: 800;
    cursor: pointer;
}
.changelog-confirm-send:disabled { opacity: .7; cursor: wait; }
@media (max-width: 620px) {
    .changelog-confirm-modal { padding: 10px; }
    .changelog-confirm-window { max-height: calc(100vh - 20px); }
    .changelog-confirm-actions { flex-direction: column-reverse; align-items: stretch; }
    .changelog-confirm-actions .changelog-submit { width: 100%; min-width: 0; }
}

/* Update 065 - Gesendete Changelogs bearbeiten */
.changelog-history-item {
    grid-template-columns: 120px minmax(160px, 1fr) auto auto;
}
.changelog-edit-button,
.changelog-cancel-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 8px 13px;
    border: 1px solid rgba(34, 197, 94, .42);
    border-radius: 9px;
    background: rgba(34, 197, 94, .10);
    color: #86efac;
    font-weight: 700;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.changelog-edit-button:hover,
.changelog-cancel-edit:hover {
    background: rgba(34, 197, 94, .18);
    border-color: rgba(34, 197, 94, .72);
    transform: translateY(-1px);
}
.changelog-cancel-edit {
    margin-top: 10px;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.05);
    color: var(--muted);
}
@media (max-width: 620px) {
    .changelog-history-item { grid-template-columns: 1fr; }
    .changelog-edit-button { width: 100%; }
}


/* Update 066 - stabile Navigation ohne verschobenes Layout */
.layout{align-items:stretch}
.sidebar{position:sticky;top:0;height:100vh;min-height:100vh;align-self:flex-start;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}
.brand{flex:0 0 auto}
.sidebar-nav{display:flex!important;flex:1 1 auto!important;min-height:0;overflow-y:auto;overflow-x:hidden;flex-direction:column!important;gap:14px!important;padding-right:3px}
.sidebar-nav-primary,.sidebar-nav-admin,.nav-analysis-block{display:flex;flex-direction:column;gap:3px}
.sidebar-nav-admin{margin-top:auto;padding-top:10px;flex:0 0 auto}
.nav-analysis-block{margin-top:8px}
.nav-analysis-block>a{margin-left:8px;width:calc(100% - 8px)}
.nav-section-title-muted{color:#94a3b8}
.nav-sub-link{margin-left:12px!important;width:calc(100% - 12px)!important;font-size:13px!important;color:#a7f3d0!important}
.sidebar-logout{flex:0 0 auto;margin-top:10px;border-top:1px solid rgba(248,113,113,.14)}
.main{min-height:100vh}
.warnings-page{max-width:1500px}
.warnings-page-heading{align-items:center}
.warnings-page-heading p{margin:5px 0 0}
.warnings-total-badge{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:8px 12px;border-radius:999px;background:rgba(239,68,68,.1);border:1px solid rgba(248,113,113,.2);color:#fecaca;font-size:12px;font-weight:800}
.warnings-overview-card{padding:22px}
.warnings-full-list .dashboard-warning-row{min-height:62px}
@media(max-width:900px){.layout{display:block}.sidebar{position:relative;top:auto;width:100%;height:auto;min-height:auto;overflow:visible}.sidebar-nav{overflow:visible}.sidebar-nav-admin{margin-top:12px}.main{min-height:0}.nav-analysis-block>a,.nav-sub-link{margin-left:0!important;width:100%!important}}


/* Update 067 - finale Navigationsstruktur und Warnungen in voller Breite */
.nav-section-divider.nav-section-divider-green{height:2px!important;margin:13px 8px 7px!important;padding:0!important;border:0!important;background:linear-gradient(90deg,#22c55e,rgba(34,197,94,.16))!important;box-shadow:0 0 12px rgba(34,197,94,.18);border-radius:999px}
.sidebar-nav-primary>.nav-section-divider:first-child{margin-top:2px!important}
.sidebar-nav-primary>.nav-section-title{margin-bottom:3px}
.nav-analysis-block{margin-top:13px!important}
.nav-analysis-block>a{margin-left:8px!important;width:calc(100% - 8px)!important}
.sidebar-nav-admin>a{margin-left:0!important;width:100%!important;font-size:14px!important;color:inherit!important}
.main:has(.warnings-page){width:calc(100vw - var(--lp-sidebar-width))!important;max-width:none!important;flex:1 1 auto!important}
.main:has(.warnings-page)>.topbar,.warnings-page{width:100%!important;max-width:none!important}
.warnings-page{padding-right:0}
@media(max-width:900px){.main:has(.warnings-page){width:100%!important}.nav-analysis-block>a{margin-left:0!important;width:100%!important}}


/* Update 068 - einheitliche Kategorien, Verwaltung direkt unter Analyse, Warnungen volle Breite */
.sidebar-nav{gap:0!important}
.sidebar-nav-primary{display:flex;flex-direction:column;gap:3px;min-height:100%}
.nav-analysis-block,.nav-management-block{display:flex;flex-direction:column;gap:3px;margin-top:16px!important}
.nav-plain-admin-links{display:flex;flex-direction:column;gap:3px;margin-top:7px}
.nav-section-title,.nav-section-title-muted{padding:0 10px 3px!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important}
.nav-section-divider.nav-section-divider-green{height:2px!important;margin:0 8px 7px!important;padding:0!important;border:0!important;background:linear-gradient(90deg,#22c55e,rgba(34,197,94,.16))!important;box-shadow:0 0 12px rgba(34,197,94,.18)!important;border-radius:999px!important}
.sidebar-nav-primary>.nav-section-title:first-child{margin-top:1px}
.nav-analysis-block>a,.nav-management-block>a,.nav-plain-admin-links>a{margin-left:0!important;width:100%!important}
.sidebar-nav-admin{display:none!important}
.sidebar-logout{margin-top:auto!important}
.main:has(.warnings-page){width:calc(100vw - var(--lp-sidebar-width))!important;max-width:none!important;flex:1 1 auto!important;padding-left:var(--lp-page-pad)!important;padding-right:var(--lp-page-pad)!important}
.main:has(.warnings-page)>.topbar,.main:has(.warnings-page)>.warnings-page,.warnings-page{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.warnings-page{padding:0!important}
.warnings-overview-card{width:100%!important;max-width:none!important}
.warnings-page .dashboard-warning-list{width:100%!important;max-width:none!important;overflow-x:auto}
.warnings-page .dashboard-warning-columns,.warnings-page .dashboard-warning-row{display:grid!important;grid-template-columns:minmax(220px,1.05fr) minmax(320px,1.8fr) minmax(130px,.55fr) minmax(105px,.45fr)!important;gap:16px!important;align-items:center!important;width:100%!important}
.warnings-page .dashboard-warning-columns{padding:11px 14px 8px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(148,163,184,.12)}
.warnings-page .dashboard-warning-row{margin:0!important;padding:14px!important;border-radius:0!important;border-bottom:1px solid rgba(148,163,184,.10)!important;background:transparent!important}
.warnings-page .warning-main{min-width:0;color:inherit;text-decoration:none}
@media(max-width:900px){.main:has(.warnings-page){width:100%!important}.warnings-page .dashboard-warning-columns{display:none!important}.warnings-page .dashboard-warning-row{grid-template-columns:1fr auto!important;gap:10px!important}.nav-analysis-block>a,.nav-management-block>a,.nav-plain-admin-links>a{margin-left:0!important;width:100%!important}}


/* Bottom utility navigation: rarely used admin pages directly above logout */
.sidebar-utility-links{
    display:flex;
    flex-direction:column;
    gap:3px;
    flex:0 0 auto;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid rgba(148,163,184,.12);
}
.sidebar-utility-links a{
    display:flex;
    align-items:center;
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border-radius:10px;
    color:inherit;
    text-decoration:none;
    font-size:14px;
}
.sidebar-utility-links a:hover{background:rgba(255,255,255,.055)}
.sidebar-utility-links a.active{background:rgba(34,197,94,.12);color:#d8ffe3}
.sidebar-utility-links + .sidebar-logout{margin-top:8px!important}
@media(max-width:900px){.sidebar-utility-links{margin-top:12px}}


/* Sidebar utility links use the same button texture as regular navigation */
.sidebar-utility-links a{position:relative!important;display:flex!important;align-items:center!important;min-height:42px!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#cbd5e1!important;font-weight:650!important;transition:background .16s ease,border-color .16s ease,color .16s ease!important}
.sidebar-utility-links a:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(148,163,184,.10)!important;color:#fff!important}.sidebar-utility-links a.active{background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.20)!important;color:#d8ffe3!important}


/* Update 068 - konsistente untere Navigation */
.sidebar > .sidebar-utility-links{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:100%!important;
    margin-top:auto!important;
    padding:12px 0 0!important;
    border-top:1px solid rgba(148,163,184,.12)!important;
}
.sidebar > .sidebar-utility-links > a{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#cbd5e1!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
.sidebar > .sidebar-utility-links > a:hover{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(148,163,184,.12)!important;
    color:#fff!important;
}
.sidebar > .sidebar-utility-links > a.active{
    background:rgba(34,197,94,.12)!important;
    border-color:rgba(34,197,94,.22)!important;
    color:#dcfce7!important;
}
.sidebar > .sidebar-logout{margin-top:9px!important;flex:0 0 auto!important}
