/* Gemeinsame Konsolenflächen */
body[data-xxx-route] #view-container [class*="rounded"]:not([class~="rounded-full"]),
body[data-xxx-route] #view-container button,
body[data-xxx-route] #view-container input,
body[data-xxx-route] #view-container select,
body[data-xxx-route] #view-container textarea {
    border-radius: 0 !important;
}

body[data-xxx-route] #view-container input[type="checkbox"],
body[data-xxx-route] #view-container input[type="radio"] {
    accent-color: var(--xxx-cyan);
}

#xxx-main-header {
    position: relative !important;
    z-index: 1200 !important;
    overflow: visible !important;
}

#global-target-suggestions { z-index: 1300 !important; }

body #xxx-main-header :is(#global-target-clear, .xxx-input-clear, .xxx-field-clear),
body #view-container :is(#db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear) {
    position: absolute !important;
    top: 50% !important;
    right: 3px !important;
    z-index: 30 !important;
    display: grid !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255, 82, 104, 0.55) !important;
    border-radius: 0 !important;
    background: #0a0f1c !important;
    color: #ff5268 !important;
    font-size: 0 !important;
    opacity: 1;
}

body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear)::before,
body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear)::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    background: currentColor;
}

body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear)::before { transform: rotate(45deg); }
body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear)::after { transform: rotate(-45deg); }
body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear) :is(svg, i) { visibility: hidden !important; }

body #view-container :is(#db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear):hover,
body #xxx-main-header :is(#global-target-clear, .xxx-input-clear, .xxx-field-clear):hover {
    border-color: #ff5268 !important;
    background: rgba(239, 51, 77, 0.14) !important;
    color: #ff7a8b !important;
}

body :is(#global-target-clear, #db-search-clear, #map-search-clear, #overall-search-clear, [data-clear-field], [data-profile-action="clear-player"], [data-manual-activity-action="clear-note"], .xxx-input-clear, .xxx-field-clear, .xxx-analytics-clear)[hidden] { display: none !important; }
#overall-search-clear[data-visible="0"],
#global-target-player:placeholder-shown + #global-target-clear,
#db-search:placeholder-shown + #db-search-clear,
#map-search:placeholder-shown ~ #map-search-clear,
.raid-input-wrap input:placeholder-shown + button,
.xxx-profile-input-wrap input:placeholder-shown + button,
.xxx-manual-note-wrap input:placeholder-shown + button,
.xxx-analytics-search-wrap input:placeholder-shown + button {
    opacity: 0 !important;
    pointer-events: none !important;
}

body[data-xxx-route="database"] #view-container #db-search,
.raid-input-wrap > input,
.xxx-profile-input-wrap > input,
.xxx-manual-note-wrap > input,
.xxx-clear-host > :is(input, textarea),
.xxx-clear-wrap > :is(input, textarea) {
    padding-right: 44px !important;
}

#home-dashboard,
#scanner-static-workspace,
#xxx-database-page,
#analytics-primary-shell,
#raid-targets-page,
.wanted-page,
#meteor-workspace,
#drone-center,
#raid-assist-page,
#crew-view-root {
    width: min(100%, 1580px) !important;
    min-width: 0;
    margin-inline: auto !important;
}

#view-container :where(.home-intel-card, .raid-page-head, .raid-filter-card, .raid-summary-grid article, .raid-desktop-table, .raid-mobile-card, .wanted-card, .wanted-overview-card, .wanted-info-card, .xxx-alliance-card, .xxx-alliance-stat, .xxx-profile-tabs, .xxx-profile-panel > *, #analytics-player-focus, #analytics-overall-stats > div, #analytics-overall-stats > section) {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

#view-container :where(.home-intel-card, .raid-page-head, .raid-filter-card, .wanted-card, .wanted-overview-card, #analytics-player-focus, #meteor-workspace > section, #drone-center > section, #raid-assist-page > header) {
    position: relative;
}

#view-container :where(.home-intel-card, .raid-page-head, .wanted-card, .wanted-overview-card, #analytics-player-focus, #meteor-workspace > section, #drone-center > section, #raid-assist-page > header)::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 13px;
    height: 13px;
    border-left: 2px solid rgba(79, 209, 197, 0.75);
    border-top: 2px solid rgba(79, 209, 197, 0.75);
    pointer-events: none;
}

