/* Loaded last on staff and family pages so these rules win. */
/* ---------- Every button looks like a button; red ones always have an outline (CEO rule, Nov 10, 2026; full QA Nov 10) ---------- */
.link.rm, body.skin .link.rm { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 14px; border: 1.5px solid #E8B8AE; border-radius: 999px; background: #fff; color: #B4442E; font: 600 14px var(--f-ui); text-decoration: none; cursor: pointer; }
.link.rm:hover, body.skin .link.rm:hover { background: #FDECE9; }
.cm-line .link[data-act="cm-open"] { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1.5px solid #E8B8AE; border-radius: 999px; background: #fff; color: #B4442E; font: 600 15px var(--f-ui); text-decoration: none; }
body.skin .cgd .cm-line .link[data-act="cm-open"] { border-color: #F2A193; background: transparent; color: #FFD3CB; text-decoration: none; }
.ns-signout { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin-top: 20px; border: 1.5px solid #E8B8AE; border-radius: 999px; background: #fff; color: #B4442E; text-align: center; }
.ns-del { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin: 12px 0 0; border: 1.5px solid #E8B8AE; border-radius: 999px; background: #fff; color: #B4442E; font-size: 15px; text-decoration: none; }
.ns-signout:hover, .ns-del:hover { background: #FDECE9; }
.fa-acc-out { border-color: #E8B8AE; color: #B4442E; border-width: 1.5px; border-radius: 999px; }
.fa-acc-del { display: block; width: 100%; height: 46px; text-align: center; margin: 0 0 8px; border: 1.5px solid #E8B8AE; border-radius: 999px; background: #fff; color: #B4442E; font: 700 15px var(--f-ui); }
.fs-act.red { justify-content: center; margin-top: 10px; border: 1.5px solid #E8B8AE; border-radius: 999px; padding: 8px 16px; color: #B4442E; }
body.skin .vr-nav.danger { justify-content: center; margin-top: 10px; border: 1.5px solid #E8B8AE; border-radius: 999px; color: #B4442E; }
body.skin .vr-nav.danger .chev { display: none; }

/* phones: anything tapped is at least 44 px tall (Apple's minimum; full QA Nov 10, 2026) */
@media (max-width: 600px) {
  body.skin .ot-get, body.skin .fchip, body.skin .az-chip, body.skin .row-a .btn, body.skin .mp-per .btn, body.skin .b4-mb, body.skin .sl-pill, body.skin .sl-arw,
  body.skin .ns-pill, body.skin .ab-pill, body.skin .fx-arw, body.skin .chip-btn, body.skin .pq-b, body.skin .cgt-row .btn, body.skin .cgm-row .btn, body.skin .on, body.skin .fc-chev { min-height: 44px; }
  body.skin .b4-mb, body.skin .sl-arw, body.skin .fx-arw, body.skin .icon-btn { min-width: 44px; min-height: 44px; }
  body.skin .crumb .link, body.skin .b4-back .lnk, body.skin .vl-back .link, body.skin p.cap .link { min-height: 44px; display: inline-flex; align-items: center; }
  .link.rm, body.skin .link.rm { min-height: 44px; }
}

/* trash buttons (Delete chat, Delete an office post, and the other icon deletes) keep the red outline too (release check, Nov 10, 2026) */
.icon-btn[aria-label^="Delete"], .icon-btn[aria-label^="Remove"] { border: 1.5px solid #E8B8AE; background: #fff; color: #B4442E; }
.icon-btn[aria-label^="Delete"]:hover, .icon-btn[aria-label^="Remove"]:hover { background: #FDECE9; color: #B4442E; }