/* Strukturierte Flottenakte im XXX-Konsolenstil */

body[data-xxx-route="analytics"] .xxx-fleet-intel {
    --fleet-cyan: #4fd1c5;
    --fleet-cyan-soft: rgba(79, 209, 197, .12);
    --fleet-red: #fb7185;
    --fleet-red-soft: rgba(251, 113, 133, .11);
    --fleet-amber: #fbbf24;
    --fleet-amber-soft: rgba(251, 191, 36, .1);
    --fleet-surface: rgba(15, 30, 49, .92);
    --fleet-surface-2: rgba(18, 38, 61, .86);
    --fleet-surface-3: rgba(12, 28, 47, .78);
    --fleet-line: #2a405d;
    --fleet-line-strong: #375777;
    --fleet-muted: #7f91aa;
    --fleet-text: #dce8f7;
    width: 100%;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--fleet-line-strong);
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(15, 33, 53, .96), rgba(10, 25, 43, .94));
    box-shadow: inset 3px 0 0 rgba(79, 209, 197, .42);
}

body[data-xxx-route="analytics"] .xxx-fleet-intel [class*="rounded"] { border-radius: 0 !important; }

.xxx-fleet-intel__header,
.xxx-fleet-panel__heading,
.xxx-fleet-matrix-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.xxx-fleet-intel__header {
    margin-bottom: 12px;
    padding: 2px 0 13px 12px;
    border-left: 3px solid var(--fleet-cyan);
    border-bottom: 1px solid var(--fleet-line);
}

.xxx-fleet-intel__header h4 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: var(--fleet-text);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.xxx-fleet-intel__header p,
.xxx-fleet-panel__heading p,
.xxx-fleet-matrix-heading span {
    display: block;
    max-width: 920px;
    margin-top: 4px;
    color: var(--fleet-muted);
    font-size: 9px;
    line-height: 1.55;
}

.xxx-fleet-section-kicker {
    color: var(--fleet-cyan);
    font: 900 7px/1.2 ui-monospace, monospace;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.xxx-fleet-intel__report-count {
    flex: 0 0 auto;
    min-width: 105px;
    padding: 7px 10px;
    border-left: 1px solid var(--fleet-line-strong);
    text-align: right;
}

.xxx-fleet-intel__report-count span {
    display: block;
    color: var(--fleet-muted);
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.xxx-fleet-intel__report-count strong {
    display: block;
    margin-top: 2px;
    color: var(--fleet-text);
    font: 900 20px/1 ui-monospace, monospace;
}

.xxx-fleet-stack { display: grid; gap: 12px; }

.xxx-fleet-panel,
.xxx-fleet-matrix-shell {
    min-width: 0;
    padding: 13px;
    border: 1px solid var(--fleet-line);
    background: var(--fleet-surface-3);
}

.xxx-fleet-panel__heading { margin-bottom: 11px; }

.xxx-fleet-panel__heading h5,
.xxx-fleet-matrix-heading strong {
    margin-top: 2px;
    color: var(--fleet-text);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.xxx-fleet-data-overview { background: rgba(16, 34, 55, .74); }

.xxx-fleet-scan {
    border-color: #32617a;
    background: linear-gradient(135deg, rgba(12, 55, 71, .72), rgba(17, 38, 61, .9));
    box-shadow: inset 3px 0 0 rgba(79, 209, 197, .58);
}

.xxx-fleet-scan--loading { min-height: 130px; }

.xxx-fleet-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 64px;
    border: 1px dashed rgba(79, 209, 197, .28);
    background: rgba(18, 48, 67, .48);
    color: #9ccbc8;
    font: 800 9px ui-monospace, monospace;
}

.xxx-fleet-loading svg { animation: xxxFleetSpin .9s linear infinite; }
@keyframes xxxFleetSpin { to { transform: rotate(360deg); } }

.xxx-fleet-scan__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 430px;
    padding: 7px 9px;
    border: 1px solid var(--fleet-line-strong);
    background: rgba(21, 43, 66, .72);
    color: #a9bad0;
    font: 800 8px/1.35 ui-monospace, monospace;
    cursor: help;
}

.xxx-fleet-scan__status--ok {
    border-color: rgba(79, 209, 197, .48);
    background: var(--fleet-cyan-soft);
    color: #a9eee8;
}

.xxx-fleet-scan__status--warn {
    border-color: rgba(251, 191, 36, .38);
    background: var(--fleet-amber-soft);
    color: #e8ca7e;
}

.xxx-fleet-scan__status--error {
    border-color: rgba(251, 113, 133, .42);
    background: var(--fleet-red-soft);
    color: #f4a8b5;
}

.xxx-fleet-scan__metrics,
.xxx-fleet-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--fleet-line);
    background: var(--fleet-line);
}

