@layer kb.pages {
  .reminder-center { min-width: 0; flex: 0 1 auto; }
  .reminder-center__trigger { min-width: 44px; height: 44px; max-width: 320px; display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 0 12px; border: 1px solid var(--kb-line); border-radius: 999px; background: var(--kb-frost); box-shadow: var(--kb-frost-shadow);
    color: var(--kb-text); cursor: pointer; font: inherit; }
  .reminder-center__trigger:hover { background: var(--kb-card); color: var(--kb-primary); }
  .reminder-center__trigger:focus-visible { outline: 2px solid var(--kb-focus-ring); outline-offset: 3px; }
  .reminder-center__trigger > svg { flex: none; }
  .reminder-center__next { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
  .reminder-center [hidden] { display: none !important; }
  .rem-all__preferences { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
  @media (max-width: 768px) { .reminder-center__trigger { max-width: 150px; } }
  @media (max-width: 480px) { .reminder-center__trigger { max-width: 115px; padding-inline: 10px; } }
  @media (max-width: 600px) {
    .kb-topbar__bar { flex-wrap: wrap; }
    .kb-topbar__actions { width: 100%; justify-content: flex-end; }
    .kb-topbar .kb-search { order: 2; flex-basis: 100%; max-width: none; }
  }
}