/* icons.css — Material Icons (Symbols Rounded) + icon-only button styles */
.material-symbols-rounded {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 20px;
  line-height: 1;
  vertical-align: -0.15em;
  display: inline-block;
}
.btn.icon, a.btn.icon, button.btn.icon, .btn-link.icon-only {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
}
.btn.icon .material-symbols-rounded,
.btn-link.icon-only .material-symbols-rounded { font-size: 20px; }
.btn.danger { background: #b00020; color: #fff; }
.btn.danger:hover { filter: brightness(1.05); }
.topbar .btn-link.icon-only { background: transparent; color: inherit; }
.topbar .btn-link.icon-only:hover { background: rgba(255,255,255,0.08); }
.sr-only { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
td.actions-cell > .actions { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
@media (max-width: 640px) {
  .btn.icon, .btn-link.icon-only { width: 32px; height: 32px; }
  .btn.icon .material-symbols-rounded,
  .btn-link.icon-only .material-symbols-rounded { font-size: 18px; }
}