/* Shared interaction standards; layout and palette stay owned by each client. */
.peer-origin{display:block;font-size:11px;color:var(--ref-secondary,#697781);line-height:1.5;overflow-wrap:anywhere;max-width:100%}.peer-origin[hidden]{display:none}
.ref-inline-video{display:block;width:min(360px,100%);max-height:360px;min-height:150px;object-fit:contain;aspect-ratio:16/9;border-radius:7px;background:#111;touch-action:manipulation}
.ref-media-message:has(.ref-inline-video){display:block;padding:0;border:0;background:transparent;overflow:hidden;max-width:100%;width:min(360px,70vw)}
.message-body:has(.ref-inline-video){padding:0}.message-bubble:has(.ref-inline-video){padding:0;background:transparent!important;border:0!important;box-shadow:none!important;max-width:min(420px,76vw)}
.ref-media-message:has(.ref-inline-video):focus-visible{outline:2px solid var(--ref-accent);outline-offset:3px}.ref-inline-video:focus-visible{outline:2px solid var(--ref-accent);outline-offset:-2px}
.ref-sheet-head h2,.product-business h2{font-size:18px;line-height:1.4;letter-spacing:.01em}.ref-sheet-head{gap:12px}.ref-sheet-body{line-height:1.6}.ref-row-label>strong{font-weight:500;line-height:1.45}.ref-row-label>small{line-height:1.5;margin-top:4px}
.ref-message-menu .ref-menu-item{min-height:40px;gap:10px}.ref-message-menu .ref-menu-item>svg{width:19px;height:19px;flex:none}.ref-form label{display:grid;gap:7px;line-height:1.5}.ref-form :is(input,textarea,select){box-sizing:border-box;min-width:0;max-width:100%;border-radius:6px}.ref-form-error{line-height:1.5;overflow-wrap:anywhere}
.product-business :is(section,.business-wallet-nav){min-width:0}.product-business .ref-info{line-height:1.65}.product-business form label{line-height:1.5;overflow-wrap:anywhere}.product-business form :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}.product-business [role=status]:empty{display:none}
html[data-client-variant=wechat] .ref-sheet{--ref-sheet-gap:16px}html[data-client-variant=wechat] .product-business section:not(.business-wheel):not(.wheel-award):not(.wheel-award-card){border-radius:7px}html[data-client-variant=wechat] .business-wallet-nav button[aria-current=true]{font-weight:600}
html[data-client-variant=telegram] .ref-sheet{--ref-sheet-gap:18px}html[data-client-variant=telegram] .product-business section:not(.business-wheel):not(.wheel-award):not(.wheel-award-card){border-radius:8px}html[data-client-variant=telegram] .ref-row:active{background:color-mix(in srgb,var(--ref-accent) 12%,var(--ref-panel,#fff))}
@media(max-width:600px){.ref-inline-video{max-height:290px;width:100%}.ref-media-message:has(.ref-inline-video){width:min(330px,74vw)}.ref-form :is(input,select,textarea),.product-business :is(input,select,textarea){font-size:16px}.product-business .business-wallet-nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.business-wallet-nav button{flex:0 0 auto;min-height:42px}.ref-sheet-head{padding-inline:max(12px,env(safe-area-inset-left));min-height:54px}.ref-sheet-head>h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.ref-video-placeholder{display:grid;place-items:center;color:#ffffffaa}.ref-video-placeholder>svg{width:32px;height:32px}

/* Native text remains live; size metadata for readable high-DPR and narrow views. */
:root[data-client-variant] :is(.conversation-time,.message-meta,.message-delivery-status,.keyboard-hint,.peer-origin){font-size:12px;line-height:1.5}
:root[data-client-variant] .message-delivery-status{color:var(--ref-secondary);opacity:1}
:root[data-client-variant] .message-row.own .message-delivery-status{color:var(--ref-outgoing-text)}
:root[data-client-variant] .chat-empty .ref-info{font-size:14px;line-height:1.7}
.product-business .wallet-action-grid button{gap:8px;padding:12px;min-width:0;align-items:center}
.product-business .wallet-action-grid button>svg{width:20px;height:20px;flex:0 0 20px}
.product-business .wallet-action-grid button>span{min-width:0;overflow-wrap:anywhere}
.product-business .wallet-action-grid button:not(:disabled):hover{background:var(--ref-hover);color:var(--ref-accent-ink);filter:none}
.product-business .wallet-action-grid button:not(:disabled):active{background:var(--ref-selected)}
.product-business .wallet-action-grid button:focus-visible{outline:2px solid var(--ref-focus);outline-offset:2px}
@media(max-width:380px){.product-business .wallet-action-grid button{padding:11px 8px;gap:6px;font-size:13px}}

/* A long setting name keeps its full readable line; secondary values move below on phones. */
@media(max-width:600px){
 .settings-row:not(.settings-switch){display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:5px 12px;align-items:center;padding-block:13px}
 .settings-row:not(.settings-switch)>.settings-icon{grid-column:1;grid-row:1}
 .settings-row:not(.settings-switch)>.settings-row-copy{grid-column:2;grid-row:1;min-width:0}
 .settings-row:not(.settings-switch)>.settings-value{grid-column:2;grid-row:2;min-width:0;max-width:none;white-space:normal;text-align:left;overflow-wrap:break-word;margin:0;font-size:14px}
 .settings-row:not(.settings-switch)>.settings-chevron{grid-column:3;grid-row:1/3;align-self:center}
 .settings-row-copy>strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
 .settings-row-copy>small{white-space:normal;line-height:1.5}
}

/* Editable profile fields need an identifiable boundary in both palettes. */
:root[data-client-variant] .ref-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-width:1px;border-style:solid;border-color:color-mix(in srgb,var(--ref-secondary) 78%,var(--ref-panel))!important}