/* Startseite */
#home-dashboard > header {
    padding: 8px 2px 14px !important;
    border-bottom: 1px solid var(--xxx-line) !important;
    background: transparent !important;
}

#home-dashboard > header p:first-child {
    color: var(--xxx-cyan) !important;
    font-family: Consolas, monospace !important;
}

#home-dashboard > header h2 {
    font-size: 22px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
}

#home-dashboard [data-home-action="refresh"] {
    border: 1px solid var(--xxx-cyan) !important;
    background: var(--xxx-cyan) !important;
    color: #062018 !important;
}

.home-intel-card {
    min-height: 320px;
    padding: 14px !important;
    overflow: hidden;
}

.home-intel-card > div:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--xxx-line);
}

.home-intel-card [class*="rounded-xl"],
.home-intel-card [class*="rounded-md"] {
    border-radius: 0 !important;
}

.home-intel-card [class*="bg-emerald"],
.home-intel-card [class*="bg-red"],
.home-intel-card [class*="bg-amber"] {
    background-color: rgba(18, 27, 47, 0.72) !important;
}

/* Galaxiekarte */
.scanner-sections-strip,
#scanner-map-layout > aside,
#scanner-map-layout > section,
#scanner-sector-dock-panel,
#scanner-mobile-filter-sheet-head {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

.scanner-sections-strip {
    padding-block: 8px !important;
}

.scanner-sections-strip button,
#scanner-static-workspace [data-scanner-tab] {
    border-radius: 0 !important;
}

#scanner-static-workspace canvas,
#scanner-static-workspace svg {
    filter: saturate(0.88) contrast(1.04);
}

#scanner-static-workspace [class*="backdrop-blur"] {
    border-radius: 0 !important;
}

#scanner-mobile-filter-tab-btn {
    border-color: rgba(79, 209, 197, 0.55) !important;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.5), rgba(2, 6, 23, 0.88)) !important;
    color: var(--xxx-cyan-strong) !important;
}

/* Datenbank */
body[data-xxx-route="database"] #view-container {
    padding: 10px 12px 12px !important;
}

body[data-xxx-route="database"] #xxx-database-page,
body[data-xxx-route="database"] #xxx-database-page > div:first-child,
body[data-xxx-route="database"] #db-filter-content,
body[data-xxx-route="database"] #db-filter-content section,
body[data-xxx-route="database"] #db-filter-content + div,
body[data-xxx-route="database"] #db-filter-content + div > div,
body[data-xxx-route="database"] #db-table-container,
body[data-xxx-route="database"] #intel-modal-content {
    border-radius: 0 !important;
}

body[data-xxx-route="database"] #db-filter-content {
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

body[data-xxx-route="database"] #view-container #xxx-database-page #db-filter-content button,
body[data-xxx-route="database"] #view-container #xxx-database-page #db-filter-content input,
body[data-xxx-route="database"] #view-container #xxx-database-page #db-filter-content select,
body[data-xxx-route="database"] #view-container #xxx-database-page #db-filter-content textarea {
    border-radius: 0 !important;
}

body[data-xxx-route="database"] #db-filter-content section {
    border-color: var(--xxx-line) !important;
    background: #0a0f1c !important;
}

#db-body tr {
    background: transparent !important;
}

#db-body td {
    border-color: var(--xxx-line) !important;
}

#db-search-suggestions,
#db-profiles-panel,
#db-pf-panel {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface-2) !important;
}

/* Analytik */
#analytics-primary-shell > div:first-child,
#analytics-overall-stats > div:first-child,
#analytics-overall-stats > section,
#analytics-player-focus,
#analytics-player-focus > header,
#analytics-workspace,
#analytics-workspace > header {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

#analytics-primary-shell [data-analytics-primary-tab],
.xxx-profile-tab,
#xxx-profile-compare-toggle,
#btn-refresh-player-profile,
#xxx-profile-actions > button {
    border-radius: 0 !important;
}

#analytics-primary-shell [data-analytics-primary-tab] {
    background: #0a0f1c !important;
}

#analytics-primary-shell [data-analytics-primary-tab][data-active="1"],
.xxx-profile-tab[data-active="1"] {
    border-color: var(--xxx-cyan) !important;
    background: rgba(79, 209, 197, 0.1) !important;
    color: var(--xxx-cyan-strong) !important;
    box-shadow: inset 0 -2px 0 var(--xxx-cyan) !important;
}

