/* _content/Ayva.Lidar/Charts/LinkBudgetChart.razor.rz.scp.css */
.link-budget-chart[b-djfnmjkond] {
    width: 100%;
    height: 100%;
}

.link-budget-chart[b-djfnmjkond]  .apexcharts-canvas {
    background: transparent !important;
}

.link-budget-chart[b-djfnmjkond]  .apexcharts-tooltip {
    background: rgba(10, 15, 30, 0.92) !important;
    border: 1px solid rgba(139, 146, 176, 0.2) !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.link-budget-chart[b-djfnmjkond]  .apexcharts-tooltip-title {
    background: rgba(139, 146, 176, 0.1) !important;
    border-bottom: 1px solid rgba(139, 146, 176, 0.15) !important;
}

.link-budget-chart[b-djfnmjkond]  .apexcharts-gridline {
    stroke: rgba(139, 146, 176, 0.08);
}

.link-budget-chart[b-djfnmjkond]  .apexcharts-xaxis-annotation-label {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}
/* _content/Ayva.Lidar/Charts/RainFadeChart.razor.rz.scp.css */
.rain-fade-chart[b-ad3yliqaoj] {
    width: 100%;
    height: 100%;
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-canvas {
    background: transparent !important;
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-tooltip {
    background: rgba(10, 15, 30, 0.92) !important;
    border: 1px solid rgba(139, 146, 176, 0.2) !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-tooltip-title {
    background: rgba(139, 146, 176, 0.1) !important;
    border-bottom: 1px solid rgba(139, 146, 176, 0.15) !important;
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-gridline {
    stroke: rgba(139, 146, 176, 0.08);
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-marker {
    transition: r 0.15s ease;
}

.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-xaxis-annotation-label,
.rain-fade-chart[b-ad3yliqaoj]  .apexcharts-yaxis-annotation-label {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}
/* _content/Ayva.Lidar/Charts/TerrainProfileChart.razor.rz.scp.css */
.terrain-profile-chart[b-9orsdzvjyz] {
    width: 100%;
    height: 100%;
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-canvas {
    background: transparent !important;
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-tooltip {
    background: rgba(10, 15, 30, 0.92) !important;
    border: 1px solid rgba(139, 146, 176, 0.2) !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-tooltip-title {
    background: rgba(139, 146, 176, 0.1) !important;
    border-bottom: 1px solid rgba(139, 146, 176, 0.15) !important;
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-gridline {
    stroke: rgba(139, 146, 176, 0.08);
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-legend-text {
    color: #8b92b0 !important;
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-xaxis-annotation-label {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

.terrain-profile-chart[b-9orsdzvjyz]  .apexcharts-area-series .apexcharts-series path {
    filter: none;
}
/* _content/Ayva.Lidar/ControlCenter.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   Control Center — Bottom HUD panel
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-control-center[b-yvb5lupmpm] {
    position: relative;
    background: var(--hud-glass-medium);
    border-top: 1px solid var(--hud-chrome-15);
    backdrop-filter: blur(20px);
    flex-shrink: 0;
    z-index: 200;
}

.rf-control-center.collapsed[b-yvb5lupmpm] {
    /* Only show header */
}

/* ── Header ────────────────────────────────────────────────────────────── */

.rf-cc-header[b-yvb5lupmpm] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 var(--space-md);
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid var(--hud-chrome-08);
}

.rf-cc-header:hover[b-yvb5lupmpm] {
    background: var(--hud-chrome-04);
}

.rf-cc-mode-context[b-yvb5lupmpm] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.rf-cc-mode-dot[b-yvb5lupmpm] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: cc-dot-pulse-b-yvb5lupmpm 2s ease-in-out infinite;
}

.rf-cc-mode-label[b-yvb5lupmpm] {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    letter-spacing: 0.1em;
}

.rf-cc-mode-hint[b-yvb5lupmpm] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Corner bracket decorations */
.rf-cc-bracket-tl[b-yvb5lupmpm],
.rf-cc-bracket-tr[b-yvb5lupmpm] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-color: var(--hud-chrome-25);
    border-style: solid;
}

.rf-cc-bracket-tl[b-yvb5lupmpm] {
    top: 4px;
    left: 4px;
    border-width: 1px 0 0 1px;
}

.rf-cc-bracket-tr[b-yvb5lupmpm] {
    top: 4px;
    right: 4px;
    border-width: 1px 1px 0 0;
}

.rf-cc-collapse-btn[b-yvb5lupmpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-cc-collapse-btn:hover[b-yvb5lupmpm] {
    color: var(--hud-chrome);
    border-color: var(--hud-chrome-35);
}

/* ── Body ──────────────────────────────────────────────────────────────── */

.rf-cc-body[b-yvb5lupmpm] {
    height: 280px;
    overflow: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--hud-chrome-30) transparent;
}

.rf-cc-body[b-yvb5lupmpm]::-webkit-scrollbar {
    width: 6px;
}

.rf-cc-body[b-yvb5lupmpm]::-webkit-scrollbar-track {
    background: transparent;
}

.rf-cc-body[b-yvb5lupmpm]::-webkit-scrollbar-thumb {
    background: var(--hud-chrome-25);
    border-radius: 3px;
}

.rf-cc-body[b-yvb5lupmpm]::-webkit-scrollbar-thumb:hover {
    background: var(--hud-chrome-40);
}

/* ── Compact collapsed state ──────────────────────────────────────────── */

.rf-cc-compact[b-yvb5lupmpm] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: 6px var(--space-md);
    font-family: var(--font-mono);
    font-size: var(--hud-text-value, 11px);
}

.rf-cc-compact-verdict[b-yvb5lupmpm] {
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: var(--font-bold);
    font-size: 11px;
    letter-spacing: 0.08em;
}

.rf-cc-compact-verdict.viable[b-yvb5lupmpm] {
    background: rgba(74, 222, 128, 0.15);
    color: var(--hud-success);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.rf-cc-compact-verdict.not-viable[b-yvb5lupmpm] {
    background: rgba(248, 113, 113, 0.15);
    color: var(--hud-error);
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.rf-cc-compact-margin[b-yvb5lupmpm] {
    color: var(--text-secondary);
}

.rf-cc-compact-dist[b-yvb5lupmpm] {
    color: var(--text-muted);
}

/* ── Navigate mode hint ────────────────────────────────────────────────── */

.rf-cc-nav-hint[b-yvb5lupmpm] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px var(--space-md);
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    flex-wrap: wrap;
}

.rf-cc-nav-keys[b-yvb5lupmpm] {
    padding: 2px 6px;
    background: var(--hud-chrome-08);
    border: 1px solid var(--hud-chrome-15);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 10px;
}

.rf-cc-nav-sep[b-yvb5lupmpm] {
    color: var(--hud-chrome-25);
}

/* ── Animations ────────────────────────────────────────────────────────── */

@keyframes cc-dot-pulse-b-yvb5lupmpm {
    0%, 100% { opacity: 1; box-shadow: 0 0 4px currentColor; }
    50% { opacity: 0.7; box-shadow: 0 0 8px currentColor; }
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .rf-cc-body[b-yvb5lupmpm] {
        height: 160px;
    }

    .rf-cc-mode-hint[b-yvb5lupmpm] {
        display: none;
    }
}

@media (max-width: 640px) {
    .rf-cc-body[b-yvb5lupmpm] {
        height: 140px;
    }
}
/* _content/Ayva.Lidar/CoordinateBar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   CoordinateBar — Bottom viewport telemetry strip
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-coordbar[b-665idqyn19] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 var(--space-md);
    background: var(--hud-glass-heavy);
    border-top: 1px solid var(--hud-chrome-10);
    backdrop-filter: blur(12px);
    z-index: 200;
    pointer-events: none;
}

.rf-coordbar-field[b-665idqyn19] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.rf-coordbar-label[b-665idqyn19] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.08em;
    opacity: 0.6;
}

.rf-coordbar-value[b-665idqyn19] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
    letter-spacing: 0.04em;
}

.rf-coordbar-sep[b-665idqyn19] {
    width: 1px;
    height: 14px;
    background: var(--hud-chrome-15);
    margin: 0 var(--space-sm);
}

.rf-coordbar-spacer[b-665idqyn19] {
    flex: 1;
}

.rf-coordbar-mode[b-665idqyn19] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
    opacity: 0.5;
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .desktop-only[b-665idqyn19] {
        display: none;
    }
}

@media (max-width: 640px) {
    .rf-coordbar[b-665idqyn19] {
        padding: 0 var(--space-sm);
        height: 24px;
    }

    .rf-coordbar-value[b-665idqyn19] {
        font-size: 10px;
    }
}
/* _content/Ayva.Lidar/EndpointSearch.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   EndpointSearch — Side-panel content (parent provides chrome)
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-ep-content[b-ks0gacmnny] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* ── Tab Strip ─────────────────────────────────────────────────────────── */

.rf-ep-tabs[b-ks0gacmnny] {
    display: flex;
    border-bottom: 1px solid var(--hud-chrome-10, rgba(45, 212, 191, 0.1));
}

.rf-ep-tab[b-ks0gacmnny] {
    flex: 1;
    padding: 8px 4px;
    background: transparent;
    border: none;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-medium);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--transition-fast);
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.rf-ep-tab:hover[b-ks0gacmnny] {
    color: var(--text-secondary);
}

.rf-ep-tab.active[b-ks0gacmnny] {
    color: var(--hud-chrome);
    border-bottom-color: var(--hud-chrome);
}

.rf-ep-tab-count[b-ks0gacmnny] {
    font-size: 10px;
    background: var(--hud-chrome-15, rgba(45, 212, 191, 0.15));
    color: var(--hud-chrome);
    padding: 1px 4px;
    border-radius: 3px;
    line-height: 1.2;
}

/* ── Search ────────────────────────────────────────────────────────────── */

.rf-ep-search[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 8px 12px;
    border-bottom: 1px solid var(--hud-chrome-08, rgba(45, 212, 191, 0.08));
}

.rf-ep-search-icon[b-ks0gacmnny] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.rf-ep-search-input[b-ks0gacmnny] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    outline: none;
    min-width: 0;
}

.rf-ep-search-input[b-ks0gacmnny]::placeholder {
    color: var(--text-muted);
    font-size: var(--text-xs);
}

.rf-ep-search-clear[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: color var(--transition-fast);
}

.rf-ep-search-clear:hover[b-ks0gacmnny] {
    color: var(--text-primary);
}

/* ── Endpoint Badges ───────────────────────────────────────────────────── */

.rf-ep-badges[b-ks0gacmnny] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
}

.rf-ep-badge[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    transition: all var(--transition-fast);
}

.rf-ep-badge.source[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.08);
    border: 1px solid rgba(45, 212, 191, 0.2);
}

.rf-ep-badge.dest[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.08);
    border: 1px solid rgba(244, 114, 182, 0.2);
}

/* Pulsing glow when this slot is "next" target */
.rf-ep-badge.next-target[b-ks0gacmnny] {
    animation: ep-badge-pulse-b-ks0gacmnny 2s ease-in-out infinite;
}

.rf-ep-badge.source.next-target[b-ks0gacmnny] {
    border-color: rgba(45, 212, 191, 0.5);
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.15);
}

.rf-ep-badge.dest.next-target[b-ks0gacmnny] {
    border-color: rgba(244, 114, 182, 0.5);
    box-shadow: 0 0 8px rgba(244, 114, 182, 0.15);
}

.rf-ep-badge-label[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: var(--font-bold);
}

.rf-ep-badge.source .rf-ep-badge-label[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.2);
    color: var(--hud-source);
}

.rf-ep-badge.dest .rf-ep-badge-label[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.2);
    color: var(--hud-dest);
}

.rf-ep-badge-name[b-ks0gacmnny] {
    flex: 1;
    color: var(--text-secondary);
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rf-ep-badge-hint[b-ks0gacmnny] {
    font-size: 10px;
    font-weight: var(--font-bold);
    letter-spacing: 0.1em;
    opacity: 0.7;
}

.rf-ep-badge.source .rf-ep-badge-hint[b-ks0gacmnny] {
    color: var(--hud-source);
}

.rf-ep-badge.dest .rf-ep-badge-hint[b-ks0gacmnny] {
    color: var(--hud-dest);
}

.rf-ep-badge-clear[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-ep-badge-clear:hover[b-ks0gacmnny] {
    color: var(--hud-error);
    border-color: rgba(248, 113, 113, 0.3);
}

/* ── Results ───────────────────────────────────────────────────────────── */

.rf-ep-results[b-ks0gacmnny] {
    max-height: 240px;
    overflow-y: auto;
    padding: 4px 0;
    scrollbar-width: thin;
    scrollbar-color: var(--hud-chrome-20, rgba(45, 212, 191, 0.2)) transparent;
}

.rf-ep-result-group[b-ks0gacmnny] {
    padding: 4px 12px;
}

.rf-ep-group-label[b-ks0gacmnny] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.1em;
    opacity: 0.6;
    display: block;
    padding-bottom: 2px;
}

/* Result row with A/B buttons */
.rf-ep-result-row[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    transition: background var(--transition-fast);
}

.rf-ep-result-row:hover[b-ks0gacmnny] {
    background: var(--hud-chrome-06, rgba(45, 212, 191, 0.06));
}

.rf-ep-result-info[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.rf-ep-result-info > svg[b-ks0gacmnny] {
    color: var(--hud-chrome);
    flex-shrink: 0;
}

/* A/B buttons container */
.rf-ep-ab-buttons[b-ks0gacmnny] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.rf-ep-set-btn[b-ks0gacmnny] {
    width: 24px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-bold);
    cursor: pointer;
    transition: all var(--transition-fast);
    border: 1px solid;
    letter-spacing: 0.02em;
}

.rf-ep-set-btn.set-a[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.1);
    border-color: rgba(45, 212, 191, 0.25);
    color: var(--hud-source);
}

.rf-ep-set-btn.set-a:hover[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.25);
    border-color: rgba(45, 212, 191, 0.5);
    box-shadow: 0 0 6px rgba(45, 212, 191, 0.2);
}