.xxx-fleet-metric {
    min-width: 0;
    min-height: 74px;
    padding: 10px;
    border: 0 !important;
    background: rgba(18, 38, 61, .96) !important;
    cursor: default;
}

.xxx-fleet-scan .xxx-fleet-metric { background: rgba(16, 45, 64, .92) !important; }

.xxx-fleet-metric span {
    display: block;
    color: var(--fleet-muted);
    font-size: 7px;
    font-weight: 900;
    line-height: 1.35;
    text-transform: uppercase;
}

.xxx-fleet-metric strong {
    display: block;
    margin-top: 5px;
    color: var(--fleet-text);
    font: 900 clamp(15px, 1.6vw, 21px)/1 ui-monospace, monospace;
    overflow-wrap: anywhere;
}

.xxx-fleet-metric small {
    display: block;
    margin-top: 5px;
    color: #73869f;
    font-size: 7px;
    line-height: 1.3;
}

.xxx-fleet-metric--cyan strong { color: #76e6dd; }
.xxx-fleet-metric--red strong { color: #ff8da0; }
.xxx-fleet-metric--amber strong { color: #ffd268; }

.xxx-fleet-scan__table-wrap,
.xxx-fleet-table-wrap {
    width: 100%;
    margin-top: 11px;
    overflow-x: auto;
    border: 1px solid var(--fleet-line);
    background: rgba(11, 29, 47, .52);
}

.xxx-fleet-scan__table,
.xxx-fleet-history-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.xxx-fleet-scan__table { min-width: 760px; }
.xxx-fleet-history-table { min-width: 1040px; }

.xxx-fleet-scan__table thead,
.xxx-fleet-history-table thead,
.xxx-fleet-intel thead { background: #142a44; }

.xxx-fleet-scan__table th,
.xxx-fleet-history-table th,
.xxx-fleet-intel th {
    padding: 8px 10px;
    border-bottom: 1px solid var(--fleet-line-strong);
    color: #8fa2ba !important;
    font: 900 7px/1.3 ui-monospace, monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
}

.xxx-fleet-scan__table td,
.xxx-fleet-history-table td,
.xxx-fleet-intel td {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(42, 64, 93, .68) !important;
    color: #c9d6e8;
    font-size: 8px;
    vertical-align: top;
}

.xxx-fleet-scan__table tbody tr:nth-child(even),
.xxx-fleet-history-table tbody tr:nth-child(even) { background: rgba(24, 47, 72, .25); }

.xxx-fleet-scan__table tbody tr:hover,
.xxx-fleet-history-table tbody tr:hover,
.xxx-fleet-intel tbody tr:hover { background: rgba(79, 209, 197, .065); }

.xxx-fleet-scan__table td strong,
.xxx-fleet-history-table td strong { color: #e4edf8; font-weight: 900; }

.xxx-fleet-scan__table td small,
.xxx-fleet-history-table td small {
    display: block;
    margin-top: 3px;
    color: #71839c;
    font-size: 7px;
    line-height: 1.35;
}

.xxx-fleet-number { text-align: right; font-family: ui-monospace, monospace; }
.xxx-fleet-mono { font-family: ui-monospace, monospace; }
.xxx-fleet-cyan { color: #69ddd5 !important; }
.xxx-fleet-red { color: #ff8296 !important; }

.xxx-fleet-tag {
    display: inline-flex;
    padding: 3px 6px;
    border: 1px solid #506078;
    background: rgba(83, 98, 120, .12);
    color: #9ba9bb;
    font-size: 6px;
    font-weight: 900;
    text-transform: uppercase;
}

.xxx-fleet-tag--civil {
    border-color: rgba(79, 209, 197, .38);
    background: var(--fleet-cyan-soft);
    color: #82e7df;
}

.xxx-fleet-tag--military {
    border-color: rgba(251, 113, 133, .38);
    background: var(--fleet-red-soft);
    color: #ff93a4;
}

.xxx-fleet-source-btn,
.xxx-fleet-intel [data-fleet-source-open] {
    border: 1px solid rgba(79, 209, 197, .46) !important;
    background: rgba(10, 57, 70, .68) !important;
    color: #89ece4 !important;
    border-radius: 0 !important;
}

.xxx-fleet-source-btn:hover,
.xxx-fleet-intel [data-fleet-source-open]:hover {
    border-color: rgba(126, 233, 224, .82) !important;
    background: rgba(13, 73, 86, .82) !important;
}

.xxx-fleet-scan__warning,
.xxx-fleet-scan__footnote,
.xxx-fleet-intel__notice {
    margin-top: 10px;
    padding: 9px 10px;
    border-left: 2px solid var(--fleet-amber);
    background: rgba(56, 48, 23, .36);
    color: #b9a979;
    font-size: 8px;
    line-height: 1.55;
}

.xxx-fleet-scan__footnote {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    border-left-color: var(--fleet-cyan);
    background: rgba(13, 65, 72, .28);
    color: #9cc7c6;
    cursor: help;
}

.xxx-fleet-intel__notice { margin-top: 0; }

.xxx-fleet-intel__notice strong,
.xxx-fleet-scan__warning strong {
    color: #f0ca66;
    font-weight: 900;
    text-transform: uppercase;
}

.xxx-fleet-empty {
    padding: 18px;
    border: 1px dashed #3a4f6a;
    background: rgba(19, 38, 60, .5);
    color: #71839b;
    font-size: 9px;
    font-style: italic;
    text-align: center;
}

.xxx-fleet-matrix-shell {
    width: 100%;
    background: rgba(14, 31, 51, .82);
}

.xxx-fleet-matrix-heading { margin-bottom: 10px; }
.xxx-fleet-matrix-heading b {
    color: #8ca0b8;
    font: 800 9px ui-monospace, monospace;
    white-space: nowrap;
}

.xxx-fleet-matrix-scroll { width: 100%; overflow-x: auto; padding-bottom: 4px; }

.xxx-fleet-matrix {
    display: grid;
    grid-template-columns: 54px repeat(7, minmax(96px, 1fr));
    width: 100%;
    min-width: 760px;
    border: 1px solid var(--fleet-line);
    overflow: hidden;
}

.xxx-fleet-corner,
.xxx-fleet-day,
.xxx-fleet-hour,
.xxx-fleet-cell {
    min-height: 25px;
    border-right: 1px solid #29405c;
    border-bottom: 1px solid #29405c;
}

.xxx-fleet-corner,
.xxx-fleet-day {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #172b44;
    color: #94a6bc;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
}

.xxx-fleet-day.weekend { background: #3a311d; color: var(--fleet-amber); }

.xxx-fleet-hour {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #13243a;
    color: #7588a0;
    font: 800 8px ui-monospace, monospace;
}

.xxx-fleet-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #102039;
    color: #dbe6f5;
    font: 900 9px ui-monospace, monospace;
    cursor: help;
}

.xxx-fleet-cell.has-scan,
.xxx-fleet-cell.has-fleet {
    background: #14505c;
    color: #d4fffb;
    box-shadow: inset 0 0 0 1px rgba(79, 209, 197, .45);
}

.xxx-fleet-cell.has-military {
    background: #653040;
    color: #ffe0e6;
    box-shadow: inset 0 0 0 1px rgba(251, 113, 133, .52);
}

.xxx-fleet-matrix-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 9px;
    color: #7c8ea6;
    font-size: 8px;
}

@media (max-width: 1050px) {
    .xxx-fleet-scan__metrics,
    .xxx-fleet-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    body[data-xxx-route="analytics"] .xxx-fleet-intel { padding: 11px; }
    .xxx-fleet-intel__header,
    .xxx-fleet-panel__heading,
    .xxx-fleet-matrix-heading { flex-direction: column; align-items: stretch; gap: 8px; }
    .xxx-fleet-intel__report-count { min-width: 0; padding-left: 0; border-left: 0; text-align: left; }
    .xxx-fleet-scan__status { max-width: none; }
    .xxx-fleet-scan__metrics,
    .xxx-fleet-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}