/* Contact row on the phone lane cards, option C (2026-10-09): three equal
   tiles, icon above the label. Loaded after styles.css and more specific than
   its .phone-action-row rules, which keep serving the confirmation dialogs. */

#phone-shell .phone-action-row button.phone-whatsapp,
#phone-shell .phone-action-row button.phone-email,
#phone-shell .phone-action-row button.phone-deliver {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 64px;
  padding: 10px 8px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 700;
}
#phone-shell .phone-action-row button.phone-whatsapp svg,
#phone-shell .phone-action-row button.phone-email svg,
#phone-shell .phone-action-row button.phone-deliver svg {
  width: 22px;
  height: 22px;
}
#phone-shell .phone-action-row button.phone-whatsapp { background: #25d366; color: #fff; }
#phone-shell .phone-action-row button.phone-email { background: #fff; border: 1px solid #c9d9e8; color: #1a56c4; }
#phone-shell .phone-action-row button.phone-deliver { background: #123f3d; color: #fff; }