/* [CMP-CHIP-BASE] shared chip styles (matches PowerUser) */
  .chip-btn {
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.35rem .6rem; border-radius:.6rem; font-weight:700; font-size:.85rem;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.12);
    cursor: pointer; user-select:none;
  }
  .chip-btn:hover { background: rgba(255,255,255,.10); }
  .chip-btn.is-active { box-shadow:0 0 0 2px rgba(255,255,255,.75) inset, 0 4px 14px rgba(0,0,0,.25); }
  .chip-dot { inline-size:.5rem; block-size:.5rem; border-radius:9999px; background:#22c55e; box-shadow:0 0 0 2px rgba(0,0,0,.25) inset; }
  .chip-dot.is-off { background:#ef4444; }

  /* === [SB-CHIP-LARGE] Bigger, more prominent Include Skill Books chip === */
  #chipSkillBooks {
    font-size: 1rem;
    padding: 0.65rem 1.25rem;
    border-radius: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: all 0.25s ease;
    background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset, 0 4px 18px rgba(0,0,0,0.35);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  #chipSkillBooks.is-active {
    background: linear-gradient(180deg, rgba(34,197,94,0.25), rgba(22,163,74,0.15));
    border-color: rgba(34,197,94,0.6);
    box-shadow:
      0 0 10px rgba(34,197,94,0.45),
      0 0 0 2px rgba(34,197,94,0.3) inset;
  }
  #chipSkillBooks .chip-dot {
    inline-size: 0.65rem;
    block-size: 0.65rem;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.4) inset;
  }
  #chipSkillBooks:hover {
    transform: scale(1.04);
    background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0.07));
  }
  #chipSkillBooks:focus-visible {
    outline: 2px solid rgba(255,255,255,0.5);
    outline-offset: 3px;
  }

  /* Match PowerUser's readable, non-ellipsized numeric columns. */
  #tblResults { --ewr-statW:68px; --ewr-totalW:68px; }
  #tblResults .col-stat,
  #tblResults .col-total {
    min-width:68px;
    white-space:nowrap;
    text-overflow:clip;
    font-variant-numeric:tabular-nums;
  }
  #tblResults.has-rank{min-width:calc(var(--ewr-rankW) + var(--ewr-nameW) + (var(--cols) * var(--ewr-statW)) + 6ch)}
  .pvp-class-btn{width:auto;min-height:42px;justify-content:center;cursor:pointer}
  .pvp-class-btn[aria-checked="true"]{transform:translateY(-1px)}
  .pvp-class-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .ewr-pairs-tabs .tab{padding:.8rem 1rem}
  #pvpClassSelector .pvp-class-btn{min-height:28px;padding:.25rem .45rem;font-size:.85rem}

.compare-add-pair { --btn: #0ea5a5; }
.compare-clear-pairs { --btn: #64748b; }