.rf-ep-set-btn.set-b[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.1);
    border-color: rgba(244, 114, 182, 0.25);
    color: var(--hud-dest);
}

.rf-ep-set-btn.set-b:hover[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.25);
    border-color: rgba(244, 114, 182, 0.5);
    box-shadow: 0 0 6px rgba(244, 114, 182, 0.2);
}

/* Legacy single-click result item (kept for reference but no longer used) */
.rf-ep-result-item[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 12px;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
}

.rf-ep-result-item:hover[b-ks0gacmnny] {
    background: var(--hud-chrome-08, rgba(45, 212, 191, 0.08));
    color: var(--text-primary);
}

.rf-ep-result-item svg[b-ks0gacmnny] {
    color: var(--hud-chrome);
    flex-shrink: 0;
}

.rf-ep-result-text[b-ks0gacmnny] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    overflow: hidden;
}

.rf-ep-result-text > span:first-child[b-ks0gacmnny] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.rf-ep-result-meta[b-ks0gacmnny] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    letter-spacing: 0.02em;
}

.rf-ep-no-results[b-ks0gacmnny] {
    padding: 12px;
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* ── Loading / Error / Load More ───────────────────────────────────────── */

.rf-ep-loading[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
}

.rf-ep-spinner[b-ks0gacmnny] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--hud-chrome-15, rgba(45, 212, 191, 0.15));
    border-top-color: var(--hud-chrome);
    border-radius: 50%;
    animation: ep-spin-b-ks0gacmnny 0.6s linear infinite;
    flex-shrink: 0;
}

.rf-ep-error[b-ks0gacmnny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--hud-error);
    text-align: center;
}

.rf-ep-retry-btn[b-ks0gacmnny] {
    padding: 4px 12px;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: 4px;
    color: var(--hud-error);
    font-family: var(--font-mono);
    font-size: 10px;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-ep-retry-btn:hover[b-ks0gacmnny] {
    background: rgba(248, 113, 113, 0.2);
}

.rf-ep-load-more[b-ks0gacmnny] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-top: 1px solid var(--hud-chrome-08, rgba(45, 212, 191, 0.08));
    color: var(--hud-chrome);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: center;
}

.rf-ep-load-more:hover[b-ks0gacmnny] {
    background: var(--hud-chrome-06, rgba(45, 212, 191, 0.06));
    color: var(--accent-color);
}

/* ── Coords Form ───────────────────────────────────────────────────────── */

.rf-ep-coords-form[b-ks0gacmnny] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rf-ep-coord-grid[b-ks0gacmnny] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.rf-ep-coord-field[b-ks0gacmnny] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rf-ep-coord-field label[b-ks0gacmnny] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.rf-ep-coord-field input[b-ks0gacmnny] {
    width: 100%;
    box-sizing: border-box;
    background: var(--hud-chrome-06, rgba(45, 212, 191, 0.06));
    border: 1px solid var(--hud-chrome-15, rgba(45, 212, 191, 0.15));
    border-radius: 4px;
    padding: 7px 10px;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: 12px;
    outline: none;
    transition: border-color var(--transition-fast);
}

