/* umg-push.css v1 (Nov 4 2026; owner umg-ummahchat). The alerts card on the Home hub. It borrows the hub's own parts (card, arch tile, green
   button) from umg-my-rooms.css so it reads as part of Home, and adds only what the hub lacks: a quiet one-line "on" state and a text button.
   Tokens: --uc-* from umg-ux-nov4.css, day values as fallbacks. Signature: the arch tile, here holding a bell. No gradient, no shadow, no icon grid.
   Motion: transform only, 150 ms, off under reduced motion. Tap targets 48 px. */
#umg-my-rooms .umg-push-start{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;align-items:center}
#umg-my-rooms .umg-push-start .umg-mr-tile{grid-row:1 / span 2;align-self:start}
#umg-my-rooms .umg-push-start h2{grid-column:2;align-self:end}
#umg-my-rooms .umg-push-start p{grid-column:2;font-size:16px;line-height:1.45;color:var(--uc-ink-soft,#4A5C52)}
#umg-my-rooms .umg-push-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#umg-my-rooms .umg-push-actions .umg-mr-primary{flex:1 1 200px;width:auto}
#umg-my-rooms .umg-push-ghost{min-height:48px;min-width:96px;padding:0 18px;border-radius:12px;border:1px solid var(--uc-line,#6F7B74);background:transparent;color:var(--uc-ink,#0F1F17);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out}
#umg-my-rooms .umg-push-ghost:hover{background:var(--uc-sunken,#F0EDE3)}
#umg-my-rooms .umg-push-ghost:active{transform:scale(.97)}
/* the quiet "on" state: one line, no heading, so a member who has done this once is not asked again */
#umg-my-rooms .umg-push-on{padding:12px 16px}
#umg-my-rooms .umg-push-line{display:flex;align-items:center;gap:14px}
#umg-my-rooms .umg-push-line .umg-mr-tile{width:36px;height:40px;border-radius:18px 18px 7px 7px}
#umg-my-rooms .umg-push-line .umg-mr-tile svg{width:20px;height:20px}
#umg-my-rooms .umg-push-line p{flex:1 1 auto;min-width:0;font-size:15px;line-height:1.4;color:var(--uc-ink-soft,#4A5C52)}
#umg-my-rooms .umg-push-line p b{color:var(--uc-ink,#0F1F17)}
@media (max-width:560px){
  #umg-my-rooms .umg-push-line{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:10px;align-items:center}
  #umg-my-rooms .umg-push-line .umg-push-ghost{grid-column:1 / -1;width:100%}
  #umg-my-rooms .umg-push-actions .umg-mr-primary{flex-basis:100%}
  #umg-my-rooms .umg-push-actions .umg-push-ghost{flex:1 1 100%}
}
#umg-my-rooms .umg-push :is(button):focus-visible{outline:3px solid var(--uc-action,#0A7B3D);outline-offset:2px}
@media (prefers-reduced-motion:reduce){#umg-my-rooms .umg-push *{transition:none!important}}