.main-nav{display:flex;align-items:center;gap:2px;background:var(--tone-f4f0f7,#f4f0f7);padding:3px;border-radius:9px;margin:0 14px 0 auto;flex:none}
.main-nav button{font-size:11px;color:var(--muted);padding:7px 10px;border-radius:7px;white-space:nowrap}
.main-nav button[aria-pressed=true]{background:#fff;color:var(--purple);box-shadow:0 1px 4px #55406510}
#app>header>.brand{flex:none}
#message-unread:not(:empty){display:inline-block;min-width:15px;background:var(--purple);color:#fff;font-size:9px;border-radius:9px;padding:2px 4px;margin-left:4px}
#notification-audio{font-size:11px;white-space:nowrap;background:transparent;padding:8px}
body.messenger-view{height:100dvh;overflow:hidden}
body.messenger-view #app{display:flex;flex-direction:column;height:100dvh;min-height:0}
body.messenger-view #app>main{max-width:none;width:auto;flex:1;min-height:0;display:flex}
body.messenger-view .workspace{display:none}
#messenger{height:100%;width:100%;min-width:0;min-height:0;display:block;flex:1 1 0%}
body.messenger-view #history{display:none}
.live-message-notification{position:fixed;top:88px;right:20px;z-index:40;border:1px solid var(--border);background:#fffffff5;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 5px 25px #5b3b7020;padding:12px 15px;color:var(--purple);font-size:11px;text-align:left;max-width:min(370px,calc(100vw - 32px));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.incoming-call{left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(350px,calc(100vw - 40px));padding:35px 24px;display:flex;flex-direction:column;text-align:center;border-radius:25px;background:linear-gradient(155deg,#fff,var(--tone-f3eff7,#f2ebf7));box-shadow:0 0 0 100vmax #35263d44,0 20px 90px #4a325333;z-index:100}
.incoming-avatar{width:90px;height:90px;border-radius:34px;margin:14px 0 25px;box-shadow:0 0 0 10px #c5b1d329,0 0 0 22px #c5b1d315;background-size:cover;background-position:center;font-size:32px}
.incoming-info{display:flex;flex-direction:column;gap:12px}.incoming-info strong{font-size:22px;font-weight:500}.incoming-info span{font-size:12px;color:var(--muted)}
.incoming-actions{display:flex;gap:24px;margin-top:28px}.incoming-actions button{border-radius:25px;min-width:90px;font-size:13px;padding:12px 20px}.incoming-actions .danger{background:#f1dce4;color:#ac7085}.incoming-actions .primary{background:#94aa95;color:#fff}
#incoming-call[hidden]{display:none!important}
@media(max-width:760px){.main-nav{gap:1px;padding:2px;margin-right:8px}.main-nav button{font-size:10px;padding:6px 8px}#notification-audio{display:none}.live-message-notification{top:76px;right:14px;padding:11px 13px}.incoming-call{padding:28px 24px}}
@media(max-width:640px){#history span{display:none}#history{width:36px;min-width:36px;padding:7px!important}}
@media(max-width:360px){#app>header{gap:5px;margin-left:10px;margin-right:10px}.main-nav{margin-right:3px;padding:1px}.main-nav button{font-size:9px;padding:5px 4px}#app>header .icon-btn{width:32px}#history{width:32px;min-width:32px}}