:root{--hl-control-radius:12px;--hl-control-height:44px}
.button{border-radius:var(--hl-control-radius);min-height:var(--hl-control-height);padding:10px 16px;font-weight:650;line-height:1.35;box-sizing:border-box;text-align:center}
button.hl-ui-primary,a.hl-ui-primary{border-radius:var(--hl-control-radius);min-height:var(--hl-control-height);background:var(--blue,#104976);color:var(--cream,#fff);border:1px solid var(--blue,#104976);padding:10px 16px;font-size:15px;font-weight:650;line-height:1.35;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal}
button.hl-ui-back,a.hl-ui-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:var(--surface);color:var(--text);font-size:28px;font-weight:400;line-height:1;font-family:inherit;box-shadow:none;text-decoration:none;box-sizing:border-box;touch-action:manipulation}
button.hl-ui-back-label,a.hl-ui-back-label{width:auto;height:auto;min-height:44px;border-radius:var(--hl-control-radius);padding:9px 14px;font-size:14px;font-weight:650;line-height:1.4;font-family:inherit;white-space:normal}.hl-ui-back-label:not(.hl-ui-back-chevron):before{content:'‹';font-size:25px;line-height:1;font-weight:400}
:is(.hl-contact-hero,.hl-group-chat>header,.hl-group-details-hero) button.hl-ui-back{background:transparent;border-color:#ffffff40;color:var(--cream,#fff)}
button.hl-ui-primary-icon{width:44px;height:44px;min-width:44px;border-radius:50%;padding:0;font-size:26px;flex:0 0 auto}
button.hl-ui-cancel{min-height:44px;border:1px solid var(--border);border-radius:var(--hl-control-radius);padding:9px 16px;background:var(--surface);color:var(--text);font-weight:650;line-height:1.35}
.hl-ui-back:focus-visible,.hl-ui-primary:focus-visible,.hl-ui-cancel:focus-visible{outline:3px solid var(--blue,var(--accent));outline-offset:3px}.hl-ui-back:focus:not(:focus-visible),.hl-ui-primary:focus:not(:focus-visible){outline:none;box-shadow:none}
.hl-contact-book .hl-contact-back{width:44px;min-width:44px;height:44px}.hl-contact-book .hl-contact-add{width:44px;min-width:44px;height:44px;border-radius:50%}.hl-contact-hero-top{gap:10px}.hl-contact-hero h2{font-size:25px}.hl-contact-hero-top .hl-contact-add{margin-left:auto}.hl-contact-book .hl-contact-edit{border-radius:10px;min-height:40px;white-space:nowrap;padding:6px 10px}
@media(max-width:600px){.hl-contact-hero{padding:20px 16px}.hl-contact-hero h2{font-size:21px;letter-spacing:-.5px}.hl-contact-hero p{font-size:12px}.hl-contact-hero-top{gap:9px}.hl-contact-book .hl-contact-edit{min-width:44px;padding:6px 8px;font-size:11px}}
@media(hover:none),(pointer:coarse){button:hover,a.button:hover{filter:none}.hl-contact-book .hl-directory-row:hover,.hl-contact-book .hl-directory-details:hover{background:transparent}.hl-ui-back:hover{box-shadow:none}.hl-ui-primary:hover{background:var(--blue,#104976);color:var(--cream,#fff)}}