.rf-ep-coord-field input[b-ks0gacmnny]::placeholder {
    color: var(--text-muted);
    font-size: 10px;
    opacity: 0.5;
}

.rf-ep-coord-field input:focus[b-ks0gacmnny] {
    border-color: var(--hud-chrome);
}

/* Remove number input spinners for cleaner look */
.rf-ep-coord-field input[type="number"][b-ks0gacmnny]::-webkit-outer-spin-button,
.rf-ep-coord-field input[type="number"][b-ks0gacmnny]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.rf-ep-coord-field input[type="number"][b-ks0gacmnny] {
    -moz-appearance: textfield;
}

.rf-ep-coord-elev-row[b-ks0gacmnny] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.rf-ep-coord-elev-field[b-ks0gacmnny] {
    flex: 1;
}

.rf-ep-coord-lookup[b-ks0gacmnny] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 7px 12px;
    background: var(--hud-chrome-10, rgba(45, 212, 191, 0.1));
    border: 1px solid var(--hud-chrome-20, rgba(45, 212, 191, 0.2));
    border-radius: 4px;
    color: var(--hud-chrome);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-semibold);
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
    height: 34px;
    box-sizing: border-box;
}

.rf-ep-coord-lookup:hover:not(:disabled)[b-ks0gacmnny] {
    background: var(--hud-chrome-20, rgba(45, 212, 191, 0.2));
}

.rf-ep-coord-lookup:disabled[b-ks0gacmnny] {
    opacity: 0.4;
    cursor: not-allowed;
}

.rf-ep-coord-lookup .rf-ep-spinner[b-ks0gacmnny] {
    width: 10px;
    height: 10px;
    border-width: 1.5px;
}

.rf-ep-coord-error[b-ks0gacmnny] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-error);
    padding: 2px 0;
}

.rf-ep-coord-actions[b-ks0gacmnny] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 2px;
}

.rf-ep-coord-set[b-ks0gacmnny] {
    padding: 8px 12px;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-bold);
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: center;
}

.rf-ep-coord-set:hover:not(:disabled)[b-ks0gacmnny] {
    transform: translateY(-1px);
}

.rf-ep-coord-set:disabled[b-ks0gacmnny] {
    opacity: 0.4;
    cursor: not-allowed;
}

.rf-ep-coord-set.source[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.12);
    border: 1px solid rgba(45, 212, 191, 0.3);
    color: var(--hud-source);
}

.rf-ep-coord-set.source:hover:not(:disabled)[b-ks0gacmnny] {
    background: rgba(45, 212, 191, 0.22);
    box-shadow: 0 0 10px rgba(45, 212, 191, 0.2);
}

.rf-ep-coord-set.dest[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.12);
    border: 1px solid rgba(244, 114, 182, 0.3);
    color: var(--hud-dest);
}

.rf-ep-coord-set.dest:hover:not(:disabled)[b-ks0gacmnny] {
    background: rgba(244, 114, 182, 0.22);
    box-shadow: 0 0 10px rgba(244, 114, 182, 0.2);
}

/* ── Animations ────────────────────────────────────────────────────────── */

@keyframes ep-spin-b-ks0gacmnny {
    to { transform: rotate(360deg); }
}

@keyframes ep-badge-pulse-b-ks0gacmnny {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .rf-ep-coord-grid[b-ks0gacmnny] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Lidar/LidarViewerPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   RF TOOLS HUD — Main Shell + Tactical Glass Palette
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tactical Glass Color Palette ──────────────────────────────────────── */
/* Defined on .rf-shell so all child components inherit via CSS cascade */

.rf-shell[b-k2ycbvt357] {
    /* Chrome — structural, non-semantic (desaturated blue-gray) */
    --hud-chrome: #8b92b0;
    --hud-chrome-05: rgba(139, 146, 176, 0.05);
    --hud-chrome-08: rgba(139, 146, 176, 0.08);
    --hud-chrome-10: rgba(139, 146, 176, 0.1);
    --hud-chrome-15: rgba(139, 146, 176, 0.15);
    --hud-chrome-20: rgba(139, 146, 176, 0.2);
    --hud-chrome-25: rgba(139, 146, 176, 0.25);
    --hud-chrome-30: rgba(139, 146, 176, 0.3);
    --hud-chrome-35: rgba(139, 146, 176, 0.35);
    --hud-chrome-40: rgba(139, 146, 176, 0.4);
    --hud-chrome-50: rgba(139, 146, 176, 0.5);

    /* Mode Identity — one color per mode, used ONLY for mode indicators */
    --hud-mode-nav: #a5b4fc;
    --hud-mode-path: #38bdf8;
    --hud-mode-view: #4ade80;
    --hud-mode-meas: #fbbf24;

    /* Data Semantics — endpoints, toggles, results */
    --hud-source: #2dd4bf;
    --hud-dest: #f472b6;
    --hud-toggle-on: #e2e8f0;
    --hud-success: #4ade80;
    --hud-warning: #fbbf24;
    --hud-error: #f87171;

    /* Glass Tiers */
    --hud-glass-light: rgba(10, 15, 30, 0.78);
    --hud-glass-medium: rgba(10, 15, 30, 0.85);
    --hud-glass-heavy: rgba(10, 15, 30, 0.92);

    /* Typography */
    --hud-font-data: var(--font-mono);
    --hud-font-ui: var(--font-primary);
    --hud-text-label: 10px;
    --hud-text-value: 11px;
    --hud-text-section: 11px;
}

/* ── Launch Screen ─────────────────────────────────────────────────────── */

.rf-launch-screen[b-k2ycbvt357] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-base);
}

.rf-launch-card[b-k2ycbvt357] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-2xl);
    background: var(--hud-glass-light, rgba(10, 15, 30, 0.78));
    border: 1px solid var(--hud-chrome-20, rgba(139, 146, 176, 0.2));
    border-radius: var(--radius-xl);
    backdrop-filter: blur(16px);
    max-width: 480px;
    width: 90%;
    animation: fadeIn-b-k2ycbvt357 0.6s ease;
}

.rf-launch-logo[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--hud-chrome);
    letter-spacing: 0.15em;
}

.rf-logo-triangle[b-k2ycbvt357] {
    font-size: var(--text-2xl);
}

.rf-logo-text[b-k2ycbvt357] {
    text-shadow: 0 0 12px rgba(139, 146, 176, 0.3);
}

.rf-launch-subtitle[b-k2ycbvt357] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: center;
    margin: 0;
}

.rf-launch-sources[b-k2ycbvt357],
.rf-launch-coords[b-k2ycbvt357] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.rf-section-label[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--hud-text-section, 11px);
    font-weight: var(--font-semibold);
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.7;
}

.rf-source-toggle[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.rf-source-toggle input[type="checkbox"][b-k2ycbvt357] {
    accent-color: var(--hud-chrome);
}

.rf-coords-row[b-k2ycbvt357] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-sm);
}

.rf-coord-field[b-k2ycbvt357] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rf-coord-field label[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--hud-text-label, 10px);
    color: var(--hud-chrome);
    letter-spacing: 0.1em;
    opacity: 0.6;
}

.rf-coord-field input[b-k2ycbvt357] {
    background: var(--hud-chrome-08);
    border: 1px solid var(--hud-chrome-20);
    border-radius: var(--radius-sm);
    padding: var(--space-xs) var(--space-sm);
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    outline: none;
    transition: border-color var(--transition-fast);
}

.rf-coord-field input:focus[b-k2ycbvt357] {
    border-color: var(--hud-chrome);
}

.rf-launch-btn[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-lg);
    background: var(--accent-gradient);
    border: none;
    border-radius: var(--radius-sm);
    color: white;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-launch-btn:hover[b-k2ycbvt357] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.rf-launch-note[b-k2ycbvt357] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-align: center;
    margin: 0;
}

/* ── Shell Layout ──────────────────────────────────────────────────────── */

.rf-shell[b-k2ycbvt357] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    background: var(--bg-base);
    overflow: hidden;
    outline: none;
}

/* ── Workspace (horizontal: sidepanel + center + settings) ─────────── */

.rf-workspace[b-k2ycbvt357] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

/* ── Left Side Panel (docked, not floating) ────────────────────────── */

.rf-sidepanel[b-k2ycbvt357] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--hud-glass-medium);
    border-right: 1px solid var(--hud-chrome-15);
    overflow: hidden;
    animation: sidepanel-slide-in-b-k2ycbvt357 0.2s ease;
}

