/* CHANGE LOG: 2026-10-06 v1.0 - GOLDEN TEMPLATE — RATINGS: the stars on every card, record page and
   the board's stars filter (pipeline/cards/_rating, golden-template/ratings/_stars, pipeline/_rating_filter (links in <details>),
   public/js/board-rating.js). Moved from board-kit-parts.css (board-only) so record pages use the same rules.
   Component classes only; nothing page-wide. */
.board-rating { display: inline-flex; gap: 1px; line-height: 1; vertical-align: middle; }
.board-rating button { background: none; border: 0; padding: 0 1px; font-size: 16px; line-height: 1; color: #c8c8c8; cursor: pointer; }
.board-rating button.on { color: #f5b301; }
.board-rating button:focus-visible { outline: 2px solid #0066cc; }
.board-rating-record button { font-size: 22px; }
.board-rating-filter { position: relative; }
.board-rating-filter > summary { list-style: none; cursor: pointer; min-width: 150px; padding: 6px 28px 6px 12px; border: 1px solid #ced4da; border-radius: 4px; background: #fff; color: #212529; font-size: 14px; line-height: 1.5; white-space: nowrap; }
.board-rating-filter > summary::-webkit-details-marker { display: none; }
.board-rating-filter > summary::after { content: '\25BE'; position: absolute; right: 10px; color: #6c757d; }
.board-rating-filter-menu { position: absolute; z-index: 20; right: 0; margin-top: 2px; min-width: 100%; padding: 4px 0; background: #fff; border: 1px solid #ced4da; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); }
.board-rating-filter-menu a { display: block; padding: 5px 12px; color: #212529; font-size: 14px; text-decoration: none; white-space: nowrap; }
.board-rating-filter-menu a:hover { background: #f1f3f5; }
.board-rating-filter-menu a.is-active { background: #0d6efd; color: #fff; }