/* AEOTEE SIGNATURE 2026 — single, source-level visual language for the approved
   messaging design. Presentation only. Original V2, auth, media and RTC own state.
   Never synthesize identity, presence, message previews, device count or readiness. */
:root,html[data-theme=dark]{
  color-scheme:dark;
  --ui-bg:#0b1029;--ui-panel:#171735;--ui-raised:#262445;--ui-hover:#352d58;
  --ui-input:#211e3e;--ui-line:#4a4271;--ui-soft-line:#343053;
  --ui-text:#fbf6ff;--ui-muted:#bdb4d8;--ui-accent:#f788c8;
  --ui-accent-solid:#f486c4;--ui-accent-ink:#270c30;
  --ui-good:#6fd8ac;--ui-danger:#ffc0c4;
  --ui-out:#ffc0e5;--ui-out-text:#332143;
  --ui-shadow:0 22px 70px #05051b98;
  --studio-glass:#171735;--studio-edge:#504471;
  --sig-ink:#090f29;--sig-rail:#0c1330;--sig-paper:#181739;
  --sig-violet:#b26ef9;--sig-rose:#ff88c1;--sig-blue:#62cafa;
  --sig-amber:#f9bb83;--sig-line:#ffffff21;
}
html[data-theme=light]{
  color-scheme:light;
  --ui-bg:#f4eafb;--ui-panel:#fff8ff;--ui-raised:#f0e4f7;--ui-hover:#e8d8f0;
  --ui-input:#fffaff;--ui-line:#d9c3e7;--ui-soft-line:#ebdcef;
  --ui-text:#302443;--ui-muted:#6c5f7d;--ui-accent:#b14698;
  --ui-accent-solid:#b249a0;--ui-accent-ink:#fff8fe;
  --ui-good:#238960;--ui-danger:#af395c;
  --ui-out:#f5c0e2;--ui-out-text:#352042;
  --ui-shadow:0 18px 55px #4d306529;
  --studio-glass:#fff7ff;--studio-edge:#e9d9ef;
  --sig-ink:#f1e8f8;--sig-rail:#f6eafb;--sig-paper:#fff6ff;
  --sig-violet:#8343c2;--sig-rose:#bc468e;--sig-blue:#246ca8;
  --sig-amber:#ad6a2c;--sig-line:#6c467522;
}
html,body{background:var(--sig-ink)!important;color:var(--ui-text)!important;
font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important}
body::before,body::after{display:none!important}
.app.premium-ready{
  display:grid!important;grid-template-columns:clamp(196px,16vw,255px) clamp(286px,23vw,348px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);gap:0;max-width:none!important;width:100%!important;
  height:100dvh!important;min-height:0;margin:0!important;border:0!important;
  border-radius:0!important;background:#0a1029!important;
  box-shadow:none!important;isolation:isolate;overflow:hidden;
}
.app.premium-ready::before{display:none!important}
.app.premium-ready :is(.studio-dock,.sidebar,.chat,.signature-security-hub){min-width:0}
.app.premium-ready .living-canvas,.app.premium-ready .sidebar-intro{display:none!important}
/* SIGNATURE RAIL — botanical, glass leaf icons, one combined trust destination. */
.app.premium-ready>.studio-dock{
  display:flex!important;grid-row:1;grid-column:1;flex-direction:column;align-items:stretch;
  position:relative;gap:4px;width:100%;height:100%;min-height:0;
  padding:18px 12px 14px!important;margin:0!important;overflow:hidden;
  background:
    radial-gradient(ellipse at -10% 80%,#6929843f,transparent 55%),
    radial-gradient(ellipse at 110% 8%,#204b8f45,transparent 56%),var(--sig-rail)!important;
  border:0!important;border-right:1px solid var(--sig-line)!important;
  box-shadow:inset -1px 0 0 #ffffff07!important;z-index:8;
}
.app.premium-ready .studio-dock .studio-cat{
  width:62px;height:55px;min-height:55px;flex:0 0 55px;
  display:grid;place-items:center;margin:0 auto 0 4px!important;
  border:0!important;background:transparent!important;
  border-radius:0!important;box-shadow:none!important;
}
.signature-a-icon{width:56px;height:56px;filter:drop-shadow(0 4px 12px #e17dfb40)}
.nova-brand-voice{display:flex;flex:0 0 auto;min-width:0;
 flex-direction:column;justify-content:flex-start;gap:3px;margin:0 0 12px 8px!important}
.nova-brand-voice strong{font-weight:840;font-size:21px;letter-spacing:.15em;
 line-height:1.1;color:var(--ui-text)}
.nova-brand-voice small{font-size:8px;font-weight:650;letter-spacing:.07em;color:var(--ui-muted)}
.signature-nav-caption{font-size:9px;font-weight:800;letter-spacing:.16em;
 padding:13px 14px 10px;color:var(--ui-muted);opacity:.72}
.app.premium-ready .studio-dock button{
  display:flex!important;flex:0 0 65px!important;flex-direction:row;justify-content:flex-start;
  align-items:center;gap:10px;width:100%!important;height:65px!important;min-height:65px!important;
  padding:8px!important;position:relative;cursor:pointer;border-radius:16px!important;
  background:transparent!important;color:var(--ui-text)!important;
  border:1px solid transparent!important;box-shadow:none!important;text-align:left;
  font-size:13px;transition:background-color .21s ease,border-color .21s ease,transform .21s ease;
}
.app.premium-ready .studio-dock button::after{display:none!important}
.app.premium-ready .studio-dock button>svg{
  flex:0 0 47px;width:47px;height:47px;padding:13px;
  border-radius:58% 42% 65% 17%!important;
  background:linear-gradient(145deg,#1e4168,#1b244b 65%,#36285c);
  border:1px solid #60c2ef80;
  box-shadow:inset 0 1px 0 #ffffff27,0 4px 12px #040a1e50;
  color:#bde9ff;stroke-width:1.7;
  transition:transform .21s ease,box-shadow .21s ease;
}
.app.premium-ready .studio-dock button:nth-of-type(3n+2)>svg{
  background:linear-gradient(145deg,#43245e,#34204e);border-color:#d07df4a0;color:#f0b5ff}
.app.premium-ready .studio-dock button:nth-of-type(3n+3)>svg{
  background:linear-gradient(145deg,#62502b,#352a4c);border-color:#edc78d88;color:#ffe3a9}
.app.premium-ready .studio-dock button[aria-current=page]{
 background:linear-gradient(95deg,#b64dc5a6,#f179b343 88%)!important;
 border-color:#ff9bdbb5!important;
 box-shadow:inset 3px 0 0 #ff9ad4,0 5px 20px #eb5cb72b!important}
.app.premium-ready .studio-dock button[aria-current=page]>svg{
 background:linear-gradient(140deg,#ec8ed3,#a653dc)!important;border-color:#ffd1ed!important;
 color:#fff9ff;box-shadow:0 4px 20px #e67dd6a1!important}
.nova-nav-label{display:flex;min-width:0;flex-direction:column;gap:3px;
 font-size:12px;font-weight:740;line-height:1.1;color:var(--ui-text)}
.nova-nav-label small{font-weight:450;font-size:9px;line-height:1.2;
 color:var(--ui-muted);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app.premium-ready .studio-dock .studio-dock-end{margin:0!important}
.nova-workspace-note{font-size:8px;letter-spacing:.15em;text-align:center;
 color:#a99bc9;margin:auto 0 0!important;min-height:15px}
.signature-lotus{height:clamp(74px,16vh,180px);width:100%;flex:0 0 clamp(74px,16vh,180px);
 margin:0 auto -10px!important;background:url("aeotee-lotus-emblem.svg") center bottom/contain no-repeat;
 filter:drop-shadow(0 0 17px #a458e85b);pointer-events:none}
.app.premium-ready .studio-dock button:focus-visible,.app.premium-ready :is(.relay-filters button,.signature-security-hub button):focus-visible{
 outline:2px solid var(--sig-rose)!important;outline-offset:2px!important}
@media(hover:hover) and (pointer:fine){
 .app.premium-ready .studio-dock button:not([aria-current=page]):hover{
  background:color-mix(in srgb,var(--sig-rose) 11%,transparent)!important;
  border-color:var(--sig-line)!important}
 .app.premium-ready .studio-dock button:hover>svg{transform:translateY(-2px) rotate(-4deg)}
}
/* CONVERSATION DIRECTORY */
.app.premium-ready>.sidebar{
 display:flex!important;grid-column:2;grid-row:1;flex:initial!important;flex-direction:column;
 min-width:0;min-height:0;width:100%!important;height:100%;
 overflow:hidden;background:linear-gradient(175deg,var(--ui-panel),var(--sig-paper))!important;
 border:0!important;border-right:1px solid var(--sig-line)!important;
}
.app.premium-ready .sidebar>.brand{
 order:0;display:flex;align-items:center;gap:12px;
 padding:23px 21px 0!important;min-height:65px;flex:0 0 65px;
 border:0!important;color:var(--ui-text)!important;background:transparent!important;
}
.app.premium-ready .sidebar .brand-mark{display:none!important}
.app.premium-ready .sidebar .brand>span:nth-child(2){
 font-size:10px!important;letter-spacing:.16em;font-weight:770;color:var(--ui-muted)!important}
.app.premium-ready .sidebar .brand>span:nth-child(2)::after{display:none!important}
.app.premium-ready .sidebar .logout-btn{display:grid;place-items:center;
 width:35px!important;height:35px!important;min-height:35px;flex:0 0 35px;
 margin-left:auto;color:var(--ui-muted)!important;background:transparent!important;
 border:1px solid var(--sig-line)!important;border-radius:50%!important}
.app.premium-ready .sidebar>.studio-inbox-head{order:1;padding:16px 20px 20px!important;flex:0 0 auto}
.app.premium-ready .studio-inbox-head .studio-eyebrow{display:flex;
 align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;
 font-size:9px!important;color:var(--ui-muted)!important;letter-spacing:.1em!important}
.nova-asterisk{color:var(--sig-amber)!important;font-size:15px}
.app.premium-ready .studio-inbox-head h1{display:flex;align-items:center;gap:8px;
 font:760 clamp(20px,2vw,26px)/1.18 "Segoe UI",sans-serif!important;
 letter-spacing:-.045em!important;white-space:normal;margin:0 0 13px!important;
 color:var(--ui-text)!important}
.app.premium-ready .studio-inbox-head h1 em{font-size:18px;
 font-style:normal!important;font-weight:500;color:var(--sig-amber)!important}
.app.premium-ready .studio-inbox-head p{display:flex;align-items:center;
 justify-content:space-between;gap:8px;margin:0!important;
 color:var(--ui-muted)!important;font-size:11px!important;line-height:1.35}
.app.premium-ready #relayInboxCount{white-space:nowrap;
 padding:5px 8px;border:1px solid var(--sig-line);border-radius:99px;
 font-size:10px;font-weight:650;color:var(--ui-text)}
.app.premium-ready .sidebar>.search{order:2;flex:0 0 auto;padding:0 16px 13px!important}
.app.premium-ready .search input{width:100%;height:46px!important;min-height:46px!important;
 padding:0 18px 0 40px!important;border-radius:24px!important;
 background:color-mix(in srgb,var(--ui-raised) 80%,transparent)!important;
 border:1px solid var(--ui-line)!important;box-shadow:inset 0 1px 0 #ffffff10!important;
 color:var(--ui-text)!important;font-size:12px!important}
.app.premium-ready .search input::placeholder{color:var(--ui-muted)}
.app.premium-ready .search input:focus{border-color:var(--sig-rose)!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--sig-rose) 13%,transparent)!important}
.app.premium-ready .sidebar>.relay-filters{order:3;display:flex;
 align-items:center;gap:8px;height:51px;flex:0 0 51px;padding:3px 16px 9px!important;
 border:0!important;margin:0!important}
.relay-filters .relay-filter{height:36px;min-height:36px;padding:0 15px!important;
 background:var(--ui-raised)!important;color:var(--ui-text)!important;
 border:1px solid var(--sig-line)!important;border-radius:22px!important;cursor:pointer;
 font:650 11px "Segoe UI",sans-serif!important;white-space:nowrap}
.relay-filters .relay-filter[aria-pressed=true]{
 background:linear-gradient(120deg,#fda0ba,#db68c8)!important;
 border-color:#ffc3d5!important;color:#321335!important;
 box-shadow:0 3px 15px #f169ba41!important}
.relay-filters .relay-new{margin-left:auto!important;display:grid;place-items:center;
 width:36px!important;min-width:36px;height:36px;min-height:36px;
 padding:0!important;flex:0 0 36px;border:1px solid #ffb5dd!important;
 color:#fff!important;border-radius:50%!important;
 background:linear-gradient(125deg,#e771d5,#a04ef2)!important;
 font-size:23px;cursor:pointer;box-shadow:0 4px 17px #e968dd4d!important}
.app.premium-ready .sidebar>.premium-people-title{order:4;display:flex;align-items:baseline;
 justify-content:space-between;padding:15px 21px 10px!important;margin:0;
 border-top:1px solid var(--sig-line)!important}
.app.premium-ready .premium-people-title h2{text-transform:uppercase;
 letter-spacing:.11em;font-size:10px!important;font-weight:700!important;color:var(--ui-muted)!important}
.app.premium-ready .premium-people-title span{font-size:10px;color:var(--ui-muted)}
.app.premium-ready .sidebar>#userList{order:5;flex:1 1 auto;
 min-height:0;overflow-y:auto;scroll-behavior:auto!important;
 padding:0 10px 15px!important;overscroll-behavior-y:contain}
.app.premium-ready #userList .contact{display:flex;position:relative;align-items:center;
 gap:12px!important;min-height:80px;padding:12px 10px!important;
 border:1px solid transparent!important;border-bottom:1px solid var(--sig-line)!important;
 border-radius:14px!important;margin:2px 0!important;background:transparent!important;
 box-shadow:none!important;transform:none!important;transition:background-color .18s,border-color .18s}
.app.premium-ready #userList .contact[hidden]{display:none!important}
.app.premium-ready #userList .contact:is(:hover,.active,[aria-current=true]){
 background:linear-gradient(95deg,#f576b630,#6c5cdd1b)!important;
 border-color:#ee8dc67c!important;
 box-shadow:inset 3px 0 0 var(--sig-rose),0 2px 15px #f76eb825!important}
.app.premium-ready #userList .contact .avatar{width:50px!important;height:50px!important;
 min-width:50px!important;flex:0 0 50px;border:1px solid #e6aaf0!important;
 border-radius:50%!important;background:linear-gradient(145deg,#7359c8,#ef8bb2)!important;
 display:grid;place-items:center;color:#fff;font-size:20px!important;font-weight:700;
 box-shadow:0 0 0 3px #eea3ed19!important}
.app.premium-ready #userList .contact:nth-child(3n+2) .avatar{background:linear-gradient(145deg,#377f99,#886bdb)!important}
.app.premium-ready #userList .contact:nth-child(3n+3) .avatar{background:linear-gradient(145deg,#7c5077,#c8a266)!important}
.app.premium-ready #userList .contact b{font-size:13px!important;
 font-weight:750!important;letter-spacing:-.015em;color:var(--ui-text)!important}
.app.premium-ready #userList .contact small{display:block;
 margin-top:5px!important;font-size:11px!important;color:var(--ui-muted)!important}
.app.premium-ready .sidebar>.relay-filter-empty{order:6;margin:9px 14px!important;
 padding:14px;border:1px dashed var(--ui-line);border-radius:12px;
 text-align:center;font-size:12px;color:var(--ui-muted)}
.relay-filter-empty[hidden]{display:none!important}
.app.premium-ready .sidebar>.mocha-settings-entry{order:7;flex:0 0 49px;
 width:calc(100% - 32px)!important;margin:10px 16px 13px!important;
 padding:10px 15px;border-radius:14px!important;color:var(--ui-text)!important;
 background:var(--ui-raised)!important;border:1px solid var(--sig-line)!important}
.app.premium-ready .sidebar>.premium-mobile-nav{order:8}
.app.premium-ready .sidebar :is(#aeoteeLinkedDevicesBtn,#aeoteeSecurityBtn,#aeoteeV2EnableBtn,
 #aeoteeStorageBtn,#aeoteeEnableNotifications,#aeoteeInstallApp){display:none!important}
/* CONVERSATION CANVAS */
.app.premium-ready>.chat{grid-column:3;grid-row:1;flex:initial!important;display:flex;
 min-width:0;min-height:0;flex-direction:column;position:relative;
 height:calc(100% - 24px);margin:12px 12px 12px 0!important;
 border:1px solid #b17bea55!important;border-radius:23px!important;
 background:var(--sig-paper)!important;overflow:hidden;
 box-shadow:0 9px 31px #080a2770!important}
.app.premium-ready .chat>.chat-header{
 display:flex;align-items:center;flex:0 0 72px;min-height:72px!important;height:72px!important;
 padding:10px clamp(15px,2vw,30px)!important;gap:11px!important;
 background:color-mix(in srgb,var(--ui-panel) 93%,#1d1d4b)!important;
 border:0!important;border-bottom:1px solid var(--sig-line)!important;
 box-shadow:none!important;backdrop-filter:none!important}
.app.premium-ready .chat-header .avatar{display:grid;place-items:center;
 width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px;
 color:#fff!important;background:linear-gradient(140deg,#845fd3,#e887bb)!important;
 border:2px solid #ef9acb!important;border-radius:50%!important}
.app.premium-ready .chat-header .person{display:flex;flex-direction:column;min-width:0}
.nova-room-kicker{display:block;font-size:8px;font-weight:750;letter-spacing:.12em;
 line-height:1.15;color:var(--ui-muted)}
.app.premium-ready .chat-header .person b{font-size:15px!important;font-weight:775;
 letter-spacing:-.025em;color:var(--ui-text)!important}
.app.premium-ready .chat-header .person small{font-size:11px;color:var(--ui-muted)!important}
.app.premium-ready .chat-header .actions{display:flex;align-items:center;gap:7px;min-width:0;margin-left:auto}
.app.premium-ready .chat-header .actions button{display:grid;place-items:center;
 flex:0 0 39px!important;min-width:39px!important;width:39px!important;
 height:39px!important;min-height:39px!important;padding:8px!important;
 background:var(--ui-raised)!important;color:var(--ui-text)!important;
 border:1px solid var(--sig-line)!important;border-radius:50%!important;
 box-shadow:none!important;cursor:pointer}
.app.premium-ready .chat-header .actions button[hidden]{display:none!important}
.app.premium-ready .chat-header .actions button:hover{background:var(--ui-hover)!important}
.app.premium-ready .chat-header #studioInfoBtn svg{width:19px;height:19px}
.app.premium-ready #aeoteeChatSurface{display:flex;flex:1;flex-direction:column;
 min-width:0;min-height:0;position:relative;
 background:var(--sig-paper)!important;isolation:isolate}
.app.premium-ready #aeoteeChatSurface::before{content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(180deg,#080e2e46 2%,#20123315 56%,#130e385c 100%),
 url("aeotee-sunset-scene.svg") center center/cover no-repeat;pointer-events:none}
.app.premium-ready #messages{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;
 padding:25px clamp(12px,2.8vw,45px) 24px!important;
 background:transparent!important;background-image:none!important;
 gap:10px!important;scroll-behavior:auto!important;
 overflow-anchor:auto;overscroll-behavior-y:contain}
.app.premium-ready #messages>.bubble{position:relative;max-width:min(80%,590px);
 padding:10px 15px!important;font-size:13px!important;line-height:1.54!important;
 overflow-wrap:anywhere;box-shadow:0 4px 16px #0c0b2a40!important;
 border:1px solid #ffffff23!important;border-radius:19px!important}
.app.premium-ready #messages>.bubble.incoming{
 background:color-mix(in srgb,#211b4b 88%,transparent)!important;
 border-radius:18px 18px 18px 5px!important;color:#fff8ff!important}
.app.premium-ready #messages>.bubble.outgoing{
 background:#ffc0e5!important;border-color:#ffe0f1!important;color:#34213a!important;
 border-radius:18px 18px 5px 18px!important}
.app.premium-ready #messages>.bubble.outgoing :is(.timestamp,.read-receipt){color:#795470!important}
.app.premium-ready #messages>.bubble span:not(.premium-icon){color:inherit}
.app.premium-ready .chat-empty-state{max-width:360px;margin:auto!important;text-align:center;
 align-self:center;color:#fff6ff!important;border:1px solid #ffffff26!important;
 border-radius:22px!important;padding:30px!important;
 background:#171436ae!important;box-shadow:0 14px 50px #100f2b40!important;
 backdrop-filter:blur(9px)!important}
.app.premium-ready .chat-empty-state::before{content:"Your next conversation awaits";
 display:block;font-weight:650;font-size:23px;letter-spacing:-.04em;line-height:1.16;
 margin:0 0 11px;color:#fff4fc}
.app.premium-ready .chat-empty-state::after{content:"✧";display:block;font-size:30px;
 color:#fca5e2;margin:14px auto 0}
.app.premium-ready .composer{display:flex;align-items:center;min-height:61px!important;
 margin:0 clamp(9px,2.2vw,35px) 18px!important;padding:6px 8px!important;
 gap:4px!important;border-radius:33px!important;
 border:1px solid #e59dff80!important;background:#1b1a42e8!important;
 box-shadow:0 7px 23px #140e2a7c,inset 0 1px 0 #ffffff13!important;
 backdrop-filter:blur(12px)!important}
.app.premium-ready .composer:focus-within{border-color:#f8a8e2!important;
 box-shadow:0 0 0 3px #f4a2e022,0 7px 24px #140e2a7c!important}
.app.premium-ready .composer input{min-width:0;min-height:44px!important;flex:1;
 background:transparent!important;border:0!important;
 color:#fff7ff!important;box-shadow:none!important;font-size:13px!important}
.app.premium-ready .composer input::placeholder{color:#cdbde9!important}
.app.premium-ready .composer button{display:grid;place-items:center;
 min-width:40px!important;width:40px!important;min-height:43px!important;height:43px!important;
 flex:0 0 40px!important;padding:8px!important;
 color:#e7c5fb!important;background:transparent!important;border:0!important;
 border-radius:50%!important}
.app.premium-ready .composer .send{color:#fff!important;
 background:linear-gradient(140deg,#fd86c7,#d956b9)!important;
 box-shadow:0 5px 16px #f67fd86b!important}
.app.premium-ready .composer .send:disabled{color:var(--ui-muted)!important;
 background:#383454!important;box-shadow:none!important}
.app.premium-ready #gifBtn{display:grid!important}
.app.premium-ready .secure-session-status{background:var(--ui-panel)!important;
 border-radius:12px!important;margin:10px 15px 0!important}
.app.premium-ready .chat>.mobile-back{border-radius:50%!important}
/* Independent chat-corner control: not part of the message input pill. */
.app.premium-ready .chat>button.living-focus{
 position:absolute!important;left:10px;bottom:16px;z-index:30;
 display:grid!important;place-items:center;cursor:pointer;touch-action:manipulation;
 width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;
 padding:8px!important;background:#282443!important;color:#f7edff!important;
 border:1px solid #9a8cad9c!important;border-radius:12px!important;box-shadow:0 3px 12px #0b082e65!important;
 transition:background-color .15s ease,color .15s ease}
.app.premium-ready .chat>button.living-focus svg{width:18px;height:18px;stroke:currentColor}
.app.premium-ready .chat>button.living-focus span{position:absolute;width:1px;height:1px;
 margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app.premium-ready .chat>button.living-focus[aria-pressed=true]{
 background:#f5aadf!important;color:#231436!important;border-color:#ffcfed!important}
.app.premium-ready .chat>button.living-focus:focus-visible{
 outline:2px solid #ffbcdf!important;outline-offset:2px!important}
/* UNIFIED SECURITY & DEVICES — truthful overview; all actions open native controllers. */
.signature-security-hub{display:none;flex-direction:column;min-height:0;overflow:hidden;
 background:var(--ui-panel);color:var(--ui-text);border-left:1px solid var(--sig-line)}
.signature-security-hub[aria-hidden=true]{pointer-events:none}
.signature-hub-header{display:flex;flex:0 0 auto;align-items:flex-start;gap:7px;
 min-height:92px;padding:22px 16px 14px;border-bottom:1px solid var(--sig-line)}
.signature-hub-heading{display:flex;align-items:flex-start;gap:9px;min-width:0}
.signature-hub-heading h2{font-size:17px;font-weight:820;letter-spacing:-.035em;
 color:var(--ui-text);margin:0 0 5px}
.signature-hub-heading p{font-size:10px;color:var(--ui-muted);line-height:1.35;margin:0}
.signature-hub-shield{display:grid;place-items:center;flex:0 0 34px;
 width:34px;height:34px;color:#efafff;border:1px solid #b984eea6;
 border-radius:11px;font-size:23px;background:#734fc53d}
.signature-hub-close{width:29px;height:29px;flex:0 0 29px;margin-left:auto;
 cursor:pointer;background:var(--ui-raised);color:var(--ui-text);
 border:1px solid var(--sig-line);border-radius:50%;font-size:22px}
.signature-hub-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior-y:contain;
 padding:13px 14px 23px}
.signature-hub-art{height:145px;position:relative;display:grid;place-items:center;
 isolation:isolate;overflow:hidden}
.signature-hub-art>svg{position:relative;width:105px;height:118px;
 filter:drop-shadow(0 0 17px #d779ff8d)}
.signature-hub-art::before{content:"";position:absolute;width:180px;height:92px;top:35px;
 border-radius:50%;filter:blur(19px);background:#a95ffa4d;z-index:-1}
.signature-orbit{position:absolute;top:72px;left:50%;border:2px solid #bd75ffd1;
 width:210px;height:58px;border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg)}
.signature-orbit-two{width:174px;height:50px;border-color:#ff87bdb0;
 transform:translate(-50%,-50%) rotate(21deg)}
.signature-hub-status{padding:0 7px 14px;text-align:center}
.signature-hub-status strong{display:block;color:var(--ui-text);font-size:13px}
.signature-hub-status p{margin:7px 0 0;line-height:1.45;
 color:var(--ui-muted);font-size:11px}
.signature-hub-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:5px;margin:5px 0 21px}
.signature-hub-checks button{display:flex;flex-direction:column;align-items:center;
 justify-content:center;gap:5px;min-height:65px;padding:8px 2px;
 color:var(--ui-text);border:1px solid var(--sig-line);border-radius:13px;
 background:var(--ui-raised);cursor:pointer}
.signature-hub-checks button span{color:#e2adff;font-size:24px;line-height:1}
.signature-hub-checks button b{font-size:9px;font-weight:700}
.signature-hub-tabs{border-bottom:1px solid var(--sig-line);margin:0 3px 9px;padding-bottom:10px}
.signature-hub-tabs h3{font-size:12px;color:var(--ui-text);margin:0}
.signature-hub-tabs p{font-size:10px;color:var(--ui-muted);margin:5px 0 0}
.signature-hub-feature{width:100%;display:flex;align-items:center;gap:10px;
 min-height:64px;padding:11px 12px;margin:6px 0;color:var(--ui-text);
 border:1px solid var(--sig-line);background:var(--ui-raised);
 border-radius:15px;text-align:left;cursor:pointer}
.signature-hub-feature>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}
.signature-hub-feature strong{font-size:11px;font-weight:770}
.signature-hub-feature small{font-size:10px;color:var(--ui-muted);line-height:1.3}
.signature-feature-icon{display:grid;place-items:center;flex:0 0 37px;
 height:37px;width:37px;border-radius:12px;color:#ebaaff;
 background:#8d5ce44d;border:1px solid #a66ada71;font-size:22px}
.signature-hub-feature>span:last-child{font-size:15px;color:var(--ui-muted)}
.signature-connect-card{margin:13px 0;border:1px solid #e884d483;
 border-radius:18px;padding:15px 14px;
 background:linear-gradient(140deg,#f85dbf21,#694dd337 78%)}
.signature-connect-kicker{font-size:9px;letter-spacing:.09em;
 font-weight:800;color:#f5c0f1}
.signature-connect-card h3{font-size:17px;font-weight:770;
 letter-spacing:-.035em;margin:8px 0;color:#fff4fd}
.signature-connect-card p{font-size:11px;line-height:1.45;
 margin:0 0 13px;color:#d3bfe7}
.signature-connect-card button{display:flex;align-items:center;justify-content:center;gap:8px;
 width:100%;min-height:42px;padding:10px;border-radius:24px;
 border:1px solid #ffafd5;color:#311636;font-weight:770;font-size:11px;
 background:linear-gradient(100deg,#ffa4b4,#dc65d5);cursor:pointer}
.signature-security-hub button:hover:not(:disabled){filter:brightness(1.1)}
.signature-hub-backdrop{display:none}
@media(min-width:1550px){
 .app.premium-ready:not(.living-focus-mode):not(.security-hub-collapsed){
  grid-template-columns:clamp(190px,15vw,250px) clamp(295px,22vw,350px) minmax(0,1fr) clamp(280px,21vw,342px)}
 .app.premium-ready:not(.living-focus-mode):not(.security-hub-collapsed)>.signature-security-hub{
  display:flex;grid-column:4;grid-row:1;position:relative;z-index:2;
  border-radius:22px;margin:12px 12px 12px 0;
  border:1px solid #ad7eea53;box-shadow:0 10px 28px #040b2d40}
}
@media(max-width:1549px){
 .app.premium-ready.security-hub-open>.signature-security-hub{
  display:flex!important;position:fixed;right:12px;top:12px;bottom:12px;
  width:min(410px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);
  z-index:150;border:1px solid #c28aef86;border-radius:22px;
  background:var(--ui-panel)!important;box-shadow:0 24px 90px #000b!important}
 .app.premium-ready.security-hub-open .signature-hub-backdrop{display:block!important;
  position:fixed;inset:0;z-index:149;background:#090820a8;backdrop-filter:blur(3px)}
}
.app.premium-ready.security-hub-collapsed>.signature-security-hub{display:none!important}
.app.premium-ready.security-hub-collapsed{grid-template-columns:clamp(196px,16vw,255px) clamp(286px,23vw,348px) minmax(0,1fr)!important}
@media(max-width:1220px) and (min-width:761px){
 .app.premium-ready{grid-template-columns:78px 292px minmax(0,1fr)}
 .app.premium-ready>.studio-dock{padding:14px 7px!important;align-items:center;overflow:visible}
 .app.premium-ready .studio-dock .studio-cat{width:54px;height:55px;margin:0 auto!important}
 .signature-a-icon{width:49px;height:49px}
 .nova-brand-voice,.signature-nav-caption,.nova-workspace-note,.signature-lotus{display:none!important}
 .app.premium-ready .studio-dock button{justify-content:center;width:60px!important;
  min-width:60px!important;flex-basis:62px!important;padding:6px!important}
 .nova-nav-label{position:absolute;left:74px;top:12px;min-width:150px;
  padding:10px;visibility:hidden;opacity:0;background:var(--ui-panel);
  border:1px solid var(--sig-line);border-radius:11px;pointer-events:none;
  box-shadow:0 9px 30px #02072575}
 .app.premium-ready .studio-dock button:focus-visible .nova-nav-label,
 .app.premium-ready .studio-dock button:hover .nova-nav-label{visibility:visible;opacity:1}
 .app.premium-ready .studio-dock button>svg{flex-basis:45px;width:45px;height:45px}
}
@media(max-width:760px){
 .app.premium-ready{display:flex!important;flex-direction:row;grid-template-columns:none;
  width:100%!important;height:100dvh!important;min-height:0;overflow:hidden}
 .app.premium-ready>.studio-dock{display:none!important}
 .app.premium-ready:not(.mobile-chat-open)>.sidebar{display:flex!important;
  flex:1 1 auto!important;width:100%!important;height:100%;border:0!important}
 .app.premium-ready:not(.mobile-chat-open)>.chat{display:none!important}
 .app.premium-ready.mobile-chat-open>.sidebar{display:none!important}
 .app.premium-ready.mobile-chat-open>.chat{display:flex!important;
  width:100%!important;flex:1 1 auto;height:100%;margin:0!important;
  border:0!important;border-radius:0!important}
 .app.premium-ready .sidebar>.brand{padding:17px 21px 0!important;min-height:61px;flex-basis:61px}
 .app.premium-ready .sidebar>.studio-inbox-head{padding:11px 20px 19px!important}
 .app.premium-ready .studio-inbox-head h1{font-size:26px!important}
 .app.premium-ready .sidebar>#userList{padding:0 12px 13px!important}
 .app.premium-ready #userList .contact{min-height:79px}
 .app.premium-ready .sidebar>.mocha-settings-entry{display:none!important}
 .app.premium-ready .sidebar>.premium-mobile-nav{display:flex!important;
  width:100%;flex:0 0 auto;padding:5px 6px calc(8px + env(safe-area-inset-bottom))!important;
  min-height:65px;background:var(--ui-panel)!important;
  border-top:1px solid var(--sig-line)!important}
 .app.premium-ready .premium-mobile-nav .premium-nav-item{border-radius:13px!important;
  min-width:0;flex:1;color:var(--ui-muted)!important}
 .app.premium-ready .premium-nav-item[aria-current=page]{color:var(--sig-rose)!important;
  background:color-mix(in srgb,var(--sig-rose) 12%,transparent)!important}
 .app.premium-ready .chat>.chat-header{flex-basis:68px;min-height:68px!important;
  height:68px!important;padding:calc(7px + env(safe-area-inset-top)) 8px 7px!important;gap:7px!important}
 .app.premium-ready .chat-header .avatar{width:40px!important;height:40px!important;
  min-width:40px!important;flex-basis:40px}
 .app.premium-ready .chat-header .person b{font-size:13px!important}
 .nova-room-kicker{font-size:7px}
 .app.premium-ready .chat-header .actions{gap:3px}
 .app.premium-ready .chat-header .actions button{min-width:33px!important;flex:0 0 33px!important;
  width:33px!important;height:35px!important;min-height:35px!important;padding:6px!important}
 .app.premium-ready #messages{padding:16px 12px 17px!important;gap:8px!important}
 .app.premium-ready #messages>.bubble{max-width:86%;font-size:13px!important;padding:9px 12px!important}
 .app.premium-ready .composer{margin:0 7px calc(9px + env(safe-area-inset-bottom))!important;
  min-height:54px!important;gap:0!important;padding:5px!important}
 .app.premium-ready .composer button{flex-basis:35px!important;width:35px!important;
  min-width:35px!important;height:40px!important;min-height:40px!important;padding:6px!important}
 .app.premium-ready .composer input{min-height:40px!important;font-size:16px!important}
 .app.premium-ready:not(.security-hub-open)>.signature-security-hub{display:none!important}
 .app.premium-ready.security-hub-open>.signature-security-hub{display:flex!important;
  position:fixed;inset:0;width:100%;height:100dvh;max-height:none;
  z-index:200;overflow:hidden;border:0;border-radius:0;background:var(--ui-panel)!important}
 .app.premium-ready.security-hub-open .signature-hub-backdrop{display:none!important}
 .signature-hub-header{padding:calc(17px + env(safe-area-inset-top)) 17px 13px}
 .signature-hub-scroll{padding:13px 17px calc(18px + env(safe-area-inset-bottom))}
 .app.premium-ready.living-focus-mode>.sidebar{display:none!important}
 .app.premium-ready.living-focus-mode>.chat{display:flex!important;
  width:100%!important;flex:1 1 auto;margin:0!important}
 .app.premium-ready.living-focus-mode .composer{margin-inline:7px!important}
}
@media(max-width:365px){
 .app.premium-ready .chat-header .actions button{min-width:31px!important;
  flex-basis:31px!important;width:31px!important}
 .app.premium-ready .composer button{flex-basis:31px!important;width:31px!important;min-width:31px!important}
 .app.premium-ready .chat-header .person b{font-size:12px!important}
 .app.premium-ready .chat-header .actions{gap:1px}
}
/* AUTH: signed-out-only layout. Signed-in must NEVER be unhidden by cosmetic CSS. */
#loginBox.auth-shell[style*="display: none"]{display:none!important}
#loginBox.auth-shell:not([style*="display: none"]){
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
 gap:0!important;align-items:stretch;position:fixed;inset:0;
 min-height:100dvh;overflow:auto;padding:0!important;
 background:#f4e6f6!important;color:#30243e!important}
#loginBox.auth-shell .studio-login-scene{display:flex!important;flex-direction:column;
 justify-content:space-between;position:relative;isolation:isolate;
 padding:clamp(27px,5vw,70px)!important;min-height:100dvh;overflow:hidden;
 background:linear-gradient(160deg,#0b1439 10%,#2c1c50 64%,#64236c)!important;
 color:#fff2ff}
#loginBox.auth-shell .studio-login-scene::before{content:"";position:absolute;inset:0;z-index:-1;
 background:url("aeotee-sunset-scene.svg") center/cover no-repeat;opacity:.40}
#loginBox.auth-shell .studio-login-scene::after{content:"";position:absolute;inset:auto 0 -12px 0;
 height:27%;background:url("aeotee-lotus-emblem.svg") center bottom/auto 100% no-repeat;
 opacity:.87;pointer-events:none}
#loginBox.auth-shell .studio-scene-brand{display:flex;align-items:center;gap:12px;
 font-weight:850;letter-spacing:.17em;color:#fff;font-size:18px}
#loginBox.auth-shell .studio-scene-brand img{height:42px;width:42px;border-radius:13px}
#loginBox.auth-shell .studio-scene-eyebrow{font-size:10px!important;
 font-weight:800;letter-spacing:.18em!important;color:#ffd1e7!important}
#loginBox.auth-shell .studio-login-scene h2{font:500 clamp(48px,5.2vw,82px)/1.02 Georgia,serif!important;
 letter-spacing:-.058em!important;margin:14px 0 20px!important;color:#fff4fa!important}
#loginBox.auth-shell .studio-login-scene h2 em{color:#ffb5e1!important;font-style:italic!important}
#loginBox.auth-shell .studio-scene-copy>p:last-child{color:#f3ddf1!important;
 max-width:360px;font-size:14px!important;line-height:1.65}
#loginBox.auth-shell .studio-scene-foot{font-size:9px;color:#e3c7eb!important}
#loginBox.auth-shell .studio-login-graphic{opacity:.28;pointer-events:none}
#loginBox.auth-shell .auth-card{justify-self:center;align-self:center;
 width:min(100%,500px)!important;max-width:500px!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;
 padding:clamp(25px,4vw,56px)!important;color:#362643!important}
#loginBox.auth-shell .auth-brand-copy strong,#loginBox.auth-shell .auth-intro h1{
 color:#322143!important}
#loginBox.auth-shell .auth-intro h1{font:500 43px Georgia,serif!important;letter-spacing:-.045em!important}
#loginBox.auth-shell .auth-brand-copy small,#loginBox.auth-shell .auth-intro>p:last-child{
 color:#776580!important}
#loginBox.auth-shell .auth-eyebrow{color:#ad3f98!important}
#loginBox.auth-shell .auth-status-dot{background:#aa3f95!important;box-shadow:none!important}
#loginBox.auth-shell label{font-size:12px!important;font-weight:760!important;color:#47364e!important}
#loginBox.auth-shell input{min-height:51px!important;background:#fffaff!important;
 color:#31223d!important;border:1px solid #d8bddb!important;border-radius:13px!important;
 padding:12px 16px!important}
#loginBox.auth-shell input:focus{border-color:#ad3f98!important;box-shadow:0 0 0 3px #ad3f981f!important}
#loginBox.auth-shell button.auth-submit{min-height:52px!important;border:0!important;
 border-radius:14px!important;background:linear-gradient(100deg,#a55ce2,#e86ba3)!important;
 color:#fff!important;box-shadow:0 9px 24px #ce62b74a!important}
#loginBox.auth-shell .auth-forgot,#loginBox.auth-shell .auth-password-toggle{color:#95448b!important}
#loginBox.auth-shell :is(.auth-status,.auth-card-footer p,.auth-page-note){color:#796982!important}
#loginBox.auth-shell .auth-page-note{grid-column:2;position:static;margin:0 10px 17px!important;color:#796982!important}
#loginBox.auth-shell #aeoteePasskeyLoginBtn{background:#e6d7f1!important;color:#362a4b!important;border-radius:12px!important}
@media(max-width:760px){
 #loginBox.auth-shell:not([style*="display: none"]){display:flex!important;
 flex-direction:column;padding:0!important;min-height:100dvh}
 #loginBox.auth-shell .studio-login-scene{min-height:180px!important;
 height:180px!important;flex:0 0 180px;padding:15px 22px!important}
 #loginBox.auth-shell .studio-scene-brand{font-size:12px}
 #loginBox.auth-shell .studio-scene-brand img{width:31px;height:31px}
 #loginBox.auth-shell .studio-login-scene h2{font-size:clamp(31px,7.5vw,41px)!important;margin:0!important}
 #loginBox.auth-shell .studio-scene-eyebrow{font-size:7px!important;margin:0 0 6px}
 #loginBox.auth-shell .studio-login-scene :is(.studio-scene-foot,.studio-login-graphic){display:none!important}
 #loginBox.auth-shell .studio-scene-copy>p:last-child{display:none!important}
 #loginBox.auth-shell .auth-card{align-self:center;width:100%!important;
 padding:25px 23px!important;flex:0 0 auto}
 #loginBox.auth-shell .auth-brand{margin-bottom:20px}
 #loginBox.auth-shell .auth-intro h1{font-size:34px!important}
 #loginBox.auth-shell .auth-page-note{margin:auto 12px 14px!important}
}
/* Existing settings / native trust controllers keep their handlers. Only visual language changes. */
html body #mochaSettings.mocha-panel{
 width:min(630px,calc(100vw - 16px))!important;max-height:calc(100dvh - 24px);
 border:1px solid #bd8be667!important;background:var(--ui-panel)!important;
 color:var(--ui-text)!important;border-radius:23px!important;
 padding:0!important;box-shadow:0 25px 90px #090a25b5!important}
html body #mochaSettings .studio-settings-shell{display:block!important}
html body #mochaSettings .studio-settings-aside{display:none!important}
html body #mochaSettings .studio-settings-main{padding:clamp(20px,3vw,35px)!important;
 max-height:calc(100dvh - 25px);overflow-y:auto}
html body #mochaSettings .premium-settings-header h2{font-size:26px!important;
 font-weight:770;color:var(--ui-text)!important}
html body #mochaSettings .premium-item{border-radius:13px!important}
html body #mochaCallPicker.mocha-panel{border-radius:23px!important;
 background:var(--ui-panel)!important;color:var(--ui-text)!important;
 border:1px solid #bd8be667!important;box-shadow:0 25px 90px #090a25b5!important}
html body #mochaCallPicker .mocha-head h2{font-size:24px!important;
 color:var(--ui-text)!important}
html body #mochaCallPicker .mocha-option{border-radius:15px!important;
 background:var(--ui-raised)!important;color:var(--ui-text)!important;
 border:1px solid var(--ui-line)!important}
html body #mochaCallPicker .mocha-option[aria-checked=true]{border-color:var(--sig-rose)!important;
 box-shadow:inset 3px 0 0 var(--sig-rose)!important}
html body #mochaCallPicker .mocha-primary{background:linear-gradient(100deg,#b86ff0,#ef81bb)!important;
 color:#fff!important;border-radius:15px!important}
html body #mochaCallPicker .mocha-call-privacy-note{color:var(--ui-muted)!important;
 background:var(--ui-raised)!important;border-radius:12px!important}
html body :is(#aeoteeSecurityDialog .a2s-panel,.aeotee-connection,.aeotee-storage-dialog){
 background:var(--ui-panel)!important;color:var(--ui-text)!important;
 border:1px solid var(--ui-line)!important;border-radius:20px!important;
 box-shadow:0 23px 80px #080a2b99!important}
html body :is(.aeotee-connection,.aeotee-storage-dialog) h2{
 color:var(--ui-text)!important;font-size:24px!important;letter-spacing:-.035em}
html body .aeotee-connection p{color:var(--ui-muted)!important}
html body .aeotee-connection input{background:var(--ui-input)!important;
 color:var(--ui-text)!important;border-color:var(--ui-line)!important;
 border-radius:12px!important}
html body .aeotee-connection button:not([disabled]){border-radius:13px!important}
html body .aeotee-storage-panel{padding:27px!important}
html body .aeotee-storage-actions button{border-radius:13px!important;
 background:var(--ui-accent-solid)!important;color:var(--ui-accent-ink)!important}
html body #aeoteeSecurityDialog .a2s-head h2{color:var(--ui-text)!important}
html body #aeoteeSecurityDialog .a2s-card{border-radius:15px!important}
html body :is(.aeotee-emoji-picker,.connect-reaction-picker,.message-actions,.aeotee-emoji-panel){
 background:var(--ui-panel)!important;color:var(--ui-text)!important;
 border:1px solid var(--ui-line)!important;border-radius:16px!important}
@media(max-width:760px){
 html body #mochaSettings.mocha-panel{height:100dvh!important;width:100vw!important;
 max-height:100dvh!important;border:0!important;border-radius:0!important}
 html body #mochaSettings .studio-settings-main{max-height:100dvh}
}
/* Motion: composited transforms and opacity, no scroll-tied or layout jitter. */
@media(prefers-reduced-motion:reduce){
 .app.premium-ready .studio-dock button,.app.premium-ready #userList .contact,
 .app.premium-ready .studio-dock button>svg{transition:none!important;animation:none!important}
}
html.premium-motion-off .app.premium-ready *,
html.premium-motion-off #loginBox.auth-shell *{transition:none!important;animation:none!important}
html.premium-motion-lite .app.premium-ready #aeoteeChatSurface::before{background-size:cover}

/* Minimal signature A on sign-in and mobile; decorative cat avatars are retired. */
#loginBox.auth-shell .studio-scene-brand .signature-a-icon{width:42px;height:42px;flex:0 0 42px}
#loginBox.auth-shell .auth-brand-mark .signature-a-icon{width:48px;height:48px}
.app.premium-ready .sidebar .brand-mark.signature-mobile-logo{display:none!important}
@media(max-width:760px){
 .app.premium-ready .sidebar .brand-mark.signature-mobile-logo{
  display:grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;
  min-width:36px;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important}
 .app.premium-ready .sidebar .brand-mark.signature-mobile-logo .signature-a-icon{
  width:36px;height:36px;filter:drop-shadow(0 2px 10px #bb6fea60)}
 .app.premium-ready .sidebar .brand>span:nth-child(2){font-size:15px!important;
  font-weight:850;letter-spacing:.18em}
}


/* AEOTEE Signature density v2: normal-sized controls at 100% browser zoom.
   Visual-only: no changes to security, message delivery or verified presence. */
@media(min-width:1221px){
.app.premium-ready,.app.premium-ready.security-hub-collapsed{grid-template-columns:clamp(174px,14vw,208px) clamp(260px,21vw,308px) minmax(0,1fr)!important}
.app.premium-ready.living-focus-mode{grid-template-columns:clamp(174px,14vw,208px) 0 minmax(0,1fr)!important}
}
@media(min-width:1550px){
.app.premium-ready:not(.living-focus-mode):not(.security-hub-collapsed){grid-template-columns:clamp(174px,13vw,208px) clamp(260px,19vw,305px) minmax(0,1fr) clamp(265px,19vw,312px)!important}
}
@media(min-width:761px){
.app.premium-ready>.studio-dock{gap:1px;padding:12px 9px 9px!important}
.app.premium-ready .studio-dock .studio-cat{width:46px;height:43px;min-height:43px;flex-basis:43px}
.app.premium-ready .studio-dock .signature-a-icon{width:43px;height:43px}
.app.premium-ready .nova-brand-voice{margin:0 0 7px 6px!important;gap:2px}
.app.premium-ready .nova-brand-voice strong{font-size:17px}
.app.premium-ready .nova-brand-voice small{font-size:7px}
.app.premium-ready .signature-nav-caption{padding:8px 10px 5px;font-size:8px}
.app.premium-ready .studio-dock button{flex:0 0 52px!important;height:52px!important;min-height:52px!important;gap:8px;padding:5px!important;border-radius:12px!important}
.app.premium-ready .studio-dock button>svg{flex:0 0 38px;width:38px;height:38px;padding:10px}
.app.premium-ready .nova-nav-label{font-size:11px;gap:2px}
.app.premium-ready .nova-nav-label small{font-size:8px}
.app.premium-ready .signature-lotus{height:clamp(55px,11vh,100px);flex:0 0 clamp(55px,11vh,100px)}
.app.premium-ready>.chat{height:calc(100% - 16px);margin:8px 8px 8px 0!important;border-radius:18px!important}
.app.premium-ready .sidebar>.brand{min-height:49px;flex-basis:49px;padding:12px 15px 0!important}
.app.premium-ready .sidebar .logout-btn{width:30px!important;height:30px!important;min-height:30px;flex-basis:30px}
.app.premium-ready .sidebar>.studio-inbox-head{padding:12px 16px 13px!important}
.app.premium-ready .studio-inbox-head h1{font-size:21px!important;margin-bottom:8px!important}
.app.premium-ready .studio-inbox-head .studio-eyebrow{font-size:8px!important;margin-bottom:6px}
.app.premium-ready .studio-inbox-head p{font-size:10px!important}
.app.premium-ready .sidebar>.search{padding:0 13px 9px!important}
.app.premium-ready .search input{height:40px!important;min-height:40px!important;font-size:11px!important}
.app.premium-ready .sidebar>.relay-filters{height:44px;flex-basis:44px;gap:6px;padding:1px 13px 6px!important}
.app.premium-ready .relay-filter{height:31px;min-height:31px;padding:0 12px!important;font-size:10px!important}
.app.premium-ready .relay-new{width:32px!important;min-width:32px;height:32px;min-height:32px;flex-basis:32px;font-size:20px}
.app.premium-ready .sidebar>.premium-people-title{padding:11px 16px 7px!important}
.app.premium-ready #userList .contact{min-height:65px;padding:9px!important;gap:10px!important;border-radius:12px!important}
.app.premium-ready #userList .contact .avatar{width:41px!important;height:41px!important;min-width:41px!important;flex-basis:41px;font-size:17px!important}
.app.premium-ready #userList .contact b{font-size:12px!important}
.app.premium-ready #userList .contact small{font-size:10px!important;margin-top:3px!important}
.app.premium-ready .sidebar>.mocha-settings-entry{flex-basis:41px;min-height:41px!important;margin:7px 12px 10px!important;width:calc(100% - 24px)!important;padding:8px 12px!important}
.app.premium-ready .chat>.chat-header{height:59px!important;min-height:59px!important;flex-basis:59px;gap:8px!important;padding:8px clamp(10px,1.5vw,22px)!important}
.app.premium-ready .chat-header .avatar{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px}
.app.premium-ready .chat-header .person b{font-size:13px!important}
.app.premium-ready .chat-header .actions{gap:5px}
.app.premium-ready .chat-header .actions button{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:34px!important;min-height:34px!important;padding:7px!important}
.app.premium-ready #messages{gap:8px!important;padding:16px clamp(12px,2.4vw,33px) 18px!important}
.app.premium-ready #messages>.bubble{font-size:12px!important;padding:9px 12px!important}
.app.premium-ready .composer{min-height:52px!important;padding:4px 6px!important;gap:2px!important;margin:0 clamp(8px,1.7vw,24px) 10px!important}
.app.premium-ready .composer input{min-height:39px!important;font-size:12px!important}
.app.premium-ready .composer button{width:35px!important;min-width:35px!important;flex-basis:35px!important;height:38px!important;min-height:38px!important;padding:7px!important}
}
@media(min-width:761px) and (max-width:1220px){
.app.premium-ready,.app.premium-ready.security-hub-collapsed{grid-template-columns:62px 268px minmax(0,1fr)!important}
.app.premium-ready>.studio-dock{padding:9px 4px!important}
.app.premium-ready .studio-dock button{width:52px!important;min-width:52px!important;flex-basis:52px!important}
.app.premium-ready .studio-dock button>svg{flex-basis:38px;width:38px;height:38px}
.app.premium-ready .studio-dock .signature-a-icon{width:39px;height:39px}
.app.premium-ready .nova-nav-label{left:58px;top:7px}
}
.signature-hub-header{min-height:72px;padding:13px 13px 10px}
.signature-hub-heading h2{font-size:15px}
.signature-hub-shield{width:29px;height:29px;flex-basis:29px;font-size:19px}
.signature-hub-scroll{padding:9px 11px 15px}
.signature-hub-art{height:100px}
.signature-hub-art>svg{height:88px;width:83px}
.signature-orbit{top:48px;width:160px;height:44px}
.signature-orbit-two{width:135px;height:37px}
.signature-hub-status{padding-bottom:8px}
.signature-hub-checks{margin:3px 0 11px}
.signature-hub-checks button{min-height:54px;gap:3px}
.signature-hub-checks button span{font-size:19px}
.signature-hub-feature{min-height:54px;padding:8px 10px;margin:5px 0;border-radius:12px}
.signature-feature-icon{flex-basis:32px;width:32px;height:32px;font-size:18px}
.signature-connect-card{margin:9px 0;padding:12px;border-radius:14px}
.signature-connect-card h3{font-size:15px}
.signature-connect-card button{min-height:40px}
@media(max-width:760px){
.app.premium-ready .sidebar>.brand{min-height:54px;flex-basis:54px;padding:12px 16px 0!important}
.app.premium-ready .sidebar>.studio-inbox-head{padding:9px 17px 12px!important}
.app.premium-ready .studio-inbox-head h1{font-size:23px!important}
.app.premium-ready .sidebar>.search{padding:0 14px 8px!important}
.app.premium-ready .search input{height:43px!important;min-height:43px!important}
.app.premium-ready .sidebar>.relay-filters{height:47px;flex-basis:47px;padding:1px 14px 6px!important}
.app.premium-ready #userList .contact{min-height:70px;padding:9px 10px!important}
.app.premium-ready #userList .contact .avatar{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px}
.app.premium-ready .chat>.chat-header{height:60px!important;min-height:60px!important;flex-basis:60px}
.app.premium-ready .composer{min-height:51px!important;margin-bottom:calc(7px + env(safe-area-inset-bottom))!important}
.app.premium-ready .composer button{min-width:37px!important;width:37px!important;flex-basis:37px!important;min-height:41px!important;height:41px!important}
.signature-hub-art{height:104px}
.signature-hub-checks button{min-height:56px}
}
@media(min-width:761px){
html body #mochaSettings.mocha-panel{width:min(540px,calc(100vw - 22px))!important}
html body #mochaSettings .studio-settings-main{padding:19px 23px!important}
html body #mochaCallPicker.mocha-panel{width:min(460px,calc(100vw - 24px))!important;padding:17px!important}
html body #mochaCallPicker .mocha-option{min-height:64px!important;padding:10px 12px!important}
html body .aeotee-connection{width:min(540px,calc(100vw - 24px))!important;padding:18px!important}
}

/* Immersive focus = actual full viewport chat, with no navigation, sidebar or header.
   The corner toggle remains visible to exit; Escape also exits. */
.app.premium-ready.living-focus-mode,
.app.premium-ready.living-focus-mode.security-hub-collapsed{
 display:flex!important;flex-direction:column!important;
 grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;
 min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 background:var(--sig-paper)!important}
.app.premium-ready.living-focus-mode>.studio-dock,
.app.premium-ready.living-focus-mode>.sidebar,
.app.premium-ready.living-focus-mode>.signature-security-hub,
.app.premium-ready.living-focus-mode>.signature-hub-backdrop{display:none!important}
.app.premium-ready.living-focus-mode>.chat{
 display:flex!important;flex:1 1 auto!important;grid-column:1/-1!important;grid-row:1!important;
 width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 box-shadow:none!important}
.app.premium-ready.living-focus-mode .chat>.chat-header{display:none!important}
.app.premium-ready.living-focus-mode #aeoteeChatSurface{flex:1 1 auto!important;min-height:0}
.app.premium-ready.living-focus-mode #messages{
 flex:1 1 auto!important;min-height:0!important;padding:16px clamp(12px,3vw,44px) 19px!important}
.app.premium-ready.living-focus-mode .composer{
 margin:0 clamp(7px,2vw,28px) calc(8px + env(safe-area-inset-bottom))!important;
 width:auto!important;max-width:none!important}
@media(max-width:760px){
 .app.premium-ready.living-focus-mode:not(.mobile-chat-open)>.chat{display:flex!important}
 .app.premium-ready.living-focus-mode>.chat{width:100%!important;height:100%!important;
  margin:0!important;border:0!important;border-radius:0!important}
 .app.premium-ready.living-focus-mode #messages{padding:12px 10px 14px!important}
 .app.premium-ready.living-focus-mode .composer{
  margin:0 6px calc(6px + env(safe-area-inset-bottom))!important}
}

/* Reserve a small gap next to the floating corner toggle without shrinking its hit target. */
.app.premium-ready .chat .composer{margin-left:58px!important}
.app.premium-ready.living-focus-mode .chat .composer{margin-left:58px!important}
@media(max-width:760px){
 .app.premium-ready .chat>button.living-focus{bottom:calc(12px + env(safe-area-inset-bottom));
  left:8px;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
 .app.premium-ready .chat .composer,
 .app.premium-ready.living-focus-mode .chat .composer{margin-left:54px!important}
}


/* AEOTEE: one left panel and the live chat on desktop; single pane on mobile. */
@media(min-width:761px){
 .app.premium-ready.aeotee-view-menu,
 .app.premium-ready.aeotee-view-contacts,
 .app.premium-ready.aeotee-view-thread{
  display:flex!important;flex-direction:row!important;align-items:stretch!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  width:100%!important;max-width:none!important;height:100dvh!important;
  min-height:0!important;gap:0!important;margin:0!important;overflow:hidden!important;
  background:var(--sig-ink)!important}
 .app.premium-ready.aeotee-view-menu>.studio-dock{
  display:flex!important;flex:0 0 clamp(192px,16vw,230px)!important;
  width:clamp(192px,16vw,230px)!important;max-width:230px!important;
  height:100%!important;position:relative!important;
  overflow-x:hidden;overflow-y:auto!important;
  border-right:1px solid var(--sig-line)!important}
 .app.premium-ready.aeotee-view-menu>.sidebar{display:none!important}
 .app.premium-ready.aeotee-view-contacts>.studio-dock,
 .app.premium-ready.aeotee-view-thread>.studio-dock{display:none!important}
 .app.premium-ready.aeotee-view-contacts>.sidebar,
 .app.premium-ready.aeotee-view-thread>.sidebar{
  display:flex!important;flex:0 0 clamp(268px,23vw,323px)!important;
  width:clamp(268px,23vw,323px)!important;max-width:323px!important;
  height:100%!important;min-height:0!important;margin:0!important;
  border:0!important;border-right:1px solid var(--sig-line)!important;
  box-shadow:none!important}
 .app.premium-ready.aeotee-view-menu>.chat,
 .app.premium-ready.aeotee-view-contacts>.chat,
 .app.premium-ready.aeotee-view-thread>.chat{
  display:flex!important;flex:1 1 auto!important;
  min-width:0!important;max-width:none!important;
  width:auto!important;height:calc(100% - 16px)!important;
  grid-column:auto!important;grid-row:auto!important;
  min-height:0!important;margin:8px 8px 8px 0!important;
  border:1px solid #b17bea55!important;border-radius:18px!important;
  box-shadow:0 9px 31px #080a2770!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-nav-label{
  position:static!important;display:flex!important;visibility:visible!important;
  opacity:1!important;min-width:0!important;max-width:100%!important;
  background:transparent!important;box-shadow:none!important;
  padding:0!important;border:0!important;pointer-events:auto!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-brand-voice{display:flex!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-nav-caption{display:block!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-workspace-note{display:block!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-lotus{display:block!important}
 .app.premium-ready.aeotee-view-menu .studio-dock button{
  justify-content:flex-start!important;width:100%!important;min-width:0!important}
 .app.premium-ready.aeotee-view-menu .studio-dock button>svg{
  flex:0 0 38px!important;width:38px!important;height:38px!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .studio-cat{
  width:46px;height:43px;min-height:43px;margin:0 0 0 4px!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-a-icon{width:43px;height:43px}
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-brand-voice{margin:0 0 7px 6px!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-lotus{
  height:clamp(55px,11vh,100px)!important;flex:0 0 clamp(55px,11vh,100px)!important}
 .app.premium-ready.aeotee-view-thread:not(.living-focus-mode) .chat-header #mobileChatsBtn{
  display:none!important}
}
.app.premium-ready .sidebar .aeotee-contacts-back{
 display:inline-flex!important;align-items:center;justify-content:center;gap:4px;
 min-width:72px!important;height:35px!important;min-height:35px!important;
 padding:6px 9px!important;margin:0 4px 0 auto!important;
 border:1px solid var(--sig-line)!important;border-radius:11px!important;
 background:var(--ui-raised)!important;color:var(--ui-text)!important;
 font:700 11px "Segoe UI",sans-serif!important;cursor:pointer}
.app.premium-ready .sidebar .aeotee-contacts-back svg{width:15px;height:15px}
.app.premium-ready .sidebar .aeotee-contacts-back:focus-visible{
 outline:2px solid var(--sig-rose)!important;outline-offset:2px}
.app.premium-ready.aeotee-view-contacts .sidebar .brand-mark.signature-mobile-logo{
 display:none!important}
.app.premium-ready.aeotee-view-contacts .sidebar .brand>span:nth-child(2),
.app.premium-ready.aeotee-view-thread .sidebar .brand>span:nth-child(2){
 font-size:13px!important;color:var(--ui-text)!important}
.app.premium-ready.aeotee-view-contacts .premium-mobile-nav,
.app.premium-ready.aeotee-view-thread .premium-mobile-nav{display:none!important}
/* All security entry points remain a modal companion, never a fourth column. */
.app.premium-ready.aeotee-view-menu:not(.security-hub-open)>.signature-security-hub,
.app.premium-ready.aeotee-view-contacts:not(.security-hub-open)>.signature-security-hub,
.app.premium-ready.aeotee-view-thread:not(.security-hub-open)>.signature-security-hub{
 display:none!important}
.app.premium-ready.aeotee-view-menu.security-hub-open>.signature-security-hub,
.app.premium-ready.aeotee-view-contacts.security-hub-open>.signature-security-hub,
.app.premium-ready.aeotee-view-thread.security-hub-open>.signature-security-hub{
 display:flex!important;position:fixed!important;right:12px!important;left:auto!important;
 top:12px!important;bottom:12px!important;inset:12px 12px 12px auto!important;
 width:min(410px,calc(100vw - 24px))!important;max-width:none!important;
 height:auto!important;max-height:calc(100dvh - 24px)!important;
 margin:0!important;border-radius:19px!important;
 border:1px solid #c28aef86!important;background:var(--ui-panel)!important;
 z-index:200!important;box-shadow:0 24px 95px #030018b8!important}
.app.premium-ready.aeotee-view-menu.security-hub-open>.signature-hub-backdrop,
.app.premium-ready.aeotee-view-contacts.security-hub-open>.signature-hub-backdrop,
.app.premium-ready.aeotee-view-thread.security-hub-open>.signature-hub-backdrop{
 display:block!important;position:fixed!important;inset:0!important;z-index:199!important;
 background:#090820ab!important}
/* Keep existing chat-only control as a separate fullscreen feature. */
@media(min-width:761px){
 .app.premium-ready.living-focus-mode.aeotee-view-menu>.studio-dock,
 .app.premium-ready.living-focus-mode.aeotee-view-contacts>.sidebar,
 .app.premium-ready.living-focus-mode.aeotee-view-thread>.sidebar{display:none!important}
 .app.premium-ready.living-focus-mode.aeotee-view-menu>.chat,
 .app.premium-ready.living-focus-mode.aeotee-view-contacts>.chat,
 .app.premium-ready.living-focus-mode.aeotee-view-thread>.chat{
  flex:1 1 auto!important;width:100%!important;height:100%!important;
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}
/* Small screen: genuinely one pane, with no blank right-hand canvas. */
@media(max-width:760px){
 .app.premium-ready.aeotee-view-menu,
 .app.premium-ready.aeotee-view-contacts,
 .app.premium-ready.aeotee-view-thread{
  display:flex!important;flex-direction:row!important;
  width:100%!important;height:100dvh!important;min-height:0!important;
  overflow:hidden!important;gap:0!important}
 .app.premium-ready.aeotee-view-menu>.studio-dock{
  display:flex!important;flex:1 1 auto!important;width:100%!important;
  max-width:none!important;height:100%!important;min-width:0!important;
  padding:16px 15px 12px!important;align-items:stretch!important;
  overflow-y:auto!important;overflow-x:hidden!important}
 .app.premium-ready.aeotee-view-menu>.sidebar,
 .app.premium-ready.aeotee-view-menu>.chat{display:none!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-brand-voice{display:flex!important}
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-nav-caption,
 .app.premium-ready.aeotee-view-menu .studio-dock .signature-lotus,
 .app.premium-ready.aeotee-view-menu .studio-dock .nova-workspace-note{display:block!important}
 .app.premium-ready.aeotee-view-menu .studio-dock button{
  display:flex!important;width:100%!important;min-width:0!important;
  flex:0 0 54px!important;justify-content:flex-start!important}
 .app.premium-ready.aeotee-view-menu .studio-dock button>svg{
  flex:0 0 39px!important;width:39px!important;height:39px!important}
 .app.premium-ready.aeotee-view-menu .studio-dock button .nova-nav-label{
  position:static!important;display:flex!important;visibility:visible!important;
  opacity:1!important;min-width:0!important;max-width:none!important;
  background:transparent!important;padding:0!important;
  border:0!important;box-shadow:none!important;pointer-events:auto!important}
 .app.premium-ready.aeotee-view-contacts>.studio-dock,
 .app.premium-ready.aeotee-view-contacts>.chat,
 .app.premium-ready.aeotee-view-thread>.studio-dock,
 .app.premium-ready.aeotee-view-thread>.sidebar{display:none!important}
 .app.premium-ready.aeotee-view-contacts>.sidebar{
  display:flex!important;flex:1 1 auto!important;
  min-width:0!important;width:100%!important;max-width:none!important;
  height:100%!important;min-height:0!important;
  margin:0!important;border:0!important}
 .app.premium-ready.aeotee-view-thread>.chat{
  display:flex!important;flex:1 1 auto!important;
  min-width:0!important;width:100%!important;height:100%!important;
  margin:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important}
 .app.premium-ready.aeotee-view-thread:not(.living-focus-mode) .chat-header #mobileChatsBtn{
  display:grid!important;place-items:center;
  flex:0 0 35px!important;width:35px!important;min-width:35px!important;
  height:35px!important;min-height:35px!important;
  margin:0 4px 0 0!important;padding:7px!important;
  border:1px solid var(--sig-line)!important;border-radius:50%!important;
  background:var(--ui-raised)!important;color:var(--ui-text)!important;
  box-shadow:none!important;cursor:pointer}
 .app.premium-ready.aeotee-view-contacts .sidebar .brand{gap:6px!important}
 .app.premium-ready.aeotee-view-contacts .sidebar .aeotee-contacts-back{
  margin-right:1px!important}
 .app.premium-ready.living-focus-mode.aeotee-view-thread>.chat{display:flex!important}
 .app.premium-ready.aeotee-view-menu.security-hub-open>.signature-security-hub,
 .app.premium-ready.aeotee-view-contacts.security-hub-open>.signature-security-hub,
 .app.premium-ready.aeotee-view-thread.security-hub-open>.signature-security-hub{
  inset:0!important;max-width:none!important;width:100%!important;
  height:100dvh!important;max-height:100dvh!important;
  border-radius:0!important;border:0!important}
 .app.premium-ready.aeotee-view-menu.security-hub-open>.signature-hub-backdrop,
 .app.premium-ready.aeotee-view-contacts.security-hub-open>.signature-hub-backdrop,
 .app.premium-ready.aeotee-view-thread.security-hub-open>.signature-hub-backdrop{display:none!important}
}