.rf-sidepanel-header[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-10);
    flex-shrink: 0;
}

.rf-sidepanel-title[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--hud-text-section, 11px);
    font-weight: var(--font-semibold);
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
}

.rf-sidepanel-close[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-sidepanel-close:hover[b-k2ycbvt357] {
    color: var(--hud-error);
    border-color: rgba(248, 113, 113, 0.3);
}

.rf-sidepanel-body[b-k2ycbvt357] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--hud-chrome-25) transparent;
}

.rf-sidepanel-body[b-k2ycbvt357]::-webkit-scrollbar { width: 5px; }
.rf-sidepanel-body[b-k2ycbvt357]::-webkit-scrollbar-track { background: transparent; }
.rf-sidepanel-body[b-k2ycbvt357]::-webkit-scrollbar-thumb { background: var(--hud-chrome-20); border-radius: 3px; }

/* ── Right-click Context Menu ──────────────────────────────────────── */

.rf-context-menu[b-k2ycbvt357] {
    position: absolute;
    z-index: 300;
    background: var(--hud-glass-heavy);
    border: 1px solid var(--hud-chrome-20);
    border-radius: 8px;
    padding: 4px;
    min-width: 200px;
    backdrop-filter: blur(16px);
    animation: ctx-appear-b-k2ycbvt357 0.12s ease;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.rf-ctx-item[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
    text-align: left;
}

.rf-ctx-item:hover[b-k2ycbvt357] {
    background: var(--hud-chrome-10);
}

.rf-ctx-badge[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-bold);
    flex-shrink: 0;
}

.rf-ctx-badge.source[b-k2ycbvt357] {
    background: rgba(45, 212, 191, 0.2);
    color: var(--hud-source);
}

.rf-ctx-badge.dest[b-k2ycbvt357] {
    background: rgba(244, 114, 182, 0.2);
    color: var(--hud-dest);
}

.rf-ctx-icon[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--hud-mode-view);
}

.rf-ctx-divider[b-k2ycbvt357] {
    height: 1px;
    background: var(--hud-chrome-10);
    margin: 4px 8px;
}

.rf-ctx-coords[b-k2ycbvt357] {
    padding: 6px 12px;
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    line-height: 1.4;
}

@keyframes ctx-appear-b-k2ycbvt357 {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* ── Quick Config (inline in side panel below endpoint search) ─────── */

.rf-quickconfig[b-k2ycbvt357] {
    padding: 0 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rf-qc-divider[b-k2ycbvt357] {
    height: 1px;
    background: var(--hud-chrome-10);
    margin: 4px 0 8px;
}

.rf-qc-label[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--hud-text-section, 11px);
    font-weight: var(--font-semibold);
    color: var(--hud-mode-path);
    letter-spacing: 0.1em;
}

.rf-qc-grid[b-k2ycbvt357] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.rf-qc-field[b-k2ycbvt357] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rf-qc-field label[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--hud-text-label, 10px);
    color: var(--text-muted);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rf-qc-field input[b-k2ycbvt357],
.rf-qc-field select[b-k2ycbvt357] {
    width: 100%;
    box-sizing: border-box;
    background: var(--hud-chrome-08);
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    padding: 6px 8px;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--hud-text-value, 11px);
    outline: none;
    transition: border-color var(--transition-fast);
}

.rf-qc-field input:focus[b-k2ycbvt357],
.rf-qc-field select:focus[b-k2ycbvt357] {
    border-color: var(--hud-mode-path);
}

.rf-qc-field select option[b-k2ycbvt357] {
    background: rgba(10, 15, 30, 0.98);
    color: var(--text-primary);
}

/* Remove number spinners */
.rf-qc-field input[type="number"][b-k2ycbvt357]::-webkit-outer-spin-button,
.rf-qc-field input[type="number"][b-k2ycbvt357]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}
.rf-qc-field input[type="number"][b-k2ycbvt357] { -moz-appearance: textfield; }

.rf-analyze-btn[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    background: linear-gradient(135deg, #38bdf8, #2dd4bf);
    border: none;
    border-radius: 6px;
    color: #0f172a;
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: var(--font-bold);
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all var(--transition-fast);
    margin-top: 4px;
}

.rf-analyze-btn:hover:not(:disabled)[b-k2ycbvt357] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(56, 189, 248, 0.3);
}

.rf-analyze-btn:disabled[b-k2ycbvt357] {
    opacity: 0.5;
    cursor: not-allowed;
}

.rf-btn-spinner[b-k2ycbvt357] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(15, 23, 42, 0.3);
    border-top-color: #0f172a;
    border-radius: 50%;
    animation: spin-b-k2ycbvt357 0.6s linear infinite;
}

.rf-clear-btn[b-k2ycbvt357] {
    width: 100%;
    padding: 7px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--hud-text-label, 10px);
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-clear-btn:hover[b-k2ycbvt357] {
    border-color: var(--hud-error);
    color: var(--hud-error);
}

.rf-qc-hint[b-k2ycbvt357] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
    border-top: 1px solid var(--hud-chrome-08);
}

.rf-qc-hint svg[b-k2ycbvt357] {
    flex-shrink: 0;
    color: var(--hud-mode-path);
    opacity: 0.6;
}

/* ── Center Column (viewport + control center) ─────────────────────── */

.rf-center[b-k2ycbvt357] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* ── Viewport ──────────────────────────────────────────────────────── */

.rf-viewport[b-k2ycbvt357] {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.rf-canvas[b-k2ycbvt357] {
    position: absolute;
    inset: 0;
    background: var(--bg-base);
}

/* ── Right: Settings Panel (docked, non-modal) ─────────────────────── */

.rf-settings-panel[b-k2ycbvt357] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--hud-glass-heavy);
    border-left: 1px solid var(--hud-chrome-15);
    overflow: hidden;
    animation: settings-slide-in-b-k2ycbvt357 0.2s ease;
}

/* ── Loading Overlay ───────────────────────────────────────────────── */

.rf-loading-overlay[b-k2ycbvt357] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    background: rgba(10, 15, 30, 0.95);
    z-index: 100;
}

.rf-loading-spinner[b-k2ycbvt357] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--hud-chrome-15);
    border-top-color: var(--hud-chrome);
    border-radius: 50%;
    animation: spin-b-k2ycbvt357 0.8s linear infinite;
}

.rf-loading-text[b-k2ycbvt357] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
    animation: hud-pulse-b-k2ycbvt357 2s ease-in-out infinite;
}

.rf-loading-sub[b-k2ycbvt357] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* ── Crosshair ─────────────────────────────────────────────────────── */

.rf-crosshair[b-k2ycbvt357] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 50;
}

.rf-crosshair-h[b-k2ycbvt357],
.rf-crosshair-v[b-k2ycbvt357] {
    position: absolute;
    background: var(--hud-chrome-40);
}

.rf-crosshair-h[b-k2ycbvt357] {
    width: 24px;
    height: 1px;
    top: 0;
    left: -12px;
}

.rf-crosshair-v[b-k2ycbvt357] {
    width: 1px;
    height: 24px;
    top: -12px;
    left: 0;
}

/* ── Animations ────────────────────────────────────────────────────── */

