/* Compact GM alerts only. Notification settings and admin surfaces are unchanged. */
main.content[data-role="gm"] .gm-alerts { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
main.content[data-role="gm"] .gm-alerts > .page-heading { display: flex; margin: 0; align-items: center; }
main.content[data-role="gm"] .gm-alerts .alert-demo-note { font-size: 12px; color: #8390a3; }
main.content[data-role="gm"] .gm-alerts .alert-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--border); border-radius: 7px; background: #fff; }
main.content[data-role="gm"] .gm-alerts .alert-summary > div { display: flex; align-items: center; gap: 20px; padding: 14px 18px; border-right: 1px solid var(--border); }
main.content[data-role="gm"] .gm-alerts .alert-summary > div:last-child { border-right: 0; }
main.content[data-role="gm"] .gm-alerts .alert-summary span { font-size: 14px; color: #63738b; }
main.content[data-role="gm"] .gm-alerts .alert-summary strong { font-size: 28px; line-height: 1.2; font-weight: 750; font-variant-numeric: tabular-nums; }
main.content[data-role="gm"] .gm-alerts .alert-toolbar { display: flex; align-items: center; gap: 12px; min-width: 0; }
main.content[data-role="gm"] .gm-alerts .alert-project-filter { display: flex; align-items: center; gap: 9px; flex: 0 1 245px; min-width: 180px; }
main.content[data-role="gm"] .gm-alerts .alert-project-filter label { font-size: 13px; white-space: nowrap; color: #67778e; }
main.content[data-role="gm"] .gm-alerts .alert-project-filter select { flex: 1; min-width: 0; height: 38px; padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; background: #fff; color: #344460; font: inherit; font-size: 14px; }
main.content[data-role="gm"] .gm-alerts .alert-filters { display: flex; padding: 3px; gap: 2px; border: 1px solid var(--border); border-radius: 6px; background: #f0f4fa; }
main.content[data-role="gm"] .gm-alerts .alert-filters .btn { min-height: 30px; padding: 4px 10px; border: 0; border-radius: 4px; background: transparent; color: #718198; font-size: 13px; box-shadow: none; white-space: nowrap; }
main.content[data-role="gm"] .gm-alerts .alert-filters .btn.active { background: #fff; color: #2869cb; font-weight: 700; box-shadow: 0 1px 3px #243b5b0d; }
main.content[data-role="gm"] .gm-alerts .alert-result-count { margin-left: auto; white-space: nowrap; color: #8b97a8; font-size: 12px; }
main.content[data-role="gm"] .gm-alerts .alert-list { padding: 0; overflow: hidden; }
main.content[data-role="gm"] .gm-alerts .alert-desktop table { width: 100%; min-width: 760px; }
main.content[data-role="gm"] .gm-alerts .alert-desktop th { padding: 10px 14px; font-size: 13px; white-space: nowrap; }
main.content[data-role="gm"] .gm-alerts .alert-desktop td { padding: 11px 14px; height: auto; vertical-align: middle; font-size: 14px; }
main.content[data-role="gm"] .gm-alerts .alert-desktop tr:last-child td { border-bottom: 0; }
main.content[data-role="gm"] .gm-alerts .alert-index { width: 48px; color: #8b98aa; font-size: 12px; font-variant-numeric: tabular-nums; }
main.content[data-role="gm"] .gm-alerts .alert-identity { min-width: 190px; }
main.content[data-role="gm"] .gm-alerts .alert-project-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 9px; }
main.content[data-role="gm"] .gm-alerts .alert-project-line > strong { font-size: 15px; line-height: 1.4; }
main.content[data-role="gm"] .gm-alerts .alert-title { display: block; margin-top: 2px; font-size: 13px; color: #5a6c86; line-height: 1.5; }
main.content[data-role="gm"] .gm-alerts .alert-identity small { display: inline-block; margin-top: 2px; color: #8996a9; font-size: 11px; line-height: 1.3; }
main.content[data-role="gm"] .gm-alerts .alert-values { min-width: 150px; font-variant-numeric: tabular-nums; }
main.content[data-role="gm"] .gm-alerts .alert-values > strong { display: block; font-size: 17px; line-height: 1.5; }
main.content[data-role="gm"] .gm-alerts .alert-values small { display: block; margin-top: 2px; color: #8290a4; font-size: 12px; white-space: nowrap; }
main.content[data-role="gm"] .gm-alerts .alert-time { white-space: nowrap; color: #7c8ba0; font-variant-numeric: tabular-nums; }
main.content[data-role="gm"] .gm-alerts .alert-state { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
main.content[data-role="gm"] .gm-alerts .alert-state .badge { font-size: 11px; padding: 3px 7px; white-space: nowrap; }
main.content[data-role="gm"] .gm-alerts .alert-actions { display: flex; gap: 5px; }
main.content[data-role="gm"] .gm-alerts .alert-actions .btn { min-height: 30px; padding: 4px 8px; font-size: 13px; white-space: nowrap; }
main.content[data-role="gm"] .gm-alerts .alert-mobile { display: none; }
main.content[data-role="gm"] .gm-alerts .alert-help { border: 1px solid var(--border); border-radius: 7px; background: #fff; }
main.content[data-role="gm"] .gm-alerts .alert-help > summary { padding: 11px 16px; color: #687b96; cursor: pointer; font-size: 13px; font-weight: 600; }
main.content[data-role="gm"] .gm-alerts .alert-help > div { padding: 0 16px 14px; }
main.content[data-role="gm"] .gm-alerts .alert-help p { color: #8390a3; font-size: 12px; line-height: 1.8; margin: 0; }
main.content[data-role="gm"] .gm-alerts .alert-help p + p { margin-top: 7px; }
main.content[data-role="gm"] .gm-alerts :is(button,select,summary):focus-visible { outline: 2px solid #568be2; outline-offset: 3px; }
.modal .gm-alert-detail .alert-state { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.modal .gm-alert-detail .list-row { font-size: 14px; gap: 14px; }
.modal .gm-alert-detail .list-row > strong { text-align: right; }
.modal .gm-alert-detail > p { font-size: 14px; line-height: 1.7; }

@media (min-width:761px) and (max-width:1120px) {
  main.content[data-role="gm"] .gm-alerts .alert-toolbar { gap: 8px; }
  main.content[data-role="gm"] .gm-alerts .alert-project-filter { flex-basis: 190px; }
  main.content[data-role="gm"] .gm-alerts .alert-filters .btn { padding: 4px 8px; }
}

@media (max-width:760px) {
  main.content[data-role="gm"] .gm-alerts { gap: 10px; }
  main.content[data-role="gm"] .gm-alerts > .page-heading { align-items: flex-start; }
  main.content[data-role="gm"] .gm-alerts .alert-demo-note { font-size: 10px; text-align: right; line-height: 1.6; white-space: nowrap; align-self: center; }
  main.content[data-role="gm"] .gm-alerts .alert-summary { border-radius: 8px; }
  main.content[data-role="gm"] .gm-alerts .alert-summary > div { padding: 11px 12px; display: block; }
  main.content[data-role="gm"] .gm-alerts .alert-summary span { display: block; font-size: 12px; }
  main.content[data-role="gm"] .gm-alerts .alert-summary strong { display: block; font-size: 25px; margin-top: 5px; }
  main.content[data-role="gm"] .gm-alerts .alert-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  main.content[data-role="gm"] .gm-alerts .alert-project-filter { min-width: 0; }
  main.content[data-role="gm"] .gm-alerts .alert-project-filter select { min-height: 44px; }
  main.content[data-role="gm"] .gm-alerts .alert-result-count { grid-column: 2; grid-row: 1; }
  main.content[data-role="gm"] .gm-alerts .alert-filters { grid-column: 1/-1; padding: 2px; gap: 0; overflow-x: auto; }
  main.content[data-role="gm"] .gm-alerts .alert-filters .btn { min-height: 42px; flex: 1 0 auto; padding: 6px 8px; font-size: 13px; }
  main.content[data-role="gm"] .gm-alerts .alert-desktop { display: none; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile { display: block; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-row { display: block; width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid var(--border); padding: 13px 14px; color: #344460; font: inherit; cursor: pointer; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-row:last-child { border-bottom: 0; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-row:hover { background: #f9fbff; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-heading > span { display: flex; align-items: center; gap: 8px; min-width: 0; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-heading .alert-index { width: auto; flex: 0 0 auto; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-heading strong { font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-heading time { font-size: 12px; color: #8b97a8; white-space: nowrap; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-title { display: block; font-size: 14px; color: #576c88; line-height: 1.6; margin-top: 4px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-data { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 7px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-data > span:first-child { min-width: 0; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-data strong { display: block; font-size: 20px; line-height: 1.35; font-variant-numeric: tabular-nums; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-data small { display: block; font-size: 12px; color: #8a97a8; margin-top: 3px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-data .alert-state { justify-content: flex-end; max-width: 140px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-tail { display: flex; justify-content: space-between; gap: 10px; margin-top: 7px; color: #919daf; font-size: 11px; }
  main.content[data-role="gm"] .gm-alerts .alert-mobile-tail > span:last-child { color: #6289bd; }
  main.content[data-role="gm"] .gm-alerts .alert-help > summary { min-height: 44px; padding: 12px 14px; }
  main.content[data-role="gm"] .gm-alerts .alert-help > div { padding: 0 14px 14px; }
  .modal .gm-alert-detail .list-row { font-size: 13px; }
}