/* Sector cards remain native, keyboard-operable tabs. */
.system-toolbar { display: block; margin: 0 0 32px; padding: 0; border: 0; overflow: visible; }
.system-toolbar .filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; min-width: 0; width: 100%; padding: 0; border: 0; border-radius: 0; background: none; }
.system-toolbar .filters button {
  --filter-accent: #306ad4;
  --filter-wash: #eef4ff;
  --filter-shadow: #306ad423;
  display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center;
  gap: 12px; min-width: 0; min-height: 102px; padding: 18px;
  border: 1px solid #dce6f3; border-radius: 18px; background: #fff;
  color: #355272; text-align: right; white-space: normal;
  box-shadow: 0 3px 9px #5173a005;
  transition: background .25s, border-color .25s, box-shadow .25s, transform .25s;
}
.system-toolbar .filters button[data-filter=health] { --filter-accent: #137d87; --filter-wash: #eaf7f6; --filter-shadow: #137d8723; }
.system-toolbar .filters button[data-filter=mobile] { --filter-accent: #7755bb; --filter-wash: #f3effb; --filter-shadow: #7755bb23; }
.system-toolbar .filters button::after { display: none; }
.filter-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid transparent; border-radius: 12px; background: var(--filter-wash); color: var(--filter-accent); transition: background .25s, color .25s; }
.filter-icon svg { display: block; width: 23px; height: 23px; }
.filter-copy { display: flex; flex-direction: column; min-width: 0; gap: 5px; }
.filter-name { font-size: 14px; font-weight: 700; line-height: 1.7; }
.filter-description { font-size: 10px; font-weight: 400; line-height: 1.8; color: #7b8fa9; }
.system-toolbar .filters .filter-count { display: grid; place-items: center; min-width: 26px; height: 26px; margin: 0; padding: 0 5px; align-self: start; border: 1px solid #e4ecf6; border-radius: 8px; color: #8298b4; background: #f9fbfe; font: 11px Arial,sans-serif; letter-spacing: .3px; }
.system-toolbar .filters button.selected { border-color: var(--filter-accent); background: var(--filter-accent); color: #fff; box-shadow: 0 9px 22px var(--filter-shadow); }
.system-toolbar .filters button.selected .filter-icon { border-color: #ffffff25; background: #ffffff1f; color: #fff; }
.system-toolbar .filters button.selected .filter-description { color: #ffffffe6; }
.system-toolbar .filters button.selected .filter-count { color: #fff; background: #ffffff12; border-color: #ffffff38; }
.system-toolbar .filters button:focus-visible { outline: 2px solid var(--filter-accent); outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) {
  .system-toolbar .filters button:hover { transform: translateY(-3px); border-color: var(--filter-accent); box-shadow: 0 8px 20px var(--filter-shadow); }
  .system-toolbar .filters button:not(.selected):hover { background: var(--filter-wash); }
}
@media (min-width:821px) and (max-width:1200px) {
  .system-toolbar .filters button { grid-template-columns: 38px 1fr; min-height: 135px; padding: 17px; gap: 13px 10px; }
  .filter-icon { width: 38px; height: 38px; }
  .filter-copy { grid-column: 1/-1; grid-row: 2; gap: 3px; }
  .system-toolbar .filters .filter-count { grid-column: 2; grid-row: 1; justify-self: end; }
}
@media (max-width:820px) {
  .system-toolbar .filters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .system-toolbar .filters button { padding: 17px; min-height: 98px; }
}
@media (max-width:640px) {
  .system-toolbar { margin: 0 0 25px; padding: 0; overflow: visible; }
  .system-toolbar .filters { gap: 10px; }
  .system-toolbar .filters button { grid-template-columns: 36px 1fr; min-height: 136px; gap: 12px 8px; padding: 15px; border-radius: 16px; }
  .filter-icon { width: 36px; height: 36px; border-radius: 10px; }
  .filter-icon svg { width: 21px; height: 21px; }
  .filter-copy { grid-column: 1/-1; grid-row: 2; gap: 3px; }
  .filter-name { font-size: 13px; }
  .filter-description { font-size: 10px; }
  .system-toolbar .filters .filter-count { grid-column: 2; grid-row: 1; justify-self: end; min-width: 24px; height: 24px; font-size: 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .system-toolbar .filters button, .system-toolbar .filters .filter-icon { transition: none; }
  .system-toolbar .filters button:hover { transform: none; }
}