@keyframes fadeIn-b-k2ycbvt357 {
    from { opacity: 0; transform: scale(0.97); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes spin-b-k2ycbvt357 {
    to { transform: rotate(360deg); }
}

@keyframes hud-pulse-b-k2ycbvt357 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes sidepanel-slide-in-b-k2ycbvt357 {
    from { opacity: 0; transform: translateX(-16px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes settings-slide-in-b-k2ycbvt357 {
    from { opacity: 0; transform: translateX(16px); }
    to { opacity: 1; transform: translateX(0); }
}

/* ── Responsive ────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .rf-sidepanel[b-k2ycbvt357] {
        width: 280px;
    }

    .rf-settings-panel[b-k2ycbvt357] {
        width: 280px;
    }
}

@media (max-width: 768px) {
    .rf-sidepanel[b-k2ycbvt357] {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 300px;
        z-index: 150;
        border-right: 1px solid var(--hud-chrome-20);
    }

    .rf-settings-panel[b-k2ycbvt357] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 300px;
        z-index: 150;
        border-left: 1px solid var(--hud-chrome-20);
    }

    .rf-launch-card[b-k2ycbvt357] {
        padding: var(--space-lg);
    }

    .rf-coords-row[b-k2ycbvt357] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .rf-sidepanel[b-k2ycbvt357],
    .rf-settings-panel[b-k2ycbvt357] {
        width: 100%;
    }

    .rf-launch-card[b-k2ycbvt357] {
        padding: var(--space-md);
        gap: var(--space-md);
    }

    .rf-launch-logo[b-k2ycbvt357] {
        font-size: var(--text-lg);
    }
}
/* _content/Ayva.Lidar/MenuBar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   MenuBar — Top toolbar HUD glass styling
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-menubar[b-m47lom7793] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    padding: 0 var(--space-md);
    background: var(--hud-glass-medium);
    border-bottom: 1px solid var(--hud-chrome-15);
    backdrop-filter: blur(20px);
    z-index: 200;
    flex-shrink: 0;
}

/* ── Left Section ──────────────────────────────────────────────────────── */

.rf-menubar-left[b-m47lom7793] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.rf-menubar-logo[b-m47lom7793] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    color: var(--hud-chrome);
    letter-spacing: 0.15em;
    user-select: none;
    text-shadow: 0 0 8px rgba(139, 146, 176, 0.2);
}

.rf-logo-tri[b-m47lom7793] {
    font-size: var(--text-base);
}

.rf-menubar-divider[b-m47lom7793] {
    width: 1px;
    height: 20px;
    background: var(--hud-chrome-20);
}

/* ── Mode Buttons ──────────────────────────────────────────────────────── */

.rf-mode-group[b-m47lom7793] {
    display: flex;
    gap: 2px;
}

.rf-mode-btn[b-m47lom7793] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-medium);
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.rf-mode-btn:hover[b-m47lom7793] {
    color: var(--text-primary);
    background: var(--hud-chrome-08);
    border-color: var(--hud-chrome-15);
}

.rf-mode-btn.active[b-m47lom7793] {
    color: var(--hud-chrome);
    background: var(--hud-chrome-15);
    border-color: var(--hud-chrome-35);
    box-shadow: 0 0 8px var(--hud-chrome-15);
}

.rf-mode-icon[b-m47lom7793] {
    flex-shrink: 0;
}

/* ── Search Toggle ────────────────────────────────────────────────────── */

.rf-search-toggle[b-m47lom7793] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-search-toggle:hover[b-m47lom7793] {
    color: var(--text-primary);
    border-color: var(--hud-chrome-30);
    background: var(--hud-chrome-08);
}

.rf-search-toggle.active[b-m47lom7793] {
    color: var(--hud-mode-path);
    border-color: rgba(56, 189, 248, 0.3);
    background: rgba(56, 189, 248, 0.08);
}

/* ── Right Section ─────────────────────────────────────────────────────── */

.rf-menubar-right[b-m47lom7793] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.rf-toggle-btn[b-m47lom7793] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-toggle-dot[b-m47lom7793] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-muted);
    transition: all var(--transition-fast);
}

.rf-toggle-btn.on .rf-toggle-dot[b-m47lom7793] {
    background: var(--hud-toggle-on);
    box-shadow: 0 0 6px rgba(226, 232, 240, 0.4);
}

.rf-toggle-btn:hover[b-m47lom7793] {
    border-color: var(--hud-chrome-30);
    color: var(--text-secondary);
}

.rf-toggle-btn.on[b-m47lom7793] {
    border-color: var(--hud-chrome-30);
    color: var(--text-primary);
}

.rf-kbd-hint[b-m47lom7793] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    padding: 2px 8px;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    opacity: 0.6;
}

.rf-settings-btn[b-m47lom7793] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-settings-btn:hover[b-m47lom7793] {
    color: var(--hud-chrome);
    border-color: var(--hud-chrome-35);
    background: var(--hud-chrome-08);
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .rf-mode-label[b-m47lom7793] {
        display: none;
    }

    .rf-menubar-logo .rf-logo-label[b-m47lom7793] {
        display: none;
    }

    .rf-toggle-label[b-m47lom7793] {
        display: none;
    }

    .rf-kbd-hint[b-m47lom7793] {
        display: none;
    }
}

@media (max-width: 640px) {
    .rf-menubar[b-m47lom7793] {
        padding: 0 var(--space-sm);
        height: 40px;
    }

    .rf-mode-btn[b-m47lom7793] {
        padding: 6px 8px;
    }

    .desktop-only[b-m47lom7793] {
        display: none;
    }
}
/* _content/Ayva.Lidar/Modes/MeasureMode.razor.rz.scp.css */
/* =============================================================================
   MeasureMode — Tactical Glass palette with amber accent (--hud-mode-meas)
   ============================================================================= */

.rf-measure[b-l8eqjffuv4] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ---------- Toolbar ---------- */

.rf-measure-toolbar[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-08);
    gap: 8px;
}

.rf-measure-tools[b-l8eqjffuv4] {
    display: flex;
    gap: 4px;
    flex: 1;
}

.rf-measure-tool-btn[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid var(--hud-chrome-10);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-medium);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.rf-measure-tool-btn:hover:not(.disabled)[b-l8eqjffuv4] {
    background: var(--hud-chrome-05);
    border-color: var(--hud-chrome-20);
    color: var(--text-secondary);
}

.rf-measure-tool-btn.active[b-l8eqjffuv4] {
    background: rgba(251, 191, 36, 0.08);
    border-color: rgba(251, 191, 36, 0.3);
    color: var(--hud-mode-meas);
}

.rf-measure-tool-btn.disabled[b-l8eqjffuv4] {
    opacity: 0.35;
    cursor: not-allowed;
}

/* Clear all button */
.rf-measure-clear-all[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: transparent;
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-sm);
    color: rgba(239, 68, 68, 0.7);
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: var(--font-medium);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.rf-measure-clear-all:hover[b-l8eqjffuv4] {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.4);
    color: rgba(239, 68, 68, 0.9);
}

/* ---------- Pending point indicator ---------- */

.rf-measure-pending[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px var(--space-md);
    background: rgba(251, 191, 36, 0.04);
    border-bottom: 1px solid rgba(251, 191, 36, 0.12);
    position: relative;
}

.rf-measure-pending-dot[b-l8eqjffuv4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hud-mode-meas);
    flex-shrink: 0;
    animation: rf-meas-pulse-b-l8eqjffuv4 1.5s ease-in-out infinite;
}

@keyframes rf-meas-pulse-b-l8eqjffuv4 {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4); }
    50% { opacity: 0.7; box-shadow: 0 0 0 4px rgba(251, 191, 36, 0); }
}

.rf-measure-pending-info[b-l8eqjffuv4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.rf-measure-pending-label[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: var(--font-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hud-mode-meas);
}

.rf-measure-pending-coords[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
    letter-spacing: 0.02em;
}

.rf-measure-pending-elev[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
}

.rf-measure-pending-hint[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-mode-meas);
    opacity: 0.7;
    white-space: nowrap;
    flex-shrink: 0;
}

.rf-measure-pending-cancel[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
}

.rf-measure-pending-cancel:hover[b-l8eqjffuv4] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: rgba(239, 68, 68, 0.8);
}

/* ---------- Content area ---------- */

.rf-measure-content[b-l8eqjffuv4] {
    padding: var(--space-sm) var(--space-md) var(--space-md);
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--hud-chrome-25) transparent;
}

.rf-measure-content[b-l8eqjffuv4]::-webkit-scrollbar { width: 4px; }
.rf-measure-content[b-l8eqjffuv4]::-webkit-scrollbar-track { background: transparent; }
.rf-measure-content[b-l8eqjffuv4]::-webkit-scrollbar-thumb { background: var(--hud-chrome-20); border-radius: 2px; }

/* ---------- Empty state ---------- */

.rf-measure-empty[b-l8eqjffuv4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: var(--space-lg) var(--space-md);
    text-align: center;
}

.rf-measure-empty-title[b-l8eqjffuv4] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.rf-measure-empty-sub[b-l8eqjffuv4] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-muted);
    opacity: 0.6;
}

/* ---------- Measurement list ---------- */

.rf-measure-list[b-l8eqjffuv4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rf-measure-item[b-l8eqjffuv4] {
    padding: 7px 10px;
    background: var(--hud-chrome-05);
    border: 1px solid var(--hud-chrome-10);
    border-radius: 4px;
    transition: border-color var(--transition-fast);
}

.rf-measure-item:hover[b-l8eqjffuv4] {
    border-color: var(--hud-chrome-20);
}

.rf-measure-item-row[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.rf-measure-item-index[b-l8eqjffuv4] {
    font-size: 13px;
    color: var(--hud-mode-meas);
    flex-shrink: 0;
    line-height: 1;
}

.rf-measure-item-distance[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.rf-measure-item-sep[b-l8eqjffuv4] {
    color: var(--hud-chrome-20);
    font-size: 11px;
    flex-shrink: 0;
}

.rf-measure-item-azimuth[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-secondary);
    white-space: nowrap;
}

.rf-measure-item-vert[b-l8eqjffuv4] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-secondary);
    white-space: nowrap;
}

.rf-measure-item-remove[b-l8eqjffuv4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    margin-left: auto;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
    opacity: 0;
}

.rf-measure-item:hover .rf-measure-item-remove[b-l8eqjffuv4] {
    opacity: 1;
}

.rf-measure-item-remove:hover[b-l8eqjffuv4] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: rgba(239, 68, 68, 0.8);
}

.rf-measure-item-detail[b-l8eqjffuv4] {
    display: flex;
    gap: 12px;
    margin-top: 3px;
    padding-left: 19px;
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    opacity: 0.7;
}

/* ---------- Responsive ---------- */

@media (max-width: 640px) {
    .rf-measure-toolbar[b-l8eqjffuv4] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .rf-measure-tool-btn[b-l8eqjffuv4] {
        padding: 5px 8px;
        font-size: 9px;
    }

    .rf-measure-pending[b-l8eqjffuv4] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .rf-measure-pending-hint[b-l8eqjffuv4] {
        width: 100%;
        padding-left: 16px;
    }

    .rf-measure-item-row[b-l8eqjffuv4] {
        flex-wrap: wrap;
        gap: 4px;
    }

    .rf-measure-item-remove[b-l8eqjffuv4] {
        opacity: 1;
    }
}
/* _content/Ayva.Lidar/Modes/NavigateMode.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   NavigateMode — Movement, Camera, Shortcuts
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-nav[b-wbvxgvhrao] {
    padding: 0;
}

.rf-nav-subtabs[b-wbvxgvhrao] {
    display: flex;
    gap: 2px;
    padding: 8px var(--space-md) 0;
    border-bottom: 1px solid var(--hud-chrome-08);
}

.rf-nav-subtab[b-wbvxgvhrao] {
    padding: 8px 16px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-medium);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-nav-subtab:hover[b-wbvxgvhrao] { color: var(--text-secondary); }
.rf-nav-subtab.active[b-wbvxgvhrao] { color: var(--hud-chrome); border-bottom-color: var(--hud-chrome); }

.rf-nav-content[b-wbvxgvhrao] {
    padding: var(--space-md);
}

/* ── Slider sections ───────────────────────────────────────────────────── */

.rf-nav-section[b-wbvxgvhrao] {
    display: grid;
    grid-template-columns: 100px 1fr 60px;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
}

.rf-nav-label[b-wbvxgvhrao] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.1em;
    opacity: 0.6;
}

.rf-nav-slider-row[b-wbvxgvhrao] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    max-width: 280px;
}

.rf-nav-slider[b-wbvxgvhrao] {
    flex: 1;
    accent-color: var(--hud-chrome);
    height: 4px;
    max-width: 200px;
}

.rf-nav-value[b-wbvxgvhrao] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
    min-width: 60px;
    text-align: right;
}

/* ── Camera modes ──────────────────────────────────────────────────────── */

.rf-nav-camera-modes[b-wbvxgvhrao] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rf-nav-camera-btn[b-wbvxgvhrao] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 8px 12px;
    background: transparent;
    border: 1px solid var(--hud-chrome-10);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
}

.rf-nav-camera-btn:hover[b-wbvxgvhrao] {
    background: var(--hud-chrome-05);
    border-color: var(--hud-chrome-20);
}

.rf-nav-camera-btn.active[b-wbvxgvhrao] {
    background: var(--hud-chrome-10);
    border-color: var(--hud-chrome-35);
    color: var(--hud-chrome);
}

.rf-nav-camera-info[b-wbvxgvhrao] {
    display: flex;
    flex-direction: column;
}

.rf-nav-camera-name[b-wbvxgvhrao] {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-medium);
}

.rf-nav-camera-desc[b-wbvxgvhrao] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* ── Shortcuts ─────────────────────────────────────────────────────────── */

.rf-nav-shortcuts[b-wbvxgvhrao] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.rf-nav-shortcut-group[b-wbvxgvhrao] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rf-nav-shortcut-group-label[b-wbvxgvhrao] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.1em;
    opacity: 0.6;
    text-transform: uppercase;
}

.rf-nav-shortcut-row[b-wbvxgvhrao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    border-radius: 3px;
}

.rf-nav-shortcut-row:hover[b-wbvxgvhrao] {
    background: var(--hud-chrome-05);
}

.rf-nav-shortcut-keys[b-wbvxgvhrao] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
    padding: 2px 6px;
    background: var(--hud-chrome-08);
    border: 1px solid var(--hud-chrome-15);
    border-radius: 3px;
}

.rf-nav-shortcut-desc[b-wbvxgvhrao] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .rf-nav-subtab[b-wbvxgvhrao] {
        padding: 6px 10px;
        font-size: 10px;
    }
}
/* _content/Ayva.Lidar/Modes/PathAnalysisMode.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   PathAnalysisMode — Verdict strip + chart tabs (Tactical Glass)
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-pa[b-vf58trpdz6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* ── Verdict + Metrics Strip (always visible, never scrolls) ───────── */

.rf-pa-verdict-strip[b-vf58trpdz6] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: 8px var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-08);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.rf-pa-verdict[b-vf58trpdz6] {
    padding: 4px 12px;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-bold);
    letter-spacing: 0.1em;
    flex-shrink: 0;
}

.rf-pa-verdict.verdict-excellent[b-vf58trpdz6] {
    background: rgba(74, 222, 128, 0.15);
    color: var(--hud-success);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.rf-pa-verdict.verdict-good[b-vf58trpdz6] {
    background: rgba(74, 222, 128, 0.12);
    color: var(--hud-success);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.rf-pa-verdict.verdict-marginal[b-vf58trpdz6] {
    background: rgba(251, 191, 36, 0.12);
    color: var(--hud-warning);
    border: 1px solid rgba(251, 191, 36, 0.25);
}

.rf-pa-verdict.verdict-noviable[b-vf58trpdz6] {
    background: rgba(248, 113, 113, 0.12);
    color: var(--hud-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

/* ── Metrics Row ───────────────────────────────────────────────────── */

.rf-pa-metrics-row[b-vf58trpdz6] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex: 1;
    flex-wrap: wrap;
}

.rf-pa-metric[b-vf58trpdz6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.rf-pa-metric-label[b-vf58trpdz6] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    letter-spacing: 0.06em;
}

.rf-pa-metric-value[b-vf58trpdz6] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
}

.rf-pa-metric-value.margin-good[b-vf58trpdz6] { color: var(--hud-success); }
.rf-pa-metric-value.margin-warn[b-vf58trpdz6] { color: var(--hud-warning); }
.rf-pa-metric-value.margin-bad[b-vf58trpdz6] { color: var(--hud-error); }

.rf-pa-actions-inline[b-vf58trpdz6] {
    flex-shrink: 0;
}

/* ── Chart Tabs ────────────────────────────────────────────────────── */

.rf-pa-chart-tabs[b-vf58trpdz6] {
    display: flex;
    gap: 2px;
    padding: 0 var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-08);
    flex-shrink: 0;
}

.rf-pa-chart-tab[b-vf58trpdz6] {
    padding: 7px 14px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-medium);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-pa-chart-tab:hover[b-vf58trpdz6] { color: var(--text-secondary); }

.rf-pa-chart-tab.active[b-vf58trpdz6] {
    color: var(--hud-mode-path);
    border-bottom-color: var(--hud-mode-path);
}

/* ── Chart Body (fills remaining space) ────────────────────────────── */

.rf-pa-chart-body[b-vf58trpdz6] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: var(--space-sm);
}

/* ── Loading State ─────────────────────────────────────────────────── */

.rf-pa-loading[b-vf58trpdz6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-xl);
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-muted);
}

.rf-pa-spinner[b-vf58trpdz6] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--hud-chrome-15);
    border-top-color: var(--hud-mode-path);
    border-radius: 50%;
    animation: rf-pa-spin-b-vf58trpdz6 0.6s linear infinite;
}

@keyframes rf-pa-spin-b-vf58trpdz6 {
    to { transform: rotate(360deg); }
}

/* ── Empty State ───────────────────────────────────────────────────── */

.rf-pa-empty[b-vf58trpdz6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-xl);
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    text-align: center;
}

