/*
 * GeoTrack.Global all-zoom marker clusters and cache-state overrides.
 * Kept separate so the patch does not replace the current compiled global.css.
 */
.gtg-layer-cluster {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    pointer-events: none;
}

.gtg-layer-cluster img {
    display: block;
    width: 78%;
    height: 78%;
    object-fit: contain;
}

.gtg-layer-cluster strong {
    position: absolute;
    right: -7px;
    bottom: -5px;
    min-width: 24px;
    padding: 3px 6px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 999px;
    background: rgba(6, 20, 29, 0.94);
    color: #fff;
    font-family: var(--gt-font-family);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.48);
}

.gtg-layer-cluster--aircraft img {
    filter: drop-shadow(0 0 8px rgba(84, 171, 255, 0.95));
}

.gtg-layer-cluster--satellites img {
    filter: drop-shadow(0 0 9px rgba(167, 118, 255, 0.95));
}

.gtg-layer-cluster--earthquakes img {
    filter: drop-shadow(0 0 9px rgba(245, 158, 11, 0.95));
}

[data-layer-card][data-status='refreshing'] .gtg-layer-message {
    color: #bfdbfe;
}

.gtg-data-list {
    display: grid;
    gap: 9px;
}

.gtg-data-row {
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(2, 8, 12, 0.2);
}

.gtg-data-row span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.gtg-data-row strong {
    color: #9eb0bc;
    font-size: 10px;
    font-weight: 500;
}

.gtg-layer-cluster--hurricanes img {
    filter: drop-shadow(0 0 10px rgba(244, 63, 94, 0.98));
}

.gtg-hurricane-marker {
    display: grid;
    place-items: center;
    border-radius: 999px;
}

.gtg-hurricane-marker img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.92));
}

.gtg-hurricane-marker[data-severity='hurricane'] img {
    filter: drop-shadow(0 0 10px rgba(251, 146, 60, 0.98));
}

.gtg-hurricane-marker[data-severity='major'] img {
    filter: drop-shadow(0 0 12px rgba(244, 63, 94, 1));
}

/* Keep the public layer selector compact: icon, title, and toggle only. */
.gtg-layer-message {
    display: none !important;
}

[data-layer-card] > label > span:first-child {
    align-items: center !important;
}