/* Cloudflare Amber Tag Highlight */
    .cmd-hl {
      background: rgba(245, 158, 11, 0.28);
      color: #fbbf24;
      border-radius: 3px;
      padding: 0 4px;
      font-weight: 600;
      border: 1px solid rgba(245, 158, 11, 0.4);
    }

    .cmd-item-right {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }
    .cmd-badge {
      font-size: 9.5px;
      padding: 2.5px 7px;
      border-radius: 5px;
      font-weight: 600;
      border: none !important;
    }
    .cmd-badge.crit {
      background: #dc2626;
      color: #ffffff;
    }
    .cmd-badge.high {
      background: #ea580c;
      color: #ffffff;
    }
    .cmd-badge.med {
      background: #d97706;
      color: #ffffff;
    }
    .cmd-badge.action {
      background: #0284c7;
      color: #ffffff;
    }
    .cmd-arrow {
      color: #475569;
      font-size: 13px;
      transition: transform 0.15s;
    }
    .cmd-item.active .cmd-arrow {
      color: var(--accent-blue);
      transform: translateX(2px);
    }

    .cmd-empty-state {
      padding: 30px 20px;
      text-align: center;
      color: #64748b;
      font-size: 13px;
    }

    .cmd-palette-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(7, 14, 25, 0.65);
      font-size: 11px;
      color: #64748b;
    }
    .cmd-footer-left, .cmd-footer-right {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .cmd-hint-item {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .cmd-hint-item kbd {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      padding: 0 4px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 4px;
      font-family: var(--font-mono);
      font-size: 10px;
      color: #cbd5e1;
    }

    @keyframes targetGlowPulse {
      0% {
        box-shadow: 0 0 0 0 rgba(41, 169, 255, 0.9);
        outline: 2px solid rgba(56, 189, 248, 1);
        outline-offset: 3px;
      }
      40% {
        box-shadow: 0 0 35px 8px rgba(41, 169, 255, 0.65);
        outline: 2px solid rgba(56, 189, 248, 0.9);
        outline-offset: 3px;
      }
      100% {
        box-shadow: none;
        outline: 2px solid transparent;
        outline-offset: 3px;
      }
    }
    .target-glow-pulse {
      animation: targetGlowPulse 2.4s ease-out forwards;
    }

    .tactical-toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      background: #121213;
      border: 1px solid rgba(56, 189, 248, 0.45);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 20px rgba(56, 189, 248, 0.2);
      border-radius: 8px;
      padding: 12px 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      color: #ffffff;
      font-size: 13px;
      z-index: 9999999;
      animation: toastSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes toastSlideIn {
      from {
        opacity: 0;
        transform: translateY(12px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .header-actions {
      justify-self: end;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .header-btn {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: var(--card-elevated);
      border: 1px solid var(--card-border);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-sec);
      cursor: pointer;
      transition: all 0.2s;
    }
    .header-btn:hover {
      background: var(--card-bg);
      color: #ffffff;
      border-color: var(--accent-blue);
    }

    .analyst-avatar {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid var(--card-border);
      cursor: pointer;
    }
    .analyst-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* ========================================================
       THEME STUDIO & CUSTOM PALETTE MODAL
       ======================================================== */
    .theme-modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(3, 7, 13, 0.82);
      backdrop-filter: blur(8px);
      z-index: 99999;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 16px;
      animation: themeFadeIn 0.2s ease-out;
    }
    .theme-modal-backdrop.show {
      display: flex;
    }
    @keyframes themeFadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    .theme-modal-card {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 14px;
      width: 100%;
      max-width: 620px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.06);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      animation: themePopIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes themePopIn {
      from { transform: scale(0.96) translateY(8px); opacity: 0; }
      to { transform: scale(1) translateY(0); opacity: 1; }
    }
    .theme-modal-header {
      padding: 13px 18px;
      border-bottom: 1px solid var(--card-border-subtle);
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(0, 0, 0, 0.2);
    }
    .theme-header-title {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .theme-icon-box {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: rgba(41, 169, 255, 0.12);
      border: 1px solid rgba(41, 169, 255, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .theme-header-title h3 {
      font-size: 14px;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 1px;
    }
    .theme-header-title p {
      font-size: 10.5px;
      color: var(--text-sec);
    }
    .theme-close-btn {
      width: 28px;
      height: 28px;
      border-radius: 6px;
      background: transparent;
      border: 1px solid transparent;
      color: var(--text-muted);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
    }
    .theme-close-btn:hover {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }
    .theme-modal-body {
      padding: 16px 18px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      max-height: 80vh;
      overflow-y: auto;
    }
    .theme-section {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }
    .theme-section-label {
      font-size: 9.5px;
      font-weight: 700;
      color: var(--text-sec);
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: var(--font-mono);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .theme-presets-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
    }
    .theme-preset-card {
      background: rgba(20, 20, 22, 0.6);
      border: 1px solid var(--card-border-subtle);
      border-radius: 8px;
      padding: 9px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      gap: 6px;
      transition: all 0.2s ease;
      position: relative;
    }
    .theme-preset-card:hover {
      border-color: rgba(255, 255, 255, 0.3);
      background: rgba(14, 27, 46, 0.6);
      transform: translateY(-2px);
    }
    .theme-preset-card.active {
      border-color: var(--accent-blue);
      background: rgba(41, 169, 255, 0.06);
      box-shadow: 0 0 14px rgba(41, 169, 255, 0.25);
    }
    .preset-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .preset-title {
      font-size: 11px;
      font-weight: 700;
      color: #ffffff;
    }
    .preset-badge {
      font-size: 8px;
      font-weight: 700;
      padding: 1px 5px;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.08);
      color: var(--text-sec);
      font-family: var(--font-mono);
    }
    .preset-preview-bar {
      display: flex;
      height: 14px;
      border-radius: 4px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .preset-color-chip {
      flex: 1;
      height: 100%;
    }
    .preset-desc {
      font-size: 9px;
      color: var(--text-sec);
      line-height: 1.2;
    }
    .theme-pickers-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
      background: rgba(0, 0, 0, 0.2);
      border: 1px solid var(--card-border-subtle);
      border-radius: 8px;
      padding: 10px 12px;
    }
    .theme-picker-item {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    .theme-picker-item label {
      font-size: 10px;
      color: var(--text-sec);
      font-weight: 600;
    }
    .color-input-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
      background: rgba(20, 20, 22, 0.8);
      border: 1px solid var(--card-border);
      border-radius: 6px;
      padding: 3px 8px;
    }
    .color-input-wrap input[type="color"] {
      -webkit-appearance: none;
      border: none;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      cursor: pointer;
      background: transparent;
      padding: 0;
    }
    .color-input-wrap input[type="color"]::-webkit-color-swatch-wrapper {
      padding: 0;
    }
    .color-input-wrap input[type="color"]::-webkit-color-swatch {
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 3px;
    }
    .color-hex-text {
      font-family: var(--font-mono);
      font-size: 11px;
      color: #ffffff;
      font-weight: 600;
    }
    .theme-actions-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 10px;
      border-top: 1px solid var(--card-border-subtle);
    }
    .btn-theme-reset {
      background: transparent;
      border: 1px solid var(--card-border);
      color: var(--text-sec);
      padding: 5px 12px;
      border-radius: 6px;
      font-size: 10.5px;
      font-weight: 500;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s;
    }
    .btn-theme-reset:hover {
      background: rgba(255, 255, 255, 0.05);
      color: #ffffff;
    }
    .btn-theme-apply {
      background: var(--accent-blue);
      border: none;
      color: #ffffff;
      padding: 6px 14px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s;
    }
    .btn-theme-apply:hover {
      filter: brightness(1.15);
    }