.rf-pa-empty strong[b-vf58trpdz6] {
    color: var(--hud-mode-path);
    font-family: var(--font-mono);
    font-size: 11px;
}

/* ── Responsive ────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .rf-pa-verdict-strip[b-vf58trpdz6] {
        padding: 6px var(--space-sm);
        gap: var(--space-sm);
    }

    .rf-pa-metrics-row[b-vf58trpdz6] {
        gap: var(--space-sm);
    }
}
/* _content/Ayva.Lidar/Modes/ViewshedMode.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ViewshedMode — Compact layout, generate button always visible
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-viewshed[b-ceyh9ixz4r] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: var(--space-sm) var(--space-md);
}

/* ── Config View ───────────────────────────────────────────────────── */

.rf-viewshed-config[b-ceyh9ixz4r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

/* Origin row */
.rf-viewshed-row[b-ceyh9ixz4r] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rf-viewshed-label[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.08em;
    opacity: 0.7;
    text-transform: uppercase;
    flex-shrink: 0;
    min-width: 55px;
}

.rf-viewshed-origin-coords[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-primary);
}

.rf-viewshed-elev[b-ceyh9ixz4r] {
    color: var(--text-muted);
    font-size: 10px;
    margin-left: 4px;
}

.rf-viewshed-hint[b-ceyh9ixz4r] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.rf-viewshed-tiny-btn[b-ceyh9ixz4r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
}
.rf-viewshed-tiny-btn:hover[b-ceyh9ixz4r] { color: var(--hud-error); border-color: rgba(248,113,113,0.3); }

/* Manual entry row */
.rf-viewshed-manual-row[b-ceyh9ixz4r] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.rf-viewshed-input[b-ceyh9ixz4r] {
    flex: 1;
    min-width: 0;
    background: var(--hud-chrome-08);
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    padding: 5px 8px;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: 11px;
    outline: none;
}
.rf-viewshed-input:focus[b-ceyh9ixz4r] { border-color: var(--hud-mode-view); }
.rf-viewshed-input[b-ceyh9ixz4r]::placeholder { color: var(--text-muted); font-size: 10px; }
.rf-viewshed-input[type="number"][b-ceyh9ixz4r]::-webkit-outer-spin-button,
.rf-viewshed-input[type="number"][b-ceyh9ixz4r]::-webkit-inner-spin-button { -webkit-appearance: none; }
.rf-viewshed-input[type="number"][b-ceyh9ixz4r] { -moz-appearance: textfield; }

.rf-viewshed-set-btn[b-ceyh9ixz4r] {
    padding: 5px 10px;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 4px;
    color: var(--hud-mode-view);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-bold);
    cursor: pointer;
    flex-shrink: 0;
}
.rf-viewshed-set-btn:disabled[b-ceyh9ixz4r] { opacity: 0.4; cursor: not-allowed; }

/* Params grid — 2 columns, compact */
.rf-viewshed-params-grid[b-ceyh9ixz4r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
    flex: 1;
    min-height: 0;
}

.rf-viewshed-param[b-ceyh9ixz4r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rf-viewshed-type-toggle[b-ceyh9ixz4r] {
    display: flex;
    gap: 2px;
}

.rf-viewshed-type-opt[b-ceyh9ixz4r] {
    flex: 1;
    padding: 4px 8px;
    background: transparent;
    border: 1px solid var(--hud-chrome-10);
    border-radius: 3px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: center;
}
.rf-viewshed-type-opt:hover[b-ceyh9ixz4r] { background: var(--hud-chrome-05); color: var(--text-secondary); }
.rf-viewshed-type-opt.active[b-ceyh9ixz4r] {
    background: rgba(74, 222, 128, 0.08);
    border-color: rgba(74, 222, 128, 0.3);
    color: var(--hud-mode-view);
}

.rf-viewshed-slider-row[b-ceyh9ixz4r] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rf-viewshed-slider[b-ceyh9ixz4r] {
    flex: 1;
    accent-color: var(--hud-mode-view);
    height: 3px;
    min-width: 0;
}

.rf-viewshed-val[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-primary);
    min-width: 40px;
    text-align: right;
    white-space: nowrap;
}

/* Generate button — always at bottom */
.rf-viewshed-generate-btn[b-ceyh9ixz4r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 8px;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 6px;
    color: var(--hud-mode-view);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-bold);
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
    margin-top: auto;
}
.rf-viewshed-generate-btn:hover:not(:disabled)[b-ceyh9ixz4r] { background: rgba(74, 222, 128, 0.2); }
.rf-viewshed-generate-btn:disabled[b-ceyh9ixz4r] { opacity: 0.4; cursor: not-allowed; }

.rf-viewshed-btn-spinner[b-ceyh9ixz4r] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(74, 222, 128, 0.2);
    border-top-color: var(--hud-mode-view);
    border-radius: 50%;
    animation: vs-spin-b-ceyh9ixz4r 0.6s linear infinite;
}

.rf-viewshed-error[b-ceyh9ixz4r] {
    padding: 6px 10px;
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.2);
    border-radius: 4px;
    color: var(--hud-error);
    font-family: var(--font-mono);
    font-size: 10px;
    flex-shrink: 0;
}

/* ── Results View ──────────────────────────────────────────────────── */

.rf-viewshed-results[b-ceyh9ixz4r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    height: 100%;
}

.rf-viewshed-stat-grid[b-ceyh9ixz4r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.rf-viewshed-stat[b-ceyh9ixz4r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    background: var(--hud-chrome-05);
    border: 1px solid var(--hud-chrome-08);
    border-radius: 6px;
    text-align: center;
}

.rf-viewshed-stat-value[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 16px;
    font-weight: var(--font-bold);
    color: var(--text-primary);
}
.rf-viewshed-stat-value.rf-viewshed-stat-green[b-ceyh9ixz4r] { color: var(--hud-mode-view); }

.rf-viewshed-stat-label[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    letter-spacing: 0.06em;
}

.rf-viewshed-result-meta[b-ceyh9ixz4r] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    padding: 4px 0;
}

.rf-viewshed-result-actions[b-ceyh9ixz4r] {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.rf-viewshed-rerun-btn[b-ceyh9ixz4r] {
    flex: 1;
    padding: 8px;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 6px;
    color: var(--hud-mode-view);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-bold);
    letter-spacing: 0.08em;
    cursor: pointer;
}

.rf-viewshed-clear-btn[b-ceyh9ixz4r] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 6px;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 10px;
    cursor: pointer;
}
.rf-viewshed-clear-btn:hover[b-ceyh9ixz4r] { border-color: var(--hud-error); color: var(--hud-error); }

@keyframes vs-spin-b-ceyh9ixz4r { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .rf-viewshed-stat-grid[b-ceyh9ixz4r] { grid-template-columns: 1fr 1fr; }
    .rf-viewshed-params-grid[b-ceyh9ixz4r] { grid-template-columns: 1fr; }
}
/* _content/Ayva.Lidar/Shared/GlobalSettings.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   GlobalSettings — Docked panel content (parent provides container)
   ═══════════════════════════════════════════════════════════════════════════ */

.rf-gs-content[b-geusrjaz17] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.rf-gs-header[b-geusrjaz17] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-10);
}

.rf-gs-title[b-geusrjaz17] {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: var(--font-semibold);
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
}

.rf-gs-close[b-geusrjaz17] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-gs-close:hover[b-geusrjaz17] {
    color: var(--hud-error);
    border-color: rgba(248, 113, 113, 0.3);
}

.rf-gs-body[b-geusrjaz17] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
    scrollbar-width: thin;
    scrollbar-color: var(--hud-chrome-20) transparent;
}

/* ── Sections ──────────────────────────────────────────────────────────── */

.rf-gs-section[b-geusrjaz17] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--hud-chrome-05);
}

.rf-gs-section:last-child[b-geusrjaz17] {
    border-bottom: none;
    margin-bottom: 0;
}

.rf-gs-section-label[b-geusrjaz17] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--hud-chrome);
    letter-spacing: 0.12em;
    opacity: 0.7;
}

.rf-gs-section-header-row[b-geusrjaz17] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ── Fields ────────────────────────────────────────────────────────────── */

.rf-gs-field[b-geusrjaz17] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rf-gs-field-label[b-geusrjaz17] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    letter-spacing: 0.08em;
}

/* Two-column grid for compact layout */
.rf-gs-grid-2col[b-geusrjaz17] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm) var(--space-md);
}

.rf-gs-slider-row[b-geusrjaz17] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.rf-gs-slider[b-geusrjaz17] {
    flex: 1;
    accent-color: var(--hud-chrome);
    height: 4px;
    min-width: 0;
}

