/* umg-install.css v1 (Nov 4 2026; owner umg-ummahchat). The "Put UmmahChat on your phone" card on the Home hub.
   Borrows the hub's own card, arch tile and green button (umg-my-rooms.css), so it reads as part of Home. Tokens --uc-* from umg-ux-nov4.css, day values as fallbacks.
   Own class names (.umg-ins-*): it must not depend on umg-push.css. 48 px taps, transform-only motion, off under reduced motion. */
#umg-my-rooms .umg-ins-start{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;align-items:center}
#umg-my-rooms .umg-ins-start .umg-mr-tile{grid-row:1 / span 2;align-self:start}
#umg-my-rooms .umg-ins-start h2{grid-column:2;align-self:end}
#umg-my-rooms .umg-ins-start p{grid-column:2;font-size:16px;line-height:1.45;color:var(--uc-ink-soft,#4A5C52)}
#umg-my-rooms .umg-ins-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#umg-my-rooms .umg-ins-actions .umg-mr-primary{flex:1 1 200px;width:auto;text-decoration:none}
#umg-my-rooms .umg-ins-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-ins-ghost:hover{background:var(--uc-sunken,#F0EDE3)}
#umg-my-rooms .umg-ins-ghost:active{transform:scale(.97)}
@media (max-width:560px){
  #umg-my-rooms .umg-ins-actions .umg-mr-primary,#umg-my-rooms .umg-ins-actions .umg-ins-ghost{flex:1 1 100%}
}
#umg-my-rooms .umg-ins :is(button,a):focus-visible{outline:3px solid var(--uc-action,#0A7B3D);outline-offset:2px}
@media (prefers-reduced-motion:reduce){#umg-my-rooms .umg-ins *{transition:none!important}}

/* one solid green per screen: this card's main button is outlined; "Not now" is plain text (panel round 1) */
#umg-my-rooms .umg-ins-actions .umg-mr-primary{background:transparent;color:var(--uc-action,#0A7B3D);border:2px solid var(--uc-action,#0A7B3D)}
#umg-my-rooms .umg-ins-actions .umg-mr-primary:hover{background:var(--uc-tint-mint,#EAF7EE);color:var(--uc-action,#0A7B3D)}
#umg-my-rooms .umg-ins-ghost{border-color:transparent}
/* the hub's own "Say salaam in the Lobby" card put its heading at the bottom of the tile row; centre it on the tile like the new cards */
#umg-my-rooms .umg-mr-start h2{align-self:center}
/* first minute in the installed app: the alerts offer leads, so the next-step button gives way (one solid green per screen); "Not now" reads the same on both cards */
#umg-my-rooms:has(> .umg-push-top) .umg-mr-start:not(.umg-push-start):not(.umg-ins-start) .umg-mr-primary{background:transparent;color:var(--uc-action,#0A7B3D);border:2px solid var(--uc-action,#0A7B3D)}
#umg-my-rooms .umg-push-ghost{border-color:transparent}