/* v188: proportions of approved messenger; scoped to chat only. */
html body #app #content:has(#mpChat185.c187){padding:12px 18px!important;max-width:none!important;width:100%!important;box-sizing:border-box}
html body #app #content #mpChat185.c187{max-width:none;margin:0;background:var(--t-surface);border:1px solid var(--t-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #00000008}
html body #app #content #mpChat185.c187 .c187-top{padding:12px 20px 0;margin:0;min-height:36px}
html body #app #content #mpChat185.c187 .c187-top h2{margin:0;font-size:26px}
html body #app #content #mpChat185.c187 .c187-nav{margin:0;padding:0 18px}
html body #app #content #mpChat185.c187 #c185Connection{padding:0 20px;margin:2px 0;font-size:10px;min-height:12px}
html body #app #content #mpChat185.c187 #c185Status:empty{display:none}
html body #app #content #mpChat185.c187 .c187-workspace{grid-template-columns:minmax(280px,28%) minmax(0,1fr) minmax(240px,23%);height:var(--c188-height,60dvh);min-height:280px;max-height:none;border:0;border-top:1px solid var(--t-line);border-radius:0;box-shadow:none}
html body #app #content #mpChat185.c187 .c185-thread{min-height:0;overflow:hidden}
html body #app #content #mpChat185.c187 .c185-messages{min-height:0;flex:1;padding:20px 28px;background-size:26px 26px}
html body #app #content #mpChat185.c187 .c187-avatar{width:56px;height:56px;flex-basis:56px}
html body #app #content #mpChat185.c187 .c187-thread-head{min-height:78px;box-sizing:border-box;padding:10px 18px}
html body #app #content #mpChat185.c187 .c187-peer>strong{font-size:18px}
html body #app #content #mpChat185.c187 .c185-room{min-height:88px;gap:12px;padding:12px!important;border-radius:8px!important}
html body #app #content #mpChat185.c187 .c187-room-first strong{font-size:15px}
html body #app #content #mpChat185.c187 .c187-room-last small{font-size:13px}
html body #app #content #mpChat185.c187 .c187-room-first time{font-size:11px}
html body #app #content #mpChat185.c187 .c185-body{font-size:15px;line-height:1.5}
html body #app #content #mpChat185.c187 .c187-directory{padding:18px 14px;overflow:auto}
html body #app #content #mpChat185.c187 .c187-person{gap:11px;padding:12px 0!important}
html body #app #content #mpChat185.c187 .c187-person strong{font-size:14px}
html body #app #content #mpChat185.c187 .c187-compose{flex-shrink:0;padding:10px 16px 14px;background:color-mix(in srgb,var(--t-accent) 5%,var(--t-bg))}
html body #app #content #mpChat185.c187 .c187-compose-row{min-height:54px;border-radius:30px;background:var(--t-surface);padding:4px 8px}
html body #app #content #mpChat185.c187 #c185Body{font-size:14px}
html body #app #content #mpChat185.c187 .c187-send{width:46px;height:46px}
html body #app #content #mpChat185.c187 .c187-list-title>strong{font-size:20px}
@media(max-width:1200px){html body #app #content #mpChat185.c187 .c187-workspace{grid-template-columns:290px minmax(0,1fr)}html body #app #content #mpChat185.c187 .c187-directory{display:none}}
@media(max-width:650px){html body #app #content:has(#mpChat185.c187){padding:6px!important}html body #app #content #mpChat185.c187 .c187-workspace{grid-template-columns:1fr}html body #app #content #mpChat185.c187 .c187-top{padding:8px 10px 0}html body #app #content #mpChat185.c187 .c187-top h2{font-size:20px}html body #app #content #mpChat185.c187 .c187-avatar{width:44px;height:44px;flex-basis:44px}html body #app #content #mpChat185.c187 .c185-messages{padding:12px}}


/* Chat458: explicit call entry and readable controls across themes. */
html body #app #content #mpChat185.c187 .c458-video{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px!important;border:1px solid #15803d!important;border-radius:11px!important;background:#34d399!important;color:#06291c!important;font-weight:750;font-size:14px;line-height:1.3;white-space:nowrap;opacity:1;cursor:pointer}
html body #app #content #mpChat185.c187 .c458-video:hover{background:#6ee7b7!important;border-color:#166534!important}
html body #app #content #mpChat185.c187 .c458-video:focus-visible{outline:3px solid var(--t-text)!important;outline-offset:3px}
html body #app #content #mpChat185.c187 .c187-nav [role=tab]{color:var(--t-text)!important;opacity:1}
html body #app #content #mpChat185.c187 .c187-nav [aria-selected=true]{color:var(--t-text)!important;background:color-mix(in srgb,var(--t-text) 8%,var(--t-surface))!important;box-shadow:inset 0 -3px #34d399!important}
html body #app #content #mpChat185.c187 #c185Connection{color:var(--t-text)!important;font-size:12px;line-height:1.5;min-height:20px;padding-top:3px;padding-bottom:3px;opacity:1}
html body #app #content #mpChat185.c187 #c185Connection[data-state=realtime]::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px;vertical-align:middle}
html body #app #content #mpChat185.c187 .c187-icon,html body #app #content #mpChat185.c187 .c187-avatar,html body #app #content #mpChat185.c187 .c185-bubble header,html body #app #content #mpChat185.c187 .c187-presence.online{color:var(--t-text)!important}
html body #app #content #mpChat185.c187 .c185-status:not(.c185-error){color:var(--t-text)}
html body #app #content #mpChat185.c187 .c187-welcome>svg{color:var(--t-text);opacity:.65}
html body #app #content #mpChat185.c187 .c187-welcome p{color:var(--t-text);opacity:.85;max-width:390px;font-size:14px}
.c458-welcome-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.c458-picker{width:min(620px,94vw);color:var(--t-text);background:var(--t-surface)}
.c458-picker>p,.c458-picker-search{line-height:1.6;color:var(--t-text)}
.c458-picker-search{display:grid;gap:7px;font-size:13px;margin:16px 0}
.c458-picker-list{display:grid;gap:8px;max-height:45vh;overflow:auto}
.c185-dialog.c458-picker .c458-picker-person{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;padding:12px;text-align:left;color:var(--t-text);background:var(--t-bg,var(--t-surface));border-color:var(--t-line)}
.c458-picker-person .c187-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--t-surface)}
.c458-picker-person .c187-avatar img{width:100%;height:100%;object-fit:cover}
.c458-picker-person>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}
.c458-picker-person small{font-size:12px}
.c458-picker-person .c458-call-label{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700;flex:none}
.c458-picker-note{font-size:13px;margin-top:16px}
@media(max-width:700px){html body #app #content #mpChat185.c187 .c187-top-tools{flex-wrap:wrap;gap:8px}html body #app #content #mpChat185.c187 .c458-video{white-space:normal;font-size:13px;padding:10px 12px!important}.c458-picker-person .c458-call-label{font-size:0}.c458-picker-person .c458-call-label svg{width:22px;height:22px}}


html body #app #content #mpChat185.c187 .c187-chips [aria-pressed=true]{color:var(--t-text)!important;background:var(--t-surface)!important;border-color:var(--t-text)!important}
html body #app #content #mpChat185.c187 .c187-directory footer button:last-child,html body #app #content #mpChat185.c187 .c187-top h2>svg,html body #app #content #mpChat185.c187 .c185-quote strong,html body #app #content #mpChat185.c187 .c187-file-icon,html body #app #content #mpChat185.c187 .c187-typing{color:var(--t-text)!important}
html body #app #content #mpChat185.c187 .c187-directory footer button:last-child{border-color:var(--t-line)!important}