.rf-gs-value[b-geusrjaz17] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-primary);
    min-width: 32px;
    text-align: right;
    white-space: nowrap;
}

/* Select buttons row */
.rf-gs-select-row[b-geusrjaz17] {
    display: flex;
    gap: 2px;
}

.rf-gs-select-btn[b-geusrjaz17] {
    flex: 1;
    padding: 5px 4px;
    background: transparent;
    border: 1px solid var(--hud-chrome-10);
    border-radius: 4px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: center;
    white-space: nowrap;
}

.rf-gs-select-btn:hover[b-geusrjaz17] {
    background: var(--hud-chrome-05);
    border-color: var(--hud-chrome-20);
    color: var(--text-secondary);
}

.rf-gs-select-btn.active[b-geusrjaz17] {
    background: var(--hud-chrome-15);
    border-color: var(--hud-chrome-35);
    color: var(--hud-chrome);
}

/* Dropdown select */
.rf-gs-dropdown[b-geusrjaz17] {
    width: 100%;
    padding: 5px 8px;
    background: var(--hud-chrome-05);
    border: 1px solid var(--hud-chrome-15);
    border-radius: 4px;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: 10px;
    cursor: pointer;
    transition: border-color var(--transition-fast);
    appearance: auto;
}

.rf-gs-dropdown:hover[b-geusrjaz17],
.rf-gs-dropdown:focus[b-geusrjaz17] {
    border-color: var(--hud-chrome-35);
    outline: none;
}

.rf-gs-dropdown option[b-geusrjaz17] {
    background: var(--hud-glass-heavy);
    color: var(--text-primary);
}

/* Toggles */
.rf-gs-toggle[b-geusrjaz17] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    padding: 4px 0;
}

.rf-gs-toggle input[type="checkbox"][b-geusrjaz17] {
    accent-color: var(--hud-chrome);
}

.rf-gs-toggle-label[b-geusrjaz17] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* ── Reset button ─────────────────────────────────────────────────────── */

.rf-gs-reset-btn[b-geusrjaz17] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: transparent;
    border: 1px solid var(--hud-chrome-10);
    border-radius: 4px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rf-gs-reset-btn:hover[b-geusrjaz17] {
    border-color: var(--hud-chrome-30);
    color: var(--hud-chrome);
    background: var(--hud-chrome-05);
}

/* ── Classification color grid ────────────────────────────────────────── */

.rf-gs-class-grid[b-geusrjaz17] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.rf-gs-class-item[b-geusrjaz17] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 4px;
    border-radius: 3px;
    transition: background var(--transition-fast);
}

.rf-gs-class-item:hover[b-geusrjaz17] {
    background: var(--hud-chrome-05);
}

.rf-gs-color-swatch[b-geusrjaz17] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    padding: 0;
    border: 1px solid var(--hud-chrome-20);
    border-radius: 3px;
    cursor: pointer;
    background: transparent;
}

.rf-gs-color-swatch[b-geusrjaz17]::-webkit-color-swatch-wrapper {
    padding: 1px;
}

.rf-gs-color-swatch[b-geusrjaz17]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
}

.rf-gs-color-swatch[b-geusrjaz17]::-moz-color-swatch {
    border: none;
    border-radius: 2px;
}

.rf-gs-class-label[b-geusrjaz17] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Placeholder */
.rf-gs-placeholder[b-geusrjaz17] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
    padding: var(--space-sm);
    background: var(--hud-chrome-05);
    border-radius: 4px;
    text-align: center;
}

/* ── Responsive (container-width aware) ───────────────────────────────── */

@media (max-width: 640px) {
    .rf-gs-content[b-geusrjaz17] {
        width: 100%;
    }

    .rf-gs-grid-2col[b-geusrjaz17] {
        grid-template-columns: 1fr;
    }

    .rf-gs-class-grid[b-geusrjaz17] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Lidar/Shared/ShareExportMenu.razor.rz.scp.css */
/* ShareExportMenu — Dropdown with share & export options */

.se-container[b-kmi7t11nsh] {
    position: relative;
    display: inline-block;
}

.se-trigger[b-kmi7t11nsh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--hud-chrome-10);
    border: 1px solid var(--hud-chrome-30);
    color: var(--hud-chrome);
    border-radius: var(--radius-sm, 4px);
    cursor: pointer;
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: var(--transition-fast, all 0.15s ease);
    white-space: nowrap;
}

.se-trigger:hover:not(:disabled)[b-kmi7t11nsh] {
    background: var(--hud-chrome-20);
    border-color: var(--hud-chrome);
    color: var(--text-primary, #f8fafc);
}

.se-trigger.active[b-kmi7t11nsh] {
    background: var(--hud-chrome-20);
    border-color: var(--hud-chrome);
}

.se-trigger:disabled[b-kmi7t11nsh] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Backdrop */
.se-backdrop[b-kmi7t11nsh] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Dropdown */
.se-dropdown[b-kmi7t11nsh] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    min-width: 220px;
    background: var(--hud-glass-heavy);
    border: 1px solid var(--hud-chrome-20);
    border-radius: var(--radius-md, 8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    z-index: 100;
    overflow: hidden;
    backdrop-filter: blur(12px);
}

/* Sections */
.se-section[b-kmi7t11nsh] {
    padding: 8px 0;
}

.se-section + .se-section[b-kmi7t11nsh] {
    border-top: 1px solid var(--hud-chrome-10);
}

.se-section-label[b-kmi7t11nsh] {
    display: block;
    padding: 4px 14px 6px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted, #64748b);
    font-weight: 600;
}

/* Items */
.se-item[b-kmi7t11nsh] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 14px;
    background: none;
    border: none;
    color: var(--text-secondary, #cbd5e1);
    cursor: pointer;
    font-size: 12px;
    font-family: var(--font-primary, -apple-system, sans-serif);
    text-align: left;
    transition: var(--transition-fast, all 0.15s ease);
}

.se-item:hover:not(:disabled)[b-kmi7t11nsh] {
    background: var(--hud-chrome-10);
    color: var(--text-primary, #f8fafc);
}

.se-item:disabled[b-kmi7t11nsh] {
    opacity: 0.4;
    cursor: not-allowed;
}

.se-item svg[b-kmi7t11nsh] {
    flex-shrink: 0;
    opacity: 0.7;
}

.se-badge[b-kmi7t11nsh] {
    margin-left: auto;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.se-badge.success[b-kmi7t11nsh] {
    background: rgba(34, 197, 94, 0.15);
    color: var(--hud-success);
}

/* Input row */
.se-input-row[b-kmi7t11nsh] {
    display: flex;
    gap: 6px;
    padding: 4px 14px 6px;
}

.se-input[b-kmi7t11nsh] {
    flex: 1;
    padding: 5px 8px;
    background: var(--hud-glass-heavy);
    border: 1px solid var(--hud-chrome-20);
    border-radius: var(--radius-sm, 4px);
    color: var(--text-primary, #f8fafc);
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    outline: none;
}

.se-input:focus[b-kmi7t11nsh] {
    border-color: var(--hud-chrome);
}

.se-input[b-kmi7t11nsh]::placeholder {
    color: var(--text-muted, #64748b);
}

.se-send-btn[b-kmi7t11nsh] {
    padding: 5px 10px;
    background: var(--hud-chrome);
    border: none;
    border-radius: var(--radius-sm, 4px);
    color: white;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-fast, all 0.15s ease);
}

.se-send-btn:hover:not(:disabled)[b-kmi7t11nsh] {
    filter: brightness(1.2);
}

.se-send-btn:disabled[b-kmi7t11nsh] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Status */
.se-status[b-kmi7t11nsh] {
    padding: 6px 14px;
    font-size: 11px;
    border-top: 1px solid var(--hud-chrome-10);
}

.se-status.success[b-kmi7t11nsh] {
    color: var(--hud-success);
}

.se-status.error[b-kmi7t11nsh] {
    color: var(--hud-error);
}

/* Busy */
.se-busy[b-kmi7t11nsh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-top: 1px solid var(--hud-chrome-10);
    font-size: 11px;
    color: var(--text-muted, #94a3b8);
}

.se-busy-spinner[b-kmi7t11nsh] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--hud-chrome-15);
    border-top-color: var(--hud-chrome);
    border-radius: 50%;
    animation: se-spin-b-kmi7t11nsh 0.7s linear infinite;
}

@keyframes se-spin-b-kmi7t11nsh {
    to { transform: rotate(360deg); }
}