/* Original Lives V0.23 — large, clickable family banner in social profile.
   Presentation only: permissions remain enforced by Worker. */
.ol-contact-profile-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(224px,36%);align-items:center;column-gap:clamp(13px,2vw,24px);row-gap:15px;min-height:189px}
.ol-contact-profile-head .ol-contact-names{max-width:none!important;min-width:0;align-self:center;display:flex;flex-direction:column;align-items:flex-start}
.ol-contact-profile-head .ol-contact-avatar{align-self:center}
.ol-v23-family-flag{isolation:isolate;position:relative;z-index:2;display:flex;align-items:stretch;min-width:0;width:100%;min-height:137px;padding:0 0 0 8px;border:0;background:none;color:#fff;text-align:left;font:inherit;cursor:pointer;filter:drop-shadow(0 7px 16px rgba(11,0,32,.56))}
.ol-v23-family-flag:hover{transform:translateY(-2px);filter:drop-shadow(0 9px 22px rgba(174,93,255,.48))}
.ol-v23-family-flag:focus-visible{outline:3px solid #ffe0a0;outline-offset:6px;border-radius:10px}
.ol-v23-flag-mast{position:absolute;z-index:3;top:-7px;bottom:-7px;left:7px;width:6px;border-radius:10px;background:linear-gradient(90deg,#a46b20,#ffdf9d 52%,#9b6126);box-shadow:0 0 13px rgba(255,202,94,.43)}
.ol-v23-flag-mast:before{content:'';position:absolute;top:-5px;left:-5px;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fff8d7,#f9cf67 55%,#a76922);box-shadow:0 0 15px rgba(255,191,63,.45)}
.ol-v23-flag-cloth{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:20px 27px 19px 20px;clip-path:polygon(0 0,100% 0,91.5% 50%,100% 100%,0 100%);background:radial-gradient(ellipse 110% 90% at 91% 11%,rgba(206,130,255,.42),transparent 64%),repeating-linear-gradient(160deg,transparent 0 10px,rgba(255,255,255,.025) 11px 12px),linear-gradient(110deg,#4e218c 0%,#7c2dd1 49%,#37155e 100%);border:1px solid rgba(234,180,255,.7);box-shadow:inset 0 0 0 1px rgba(255,220,255,.14),inset 0 0 25px rgba(225,142,255,.18)}
.ol-v23-flag-cloth:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ffdb8f,#df91ff,#a363ff);box-shadow:0 0 19px rgba(236,156,255,.7)}
.ol-v23-flag-crest{position:relative;flex:0 0 clamp(58px,6.8vw,72px);width:clamp(58px,6.8vw,72px);height:clamp(58px,6.8vw,72px);border-radius:17px;display:grid;place-items:center;background:radial-gradient(circle at 45% 25%,#7251aa,#2e144a 80%);border:2px solid rgba(255,219,145,.95);box-shadow:0 0 0 4px rgba(255,191,92,.11),0 0 15px rgba(253,207,113,.3);overflow:hidden}
.ol-v23-flag-crown{font-size:32px;line-height:1}
.ol-v23-flag-crest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ol-v23-flag-copy{min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center;flex:1}
.ol-v23-flag-label{color:#ffe1a0;font-size:10px;line-height:1.25;font-weight:900;letter-spacing:.075em;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.ol-v23-flag-name{font-size:clamp(16px,1.9vw,23px);line-height:1.08;color:#fff!important;font-weight:900;letter-spacing:-.035em;overflow-wrap:anywhere;text-shadow:0 2px 10px rgba(10,0,21,.6)}
.ol-v23-flag-link{color:#e9c6ff;font-size:11px;font-weight:750;text-decoration:underline;text-decoration-color:rgba(233,198,255,.38);text-underline-offset:3px}
/* Keep the flag large and easy to tap on narrow screens, without obscuring names. */
@media(max-width:780px){.ol-contact-profile-head{grid-template-columns:auto minmax(0,1fr);row-gap:19px}.ol-contact-profile-head .ol-v23-family-flag{grid-column:1/-1;max-width:430px;min-height:120px;margin:0 auto}.ol-v23-flag-crest{flex-basis:66px;width:66px;height:66px}.ol-v23-flag-name{font-size:21px}}
@media(max-width:480px){.ol-contact-profile-head{column-gap:12px;row-gap:14px}.ol-contact-profile-head .ol-v23-family-flag{min-height:108px;max-width:100%}.ol-v23-flag-cloth{gap:10px;padding:14px 24px 12px 17px}.ol-v23-flag-crest{flex-basis:56px;width:56px;height:56px;border-radius:13px}.ol-v23-flag-crown{font-size:25px}.ol-v23-flag-name{font-size:18px}.ol-v23-flag-label{font-size:9px}.ol-v23-flag-link{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.ol-v23-family-flag{transition:transform .17s ease,filter .17s ease}}