.search-row {
            margin-bottom: 6px;
        }

        .search-toolbar {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            min-width: 0;
            margin-bottom: 4px;
        }

        .search-toolbar #datePicker {
            flex: 1 1 220px;
            min-width: 0;
        }

        .search-row .date-picker {
            margin-bottom: 0;
            gap: 6px;
        }

        .search-row .date-btn {
            padding: 6px 10px;
            font-size: 11px;
        }

        .search-row .refresh-control {
            gap: 4px;
        }

        .search-row .refresh-btn {
            padding: 4px 6px;
            font-size: 12px;
        }

        .search-row .refresh-select {
            padding: 4px 6px;
            font-size: 11px;
        }

        .search-input {
            width: 100%;
            padding: 6px 10px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--surface2);
            color: var(--text);
            font-size: 13px;
            font-family: 'JetBrains Mono', monospace;
            outline: none;
        }

        .search-input:focus {
            border-color: var(--accent);
        }

        .status-tabs {
            display: flex;
            gap: 6px;
            margin-bottom: 12px;
            overflow-x: auto;
            padding: 8px 0;
            background: var(--bg);
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .indicator-view-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 12px;
        }

        .view-toggle-group,
        .chart-compare-group {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .view-toggle-btn,
        .chart-compare-btn {
            padding: 9px 12px;
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.14);
            background: rgba(8, 12, 20, 0.92);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .view-toggle-btn.active,
        .chart-compare-btn.active {
            border-color: rgba(72,187,120,0.42);
            background: rgba(72,187,120,0.14);
            color: #bbf7d0;
            transform: translateY(-1px);
        }

        .sort-group {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sort-label {
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
        }

        .sort-select {
            min-width: 140px;
            padding: 9px 12px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--surface2);
            color: var(--text);
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 12px;
        }

        .indicator-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 14px;
        }

        .indicator-symbol {
            font-size: 18px;
            font-weight: 700;
        }

        .indicator-time {
            font-size: 12px;
            color: var(--muted);
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-time-stack {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px;
        }

        .indicator-subtime {
            font-size: 11px;
            color: var(--muted);
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 8px;
        }

        .indicator-meta-chip {
            padding: 2px 8px;
            border-radius: 999px;
            background: var(--surface2);
            color: var(--muted);
            font-size: 10px;
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

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

        .indicator-section {
            background: var(--surface2);
            padding: 12px;
            border-radius: 8px;
        }

        .section-title {
            font-size: 12px;
            color: var(--accent);
            margin-bottom: 8px;
            font-family: 'JetBrains Mono', monospace;
            letter-spacing: 1px;
        }

        .indicator-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 6px;
            font-size: 13px;
        }

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

        .indicator-value {
            font-weight: 600;
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-badge-row {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin: 0 0 12px;
        }

        .indicator-focus-row {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin: 0 0 12px;
        }

        .indicator-focus-chip,
        .table-state-chip {
            padding: 4px 8px;
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.14);
            background: rgba(8, 12, 20, 0.76);
            color: var(--muted);
            font-size: 10px;
            font-family: 'JetBrains Mono', monospace;
        }

        .indicator-focus-chip.long,
        .table-state-chip.long {
            color: #bbf7d0;
            border-color: rgba(72,187,120,0.3);
            background: rgba(72,187,120,0.14);
        }

        .indicator-focus-chip.short,
        .table-state-chip.short {
            color: #fecaca;
            border-color: rgba(252,129,129,0.26);
            background: rgba(252,129,129,0.14);
        }

        .indicator-focus-chip.warn,
        .table-state-chip.warn {
            color: #fde68a;
            border-color: rgba(246,173,85,0.24);
            background: rgba(246,173,85,0.14);
        }

        .indicator-focus-chip.accent,
        .table-state-chip.accent {
            color: #dbeafe;
            border-color: rgba(99,179,237,0.26);
            background: rgba(99,179,237,0.14);
        }

        .indicator-interval {
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            padding: 2px 6px;
            border-radius: 4px;
            background: var(--surface2);
            color: var(--accent);
        }

        .indicator-footer {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid var(--border);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
        }

        .load-more-btn {
            display: block;
            width: 100%;
            padding: 12px;
            margin-top: 16px;
            background: var(--surface2);
            border: 1px solid var(--border);
            border-radius: 8px;
            color: var(--accent);
            font-size: 13px;
            font-family: 'JetBrains Mono', monospace;
            cursor: pointer;
            transition: all 0.2s;
        }

        .load-more-btn:active {
            background: var(--surface);
        }

        .load-more-btn:disabled {
            color: var(--muted);
            cursor: not-allowed;
        }

        .date-range-picker {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
            width: 100%;
        }

        .date-range-picker input {
            flex: 1;
            min-width: 0;
            padding: 10px;
            background: var(--surface2);
            border: 1px solid var(--border);
            color: var(--text);
            border-radius: 8px;
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
        }

        .date-range-picker input::-webkit-calendar-picker-indicator {
            filter: invert(0.5);
        }

        .date-range-picker span {
            color: var(--muted);
            font-size: 11px;
            white-space: nowrap;
        }

        .apply-range-btn {
            padding: 10px 14px;
            background: var(--accent);
            border: none;
            color: var(--bg);
            border-radius: 8px;
            cursor: pointer;
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
            font-weight: 600;
            white-space: nowrap;
        }

        .apply-range-btn:hover {
            opacity: 0.9;
        }

        .refresh-control {
            display: flex;
            gap: 6px;
            align-items: center;
            min-width: 0;
        }

        .refresh-select {
            flex: 1;
            min-width: 0;
            width: 100%;
            padding: 10px 12px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--surface2);
            color: var(--text);
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
            outline: none;
            cursor: pointer;
        }

        .refresh-select:focus {
            border-color: var(--accent);
        }

        .interval-filter {
            width: 70px;
            padding: 10px 8px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--surface2);
            color: var(--text);
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
            outline: none;
            cursor: pointer;
        }

        .interval-filter:focus {
            border-color: var(--accent);
        }

        .indicator-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid var(--border);
        }

        .action-btn {
            flex: 1;
            padding: 10px 16px;
            border: none;
            border-radius: 8px;
            font-size: 12px;
            font-family: 'JetBrains Mono', monospace;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s;
            letter-spacing: 0.5px;
        }

        .btn-view {
            background: var(--accent);
            color: var(--bg);
        }

        .btn-view:active {
            background: #4299e1;
        }

        .btn-chart {
            background: rgba(72,187,120,0.18);
            color: var(--long);
            border: 1px solid rgba(72,187,120,0.24);
        }

        .btn-pagechart {
            background: rgba(99,179,237,0.16);
            color: var(--accent);
            border: 1px solid rgba(99,179,237,0.24);
        }

        .btn-secondary {
            background: rgba(246,173,85,0.14);
            color: #fbd38d;
            border: 1px solid rgba(246,173,85,0.24);
        }

        .indicator-evolution-container {
            margin-top: 12px;
        }

        .indicator-evolution-strip {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
            gap: 8px;
        }

        .indicator-evolution-empty {
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px dashed rgba(99,179,237,0.16);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
        }

        .evolution-pill {
            padding: 10px;
            border-radius: 12px;
            border: 1px solid rgba(99,179,237,0.12);
            background: rgba(8, 12, 20, 0.76);
        }

        .evolution-pill.long {
            border-color: rgba(72,187,120,0.28);
        }

        .evolution-pill.short {
            border-color: rgba(252,129,129,0.28);
        }

        .evolution-pill.warn {
            border-color: rgba(246,173,85,0.28);
        }

        .evolution-time,
        .evolution-close {
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            font-weight: 700;
        }

        .evolution-meta {
            margin-top: 4px;
            color: var(--muted);
            font-size: 10px;
            line-height: 1.5;
        }

        .indicator-table-wrap {
            overflow: auto;
            border: 1px solid var(--border);
            border-radius: 14px;
            background: var(--surface);
        }

        .indicator-table {
            width: 100%;
            min-width: 1080px;
            border-collapse: collapse;
        }

        .indicator-table th,
        .indicator-table td {
            padding: 12px;
            border-bottom: 1px solid var(--border);
            text-align: left;
            vertical-align: top;
            font-size: 12px;
        }

        .indicator-table th {
            position: sticky;
            top: 0;
            z-index: 1;
            background: rgba(8, 12, 20, 0.96);
            color: var(--muted);
            font-size: 10px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .indicator-table tbody tr {
            cursor: pointer;
            transition: background 0.16s ease;
        }

        .indicator-table tbody tr:hover {
            background: rgba(99,179,237,0.06);
        }

        .table-main {
            font-weight: 700;
            font-family: 'JetBrains Mono', monospace;
        }

        .table-sub {
            margin-top: 4px;
            color: var(--muted);
            font-size: 10px;
            line-height: 1.5;
            font-family: 'JetBrains Mono', monospace;
        }

        .table-action-row {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .table-action-btn {
            padding: 7px 10px;
            border-radius: 8px;
            border: 1px solid rgba(99,179,237,0.18);
            background: rgba(8, 12, 20, 0.82);
            color: var(--text);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            cursor: pointer;
        }

        .table-inline {
            min-width: 220px;
        }

        .chart-modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.82);
            z-index: 1100;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 12px;
        }

        .chart-modal-overlay.show {
            display: flex;
        }

        .chart-modal-content {
            width: min(1080px, 100%);
            max-height: 90vh;
            overflow: auto;
            border-radius: 18px;
            border: 1px solid var(--border);
            background: linear-gradient(180deg, rgba(8,12,20,0.98), rgba(14,20,32,0.98));
            box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42);
            padding: 16px;
        }

        .chart-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
        }

        .chart-modal-title {
            font-size: 18px;
            font-weight: 700;
        }

        .chart-modal-copy {
            margin-top: 6px;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.6;
        }

        .chart-modal-close {
            border: 1px solid var(--border);
            background: var(--surface2);
            color: var(--text);
            border-radius: 10px;
            width: 36px;
            height: 36px;
            font-size: 20px;
            cursor: pointer;
        }

        .chart-summary {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 12px;
        }

        .chart-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 12px;
        }

        .chart-range-group {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .chart-range-btn {
            padding: 9px 12px;
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.14);
            background: rgba(8, 12, 20, 0.92);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .chart-range-btn.active {
            border-color: rgba(246,173,85,0.42);
            background: rgba(246,173,85,0.14);
            color: #fbd38d;
            transform: translateY(-1px);
        }

        .chart-layer-group {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .chart-focus-group {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 12px;
        }

        .chart-focus-btn {
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.14);
            background: rgba(8, 12, 20, 0.82);
            color: var(--text);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            padding: 8px 11px;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .chart-focus-btn:disabled {
            opacity: 0.42;
            cursor: not-allowed;
        }

        .chart-focus-status {
            padding: 8px 11px;
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.12);
            background: rgba(99,179,237,0.08);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
        }

        .chart-layer-btn {
            border-radius: 999px;
            border: 1px solid rgba(99,179,237,0.14);
            background: rgba(8, 12, 20, 0.82);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
            padding: 8px 11px;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .chart-layer-btn.active {
            color: #e2eaf4;
            border-color: rgba(99,179,237,0.28);
            background: rgba(99,179,237,0.14);
            transform: translateY(-1px);
        }

        .chart-summary-chip {
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(99,179,237,0.1);
            border: 1px solid rgba(99,179,237,0.12);
            color: var(--muted);
            font-size: 11px;
            font-family: 'JetBrains Mono', monospace;
        }

        .chart-canvas {
            width: 100%;
            height: 680px;
            border-radius: 14px;
            background: rgba(8,12,20,0.9);
        }

        .chart-empty {
            display: grid;
            place-items: center;
            height: 320px;
            color: var(--muted);
            font-size: 13px;
        }

        .chart-note {
            margin-top: 10px;
            color: var(--muted);
            font-size: 11px;
            line-height: 1.6;
            font-family: 'JetBrains Mono', monospace;
        }

        .cursor-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 8px;
            margin-top: 12px;
        }

        .cursor-card {
            border-radius: 12px;
            border: 1px solid rgba(99,179,237,0.12);
            background: rgba(8, 12, 20, 0.76);
            padding: 10px 12px;
        }

        .cursor-label {
            color: var(--muted);
            font-size: 10px;
            font-family: 'JetBrains Mono', monospace;
            margin-bottom: 5px;
        }

        .cursor-value {
            color: var(--text);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.45;
        }

        @media (max-width: 760px) {
            .search-toolbar {
                align-items: stretch;
            }

            .indicator-view-toolbar,
            .sort-group {
                align-items: stretch;
            }

            .view-toggle-group {
                width: 100%;
            }

            .view-toggle-btn,
            .chart-compare-btn {
                flex: 1 1 0;
                justify-content: center;
            }

            .search-toolbar #datePicker,
            .search-toolbar .refresh-control {
                flex: 1 1 100%;
            }

            .search-toolbar .interval-filter {
                flex: 0 1 96px;
                width: auto;
            }

            .chart-canvas {
                height: 560px;
            }
            .indicator-grid.compact {
                grid-template-columns: 1fr;
            }
            .indicator-actions {
                flex-direction: column;
            }
            .chart-toolbar {
                justify-content: flex-start;
            }
            .cursor-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }