.contacts-detail .fc-contact-icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:38px;padding:0;vertical-align:middle;cursor:pointer}.contacts-detail .fc-contact-icon-action svg{display:block;flex:none}.contacts-detail .fc-contact-icon-action:disabled{cursor:not-allowed}.contacts-detail .fc-contact-icon-action::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%) translateY(-4px);background:#2e3238;color:#fff;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.25;opacity:0;visibility:hidden;pointer-events:none;z-index:80;box-shadow:0 4px 12px #0002;transition:opacity .12s,transform .12s,visibility .12s}.contacts-detail .fc-contact-icon-action:is(:hover,:focus-visible)::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.contacts-detail .contacts-name-row .contacts-edit-button{display:none}.contacts-detail .contacts-detail-actions{overflow:visible;flex-wrap:wrap}.contacts-detail .contacts-name-row{overflow:visible}@media(max-width:600px){.contacts-detail .fc-contact-icon-action{width:40px;min-width:40px;height:38px}.contacts-detail .fc-contact-icon-action::after{font-size:11px}}

/* Compact, consistent contact actions on phones and tablets. */
@media(max-width:800px){
 #view .contacts-detail .contacts-detail-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:clamp(3px,1.2vw,8px);width:100%;max-width:100%;min-width:0;overflow:visible;padding:4px 0 34px}
 #view .contacts-detail .contacts-detail-actions .fc-contact-icon-action{flex:0 0 clamp(34px,10vw,42px);width:clamp(34px,10vw,42px);min-width:0;height:38px;margin:0}
 #view .contacts-detail .fc-contact-icon-action:is(:focus,:active)::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
 #view .contacts-detail .fc-contact-icon-action:first-child::after{left:0;transform:translateX(0) translateY(-4px)}
 #view .contacts-detail .fc-contact-icon-action:first-child:is(:hover,:focus,:active)::after{transform:translateX(0) translateY(0)}
 #view .contacts-detail .fc-contact-icon-action:last-child::after{left:auto;right:0;transform:translateX(0) translateY(-4px)}
 #view .contacts-detail .fc-contact-icon-action:last-child:is(:hover,:focus,:active)::after{transform:translateX(0) translateY(0)}
}