/* ═══ MAPPING SHEET — P6 Style ═══ */
    .map-outer {
      border-radius: 10px;
      border: 1px solid rgba(96, 165, 250, .16);
      overflow: hidden;
      box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
    }

    .map-wrap {
      overflow: auto;
      max-height: calc(100vh - 220px);
    }

    .map-toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }

    .map-search {
      flex: 1;
      min-width: 200px;
      background: rgba(4, 10, 24, .9);
      border: 1px solid rgba(148, 163, 184, .15);
      border-radius: 8px;
      padding: 8px 12px;
      color: var(--tx);
      font-size: 12px;
      font-family: inherit;
      outline: none;
      transition: border .18s;
    }

    .map-search:focus {
      border-color: rgba(96, 165, 250, .4);
    }

    .map-filter-btn {
      padding: 6px 12px;
      border-radius: 7px;
      border: 1px solid rgba(148, 163, 184, .15);
      background: rgba(8, 18, 38, .8);
      color: var(--so);
      font-size: 11px;
      font-weight: 700;
      cursor: pointer;
      transition: all .15s;
      font-family: inherit;
      white-space: nowrap;
    }

    .map-filter-btn.active {
      background: rgba(59, 130, 246, .18);
      border-color: rgba(96, 165, 250, .35);
      color: #93c5fd;
    }

    .map-stats {
      display: flex;
      gap: 20px;
      padding: 10px 18px;
      background: rgba(5, 12, 28, .8);
      border-bottom: 1px solid rgba(59, 130, 246, .1);
      flex-wrap: wrap;
      align-items: center;
    }

    .map-stat {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .map-stat .ms-val {
      font-family: 'JetBrains Mono', monospace;
      font-size: 16px;
      font-weight: 800;
      color: #60a5fa;
      line-height: 1.2;
    }

    .map-stat .ms-lbl {
      font-size: 9px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .7px;
      color: var(--mu);
    }