/* MySKN Voters List search — theme-adaptive.
   Inherits the site's text colour (color: inherit) so it reads correctly in both
   the LIGHT and DARK modes of the myskn-2026 theme, and tracks the header theme
   toggle automatically. Backgrounds/borders use translucent neutrals that show on
   either background instead of hardcoded light greys. */
.myskn-voters { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 16px 0; color: inherit; }
.myskn-voters * { box-sizing: border-box; }
.myskn-voters .mv-form { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.myskn-voters .mv-select,
.myskn-voters .mv-input { padding: 10px 12px; border: 1px solid rgba(128,128,128,.45); border-radius: 8px; font-size: 15px; outline: none; color: inherit; background: transparent; }
.myskn-voters .mv-select option { color: #1a1a2e; background: #fff; } /* native option list stays legible on both modes */
.myskn-voters .mv-input { flex: 1; min-width: 200px; }
.myskn-voters .mv-input::placeholder { color: inherit; opacity: .55; }
.myskn-voters .mv-select:focus,
.myskn-voters .mv-input:focus { border-color: #0b6bcb; }
.myskn-voters .mv-btn { border: 0; background: #0b6bcb; color: #fff; padding: 0 18px; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; }
.myskn-voters .mv-btn:hover { background: #095aad; }
.myskn-voters .mv-lock { font-size: 16px; font-weight: 700; color: inherit; margin: 4px 0 8px; }
.myskn-voters .mv-status { font-size: 14px; color: inherit; opacity: .75; margin: 6px 0; }
.myskn-voters .mv-table { width: 100%; border-collapse: collapse; font-size: 14px; color: inherit; }
.myskn-voters .mv-table th,
.myskn-voters .mv-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(128,128,128,.28); vertical-align: top; color: inherit; }
.myskn-voters .mv-table th { background: rgba(128,128,128,.16); font-weight: 700; white-space: nowrap; }
.myskn-voters .mv-table th.mv-sortable { cursor: pointer; user-select: none; }
.myskn-voters .mv-table th.mv-sortable:hover { background: rgba(128,128,128,.28); }
.myskn-voters .mv-table th.mv-sorted { background: rgba(11,107,203,.18); }
.myskn-voters .mv-table th .mv-arrow { font-size: 11px; opacity: .85; }
.myskn-voters .mv-table tr:hover td { background: rgba(128,128,128,.10); }
.myskn-voters .mv-pager { display: flex; align-items: center; gap: 10px; margin: 14px 0; }
.myskn-voters .mv-page { border: 1px solid rgba(128,128,128,.45); background: transparent; color: inherit; padding: 8px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; }
.myskn-voters .mv-page:hover:not(:disabled) { border-color: #0b6bcb; color: #0b6bcb; }
.myskn-voters .mv-page:disabled { opacity: .5; cursor: default; }
.myskn-voters .mv-page-info { font-size: 14px; color: inherit; opacity: .75; }
@media (max-width: 640px) {
  .myskn-voters .mv-table th:nth-child(2),
  .myskn-voters .mv-table td:nth-child(2) { display: none; } /* hide Occupation on small screens */
}