/* Container polish */
.jsonviewer-wrap .jsoneditor {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    overflow: clip;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  }
  
  .jsonviewer-wrap .jsoneditor-menu {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
  }
  
  /* Make white icon sprites visible on light bg (icon buttons are direct children) */
  .jsonviewer-wrap .jsoneditor .jsoneditor-menu > button:not(.jsoneditor-modes),
  .jsonviewer-wrap .jsoneditor .jsoneditor-navigation-bar > button,
  .jsonviewer-wrap .jsoneditor .jsoneditor-search button {
    filter: invert(1) grayscale(80%) contrast(1.1);
    opacity: 0.9;
  }
  
  /* Style the MODE SELECTOR (text button nested inside .jsoneditor-modes) */
  .jsonviewer-wrap .jsoneditor .jsoneditor-menu .jsoneditor-modes > button.jsoneditor-modes {
    filter: none !important;                 /* don't invert text */
    color: #111827 !important;               /* visible on light bg */
    background: transparent;
    font-size: 13px;
    line-height: 28px;
    padding: 0 8px;
    min-width: 72px;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
  }
  .jsonviewer-wrap .jsoneditor .jsoneditor-menu .jsoneditor-modes > button.jsoneditor-modes:hover {
    background: #eef2ff;
  }
  
  /* Nav/status bars */
  .jsonviewer-wrap .jsoneditor-navigation-bar,
  .jsonviewer-wrap .jsoneditor-statusbar {
    background: transparent;
    border-top: 1px solid #e5e7eb;
  }
  
  /* Tree & code readability */
  .jsonviewer-wrap .jsoneditor-tree,
  .jsonviewer-wrap .jsoneditor-text {
    font-size: 14px;
    line-height: 1.55;
  }
  
  /* ----------------- Dark mode ----------------- */
  @media (prefers-color-scheme: dark) {
    .jsonviewer-wrap .jsoneditor {
      border-color: #2a2f3a;
      box-shadow: none;
    }
    .jsonviewer-wrap .jsoneditor-menu,
    .jsonviewer-wrap .jsoneditor-navigation-bar,
    .jsonviewer-wrap .jsoneditor-statusbar {
      background: #111827;
      border-color: #2a2f3a;
    }
  
    /* In dark mode keep icons white (remove invert) */
    .jsonviewer-wrap .jsoneditor .jsoneditor-menu > button:not(.jsoneditor-modes),
    .jsonviewer-wrap .jsoneditor .jsoneditor-navigation-bar > button,
    .jsonviewer-wrap .jsoneditor .jsoneditor-search button {
      filter: none;
      opacity: 0.95;
    }
  
    /* Mode selector text should be light on dark bg */
    .jsonviewer-wrap .jsoneditor .jsoneditor-menu .jsoneditor-modes > button.jsoneditor-modes {
      color: #e5e7eb !important;
      background: transparent;
    }
  
    .jsonviewer-wrap .jsoneditor .jsoneditor-menu .jsoneditor-modes > button.jsoneditor-modes:hover {
      background: #1f2937;
    }
  }