.year-range-input {
    position: absolute;
    top: 0; left: 0; width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    margin: 0;
    height: 24px;
  }
  .year-range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: auto;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #686868;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    cursor: pointer;
    margin-top: 4px;
  }
  .year-range-input::-moz-range-thumb {
    pointer-events: auto;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #545555;
    border: 2px solid #fff;
    cursor: pointer;
  }
  #search details summary { list-style: none; }
  #search details summary::-webkit-details-marker { display: none; }
  #search .result-row:hover .result-bar { background-color: #1F6F5C; }
  .year-handle {
    width: 10px;
    height: 13px;
    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 100%,
        0% 100%,
        0% 25%
    );
  background: linear-gradient(180deg, #70757D 0%, #000000 100%);
  border: 1px solid #ffffff;
    box-shadow:
        0 1px 3px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.35);
    transform: translate(-50%, -50%);
    z-index: 2;
    touch-action: none;
    cursor: grab;
    transition: all .15s ease;
  }
  .year-handle:hover {
    background: linear-gradient(180deg, #9BA1A8 0%, #6B7178 100%);
    transform: translate(-50%, -50%) scale(1.15);
  }
  .year-handle:active {
    background: linear-gradient(180deg, #6B7178 0%, #4A4F55 100%);
    cursor: grabbing;
  }
  .year-handle:focus-visible {
    outline: 2px solid #9CA3AF;
    outline-offset: 3px;
  }
        .plumx-popup {
                display: none;
                position: absolute;
                background: #fff;
                border: 1px solid #ccc;
                padding: 10px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                z-index: 100;
                width: 300px;
                border-radius: 8px;
            }
            .plumx-metric:hover + .plumx-popup {
                display: block;
            }

            /* Card hasil pencarian: 2 kolom - kiri konten, kanan status */
            .result-card {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 16px;
                align-items: start;
            }
            .result-card-right {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                gap: 6px;
                flex-shrink: 0;
            }
            .plumx-corner {
                display: inline-flex;
                width: 26px;
                height: 26px;
                flex-shrink: 0;
            }
            .plumx-corner svg {
                width: 100%;
                height: 100%;
                display: block;
            }