#xxx-profile-search-row input,
#xxx-profile-search-row .search-dropdown,
#xxx-profile-search-row .select-item,
#xxx-profile-versus,
.xxx-empty {
    border-radius: 0 !important;
}

#xxx-profile-search-row input:focus {
    border-color: var(--xxx-cyan) !important;
    box-shadow: 0 0 0 1px rgba(79, 209, 197, 0.35) !important;
}

.xxx-profile-panel [class*="rounded"],
#overall-stats-summary > article,
#overall-stats-table {
    border-radius: 0 !important;
}

#overall-stats-chart svg {
    filter: saturate(0.88);
}

/* Raid-Ziele */
.raid-page-head,
.raid-filter-card,
.raid-summary-grid article,
.raid-desktop-table,
.raid-mobile-card,
.raid-empty {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
}

.raid-page-head p,
.raid-filter-head p {
    color: var(--xxx-cyan) !important;
}

.raid-mode-switch,
.raid-mode-switch button,
.raid-field input,
.raid-field select,
.raid-input-wrap button,
.raid-filter-head button,
.raid-actions button,
.raid-chip,
.raid-rank,
.raid-score,
.raid-show-more,
.raid-toast {
    border-radius: 0 !important;
}

.raid-mode-switch button[data-active="1"] {
    border-color: var(--xxx-cyan) !important;
    background: rgba(79, 209, 197, 0.1) !important;
    color: var(--xxx-cyan-strong) !important;
    box-shadow: inset 0 -2px 0 var(--xxx-cyan) !important;
}

.raid-desktop-table th {
    background: #0a0f1c !important;
}

/* Pranger */
.wanted-page {
    padding: 8px 2px 32px !important;
}

.wanted-page > div:first-child {
    padding: 10px 2px 16px;
    border-bottom: 1px solid var(--xxx-line);
}

.wanted-page .wanted-info-card,
.wanted-page details,
.wanted-tab,
.wanted-card,
.wanted-overview-card,
.wanted-page input,
.wanted-page select,
.wanted-page textarea,
.wanted-page button,
.wanted-suggestions {
    border-radius: 0 !important;
}

.wanted-tab {
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

.wanted-tab[class*="border-amber"] {
    border-color: var(--xxx-cyan) !important;
    background: rgba(79, 209, 197, 0.09) !important;
}

.wanted-tab[class*="border-amber"] :where(i, div, span) {
    color: var(--xxx-cyan-strong) !important;
}

.wanted-card,
.wanted-overview-card {
    min-height: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
}

/* Meteoriten, Drohne und Raid Assist */
#meteor-workspace > section,
#drone-center > section,
#raid-assist-page > header {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
    box-shadow: none !important;
}

#meteor-workspace button,
#meteor-count,
#meteor-load-status,
#drone-center article,
#drone-center li,
#drone-center button,
#drone-center textarea,
#raid-assist-host > * {
    border-radius: 0 !important;
}

#meteor-table-scroll thead,
#meteor-table-scroll th {
    background: #0a0f1c !important;
}

#drone-center {
    max-width: 1180px !important;
}

#btn-copy-drone {
    border-color: var(--xxx-cyan) !important;
    background: var(--xxx-cyan) !important;
    color: #062018 !important;
    box-shadow: none !important;
}

#raid-assist-host #global-sentinel-container {
    border-radius: 0 !important;
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
}

/* Benutzerverwaltung */
#crew-view-root {
    max-width: 1240px !important;
}

#crew-view-root .xxx-page-title,
#crew-view-root .xxx-panel,
#crew-view-root .xxx-member-card,
#crew-view-root .xxx-member-avatar,
#crew-view-root button,
#crew-view-root input,
#crew-view-root select,
#crew-view-root .xxx-member-notice {
    border-radius: 0 !important;
}

#crew-view-root .xxx-page-title,
#crew-view-root .xxx-panel {
    border-color: var(--xxx-line-strong) !important;
    background: var(--xxx-surface) !important;
}

#crew-view-root .xxx-member-card {
    border-color: var(--xxx-line) !important;
    background: #0a0f1c !important;
}

@media (max-width: 767px) {
    #home-dashboard > header h2 {
        font-size: 18px !important;
    }

    .home-intel-card {
        min-height: 300px;
        height: clamp(340px, 56vh, 480px);
        max-height: 480px;
    }

    .wanted-page {
        padding-inline: 0 !important;
    }

    .raid-page-head,
    .raid-filter-card {
        border-radius: 0 !important;
    }
}
