/* AEOTEE Mocha: approved presentation only. No RTC, account, or crypto policy changes. */
:root{--mocha-bg:#100e11;--mocha-surface:#211b20;--mocha-card:#30252b;--mocha-line:#5b4650;--mocha-text:#fbf3ef;--mocha-muted:#bcabb2;--mocha-coral:#ff977f;--mocha-lilac:#b79afd;--mocha-mint:#93e5ce;}
body{background:radial-gradient(ellipse at 93% 0%,#73493830,transparent 48%),#100e11!important;color:var(--mocha-text);}
.app{background:#171217!important;border-color:#644d5355!important;box-shadow:0 20px 65px #0007!important}
.app .sidebar{background:linear-gradient(170deg,#241b21,#19151a 64%,#171317)!important;border-color:#6d545744!important}
.app .brand{color:var(--mocha-text)!important;letter-spacing:.14em}
.app .brand-mark{background:linear-gradient(135deg,#ffb596,#a67bd5)!important;border-color:#e6adab66!important}
.app .sidebar .search input{background:#2a2229!important;border:1px solid #654a5659!important;color:#fff2ec!important}
.app .chat{background:linear-gradient(150deg,#191319,#120f15 65%,#19131a)!important}
.app .chat-header{background:#211a20ed!important;border-bottom:1px solid #79585a36!important}
.app .chat-header .person b{color:#fff2ed!important}
.app .chat-header .person small{color:#c5adb6!important}
.app .bubble.incoming,.app .incoming.bubble{background:#30262e!important;border-color:#795f695c!important;color:#fff2ed!important}
.app .bubble.outgoing,.app .outgoing.bubble{background:linear-gradient(130deg,#673e5f,#92536f)!important;border-color:#d58fa277!important;color:#fff7f2!important}
.app .composer{background:#211920f7!important;border-color:#77555f50!important}
.app .composer input{background:#342933!important;border-color:#9c707255!important;border-radius:22px!important;color:#fff7f4!important}
.app .composer .send{background:linear-gradient(120deg,#ffa17f,#b47af3)!important;border-color:#ffb6a283!important;color:#2c1725!important;box-shadow:0 8px 24px #dc777741!important}
.app .composer button:not(.send){border-radius:15px!important;background:#32262f!important;color:#f0cfcb!important}
.app button:focus-visible,.app input:focus-visible{outline-color:var(--mocha-coral)!important}
.app.mocha-ready #aeoteeLinkedDevicesBtn,.app.mocha-ready #aeoteeSecurityBtn{display:none!important}
.app .sidebar .mocha-settings-entry{margin:10px 14px;padding:13px 15px;display:flex;align-items:center;gap:10px;width:calc(100% - 28px);border:1px solid #aa7b8059;border-radius:16px;background:linear-gradient(110deg,#43303c,#2a232d);color:#fbe7e0;font-weight:730;cursor:pointer}
.app .sidebar .mocha-settings-entry:hover{background:#503842}
.app .chat-header .actions{display:flex;align-items:center;gap:7px}
.app .chat-header .actions .mocha-call-launch{width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center;border:1px solid #c98b9a5c;border-radius:50%;background:linear-gradient(125deg,#7e4c69,#4b3153);color:#ffeae5;box-shadow:0 4px 14px #130c16aa;cursor:pointer;transition:transform .2s ease,background .2s ease}
.app .chat-header .actions .mocha-call-launch[data-kind="video"]{background:linear-gradient(135deg,#65427d,#5b438a)}
.app .chat-header .actions .mocha-call-launch:hover{transform:translateY(-2px)}
.app .chat-header .actions .mocha-call-launch:active{transform:scale(.94)}
.app .chat-header .actions .mocha-call-launch[hidden]{display:none!important}
.app.mocha-ready:has(.mocha-call-launch:not([hidden])) .chat-header #aeoteeAudioCheckBtn,.app.mocha-ready:has(.mocha-call-launch:not([hidden])) .chat-header #aeoteeVideoCheckBtn{display:none!important}
.app.mocha-ready .aeotee-call-actions-row>button[id^="aeotee"]{display:none!important}
.app.mocha-ready .aeotee-call-actions-row{padding:0!important;gap:0!important;min-height:0!important;border:0!important;background:transparent!important}
.app.mocha-ready .aeotee-call-actions-row .aeotee-call-toast:not([hidden]){padding:7px 12px!important}
.mocha-panel{box-sizing:border-box;border:1px solid #9a737c70;border-radius:24px;background:linear-gradient(155deg,#33272e,#1b161d 75%);color:#fff6f2;box-shadow:0 25px 85px #000a;max-height:min(84dvh,690px);overflow-y:auto;width:min(440px,calc(100vw - 22px));padding:22px;animation:mocha-enter .24s cubic-bezier(.2,.8,.2,1);font:14px/1.5 system-ui,-apple-system,sans-serif}
.mocha-panel::backdrop{background:#080509b8;backdrop-filter:blur(8px)}
.mocha-panel button{cursor:pointer;font:inherit}
.mocha-panel h2{font-size:24px;letter-spacing:-.04em;margin:4px 0 6px}
.mocha-panel .mocha-eyebrow{font-size:11px;text-transform:uppercase;color:#ffac96;font-weight:780;letter-spacing:.14em}
.mocha-panel p{color:#c6b4bd;margin:0 0 17px}
.mocha-panel .mocha-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.mocha-panel .mocha-close{background:#473740;border:1px solid #82626d87;color:#fff2ec;width:38px;height:38px;flex:0 0 38px;border-radius:14px;font-size:19px}
.mocha-panel .mocha-option{width:100%;min-height:74px;text-align:left;display:flex;align-items:center;gap:13px;background:#3a2b35;border:1px solid #71586486;border-radius:15px;margin:10px 0;padding:13px;color:#fff6f1;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mocha-panel .mocha-option:hover,.mocha-panel .mocha-option[aria-checked="true"]{border-color:#ffa898!important;background:#493241}
.mocha-panel .mocha-option:active{transform:scale(.985)}
.mocha-panel .mocha-option strong{display:block;font-size:14px}
.mocha-panel .mocha-option small{display:block;color:#d1bfc7;font-size:11px;line-height:1.48;margin-top:3px}
.mocha-panel .mocha-provider-mark{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#4b3541}
.mocha-panel .mocha-provider-mark svg{width:34px;height:34px}
.mocha-panel .mocha-radio{margin-left:auto;width:20px;height:20px;border-radius:50%;border:2px solid #957987;flex:0 0 20px}
.mocha-panel [aria-checked="true"] .mocha-radio{background:radial-gradient(circle,#fff7eb 0 36%,#e98f8a 39% 100%);border-color:#ffb29e}
.mocha-panel .mocha-primary{border:0;border-radius:16px;min-height:49px;width:100%;background:linear-gradient(110deg,#ffae88,#d48da9);color:#321b24;font-weight:800;margin-top:10px}
.mocha-panel .mocha-primary:disabled{opacity:.42;cursor:not-allowed}
.mocha-panel .mocha-network{padding:10px 12px;border-radius:12px;background:#261f27;border:1px solid #725c6057;color:#d8bcc4;font-size:11px;margin:8px 0 13px}
.mocha-panel .mocha-setting-card{width:100%;text-align:left;display:flex;gap:12px;align-items:center;background:#302630;border:1px solid #7f606664;border-radius:16px;color:#fff6ef;padding:16px;margin:11px 0}
.mocha-panel .mocha-setting-card .ico{font-size:22px;display:grid;place-items:center;width:38px;height:38px;background:#583c52;border-radius:12px}
.mocha-panel .mocha-setting-card small{display:block;font-size:11px;color:#c6b3bd;margin-top:3px}
.mocha-panel .mocha-back{border:0;background:none;color:#ffaf9d;padding:4px 0 12px;font-weight:750}
.mocha-panel .mocha-nav-hide[hidden]{display:none!important}
.mocha-panel [hidden]{display:none!important}
.aeotee-peer-call-dialog{background:linear-gradient(155deg,#32252b,#17121b)!important;border-color:#9c6b7c69!important;border-radius:24px!important;color:#fff4ed!important}
.aeotee-peer-call-dialog h2{color:#fff3ec!important;letter-spacing:-.03em}
.aeotee-peer-call-dialog>p{color:#c7afb9!important}
.aeotee-peer-call-dialog .aeotee-peer-call-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.aeotee-peer-call-dialog .aeotee-peer-call-actions button{background:#4a3542!important;border:1px solid #bb819275!important;border-radius:14px!important;color:#fff1eb!important;min-height:45px;transition:transform .15s ease,background .15s ease}
.aeotee-peer-call-dialog .aeotee-peer-call-actions button:active{transform:scale(.96)}
.aeotee-peer-call-dialog .aeotee-peer-call-actions button:first-child{background:#b84f68!important}
.aeotee-peer-call-dialog .aeotee-call-quality-details{background:#271c26!important;border-color:#805463!important}
.mocha-answer-gesture{order:10;flex:0 0 100%;border:1px solid #ae7f8865;border-radius:18px;touch-action:none;user-select:none;padding:14px 15px;background:linear-gradient(90deg,#542a39,#382834 45%,#274a45);color:#fcece6;display:flex;justify-content:center;gap:8px;align-items:center;cursor:grab;position:relative;overflow:hidden;min-height:54px;font-size:13px;font-weight:720;--drag:0px}
.mocha-answer-gesture::before{content:"";position:absolute;left:50%;width:54px;height:54px;border-radius:16px;background:#ffffff20;transform:translateX(calc(-50% + var(--drag)));transition:transform .22s ease}
.mocha-answer-gesture.dragging::before{transition:none}
.mocha-answer-gesture span{position:relative;pointer-events:none}
.mocha-answer-gesture .decline{color:#ffb4b4}.mocha-answer-gesture .accept{color:#a2efd0}
.connect-gesture-menu{background:#2e232c!important;color:#fff4ed!important;border:1px solid #ad818c75!important;border-radius:18px!important;box-shadow:0 16px 42px #0008!important;backdrop-filter:blur(16px)!important;animation:mocha-enter .16s ease both}
.connect-gesture-menu button{color:#fff0e9!important;border-radius:12px!important;transition:transform .16s ease,background .16s ease!important}
.connect-gesture-menu button:hover{background:#533a49!important}
.connect-gesture-menu button:active{transform:scale(.94)}
.connect-gesture-menu .danger{color:#ffa59d!important}
.connect-reaction-picker{border-radius:999px!important;background:#332434!important}
.connect-reaction-picker button:hover{background:#665063!important;transform:translateY(-3px)}
.connect-reaction-customizer .reaction-title{color:#ffdecf}
.connect-reaction-customizer input{background:#594250;color:#fff7eb;border:1px solid #ad818c}
.app .bubble:not(.swiping){transition:transform .2s cubic-bezier(.2,.8,.2,1)}
@keyframes mocha-enter{from{opacity:0;transform:translateY(10px) scale(.986)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
 .app .chat-header .actions .mocha-call-launch{width:39px;height:39px;min-width:39px}
 .app .chat-header .actions{gap:5px}
 .aeotee-peer-call-dialog{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:calc(env(safe-area-inset-top) + 16px) 15px calc(env(safe-area-inset-bottom) + 20px)!important;border:0!important;border-radius:0!important;display:flex;flex-direction:column;gap:7px;overflow-y:auto!important;position:fixed!important;inset:0!important}
 .aeotee-peer-call-dialog .aeotee-peer-call-actions{margin-top:auto!important;position:relative;z-index:4;padding:10px 0}
 .aeotee-peer-call-dialog .aeotee-agora-remote:not([hidden]),.aeotee-peer-call-dialog .aeotee-livekit-remote:not([hidden]),.aeotee-peer-call-dialog>video[aria-label="Remote participant"]:not([hidden]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:0!important;z-index:0}
 .aeotee-peer-call-dialog .aeotee-agora-remote:not([hidden]) video,.aeotee-peer-call-dialog .aeotee-livekit-remote:not([hidden]) video{object-fit:cover!important}
 .aeotee-peer-call-dialog .aeotee-agora-local:not([hidden]),.aeotee-peer-call-dialog .aeotee-livekit-local:not([hidden]),.aeotee-peer-call-dialog>video[aria-label="Your local video"]:not([hidden]){position:absolute!important;top:calc(env(safe-area-inset-top) + 100px);right:14px;width:28vw!important;height:auto!important;min-height:80px;max-width:130px!important;max-height:185px!important;aspect-ratio:3/4;object-fit:cover!important;z-index:3;border:2px solid #ffe2d5!important;border-radius:16px!important;margin:0!important;box-shadow:0 12px 25px #0007}
 .aeotee-peer-call-dialog h2,.aeotee-peer-call-dialog>p{position:relative;z-index:2;max-width:72%}
 .aeotee-peer-call-dialog>p:nth-of-type(1){font-size:11px;line-height:1.3}
 .aeotee-peer-call-dialog>p[role="status"]{margin-top:auto;padding:5px 9px;background:#171016b8;border-radius:12px;max-width:100%}
 .aeotee-peer-call-dialog:has(.aeotee-agora-remote:not([hidden])),.aeotee-peer-call-dialog:has(.aeotee-livekit-remote:not([hidden])),.aeotee-peer-call-dialog:has(>video[aria-label="Remote participant"]:not([hidden])){background:#080608!important}
}
@media(prefers-reduced-motion:reduce){.mocha-panel,.connect-gesture-menu{animation:none!important}.app .bubble,.mocha-panel button,.mocha-answer-gesture::before,.app .chat-header .actions button{transition:none!important}}

/* Existing Security Center remains the source of truth; this is visual polish only. */
#aeoteeSecurityDialog.a2s-backdrop{background:#09060bb8!important}
#aeoteeSecurityDialog .a2s-panel{background:linear-gradient(160deg,#382830,#1d161c)!important;border-color:#a878806e!important;border-radius:24px!important;color:#fff4ef!important}
#aeoteeSecurityDialog .a2s-card{background:#32262e!important;border-color:#805f6a77!important;color:#fff4ef!important;border-radius:16px!important}
#aeoteeSecurityDialog .a2s-card span{color:#e4b5ad!important}
#aeoteeSecurityDialog .a2s-head h2{color:#fff2ed!important}
#aeoteeSecurityDialog .a2s-msg{background:#65415455!important;color:#ffe7dd!important}
#aeoteeSecurityDialog .a2s-actions button,#aeoteeSecurityDialog .a2s-panel button.primary,#aeoteeSecurityDialog .a2s-subactions button{background:linear-gradient(120deg,#ffac89,#c57da0)!important;color:#2c1720!important;border:1px solid #ffbbac88!important}
#aeoteeSecurityDialog .a2s-actions button.secondary,#aeoteeSecurityDialog .a2s-panel button.secondary{background:#44313d!important;color:#fae7e5!important}