/* NOVA 6.0.2: separate recorder buttons + safe refresh/session restore. */
.composer-action-hidden{display:none!important}
#recordBtn,#videoNoteBtn,#sendBtn{flex:0 0 auto}

/* Own profile editor */
#profileModal{
  padding:18px!important;
}
#profileModal .nova-own-profile-card{
  position:relative!important;
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
  max-height:min(760px,calc(100dvh - 36px))!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(126,91,255,.10),transparent 30%),
    linear-gradient(180deg,rgba(16,24,39,.985),rgba(10,16,27,.99))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#profileModal .profile-editor-close{
  position:absolute!important;
  z-index:50!important;
  top:14px!important;
  right:14px!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  background:rgba(7,11,19,.52)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
#profileModal .profile-editor-close:hover{background:rgba(255,255,255,.12)!important}
#profileModal .profile-editor-close svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round
}

#profileModal .profile-editor-hero{
  position:relative;
  flex:0 0 auto;
  min-height:218px;
  overflow:hidden;
  background:#161d2d;
}
#profileModal .profile-cover-preview{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:158px!important;
  min-height:158px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(90,210,255,.25),transparent 25%),
    radial-gradient(circle at 78% 18%,rgba(195,93,255,.28),transparent 31%),
    linear-gradient(135deg,#283c7c 0%,#5b42cf 48%,#223864 100%)!important;
}
#profileModal .profile-editor-cover-shade{
  position:absolute;inset:0 0 auto;height:158px;
  background:linear-gradient(180deg,rgba(4,8,15,.03),rgba(5,9,16,.50));
  pointer-events:none;
}
#profileModal .profile-editor-kicker{
  position:absolute;top:17px;left:18px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(7,11,19,.35);
  color:rgba(255,255,255,.82);
  font-size:8px;font-weight:900;letter-spacing:.16em;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#profileModal .profile-cover-action{
  position:absolute;top:112px;right:16px;z-index:5;
  height:34px;display:flex;align-items:center;gap:7px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(7,11,19,.45);
  color:#eef2f8;
  font-size:9px;font-weight:800;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
#profileModal .profile-cover-action svg,
#profileModal .profile-avatar-action svg,
#profileModal .profile-save-btn svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
#profileModal .profile-editor-identity{
  position:absolute;left:18px;right:18px;bottom:14px;z-index:6;
  display:flex;align-items:flex-end;gap:13px;
}
#profileModal .profile-avatar-shell{position:relative;flex:0 0 auto}
#profileModal .profile-avatar-preview{
  width:86px!important;height:86px!important;min-width:86px!important;
  border:4px solid #101827!important;border-radius:27px!important;
  background:#202c43!important;
  box-shadow:0 16px 36px rgba(0,0,0,.32)!important;
}
#profileModal .profile-avatar-action{
  position:absolute;right:-3px;bottom:-3px;z-index:5;
  width:31px;height:31px;display:grid;place-items:center;padding:0;
  border:3px solid #101827;border-radius:11px;
  background:linear-gradient(135deg,#765cf6,#347fe8);color:#fff;
  box-shadow:0 8px 20px rgba(49,72,220,.28);
}
#profileModal .profile-editor-nameblock{min-width:0;padding-bottom:4px}
#profileModal .profile-editor-nameblock .name{
  max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f4f6fb;font-size:18px;font-weight:900;letter-spacing:-.02em;
}
#profileModal .profile-editor-nameblock .muted{margin-top:3px;color:#9ca9ba;font-size:10px}
#profileModal .profile-editor-status{
  display:flex;align-items:center;gap:6px;margin-top:7px;color:#77869a;font-size:8px;font-weight:750;
}
#profileModal .profile-editor-status span{
  width:7px;height:7px;border-radius:50%;background:#45d6a3;box-shadow:0 0 0 4px rgba(69,214,163,.08)
}

#profileModal .profile-edit-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:11px!important;
  padding:18px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
#profileModal .profile-editor-section-head{grid-column:1/-1}
#profileModal .profile-editor-section-head h3{
  margin:0;color:#eef2f8;font-size:15px;font-weight:900;letter-spacing:-.01em
}
#profileModal .profile-editor-section-head p{margin:4px 0 1px;color:#738196;font-size:9px}
#profileModal .profile-field{
  min-width:0;display:flex;flex-direction:column;gap:7px;
  padding:12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}
#profileModal .profile-field:has(textarea){grid-column:1/-1}
#profileModal .profile-field>span{
  color:#929fb0;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase
}
#profileModal .profile-field input,
#profileModal .profile-field textarea{
  width:100%!important;margin:0!important;padding:0!important;
  border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;color:#eef2f8!important;
  font:inherit;font-size:13px!important;
  box-shadow:none!important;
}
#profileModal .profile-field textarea{min-height:72px!important;resize:none}
#profileModal .profile-field input:focus,
#profileModal .profile-field textarea:focus{box-shadow:none!important}
#profileModal .profile-field-readonly{opacity:.72}
#profileModal .profile-field small{color:#647286;font-size:8px}
#profileModal .profile-editor-footer{
  position:relative!important;bottom:auto!important;z-index:10!important;
  flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;
  margin:0!important;padding:13px 18px calc(13px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  background:rgba(10,16,27,.92)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
#profileModal .profile-cancel-btn,
#profileModal .profile-save-btn{
  min-height:40px!important;border-radius:13px!important;font-size:10px!important;font-weight:850!important
}
#profileModal .profile-cancel-btn{padding:0 16px!important}
#profileModal .profile-save-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,#765cf6,#3f78ef)!important;
  box-shadow:0 12px 28px rgba(76,71,230,.23)!important;
}

@media(max-width:760px){
  #profileModal{padding:8px!important;align-items:center!important}
  #profileModal .nova-own-profile-card{
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    border-radius:27px!important;
  }
  #profileModal .profile-editor-hero{min-height:210px}
  #profileModal .profile-cover-preview,
  #profileModal .profile-editor-cover-shade{height:150px!important;min-height:150px!important}
  #profileModal .profile-editor-kicker{top:14px;left:14px}
  #profileModal .profile-editor-close{top:12px!important;right:12px!important}
  #profileModal .profile-cover-action{top:105px;right:13px}
  #profileModal .profile-editor-identity{left:14px;right:14px;bottom:12px}
  #profileModal .profile-avatar-preview{width:78px!important;height:78px!important;min-width:78px!important;border-radius:24px!important}
  #profileModal .profile-editor-nameblock .name{font-size:16px}
  #profileModal .profile-edit-grid{grid-template-columns:1fr!important;padding:14px!important;gap:9px!important}
  #profileModal .profile-editor-section-head,
  #profileModal .profile-field:has(textarea){grid-column:1!important}
  #profileModal .profile-field{padding:11px!important}
  #profileModal .profile-editor-footer{padding:11px 14px calc(11px + env(safe-area-inset-bottom))!important}
  #profileModal .profile-save-btn{flex:1 1 auto!important}
}

/* =========================================================
   NOVA 7.0.1 · TRUE LAYOUT REBUILD
   Настоящая структура: rail / chats / conversation / info
   ========================================================= */
:root{
  --n7-bg:#050a13;
  --n7-panel:#08111f;
  --n7-panel2:#0b1525;
  --n7-soft:rgba(255,255,255,.035);
  --n7-line:rgba(154,176,217,.10);
  --n7-line2:rgba(124,98,255,.20);
  --n7-text:#f4f7ff;
  --n7-muted:#75849b;
  --n7-blue:#4e79ff;
  --n7-purple:#7953f4;
}
html,body{background:#030710!important}
body{
  color:var(--n7-text)!important;
  background:
    radial-gradient(circle at 75% 0%,rgba(83,64,219,.12),transparent 26%),
    linear-gradient(145deg,#030710,#07101b 55%,#040812)!important;
}

/* hard reset of legacy shell geometry */
#app.app{
  display:grid!important;
  grid-template-columns:68px 342px minmax(520px,1fr) 322px!important;
  grid-template-areas:"rail chats main info"!important;
  gap:10px!important;
  width:100vw!important;
  height:100dvh!important;
  padding:10px!important;
  overflow:hidden!important;
  background:transparent!important;
}
#app .sidebar{
  grid-area:chats!important;
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--n7-line)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(94,73,231,.09),transparent 26%),
    linear-gradient(180deg,rgba(8,17,31,.97),rgba(6,13,24,.98))!important;
  box-shadow:0 20px 64px rgba(0,0,0,.28)!important;
}
#app .main{
  grid-area:main!important;
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  border:1px solid var(--n7-line)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 38%,rgba(87,65,216,.12),transparent 25%),
    linear-gradient(180deg,#07101d,#050b15)!important;
  box-shadow:0 20px 64px rgba(0,0,0,.28)!important;
}

/* genuine left navigation rail */
.nova-desktop-rail{
  grid-area:rail;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:12px 8px;
  border:1px solid var(--n7-line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(9,17,31,.97),rgba(6,13,24,.98));
  box-shadow:0 20px 64px rgba(0,0,0,.24);
}
.nova-rail-brand{
  width:44px;height:44px;display:grid;place-items:center;
  margin-bottom:13px;border:1px solid rgba(130,105,255,.18);
  border-radius:15px;background:rgba(113,82,244,.08);
}
.nova-rail-mark{
  font-size:23px;
  background:linear-gradient(135deg,#65a1ff,#a95fff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(112,91,255,.28));
}
.nova-rail-actions{
  width:100%;display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;
}
.nova-rail-actions .sidebar-quick-actions{
  position:static!important;inset:auto!important;
  width:100%!important;height:auto!important;
  margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.nova-rail-actions .sidebar-tool{
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid transparent!important;border-radius:14px!important;
  background:transparent!important;color:#697991!important;
}
.nova-rail-actions .sidebar-tool:hover{
  color:#fff!important;border-color:rgba(126,100,255,.18)!important;background:rgba(112,82,243,.09)!important;
}
.nova-rail-actions #newChatBtn{
  color:#fff!important;border-color:rgba(126,100,255,.32)!important;
  background:linear-gradient(145deg,#4e73ff,#7a4ef0)!important;
  box-shadow:0 8px 22px rgba(83,67,227,.24)!important;
}
.nova-rail-user{
  width:42px;height:42px;display:grid;place-items:center;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#101a2a;
  color:#dfe6ff;font-size:12px;font-weight:900;cursor:pointer;
}
.nova-rail-user img{width:100%;height:100%;object-fit:cover}

/* chat-list panel header */
#app .topbar{
  position:static!important;
  display:block!important;
  min-height:0!important;
  padding:16px 14px 11px!important;
  border:0!important;
  background:transparent!important;
}
#app .sidebar-brand-row{
  min-height:39px!important;margin:0 0 13px!important;
  display:flex!important;align-items:center!important;
}
#app .brand-lockup{display:flex!important;align-items:center!important;gap:9px!important}
#app .brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
#app .brand-word{font-size:16px!important;letter-spacing:.18em!important;color:#f6f7ff!important}
#app .sidebar-actions{margin-left:auto!important}
#app .mobile-top-compose{display:none!important}
#app .sidebar-quick-actions{display:none!important}
#app .mobile-home-actions{display:none!important}
#app .sidebar-search-row{
  height:42px!important;margin:0!important;padding:0 11px!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:rgba(255,255,255,.026)!important;
}
#app .sidebar-search-icon{color:#64748d!important}
#app .search{color:#edf2ff!important;background:transparent!important;font-size:11px!important}
#app .search-shortcut{color:#5f6c82!important}
#app .people-results{left:12px!important;right:12px!important;top:114px!important}
#app .profilebar{
  order:99!important;margin:8px 12px 12px!important;padding:9px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;
  background:rgba(255,255,255,.023)!important;
}
#app .sidebar-section-label{
  padding:5px 14px!important;color:#5f6e85!important;font-size:8px!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
#app .chat-filters{
  display:flex!important;gap:5px!important;margin:0 11px 7px!important;padding:0!important;overflow-x:auto!important;
}
#app .chat-filter{
  height:29px!important;padding:0 10px!important;flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.045)!important;border-radius:9px!important;
  background:rgba(255,255,255,.014)!important;color:#718097!important;font-size:8px!important;
}
#app .chat-filter.active{
  color:#fff!important;border-color:rgba(114,89,255,.24)!important;
  background:linear-gradient(135deg,rgba(73,98,244,.23),rgba(121,73,232,.20))!important;
}
#app .chatlist{flex:1!important;min-height:0!important;padding:0 9px 10px!important;overflow-y:auto!important}
#app .chatitem{
  min-height:67px!important;margin:3px 0!important;padding:9px!important;
  border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;
}
#app .chatitem:hover{background:rgba(255,255,255,.025)!important}
#app .chatitem.active{
  border-color:rgba(79,102,255,.28)!important;
  background:linear-gradient(135deg,rgba(55,76,184,.27),rgba(73,49,145,.23))!important;
  box-shadow:inset 2px 0 #6655ff!important;
}
#app .chatitem .avatar{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:14px!important}
#app .chatitem .name{color:#edf2ff!important;font-size:11px!important}
#app .chatitem .preview{color:#718097!important;font-size:9px!important}
#app .chatitem-time{color:#5e6e84!important;font-size:8px!important}
#app .badge{background:linear-gradient(135deg,#526cff,#7b4cf0)!important}

/* conversation center */
#app .chatheader{
  min-height:64px!important;padding:8px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:rgba(6,13,24,.80)!important;backdrop-filter:blur(20px)!important;
}
#app .chatheader .avatar{width:40px!important;height:40px!important}
#app .chatheader .name{color:#f4f6ff!important;font-size:12px!important}
#app .chatheader .muted{color:#718096!important;font-size:9px!important}
#app .header-actions button{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  border-radius:12px!important;color:#8090a8!important;
}
#app .header-actions button:hover{color:#fff!important;background:rgba(255,255,255,.04)!important}
#app .messages{
  padding:24px clamp(18px,4vw,56px) 24px!important;
  background:
    radial-gradient(circle at 78% 42%,rgba(92,68,216,.13),transparent 25%),
    radial-gradient(circle at 38% 78%,rgba(33,84,156,.07),transparent 28%),
    linear-gradient(180deg,rgba(5,12,23,.15),rgba(3,9,17,.38))!important;
}
#app .bubble{
  max-width:min(650px,78%)!important;
  padding:10px 13px 8px!important;border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;border-bottom-left-radius:5px!important;
  background:linear-gradient(145deg,rgba(21,31,49,.95),rgba(15,24,39,.96))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
#app .mine .bubble{
  border-color:rgba(112,91,255,.22)!important;border-radius:15px!important;border-bottom-right-radius:5px!important;
  background:linear-gradient(135deg,rgba(56,62,174,.95),rgba(79,50,155,.95))!important;
}
#app .composer-wrap{
  padding:8px clamp(14px,4vw,48px) 14px!important;
  background:linear-gradient(180deg,transparent,rgba(3,8,15,.66) 35%)!important;
}
#app .composer{
  max-width:860px!important;min-height:56px!important;padding:6px!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:17px!important;
  background:rgba(10,19,33,.93)!important;box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
#app .composer .send{background:linear-gradient(135deg,#5275ff,#794cf0)!important}

/* persistent right information panel */
.nova-right-pane{
  grid-area:info;min-width:0;overflow:hidden;
  border:1px solid var(--n7-line);border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(97,71,220,.13),transparent 27%),
    linear-gradient(180deg,rgba(8,17,31,.97),rgba(6,13,24,.98));
  box-shadow:0 20px 64px rgba(0,0,0,.26);
}
.nova-right-empty{
  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  color:#5f6d82;font-size:10px;text-align:center;
}
.nova-right-empty-mark{font-size:28px;color:#8066ff}
.nova-right-empty b{color:#a6b0c1;font-size:13px}
.nova-right-content{position:relative;height:100%;padding:14px;overflow-y:auto}
.nova-right-cover{
  height:120px;margin:-14px -14px 0;border-radius:22px 22px 0 0;
  background:
    radial-gradient(circle at 72% 40%,rgba(146,83,255,.28),transparent 18%),
    radial-gradient(circle at 34% 30%,rgba(64,117,255,.24),transparent 26%),
    linear-gradient(145deg,#101c39,#27164f 62%,#0b1834);
}
.nova-right-close{
  position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:11px;
  background:rgba(5,10,20,.48);color:#aab5c8;font-size:18px;backdrop-filter:blur(10px)
}
.nova-right-profile{text-align:center;margin-top:-39px;padding-bottom:11px}
.nova-right-avatar{
  width:78px!important;height:78px!important;margin:0 auto 9px!important;
  border:3px solid #0b1424!important;border-radius:50%!important;
  box-shadow:0 0 0 2px rgba(106,85,255,.55),0 12px 30px rgba(0,0,0,.26)!important;
}
.nova-right-name{color:#f3f6ff;font-size:15px;font-weight:900}
.nova-right-status{margin-top:4px;color:#38d986;font-size:9px}
.nova-right-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 13px}
.nova-right-actions button{
  min-width:0;padding:8px 3px;border:1px solid rgba(255,255,255,.05);border-radius:13px;
  background:rgba(255,255,255,.022);color:#94a1b5
}
.nova-right-actions button span{display:block;color:#8d7fff;font-size:16px}
.nova-right-actions button small{display:block;margin-top:4px;font-size:7px}
.nova-right-card{
  padding:11px;margin:0 0 8px;border:1px solid rgba(255,255,255,.05);
  border-radius:14px;background:rgba(255,255,255,.018)
}
.nova-right-card-title{color:#e8edff;font-size:10px;font-weight:850}
.nova-right-description{margin-top:5px;color:#74839a;font-size:9px;line-height:1.45}
.nova-right-row{
  width:100%;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:7px;
  padding:10px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.045);
  background:transparent;color:#8d9bb0;text-align:left
}
.nova-right-row>span{color:#8b7eff}
.nova-right-row b{display:block;color:#dfe5f4;font-size:9px}
.nova-right-row small{display:block;margin-top:2px;color:#637187;font-size:8px}
.nova-right-row strong{color:#5e6c82}
.nova-right-footer{
  display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;
  border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.015)
}
.nova-right-lock{color:#8577ff}
.nova-right-footer b{display:block;color:#cbd3e2;font-size:9px}
.nova-right-footer small{color:#607086;font-size:8px}

/* modal overlays are overlays again, never layout columns */
#chatInfoModal,#userProfileModal,#profileModal,#settingsModal{
  position:fixed!important;
}

/* mobile true single-pane rebuild */
@media(max-width:900px){
  #app.app{
    display:block!important;width:100vw!important;height:100dvh!important;padding:0!important;overflow:hidden!important;
  }
  .nova-desktop-rail,.nova-right-pane{display:none!important}

  #app .sidebar{
    position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
    border:0!important;border-radius:0!important;
    padding:0 0 calc(80px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 78% 0%,rgba(91,67,224,.11),transparent 28%),
      linear-gradient(180deg,#07101d,#050a13)!important;
  }
  body.mobile-chat-open #app .sidebar{display:none!important}

  #app .topbar{
    position:sticky!important;top:0!important;z-index:30!important;
    padding:calc(11px + env(safe-area-inset-top)) 12px 10px!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    background:rgba(5,10,19,.88)!important;backdrop-filter:blur(22px)!important;
  }
  #app .sidebar-brand-row{min-height:42px!important;margin-bottom:9px!important}
  #app .brand-mark{width:32px!important;height:32px!important}
  #app .brand-word{font-size:16px!important}
  #app .mobile-top-compose{display:grid!important}
  #app .mobile-home-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 9px!important}
  #app .mobile-home-action{
    height:38px!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;
    background:rgba(255,255,255,.02)!important;color:#7d8ca3!important
  }
  #app .profilebar{display:none!important}
  #app .chatlist{padding:0 8px 12px!important}
  #app .chatitem{min-height:70px!important;border-radius:16px!important}
  #app .chatitem .avatar{width:46px!important;height:46px!important;flex-basis:46px!important}
  #app .chatitem .name{font-size:12px!important}
  #app .chatitem .preview{font-size:9px!important}

  #app .main{
    position:fixed!important;inset:0!important;z-index:220!important;width:100%!important;height:100dvh!important;
    display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateX(12px)!important;
    transition:opacity .16s ease,transform .18s ease!important;
  }
  body.mobile-chat-open #app .main{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;
  }
  #app .chatheader{
    min-height:calc(62px + env(safe-area-inset-top))!important;
    padding:calc(8px + env(safe-area-inset-top)) 7px 8px!important;
    background:rgba(5,11,20,.92)!important
  }
  #app .mobile-back-btn{display:grid!important;width:38px!important;height:38px!important;flex-basis:38px!important}
  #app .header-actions button{width:34px!important;height:34px!important;flex-basis:34px!important}
  #app .header-actions #refreshBtn{display:none!important}
  #app .messages{
    flex:1!important;min-height:0!important;padding:16px 9px calc(92px + env(safe-area-inset-bottom))!important
  }
  #app .bubble{max-width:90%!important;border-radius:16px!important}
  #app .composer-wrap{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:250!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,transparent,rgba(3,8,15,.92) 22%)!important
  }
  #app .composer{min-height:53px!important;border-radius:16px!important}

  #app .mobile-bottom-nav{
    position:fixed!important;z-index:12000!important;left:8px!important;right:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;height:64px!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:5px!important;
    border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;
    background:rgba(8,16,29,.95)!important;box-shadow:0 16px 40px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(22px)!important
  }
  body.mobile-chat-open #app .mobile-bottom-nav{display:none!important}

  #userProfileModal,#chatInfoModal,#profileModal,#settingsModal{
    padding:0!important;align-items:flex-end!important
  }
  #userProfileModal .modal-card,#chatInfoModal .modal-card,#profileModal .modal-card,#settingsModal .modal-card{
    width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;
    border-radius:24px 24px 0 0!important;padding:15px 13px calc(18px + env(safe-area-inset-bottom))!important
  }
}
@media(min-width:901px) and (max-width:1220px){
  #app.app{grid-template-columns:64px 320px minmax(500px,1fr)!important;grid-template-areas:"rail chats main"!important}
  .nova-right-pane{display:none!important}
}


/* =========================================================
   NOVA 7.1 · MOBILE CHAT HOME
   Компактный и интуитивный главный экран
   ========================================================= */
@media(max-width:900px){
  #app .topbar{
    padding:calc(10px + env(safe-area-inset-top)) 12px 8px!important;
  }

  #app .sidebar-brand-row{
    min-height:42px!important;
    margin-bottom:8px!important;
  }

  #app .brand-lockup{gap:8px!important}
  #app .brand-mark{
    width:30px!important;height:30px!important;flex-basis:30px!important
  }
  #app .brand-word{
    font-size:15px!important;letter-spacing:.17em!important
  }

  #app .sidebar-actions{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }

  #app .mobile-top-search,
  #app .mobile-top-compose,
  #app .mobile-top-profile{
    width:36px!important;height:36px!important;min-width:36px!important;
    display:grid!important;place-items:center!important;
    padding:0!important;border:1px solid rgba(255,255,255,.055)!important;
    border-radius:12px!important;background:rgba(255,255,255,.022)!important;
    color:#8695ad!important;
  }

  #app .mobile-top-search svg,
  #app .mobile-top-compose svg{
    width:18px!important;height:18px!important
  }

  #app .mobile-top-compose{
    color:#fff!important;
    border-color:rgba(113,88,255,.28)!important;
    background:linear-gradient(145deg,#506fff,#754df0)!important;
    box-shadow:0 7px 18px rgba(88,66,223,.20)!important;
  }

  #app .mobile-top-profile{
    overflow:hidden!important;
    padding:2px!important;
    border-radius:50%!important;
  }
  #app .mobile-top-profile span{
    width:100%!important;height:100%!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#344c99,#7554df)!important;
    color:#fff!important;font-size:10px!important;font-weight:900!important;
  }
  #app .mobile-top-profile img{
    width:100%!important;height:100%!important;object-fit:cover!important
  }

  /* giant quick cards removed */
  #app .mobile-home-actions{display:none!important}

  /* search appears only after tap */
  #app .sidebar-search-row{
    max-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0 11px!important;
    border-width:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    transform:translateY(-4px)!important;
    transition:max-height .18s ease,height .18s ease,opacity .15s ease,transform .18s ease,margin .18s ease!important;
  }
  #app .topbar.mobile-search-open .sidebar-search-row{
    max-height:44px!important;height:44px!important;
    margin:0 0 8px!important;
    border-width:1px!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  #app .topbar.mobile-search-open .search-shortcut{display:none!important}

  /* redundant headings gone */
  #app .sidebar-section-label{display:none!important}

  /* only useful filters */
  #app .chat-filters{
    display:flex!important;
    gap:5px!important;
    margin:0 10px 5px!important;
    padding:0 0 2px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  #app .chat-filters::-webkit-scrollbar{display:none!important}
  #app .chat-filter{
    height:30px!important;
    padding:0 11px!important;
    flex:0 0 auto!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#6e7d93!important;
    font-size:9px!important;
    font-weight:800!important;
  }
  #app .chat-filter.active{
    color:#f4f1ff!important;
    background:rgba(105,79,238,.15)!important;
    box-shadow:none!important;
  }
  #app .chat-filter[data-chat-filter="private"],
  #app .chat-filter[data-chat-filter="archived"]{
    display:none!important;
  }
  #app .chat-filter-count{
    margin-left:3px!important;
    color:#9b8cff!important;
    font-size:8px!important;
  }

  /* denser chat list */
  #app .chatlist{
    padding:2px 8px 14px!important
  }
  #app .chatitem{
    min-height:64px!important;
    margin:1px 0!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  #app .chatitem.active{
    background:rgba(95,74,225,.09)!important;
    border-color:rgba(113,89,255,.12)!important;
    box-shadow:none!important;
  }
  #app .chatitem .avatar{
    width:44px!important;height:44px!important;flex-basis:44px!important;
    border-radius:14px!important;
  }
  #app .chatitem .row{min-width:0!important}
  #app .chatitem .name{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#f1f4fb!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  #app .chatitem-time{
    margin-left:auto!important;
    padding-left:8px!important;
    flex:0 0 auto!important;
    color:#68768b!important;
    font-size:8px!important;
    font-weight:700!important;
  }
  #app .chatitem .preview{
    max-width:100%!important;
    margin-top:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#77859a!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
  #app .draft-tag{
    color:#ff8da4!important;
    font-weight:850!important;
  }
  #app .badge{
    min-width:19px!important;height:19px!important;padding:0 5px!important;
    margin-left:6px!important;border-radius:999px!important;font-size:8px!important;
  }
  #app .chat-state-icons{display:none!important}

  /* bottom nav lighter */
  #app .mobile-bottom-nav{
    left:10px!important;right:10px!important;
    height:60px!important;padding:4px 5px!important;
    border-radius:18px!important;
    background:rgba(8,15,27,.94)!important;
  }
  #app .mobile-nav-item{
    position:relative!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#68778e!important;
  }
  #app .mobile-nav-item.active{
    background:transparent!important;
    color:#a896ff!important;
  }
  #app .mobile-nav-item.active::after{
    content:''!important;
    position:absolute!important;
    left:50%!important;bottom:2px!important;
    width:18px!important;height:2px!important;
    border-radius:999px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(90deg,#658cff,#9b63ff)!important;
    box-shadow:0 0 10px rgba(118,90,255,.35)!important;
  }
  #app .mobile-nav-item svg{width:18px!important;height:18px!important}
  #app .mobile-nav-item span{margin-top:3px!important;font-size:7px!important}
}

@media(max-width:430px){
  #app .brand-word{font-size:14px!important}
  #app .mobile-top-search,
  #app .mobile-top-compose,
  #app .mobile-top-profile{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  #app .chat-filter{padding:0 9px!important}
}


/* =========================================================
   NOVA 7.2 · MOBILE CHAT EXPERIENCE
   Финальная логика экрана переписки на телефоне
   ========================================================= */
@media(max-width:900px){

  /* Header */
  #app .chatheader{
    gap:7px!important;
    min-height:calc(60px + env(safe-area-inset-top))!important;
    padding:calc(7px + env(safe-area-inset-top)) 8px 7px!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    background:rgba(5,11,20,.91)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(24px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  }

  #app .mobile-back-btn{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:12px!important;
    color:#9aa8bd!important;
    background:transparent!important;
  }

  #app .mobile-back-btn:active{
    background:rgba(255,255,255,.045)!important;
  }

  #app .chatheader .avatar{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:50%!important;
    box-shadow:0 0 0 2px rgba(102,83,245,.18)!important;
  }

  #app .chatheader .grow{
    min-width:0!important;
    padding:2px 2px!important;
    border-radius:10px!important;
  }

  #app .chatheader .grow:active{
    background:rgba(255,255,255,.025)!important;
  }

  #app .chatheader .name{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#f2f5ff!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  #app .chatheader .muted{
    margin-top:2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#76869d!important;
    font-size:8px!important;
  }

  #app .chatheader .header-live-status{
    color:#62dca1!important;
  }

  #app .chatheader .header-live-status.typing,
  #app .chatheader .header-live-status.recording{
    color:#9d8cff!important;
  }

  #app .header-actions{
    gap:0!important;
  }

  #app .header-actions button{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;
    border-radius:11px!important;
    color:#8392aa!important;
  }

  #app .header-actions #refreshBtn,
  #app .header-actions #chatSearchBtn{
    display:none!important;
  }

  /* Keep call/video for private chats, info always reachable */
  #app .header-actions button:active{
    background:rgba(255,255,255,.045)!important;
    color:#fff!important;
  }

  /* Pinned message compact strip */
  #app .pinned-bar{
    min-height:43px!important;
    gap:8px!important;
    padding:6px 9px!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    background:rgba(8,15,27,.88)!important;
    backdrop-filter:blur(18px)!important;
  }

  #app .pinned-accent{
    width:3px!important;
    align-self:stretch!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#668bff,#9a65ff)!important;
  }

  #app .pinned-text{
    min-width:0!important;
  }

  #app .pinned-text b{
    color:#9f91ff!important;
    font-size:8px!important;
  }

  #app .pinned-preview{
    margin-top:2px!important;
    max-width:65vw!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#8996aa!important;
    font-size:8px!important;
  }

  #app .pin-nav{
    gap:1px!important;
  }

  #app .pin-nav .iconbtn{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }

  /* Messages */
  #app .messages{
    padding:14px 9px calc(94px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:110px!important;
  }

  #app .message-row{
    margin:4px 0!important;
  }

  #app .bubble{
    max-width:89%!important;
    padding:9px 11px 7px!important;
    border-radius:16px!important;
    border-bottom-left-radius:5px!important;
    font-size:11px!important;
    line-height:1.42!important;
  }

  #app .mine .bubble{
    border-bottom-left-radius:16px!important;
    border-bottom-right-radius:5px!important;
  }

  #app .sender{
    margin-bottom:4px!important;
    font-size:8px!important;
  }

  #app .time{
    margin-top:4px!important;
    font-size:7px!important;
  }

  #app .date-separator{
    margin:11px 0!important;
  }

  #app .date-separator span{
    padding:5px 9px!important;
    border:1px solid rgba(255,255,255,.05)!important;
    border-radius:999px!important;
    background:rgba(8,15,27,.66)!important;
    color:#718096!important;
    font-size:7px!important;
    backdrop-filter:blur(10px)!important;
  }

  #app .unread-separator{
    margin:12px 0!important;
    color:#9686ff!important;
    font-size:8px!important;
  }

  #app .reaction{
    min-height:25px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    font-size:10px!important;
  }

  #app .reply,
  #app .forwarded-profile{
    margin-bottom:5px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }

  /* Voice messages */
  #app .voice-player{
    min-width:min(238px,72vw)!important;
    max-width:76vw!important;
    gap:8px!important;
  }

  #app .voice-play{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }

  #app .voice-wave{
    height:24px!important;
  }

  #app .voice-meta{
    font-size:7px!important;
  }

  /* Video circles */
  #app .video-note{
    width:210px!important;
    height:210px!important;
    max-width:64vw!important;
    max-height:64vw!important;
  }

  #app .video-note.nova-video-note-playing{
    width:min(292px,78vw)!important;
    height:min(292px,78vw)!important;
    max-width:none!important;
    max-height:none!important;
  }

  /* Reply composer preview */
  #app .replybar{
    position:absolute!important;
    z-index:251!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(65px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    min-height:42px!important;
    padding:6px 9px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:13px!important;
    background:rgba(11,20,35,.97)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(18px)!important;
  }

  #app .replybar b{
    color:#9c8dff!important;
    font-size:8px!important;
  }

  #app .replybar #replyText{
    margin-top:2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#77869b!important;
    font-size:8px!important;
  }

  /* Typing indicator directly above composer */
  #app .typing{
    position:absolute!important;
    z-index:248!important;
    left:15px!important;
    bottom:calc(67px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    color:#8f7fff!important;
    font-size:8px!important;
    pointer-events:none!important;
  }

  /* Composer */
  #app .composer-wrap{
    padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,transparent 0%,rgba(3,8,15,.82) 25%,rgba(3,8,15,.98) 100%)!important;
  }

  #app .composer-toolbar,
  #app #composerFormatbar{
    display:none!important;
  }

  #app #mobileFormatToggle{
    display:none!important;
  }

  #app .composer{
    min-height:52px!important;
    gap:3px!important;
    padding:5px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:17px!important;
    background:rgba(11,20,35,.96)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
  }

  #app .composer textarea{
    min-height:36px!important;
    max-height:110px!important;
    padding:8px 5px!important;
    color:#edf2ff!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  #app .composer textarea::placeholder{
    color:#5f6e84!important;
  }

  #app .clip,
  #app .emoji-btn,
  #app .record-btn,
  #app .send{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:13px!important;
  }

  #app .emoji-btn{
    display:none!important;
  }

  #app #videoNoteBtn{
    border:1px solid rgba(117,89,255,.18)!important;
    background:rgba(110,82,241,.07)!important;
    color:#9b8bff!important;
  }

  #app .send{
    color:#fff!important;
    background:linear-gradient(145deg,#5071ff,#784ef0)!important;
    box-shadow:0 7px 20px rgba(83,64,220,.22)!important;
  }

  #app .recording-label{
    min-width:0!important;
    max-width:135px!important;
    height:36px!important;
    padding:0 8px!important;
    border-radius:12px!important;
  }

  /* Floating jump controls */
  #app .nova-jump-bottom,
  #app .jump-unread{
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    background:rgba(12,21,37,.94)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(14px)!important;
  }

  /* Selection bar behaves like a compact toolbar */
  #app .selection-bar{
    min-height:48px!important;
    padding:6px 8px!important;
    background:rgba(8,15,27,.96)!important;
  }

  #app .selection-actions{
    gap:3px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  #app .selection-actions::-webkit-scrollbar{display:none!important}

  #app .selection-actions button{
    flex:0 0 auto!important;
    min-height:32px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:8px!important;
  }
}

@media(max-width:430px){
  #app .header-actions #audioCallBtn{
    display:grid!important;
  }

  #app .bubble{
    max-width:92%!important;
  }

  #app .video-note{
    width:190px!important;
    height:190px!important;
  }
}


/* =========================================================
   NOVA 7.3 · SMART ATTACHMENTS
   Один способ на одно действие. Никаких дублей.
   ========================================================= */
@media(max-width:900px){
  .mobile-attach-sheet .mobile-sheet-card{
    padding:8px 10px calc(10px + env(safe-area-inset-bottom))!important;
    border-radius:22px 22px 0 0!important;
    background:
      radial-gradient(circle at 80% 0%,rgba(110,82,241,.10),transparent 28%),
      linear-gradient(180deg,rgba(10,18,32,.99),rgba(6,12,23,.99))!important;
  }

  .mobile-attach-sheet .mobile-sheet-handle{
    width:34px!important;
    height:4px!important;
    margin:2px auto 9px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
  }

  .mobile-sheet-title{
    margin:0!important;
    color:#f1f4fb!important;
    font-size:12px!important;
    font-weight:900!important;
    text-align:left!important;
  }

  .mobile-sheet-subtitle{
    margin:3px 0 10px!important;
    color:#66758c!important;
    font-size:8px!important;
  }

  .mobile-attach-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:7px!important;
  }

  .mobile-attach-grid button{
    min-width:0!important;
    min-height:72px!important;
    padding:9px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.022)!important;
    color:#8392a8!important;
  }

  .mobile-attach-grid button:active{
    transform:scale(.96)!important;
    border-color:rgba(115,91,255,.18)!important;
    background:rgba(105,80,236,.08)!important;
  }

  .mobile-attach-icon{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(64,86,177,.26),rgba(100,65,186,.20))!important;
    color:#a596ff!important;
    font-size:17px!important;
  }

  .mobile-attach-grid button span:last-child{
    color:#a7b1c2!important;
    font-size:8px!important;
    font-weight:800!important;
  }

  .mobile-sheet-cancel{
    margin-top:8px!important;
    min-height:40px!important;
    border:1px solid rgba(255,255,255,.05)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.02)!important;
    color:#728198!important;
    font-size:9px!important;
  }

  /* Composer logic: capture actions stay where the thumb expects them. */
  #app #recordBtn,
  #app #videoNoteBtn{
    position:relative!important;
  }

  #app #recordBtn::after,
  #app #videoNoteBtn::after{
    content:''!important;
    position:absolute!important;
    inset:-5px!important;
  }
}

/* Desktop attachment click remains file-oriented, capture stays in composer. */


/* =========================================================
   NOVA 7.4 · FOCUS COMPOSER
   Один взгляд, одна логика:
   + | сообщение | микрофон | видеосообщение
   + | сообщение................ | отправить
   ========================================================= */

/* Secondary composer chrome is removed from the surface everywhere. */
#app .composer-toolbar,
#app #composerFormatbar,
#app #mobileFormatToggle,
#app .emoji-btn{
  display:none!important;
}

#app .composer-wrap{
  position:relative!important;
}

#app .composer{
  position:relative!important;
  align-items:center!important;
  gap:4px!important;
  min-height:54px!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:rgba(10,19,33,.94)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.23)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

#app .composer:focus-within{
  border-color:rgba(113,91,255,.27)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.23),0 0 0 3px rgba(103,82,243,.055)!important;
}

#app .composer textarea{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:38px!important;
  max-height:120px!important;
  margin:0!important;
  padding:9px 7px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#eef3ff!important;
  font-size:12px!important;
  line-height:1.35!important;
  resize:none!important;
}

#app .composer textarea::placeholder{
  color:#5f6f86!important;
}

/* Primary actions share one visual grammar. */
#app .clip,
#app .record-btn,
#app .send{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#8090a8!important;
}

#app .clip:hover,
#app .record-btn:hover{
  border-color:rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.035)!important;
  color:#dce4f5!important;
}

#app .clip .nova-plus-icon{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}

#app #videoNoteBtn{
  color:#9b8cff!important;
  border-color:rgba(116,90,255,.13)!important;
  background:rgba(108,82,240,.055)!important;
}

#app #videoNoteBtn:hover{
  border-color:rgba(116,90,255,.22)!important;
  background:rgba(108,82,240,.10)!important;
}

#app .send{
  color:#fff!important;
  border-color:rgba(111,89,255,.28)!important;
  background:linear-gradient(145deg,#5072ff,#7950ee)!important;
  box-shadow:0 7px 20px rgba(84,65,223,.22)!important;
}

#app .send:active{
  transform:scale(.95)!important;
}

/* Existing action-mode JS already morphs capture buttons into Send when text exists. */
#app .composer-action-hidden{
  display:none!important;
}

/* Character counter only appears when it becomes useful. */
#app .char-counter{
  display:none!important;
}
#app .composer-wrap.nova-near-limit .char-counter{
  position:absolute!important;
  right:12px!important;
  bottom:calc(100% + 4px)!important;
  z-index:8!important;
  display:block!important;
  padding:4px 7px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:999px!important;
  background:rgba(8,15,27,.88)!important;
  color:#a99cff!important;
  font-size:8px!important;
  backdrop-filter:blur(12px)!important;
}

/* Recording becomes a focused capsule, not another layer of controls. */
#app .composer.nova-recording-active{
  border-color:rgba(247,92,119,.18)!important;
  background:linear-gradient(135deg,rgba(56,18,31,.88),rgba(14,20,34,.96))!important;
}

#app .composer.nova-recording-active .clip,
#app .composer.nova-recording-active textarea,
#app .composer.nova-recording-active #videoNoteBtn,
#app .composer.nova-recording-active .send{
  display:none!important;
}

#app .composer.nova-recording-active .recording-label{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.025)!important;
}

#app .composer.nova-recording-active .recording-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#ff637d!important;
  box-shadow:0 0 0 5px rgba(255,99,125,.08)!important;
  animation:nova74RecordPulse 1.15s ease-in-out infinite!important;
}

#app .composer.nova-recording-active #recordingTime{
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

#app .composer.nova-recording-active .record-cancel-hint{
  margin-left:auto!important;
  color:#9a7080!important;
  font-size:8px!important;
}

#app .composer.nova-recording-active #recordBtn{
  color:#fff!important;
  border-color:rgba(255,99,125,.22)!important;
  background:rgba(255,99,125,.13)!important;
  box-shadow:0 7px 18px rgba(201,53,80,.12)!important;
}

@keyframes nova74RecordPulse{
  0%,100%{opacity:.72;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.08)}
}

/* Mobile: even tighter, thumb-friendly, no extra chrome. */
@media(max-width:900px){
  #app .composer-wrap{
    padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
  }

  #app .composer{
    min-height:52px!important;
    gap:2px!important;
    padding:5px!important;
    border-radius:17px!important;
    background:rgba(10,19,33,.97)!important;
  }

  #app .composer textarea{
    min-height:36px!important;
    max-height:108px!important;
    padding:8px 5px!important;
    font-size:11px!important;
  }

  #app .clip,
  #app .record-btn,
  #app .send{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:13px!important;
  }

  #app .composer.nova-recording-active .recording-label{
    height:38px!important;
    padding:0 8px!important;
  }

  #app .composer.nova-recording-active .record-cancel-hint{
    display:none!important;
  }
}


/* =========================================================
   NOVA 7.5.1 · SAFE CONSOLIDATION
   Surgical UX cleanup. Existing 7.4 layout is preserved.
   ========================================================= */

/* Desktop right pane: fewer, clearer actions */
.nova-right-actions{
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.nova-right-actions button{
  min-height:44px!important;
}
.nova-right-actions button small{
  font-weight:800!important;
}

/* Settings: only visual grouping, geometry remains untouched */
.settings-section{
  border-color:rgba(255,255,255,.055)!important;
}
.settings-section-title{
  color:#dce3f3!important;
}

/* Profile tabs: slightly calmer */
#userProfileModal .profile-social-tab{
  font-weight:800!important;
}
#userProfileModal .profile-social-tab.active{
  color:#efeaff!important;
}

/* Mobile receives no layout reset in 7.5.1.
   This intentionally preserves the tested 7.4 mobile geometry. */


/* ==========================================================
   NOVA 8.0 FINAL · Profile / Settings / Groups / Search
   ========================================================== */
.nova-context-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.nova-context-grid button{min-width:0;padding:9px 3px 8px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.018);color:#74839a}
.nova-context-grid button:hover{border-color:rgba(117,91,255,.16);background:rgba(105,80,238,.06)}
.nova-context-grid b{display:block;color:#f0f3ff;font-size:12px;font-variant-numeric:tabular-nums}
.nova-context-grid span{display:block;margin-top:3px;font-size:7px}
.nova-right-switch-row{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.nova-right-switch-row b{display:block;color:#dce3f2;font-size:9px}
.nova-right-switch-row small{display:block;margin-top:2px;color:#65748a;font-size:8px}
#novaRightMuteToggle{min-width:50px;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#75849a;font-size:8px;font-weight:900}
#novaRightMuteToggle.active{border-color:rgba(75,208,139,.18);background:rgba(48,200,126,.08);color:#64dca3}

.settings-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 14px 10px}
.settings-tabs button{min-width:0;min-height:34px;padding:0 7px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(255,255,255,.015);color:#6d7c92;font-size:8px;font-weight:850}
.settings-tabs button.active{border-color:rgba(116,91,255,.22);background:rgba(104,79,239,.10);color:#e8e3ff}
.settings-body [data-settings-pane]{min-height:170px}

.invite-health{display:flex;align-items:center;gap:9px;margin:8px 0;padding:9px 10px;border:1px solid rgba(52,211,153,.10);border-radius:12px;background:rgba(52,211,153,.035)}
.invite-health-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#37d68e;box-shadow:0 0 0 5px rgba(55,214,142,.07)}
.invite-health b{display:block;color:#b8efd7;font-size:9px}
.invite-health small{display:block;margin-top:2px;color:#668477;font-size:8px}
.invite-health.warning{border-color:rgba(245,180,63,.13);background:rgba(245,180,63,.04)}
.invite-health.warning .invite-health-dot{background:#f0b84b;box-shadow:0 0 0 5px rgba(240,184,75,.07)}
.invite-health.warning b{color:#efd49b}
.invite-health.danger{border-color:rgba(251,113,133,.14);background:rgba(251,113,133,.04)}
.invite-health.danger .invite-health-dot{background:#fb7185;box-shadow:0 0 0 5px rgba(251,113,133,.07)}
.invite-health.danger b{color:#ffb3c0}
.members-search{width:100%;height:36px;margin:7px 0;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;outline:none;background:rgba(255,255,255,.02);color:#e8edf7;font-size:9px}
.members-search:focus{border-color:rgba(116,91,255,.22)}

.archive-shortcut{width:calc(100% - 18px);min-height:46px;margin:2px 9px 5px;padding:7px 9px;display:grid;grid-template-columns:30px 1fr 12px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.016);color:#718096;text-align:left}
.archive-shortcut-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(109,84,239,.07);color:#9082f8}
.archive-shortcut-copy b{display:block;color:#b5bfce;font-size:9px}
.archive-shortcut-copy small{display:block;margin-top:2px;color:#5f6e84;font-size:8px}
.archive-shortcut strong{color:#56647a}
.archive-shortcut.back-mode .archive-shortcut-icon{transform:rotate(180deg)}

.global-search-tabs{position:sticky;top:0;z-index:3;display:flex;gap:5px;padding:7px;border-bottom:1px solid rgba(255,255,255,.045);background:rgba(8,15,27,.97);backdrop-filter:blur(18px)}
.global-search-tabs button{min-height:29px;padding:0 8px;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.04);border-radius:999px;background:transparent;color:#68778d;font-size:8px;font-weight:850}
.global-search-tabs button span{color:#8c7cff;font-size:7px}
.global-search-tabs button.active{border-color:rgba(113,88,255,.18);background:rgba(105,80,238,.10);color:#efeaff}

.saved-controls{padding:0 12px 8px}
#savedSearchInput{width:100%;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;outline:0;background:rgba(255,255,255,.02);color:#e9eef8;font-size:9px}
#savedSearchInput:focus{border-color:rgba(115,91,255,.22)}
.saved-filter-tabs{display:flex;gap:5px;margin-top:7px}
.saved-filter-tabs button{min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.04);border-radius:999px;background:transparent;color:#6c7b91;font-size:8px;font-weight:850}
.saved-filter-tabs button.active{border-color:rgba(115,91,255,.18);background:rgba(104,79,239,.09);color:#e9e4ff}
.saved-count{margin-top:6px;color:#5f6e83;font-size:8px}

@media(max-width:900px){
  .settings-tabs{position:sticky;top:0;z-index:7;padding:7px 10px;overflow-x:auto;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;background:rgba(8,15,27,.96);backdrop-filter:blur(18px)}
  .settings-tabs button{min-width:92px}
  .archive-shortcut{min-height:43px;margin-top:1px}
  .global-search-tabs{overflow-x:auto;scrollbar-width:none}
  .global-search-tabs::-webkit-scrollbar{display:none}
}


/* NOVA 8.2 · performance and history pagination */
.history-loader{
  align-self:center;
  min-height:32px;
  margin:8px auto 10px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  color:#718098;
  font-size:8px;
  font-weight:850;
}
.history-loader:hover{border-color:rgba(116,91,255,.18);color:#b6adff;background:rgba(104,79,239,.06)}
.history-loader:disabled{opacity:.55;cursor:default}
.message-loading{margin:auto;color:#607087;font-size:9px}


/* NOVA 8.4 · PWA / network resilience */
.nova-network-banner{
  position:fixed;z-index:5000;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);
  min-height:34px;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:8px;padding:0 11px;
  border:1px solid rgba(113,91,255,.16);border-radius:999px;background:rgba(10,18,31,.94);color:#aeb9ca;
  box-shadow:0 10px 30px rgba(0,0,0,.26);backdrop-filter:blur(18px);font-size:8px;font-weight:800;
}
.nova-network-banner.offline{border-color:rgba(251,113,133,.18);color:#efb2be}
.nova-network-banner.connecting{border-color:rgba(245,180,63,.15);color:#d8bf87}
.nova-network-dot{width:7px;height:7px;border-radius:50%;background:#49d89a;box-shadow:0 0 0 5px rgba(73,216,154,.06)}
.nova-network-banner.offline .nova-network-dot{background:#fb7185;box-shadow:0 0 0 5px rgba(251,113,133,.06)}
.nova-network-banner.connecting .nova-network-dot{background:#eab653;box-shadow:0 0 0 5px rgba(234,182,83,.06);animation:novaNetPulse 1.1s ease-in-out infinite}
.nova-outbox-count{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:rgba(122,94,255,.14);color:#c5bcff;font-size:7px}
@keyframes novaNetPulse{50%{opacity:.45}}
@media(max-width:900px){.nova-network-banner{top:max(7px,env(safe-area-inset-top));min-height:31px}}


/* NOVA 13.0.0 · product polish */
.nova-command-palette{position:fixed;z-index:9000;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 20px;background:rgba(1,5,10,.56);backdrop-filter:blur(10px)}
.nova-command-card{width:min(610px,100%);max-height:min(620px,74dvh);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(11,19,32,.98);box-shadow:0 35px 100px rgba(0,0,0,.55)}
.nova-command-search-row{height:54px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055);color:#8f80f8}
.nova-command-search-row input{width:100%;border:0;outline:0;background:transparent;color:#edf2ff;font-size:13px}
.nova-command-search-row kbd{padding:4px 7px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.025);color:#64738a;font:700 8px/1 system-ui}
.nova-command-results{max-height:470px;overflow:auto;padding:7px}
.nova-command-item{width:100%;min-height:46px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;padding:5px 8px;border:0;border-radius:12px;background:transparent;color:#8290a6;text-align:left}
.nova-command-item.active{background:rgba(111,86,247,.10);color:#eeeaff}
.nova-command-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.025);color:#9c8eff}
.nova-command-copy b{display:block;font-size:10px}.nova-command-copy small{display:block;margin-top:2px;color:#617087;font-size:8px}.nova-command-enter{opacity:.45}
.nova-command-empty{padding:28px;text-align:center;color:#64738a;font-size:9px}
.nova-command-footer{min-height:34px;display:flex;gap:15px;align-items:center;padding:0 12px;border-top:1px solid rgba(255,255,255,.045);color:#56657b;font-size:7px}
.chat-skeleton{min-height:64px;display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;padding:8px 10px}.chat-skeleton-avatar{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.04)}.chat-skeleton-lines{display:grid;gap:7px}.chat-skeleton-lines i{height:8px;width:58%;border-radius:999px;background:rgba(255,255,255,.04)}.chat-skeleton-lines i:last-child{width:82%;opacity:.65}.chat-skeleton-avatar,.chat-skeleton-lines i{animation:novaSkeleton 1.25s ease-in-out infinite alternate}@keyframes novaSkeleton{to{opacity:.35}}
.chat-load-error{margin:12px;padding:14px;border:1px solid rgba(251,113,133,.10);border-radius:15px;background:rgba(251,113,133,.025);text-align:center}.chat-load-error b{display:block;color:#d8c2c8;font-size:10px}.chat-load-error span{display:block;margin:5px 0 10px;color:#735f67;font-size:8px}.chat-load-error button{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.025);color:#b9c2d0;font-size:8px;font-weight:850}
.nova-diagnostics{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.045)}.nova-diagnostics-grid{display:grid;gap:1px;margin-bottom:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;overflow:hidden}.nova-diagnostics-grid>div{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:rgba(255,255,255,.014)}.nova-diagnostics-grid span{color:#637188;font-size:8px}.nova-diagnostics-grid b{color:#c9d1de;font-size:8px}
:where(button,[role="button"],input,textarea,a):focus-visible{outline:2px solid rgba(137,118,255,.72)!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:900px){.nova-command-palette{padding-top:max(8vh,calc(env(safe-area-inset-top) + 44px))}.nova-command-card{border-radius:18px}.nova-command-footer{overflow-x:auto;white-space:nowrap}}

/* NOVA 13.0.0 · POWER FEATURES */
.chat-folder-bar{display:flex;align-items:center;gap:5px;padding:1px 9px 7px;overflow-x:auto;scrollbar-width:none}.chat-folder-bar::-webkit-scrollbar{display:none}
.chat-folder-pill,.chat-folder-manage{flex:0 0 auto;min-height:30px;border:1px solid rgba(255,255,255,.045);border-radius:999px;background:rgba(255,255,255,.015);color:#6d7c91;font-size:8px;font-weight:850}.chat-folder-pill{padding:0 10px}.chat-folder-pill.active{border-color:rgba(119,94,255,.18);background:rgba(107,82,241,.09);color:#eee9ff}.chat-folder-manage{width:30px;padding:0;color:#9587ff;font-size:15px}
.advanced-search-btn{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:0;background:transparent;color:#68788f}.advanced-search-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.advanced-search-btn:hover{color:#a99cff}
.schedule-btn{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(118,92,255,.10);border-radius:12px;background:rgba(108,82,240,.045);color:#9688fa;font-size:16px}.schedule-btn:hover{background:rgba(108,82,240,.09);color:#c8beff}
.power-modal-card{width:min(620px,calc(100vw - 24px));max-height:min(82dvh,760px)}.power-modal-body{padding:10px 14px 14px;overflow:auto}.power-modal-body textarea,.power-modal-body>input,.power-field input,.power-field select{width:100%;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.022);color:#e9eef8;outline:0}.power-modal-body textarea{min-height:100px;padding:10px;resize:vertical}.power-modal-body>input,.power-field input,.power-field select{height:39px;padding:0 10px}.power-field{display:grid;gap:5px;margin-top:9px}.power-field>span{color:#6d7c91;font-size:8px;font-weight:800}.power-subtitle{margin:14px 0 7px;color:#d9dfed;font-size:9px;font-weight:900}
.folder-manager-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.folder-manager-row{min-width:130px;padding:9px 10px;text-align:left;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.018);color:#78879c}.folder-manager-row.active{border-color:rgba(117,91,255,.20);background:rgba(106,81,239,.08)}.folder-manager-row b,.folder-manager-row small{display:block}.folder-manager-row b{color:#dce3ef;font-size:9px}.folder-manager-row small{margin-top:3px;font-size:7px}.folder-editor{padding-top:7px;border-top:1px solid rgba(255,255,255,.04)}.folder-editor>input{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02);color:#e7edf7;outline:0}.folder-chat-picker{display:grid;gap:4px;max-height:300px;overflow:auto;margin-top:8px}.folder-chat-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:11px;background:rgba(255,255,255,.015)}.folder-chat-row>input{accent-color:#806cff}.folder-chat-avatar{width:30px;height:30px;overflow:hidden;border-radius:10px;background:#172238;display:grid;place-items:center}.folder-chat-avatar img{width:100%;height:100%;object-fit:cover}.folder-chat-row b,.folder-chat-row small{display:block}.folder-chat-row b{color:#dbe2ef;font-size:9px}.folder-chat-row small{color:#637188;font-size:7px}
.scheduled-list{display:grid;gap:5px}.scheduled-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015)}.scheduled-row b{display:block;color:#dbe2ee;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-row small{display:block;margin-top:3px;color:#7569c9;font-size:8px}.scheduled-row button{width:30px;height:30px;border:0;border-radius:10px;background:rgba(251,113,133,.07);color:#e88c9c}
.power-chat-grid{display:grid;gap:6px}.power-setting-row,.power-action-row{width:100%;min-height:52px;display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);color:#78879b;text-align:left}.power-setting-row>span{flex:1}.power-setting-row b,.power-setting-row small,.power-action-row b,.power-action-row small{display:block}.power-setting-row b,.power-action-row b{color:#dce3ef;font-size:9px}.power-setting-row small,.power-action-row small{margin-top:2px;color:#66758b;font-size:7px}.power-setting-row select{height:32px;max-width:130px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#101827;color:#bcc6d6;font-size:8px}.power-action-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(110,84,242,.07);color:#9587ff;font-size:14px}.power-action-row>div{flex:1}.power-action-row>strong{color:#596980}
.poll-option-editor{display:grid;gap:6px;margin:8px 0}.poll-option-editor input{height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.02);color:#e8edf7;outline:0}.nova-poll{min-width:min(330px,70vw);padding:3px 0}.nova-poll-head{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.nova-poll-head>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(111,85,243,.09);color:#9f91ff}.nova-poll-head b,.nova-poll-head small{display:block}.nova-poll-head b{color:#eef2fb;font-size:11px}.nova-poll-head small{margin-top:3px;color:#718097;font-size:8px}.nova-poll-options{display:grid;gap:5px}.nova-poll-option{padding:7px 8px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.018);color:#d9e0ec;text-align:left}.nova-poll-option.my-vote{border-color:rgba(111,86,246,.25);background:rgba(108,82,240,.07)}.nova-poll-option-top{display:flex;justify-content:space-between;gap:8px}.nova-poll-option-top b{font-size:9px}.nova-poll-option-top strong{color:#9d90ff;font-size:8px}.nova-poll-bar{display:block;height:3px;margin:6px 0 4px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}.nova-poll-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6678ff,#8b62ee)}.nova-poll-option small{color:#64738a;font-size:7px}.nova-poll-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#68778d;font-size:8px}.nova-poll-foot button{border:0;background:transparent;color:#9789fb;font-size:8px}.ttl-mark{margin-left:4px;color:#aa9cff;font-size:8px}
.advanced-search-grid{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr 1fr;gap:7px}.advanced-search-results{display:grid;gap:5px;margin-top:10px;max-height:330px;overflow:auto}.advanced-search-result{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);text-align:left;color:#76859a}.advanced-search-result b,.advanced-search-result span,.advanced-search-result small{display:block}.advanced-search-result b{color:#dce3ef;font-size:9px}.advanced-search-result span{margin-top:3px;color:#8795a8;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.advanced-search-result small{margin-top:3px;color:#5e6d82;font-size:7px}.power-empty{padding:18px;text-align:center;color:#627187;font-size:9px}
@media(max-width:900px){.chat-folder-bar{padding:3px 8px 5px}.schedule-btn{width:34px!important;height:34px!important;flex-basis:34px!important}.advanced-search-grid{grid-template-columns:1fr 1fr}.power-modal-card{max-height:88dvh!important}.nova-poll{min-width:min(290px,78vw)}}@media(max-width:430px){.advanced-search-grid{grid-template-columns:1fr}}


/* =========================================================
   NOVA 13.0.0 · UI POLISH FOR POWER FEATURES
   Visual integration only. Functionality from 9.0 preserved.
   ========================================================= */

:root{
  --nova-pf-surface:rgba(12,20,34,.92);
  --nova-pf-surface-2:rgba(255,255,255,.022);
  --nova-pf-surface-3:rgba(105,80,238,.07);
  --nova-pf-border:rgba(255,255,255,.06);
  --nova-pf-border-accent:rgba(116,91,255,.22);
  --nova-pf-text:#e9edf7;
  --nova-pf-muted:#6e7c91;
  --nova-pf-accent:#9b8cff;
  --nova-pf-accent-2:#6f7dff;
}

/* Normalize all newly-added controls so the browser cannot paint white defaults. */
#powerChatSection button,
#powerChatSection select,
#folderManagerModal button,
#folderManagerModal input,
#scheduleModal button,
#scheduleModal input,
#scheduleModal textarea,
#pollModal button,
#pollModal input,
#advancedSearchModal button,
#advancedSearchModal input,
#advancedSearchModal select,
.chat-folder-bar button,
.advanced-search-btn,
.schedule-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  font:inherit!important;
  box-sizing:border-box!important;
}

/* Chat folders */
.chat-folder-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:3px 10px 8px!important;
  margin:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  background:transparent!important;
}
.chat-folder-bar::-webkit-scrollbar{display:none!important}

.chat-folder-pill,
.chat-folder-manage{
  min-height:31px!important;
  border:1px solid var(--nova-pf-border)!important;
  background:rgba(255,255,255,.018)!important;
  color:#74839a!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.chat-folder-pill{
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.chat-folder-pill:hover,
.chat-folder-manage:hover{
  border-color:var(--nova-pf-border-accent)!important;
  background:rgba(108,83,240,.07)!important;
  color:#cfc7ff!important;
}
.chat-folder-pill.active{
  border-color:rgba(119,94,255,.26)!important;
  background:linear-gradient(135deg,rgba(98,84,230,.18),rgba(124,77,229,.12))!important;
  color:#f0ecff!important;
  box-shadow:0 6px 18px rgba(80,60,196,.11)!important;
}
.chat-folder-manage{
  width:31px!important;
  min-width:31px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#9a8cff!important;
  font-size:15px!important;
}

/* Search extra control */
.advanced-search-btn{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6d7c92!important;
}
.advanced-search-btn:hover{
  border-color:var(--nova-pf-border)!important;
  background:rgba(255,255,255,.025)!important;
  color:#aaa0ff!important;
}
.advanced-search-btn svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Schedule button in composer */
.schedule-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(117,92,255,.14)!important;
  border-radius:12px!important;
  background:rgba(109,83,241,.055)!important;
  color:#9e90ff!important;
  box-shadow:none!important;
}
.schedule-btn:hover{
  border-color:rgba(117,92,255,.24)!important;
  background:rgba(109,83,241,.10)!important;
  color:#c4bcff!important;
}
.schedule-btn:active{transform:scale(.95)!important}

/* Chat info: new power section */
#powerChatSection{
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid var(--nova-pf-border)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(105,80,238,.08),transparent 30%),
    rgba(255,255,255,.015)!important;
  overflow:hidden!important;
}
#powerChatSection .chat-info-section-title{
  margin:0 0 9px!important;
  color:#aab5c8!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.power-chat-grid{
  display:grid!important;
  gap:7px!important;
}
.power-setting-row,
.power-action-row{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  color:#74839a!important;
  box-shadow:none!important;
}
.power-setting-row:hover,
.power-action-row:hover{
  border-color:rgba(116,91,255,.14)!important;
  background:rgba(106,81,239,.045)!important;
}
.power-setting-row>span{
  flex:1!important;
  min-width:0!important;
}
.power-setting-row b,
.power-action-row b{
  display:block!important;
  color:#e2e7f2!important;
  font-size:10px!important;
  font-weight:900!important;
}
.power-setting-row small,
.power-action-row small{
  display:block!important;
  margin-top:3px!important;
  color:#6a788e!important;
  font-size:8px!important;
  line-height:1.35!important;
}
.power-setting-row select{
  width:auto!important;
  min-width:118px!important;
  max-width:150px!important;
  height:34px!important;
  padding:0 30px 0 10px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:10px!important;
  background:
    linear-gradient(45deg,transparent 50%,#7a89a0 50%) calc(100% - 15px) 14px/5px 5px no-repeat,
    linear-gradient(135deg,#7a89a0 50%,transparent 50%) calc(100% - 10px) 14px/5px 5px no-repeat,
    rgba(8,15,27,.86)!important;
  color:#c8d1df!important;
  font-size:8px!important;
  font-weight:800!important;
}
.power-setting-row select:focus{
  border-color:var(--nova-pf-border-accent)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(111,87,245,.05)!important;
}
.power-setting-row select option{
  background:#0d1626!important;
  color:#e9edf7!important;
}
.power-action-row{
  text-align:left!important;
  cursor:pointer!important;
}
.power-action-row>span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(110,84,242,.08)!important;
  color:#a193ff!important;
  font-size:15px!important;
}
.power-action-row>div{
  min-width:0!important;
  flex:1!important;
}
.power-action-row>strong{
  color:#56657b!important;
  font-size:18px!important;
  font-weight:500!important;
}

/* Shared power modals */
.power-modal-card{
  width:min(620px,calc(100vw - 24px))!important;
  max-height:min(84dvh,760px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(102,78,231,.09),transparent 32%),
    linear-gradient(180deg,rgba(10,18,32,.99),rgba(6,12,23,.99))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46)!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
}
.power-modal-card .nova-modal-head{
  min-height:64px!important;
  padding:14px 16px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
.power-modal-card .nova-modal-head h3{
  margin:0!important;
  color:#f1f4fb!important;
  font-size:14px!important;
  font-weight:950!important;
}
.power-modal-card .nova-modal-head .muted{
  margin-top:3px!important;
  color:#6d7b91!important;
  font-size:8px!important;
}
.power-modal-card .chat-info-close{
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.02)!important;
  color:#728198!important;
}
.power-modal-card .chat-info-close:hover{
  color:#fff!important;
  background:rgba(255,255,255,.05)!important;
}
.power-modal-body{
  padding:12px 16px 16px!important;
  overflow:auto!important;
}
.power-modal-body textarea,
.power-modal-body>input,
.power-field input,
.power-field select,
.folder-editor>input,
.poll-option-editor input{
  border:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.022)!important;
  color:#e9eef8!important;
  box-shadow:none!important;
  outline:none!important;
}
.power-modal-body textarea::placeholder,
.power-modal-body>input::placeholder,
.power-field input::placeholder,
.folder-editor>input::placeholder,
.poll-option-editor input::placeholder{
  color:#5d6b80!important;
}
.power-modal-body textarea:focus,
.power-modal-body>input:focus,
.power-field input:focus,
.power-field select:focus,
.folder-editor>input:focus,
.poll-option-editor input:focus{
  border-color:var(--nova-pf-border-accent)!important;
  background:rgba(255,255,255,.028)!important;
  box-shadow:0 0 0 3px rgba(111,87,245,.05)!important;
}
.power-field select{
  color-scheme:dark!important;
}
.power-field select option{
  background:#0d1626!important;
  color:#e9edf7!important;
}
.power-modal-card .small-primary{
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid rgba(116,91,255,.24)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#536fff,#7650ee)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(83,65,218,.18)!important;
  font-size:8px!important;
  font-weight:900!important;
}
.power-modal-card .secondary{
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.022)!important;
  color:#7d8ca1!important;
  font-size:8px!important;
  font-weight:850!important;
}
.power-modal-card .secondary:hover{
  background:rgba(255,255,255,.04)!important;
  color:#c9d1df!important;
}
.power-modal-card .modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin-top:10px!important;
}

/* Folder manager */
.folder-manager-list{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  padding-bottom:10px!important;
  scrollbar-width:none!important;
}
.folder-manager-list::-webkit-scrollbar{display:none!important}
.folder-manager-row{
  min-width:140px!important;
  padding:10px 11px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;
  color:#77869a!important;
}
.folder-manager-row.active{
  border-color:rgba(116,91,255,.20)!important;
  background:rgba(108,82,240,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(123,96,255,.03)!important;
}
.folder-manager-row b{
  color:#dce3ee!important;
  font-size:9px!important;
}
.folder-manager-row small{
  margin-top:3px!important;
  color:#617087!important;
  font-size:7px!important;
}
.folder-editor{
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
}
.folder-editor>input{
  height:40px!important;
  padding:0 11px!important;
  border-radius:12px!important;
}
.folder-chat-picker{
  display:grid!important;
  gap:5px!important;
  max-height:310px!important;
  margin-top:8px!important;
  overflow:auto!important;
}
.folder-chat-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:50px!important;
  padding:7px 8px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.014)!important;
}
.folder-chat-row:hover{
  border-color:rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.022)!important;
}
.folder-chat-row>input{
  accent-color:#7d6bff!important;
}
.folder-chat-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
.folder-chat-row b{
  color:#dfe5f0!important;
  font-size:9px!important;
}
.folder-chat-row small{
  margin-top:2px!important;
  color:#617087!important;
  font-size:7px!important;
}

/* Scheduled list */
.power-subtitle{
  margin:15px 0 7px!important;
  color:#b7c1d1!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.scheduled-list{
  display:grid!important;
  gap:6px!important;
}
.scheduled-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:52px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.016)!important;
}
.scheduled-row b{
  color:#dfe5ef!important;
  font-size:9px!important;
}
.scheduled-row small{
  margin-top:3px!important;
  color:#7f72d7!important;
  font-size:8px!important;
}
.scheduled-row button{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border:1px solid rgba(251,113,133,.08)!important;
  border-radius:10px!important;
  background:rgba(251,113,133,.055)!important;
  color:#d98192!important;
}
.scheduled-row button:hover{
  background:rgba(251,113,133,.10)!important;
  color:#ffb0bc!important;
}

/* Poll editor and live poll */
.poll-option-editor{
  display:grid!important;
  gap:6px!important;
  margin:8px 0!important;
}
.poll-option-editor input{
  height:39px!important;
  padding:0 11px!important;
  border-radius:11px!important;
}
.nova-poll{
  min-width:min(330px,70vw)!important;
  padding:2px 0!important;
}
.nova-poll-head{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  margin-bottom:9px!important;
}
.nova-poll-head>span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(116,91,255,.12)!important;
  border-radius:10px!important;
  background:rgba(109,83,242,.075)!important;
  color:#a294ff!important;
}
.nova-poll-head b{
  color:#f0f3fa!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.nova-poll-head small{
  margin-top:3px!important;
  color:#708096!important;
  font-size:8px!important;
}
.nova-poll-options{
  display:grid!important;
  gap:6px!important;
}
.nova-poll-option{
  padding:8px 9px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.018)!important;
  color:#dce3ed!important;
}
.nova-poll-option:hover:not(:disabled){
  border-color:rgba(116,91,255,.15)!important;
  background:rgba(108,82,240,.045)!important;
}
.nova-poll-option.my-vote{
  border-color:rgba(116,91,255,.24)!important;
  background:rgba(107,81,240,.075)!important;
}
.nova-poll-option-top b{
  font-size:9px!important;
}
.nova-poll-option-top strong{
  color:#9f92ff!important;
  font-size:8px!important;
}
.nova-poll-bar{
  height:4px!important;
  margin:6px 0 4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
}
.nova-poll-bar i{
  background:linear-gradient(90deg,#647bff,#8f65ef)!important;
}
.nova-poll-foot{
  margin-top:8px!important;
  color:#67768c!important;
  font-size:8px!important;
}
.nova-poll-foot button{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#9b8cff!important;
  font-size:8px!important;
  font-weight:850!important;
}
.ttl-mark{
  margin-left:4px!important;
  color:#a99cff!important;
  opacity:.9!important;
}

/* Advanced search */
.advanced-search-grid{
  display:grid!important;
  grid-template-columns:1.2fr 1.2fr 1fr 1fr 1fr!important;
  gap:7px!important;
}
.advanced-search-results{
  display:grid!important;
  gap:6px!important;
  max-height:340px!important;
  margin-top:10px!important;
  overflow:auto!important;
}
.advanced-search-result{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.016)!important;
  color:#738298!important;
}
.advanced-search-result:hover{
  border-color:rgba(116,91,255,.14)!important;
  background:rgba(106,81,239,.04)!important;
}
.advanced-search-result b{
  color:#dfe5ef!important;
  font-size:9px!important;
}
.advanced-search-result span{
  margin-top:3px!important;
  color:#8593a6!important;
  font-size:8px!important;
}
.advanced-search-result small{
  margin-top:3px!important;
  color:#5f6e83!important;
  font-size:7px!important;
}
.advanced-search-result strong{
  color:#57657a!important;
  font-size:18px!important;
}
.power-empty{
  padding:22px 12px!important;
  text-align:center!important;
  color:#627187!important;
  font-size:9px!important;
}

/* Keep new controls visually stable on narrow desktop and mobile web. */
@media(max-width:1100px){
  .advanced-search-grid{
    grid-template-columns:1fr 1fr 1fr!important;
  }
}

@media(max-width:900px){
  .chat-folder-bar{
    padding:3px 8px 6px!important;
  }
  .chat-folder-pill{
    min-height:29px!important;
    padding:0 9px!important;
  }
  .schedule-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  #powerChatSection{
    margin:10px 0 0!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .power-setting-row,
  .power-action-row{
    min-height:54px!important;
    padding:8px 9px!important;
    border-radius:13px!important;
  }
  .power-setting-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .power-setting-row select{
    width:100%!important;
    max-width:none!important;
  }
  .power-modal-card{
    width:calc(100vw - 14px)!important;
    max-height:90dvh!important;
    border-radius:20px!important;
  }
  .power-modal-card .nova-modal-head{
    min-height:58px!important;
    padding:11px 12px 10px!important;
  }
  .power-modal-body{
    padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;
  }
  .advanced-search-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .nova-poll{
    min-width:min(290px,78vw)!important;
  }
}

@media(max-width:520px){
  .advanced-search-grid{
    grid-template-columns:1fr!important;
  }
  .folder-manager-row{
    min-width:124px!important;
  }
}

/* Ensure all power-feature modals sit above the app and never under the right pane/composer. */
#folderManagerModal,
#scheduleModal,
#pollModal,
#advancedSearchModal{
  z-index:1300!important;
}


/* =========================================================
   NOVA 13.0.0 · DISAPPEARING MESSAGES UX
   ========================================================= */

/* Chat-level TTL indicator: visible, compact, not another toolbar button. */
.ttl-header-badge{
  width:max-content!important;
  max-width:190px!important;
  min-height:22px!important;
  margin-top:3px!important;
  padding:0 8px 0 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid rgba(118,92,255,.11)!important;
  border-radius:999px!important;
  background:rgba(106,82,238,.045)!important;
  color:#887afb!important;
  vertical-align:middle!important;
}
.ttl-header-badge.hidden{display:none!important}
.ttl-header-badge:hover{
  border-color:rgba(118,92,255,.20)!important;
  background:rgba(106,82,238,.085)!important;
  color:#b2a7ff!important;
}
.ttl-header-badge b{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:7px!important;
  font-weight:850!important;
}
.ttl-header-orbit{
  width:12px!important;
  height:12px!important;
  display:block!important;
  position:relative!important;
  flex:0 0 12px!important;
  border:1.5px solid currentColor!important;
  border-radius:50%!important;
  opacity:.95!important;
  animation:novaTtlOrbitPulse 2.3s ease-in-out infinite!important;
}
.ttl-header-orbit::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:2px!important;
  width:1.5px!important;
  height:4px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:50% 4px!important;
  transform:translateX(-50%) rotate(22deg)!important;
}
.ttl-header-orbit::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:currentColor!important;
  transform:translate(-50%,-50%)!important;
}

@keyframes novaTtlOrbitPulse{
  0%,100%{opacity:.66;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.05)}
}

/* Per-message countdown. */
.ttl-countdown{
  --ttl-left:100%;
  min-width:31px!important;
  height:18px!important;
  margin-left:5px!important;
  padding:0 5px 0 3px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  border:1px solid rgba(119,94,255,.09)!important;
  border-radius:999px!important;
  background:rgba(110,84,241,.04)!important;
  color:#9e92ef!important;
  vertical-align:middle!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.ttl-countdown b{
  min-width:16px!important;
  color:inherit!important;
  font-size:7px!important;
  font-weight:900!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
.ttl-ring{
  width:12px!important;
  height:12px!important;
  position:relative!important;
  display:block!important;
  flex:0 0 12px!important;
  border-radius:50%!important;
  background:conic-gradient(currentColor var(--ttl-left),rgba(255,255,255,.065) 0)!important;
  transform:rotate(-90deg)!important;
}
.ttl-ring::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  background:var(--bubble-bg,#111b2c)!important;
}
.message-row.mine .ttl-ring::after{
  background:rgba(54,61,132,.95)!important;
}
.message-row.other .ttl-ring::after{
  background:rgba(16,25,41,.96)!important;
}
.ttl-ring i{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:2px!important;
  width:1px!important;
  height:4px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:50% 4px!important;
  transform:translateX(-50%) rotate(25deg)!important;
  animation:novaTtlHand 2.4s linear infinite!important;
}
@keyframes novaTtlHand{
  to{transform:translateX(-50%) rotate(385deg)}
}

.ttl-countdown.ttl-warning{
  border-color:rgba(236,180,76,.15)!important;
  background:rgba(236,180,76,.055)!important;
  color:#dcb86d!important;
}
.ttl-countdown.ttl-critical{
  border-color:rgba(250,104,130,.20)!important;
  background:rgba(250,104,130,.075)!important;
  color:#f08ba0!important;
  animation:novaTtlCritical .72s ease-in-out infinite!important;
}
@keyframes novaTtlCritical{
  0%,100%{box-shadow:0 0 0 0 rgba(250,104,130,0);transform:scale(1)}
  50%{box-shadow:0 0 0 4px rgba(250,104,130,.055);transform:scale(1.035)}
}

/* Last seconds: message fades cleanly instead of vanishing abruptly. */
.message-row.message-expiring{
  animation:novaMessageLastSeconds 1s ease-in-out infinite!important;
}
.message-row.message-expired-local{
  pointer-events:none!important;
  animation:novaMessageExpireOut .36s cubic-bezier(.4,0,.2,1) forwards!important;
}
@keyframes novaMessageLastSeconds{
  0%,100%{opacity:1}
  50%{opacity:.78}
}
@keyframes novaMessageExpireOut{
  0%{opacity:1;transform:translateY(0) scale(1);max-height:600px}
  100%{opacity:0;transform:translateY(-4px) scale(.985);max-height:0;margin-top:0;margin-bottom:0;overflow:hidden}
}

/* Tiny schedule affordance: shortcut is discoverable without adding another label. */
#scheduleBtn::after{
  content:""!important;
}
#scheduleBtn[title]{
  cursor:pointer!important;
}

/* Better focused states for power features. */
#messageTtlSelect:focus-visible,
#scheduleBtn:focus-visible,
#ttlHeaderBadge:focus-visible,
#advancedSearchBtn:focus-visible,
#manageFoldersBtn:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(119,94,255,.10)!important;
}

/* Respect reduced-motion users. */
@media(prefers-reduced-motion:reduce){
  .ttl-header-orbit,
  .ttl-ring i,
  .ttl-countdown.ttl-critical,
  .message-row.message-expiring,
  .message-row.message-expired-local{
    animation:none!important;
  }
}

@media(max-width:900px){
  .ttl-header-badge{
    max-width:145px!important;
    min-height:20px!important;
    margin-top:2px!important;
    padding-right:6px!important;
  }
  .ttl-header-badge b{
    font-size:6.5px!important;
  }
  .ttl-countdown{
    height:17px!important;
    min-width:29px!important;
    padding-right:4px!important;
  }
  .ttl-countdown b{
    font-size:6.5px!important;
  }
}

@media(max-width:430px){
  .ttl-header-badge{
    max-width:112px!important;
  }
}

/* NOVA 13.0.0 · SMART CHAT */
.smart-chat-btn>span{font-size:14px;color:#9b8cff}
.smart-chat-card{width:min(650px,calc(100vw - 24px));max-height:84dvh;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,rgba(10,18,32,.99),rgba(6,12,23,.99));box-shadow:0 24px 70px rgba(0,0,0,.45)}
.smart-chat-body{padding:12px 16px 16px;overflow:auto;display:grid;gap:10px}
.smart-section{padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:15px;background:rgba(255,255,255,.016)}
.smart-section-title{margin-bottom:7px;color:#aab5c8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.smart-filter-row{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.smart-filter-row::-webkit-scrollbar{display:none}
.smart-filter-row button{flex:0 0 auto;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:rgba(255,255,255,.018);color:#718097;font-size:8px;font-weight:850}
.smart-filter-row button.active{border-color:rgba(117,91,255,.22);background:rgba(108,82,240,.09);color:#ece8ff}
.smart-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.smart-section-head b,.smart-section-head small{display:block}.smart-section-head b{color:#e0e6f0;font-size:10px}.smart-section-head small{margin-top:2px;color:#68778d;font-size:7px}.smart-section-head>span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:rgba(108,82,240,.07);color:#988bff;font-size:8px;font-weight:900}
.important-message-list,.quick-reply-list{display:grid;gap:5px}
.important-message-row{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.04);border-radius:12px;background:rgba(255,255,255,.014);color:#708097;text-align:left}.important-message-row>span{color:#a899ff}.important-message-row b,.important-message-row small{display:block}.important-message-row b{color:#dce3ed;font-size:9px}.important-message-row small{margin-top:3px;color:#5f6e83;font-size:7px}.important-message-row strong{color:#536178}
.quick-reply-editor{display:flex;gap:6px;margin-top:7px}.quick-reply-editor input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.02);color:#e8edf6;outline:0}.quick-reply-row{display:flex;gap:5px}.quick-reply-use{flex:1;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.04);border-radius:11px;background:rgba(255,255,255,.014);color:#b8c2d2;text-align:left;font-size:8px}.quick-reply-delete{width:32px;border:1px solid rgba(251,113,133,.07);border-radius:10px;background:rgba(251,113,133,.045);color:#d68191}.smart-empty{padding:12px;color:#607087;text-align:center;font-size:8px}
.nova-important-message>.bubble{box-shadow:inset 2px 0 0 rgba(166,145,255,.42)}
.nova-smart-filter-hidden{display:none!important}
@media(max-width:900px){.smart-chat-card{width:calc(100vw - 14px);max-height:90dvh}.smart-chat-body{padding:10px 12px 14px}}

/* NOVA 13.0.0 · MEDIA STUDIO */
.viewer-tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.viewer-tools .viewer-btn{min-width:32px;height:32px;padding:0 7px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025);color:#8796aa;font-size:9px}
.viewer-tools .viewer-btn:hover{border-color:rgba(116,91,255,.18);background:rgba(108,82,240,.07);color:#c6bdff}
.media-viewer-stage{overflow:auto;overscroll-behavior:contain}
.media-viewer-stage img,.media-viewer-stage video{transform-origin:center center;transition:transform .18s ease;will-change:transform}
@media(max-width:700px){.viewer-tools{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(7,13,24,.78);backdrop-filter:blur(18px)}.viewer-tools .viewer-btn{height:34px}}

/* NOVA 13.0.0 · PRESENCE & NOTIFICATIONS */
.presence-status-row select{min-width:130px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0e1727;color:#cbd4e1;font-size:8px}
.settings-divider{height:1px;margin:10px 0;background:rgba(255,255,255,.045)}
.quiet-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.quiet-hours-grid label{display:grid;gap:4px;color:#65748a;font-size:7px}.quiet-hours-grid input{height:36px;padding:0 9px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0d1626;color:#cbd4e1;color-scheme:dark}
@media(max-width:600px){.presence-status-row{align-items:flex-start;flex-direction:column}.presence-status-row select{width:100%}.quiet-hours-grid{grid-template-columns:1fr 1fr}}

/* NOVA 13.0.0 · GROUPS & CHANNELS PRO */
.group-pro-card{display:grid;gap:7px;margin:8px 0 10px}
.moderation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.moderation-summary>div{padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);text-align:center}.moderation-summary b,.moderation-summary small{display:block}.moderation-summary b{color:#dfe5f0;font-size:12px}.moderation-summary small{margin-top:2px;color:#65748a;font-size:7px}
.rules-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#66758a;font-size:7px}
#rulesText[readonly]{opacity:.78;cursor:default}
@media(max-width:520px){.moderation-summary{grid-template-columns:1fr}.moderation-summary>div{display:flex;align-items:center;justify-content:space-between;text-align:left}}

/* NOVA 13.0.0 · DATA & BACKUP */
.data-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}.data-summary-grid>div{padding:10px 7px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);text-align:center}.data-summary-grid b,.data-summary-grid small{display:block}.data-summary-grid b{color:#e1e6f0;font-size:13px}.data-summary-grid small{margin-top:2px;color:#65748a;font-size:7px}
.settings-data-action{width:100%;display:flex;align-items:center;gap:9px;margin-top:6px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);color:#718096;text-align:left}.settings-data-action>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(108,82,240,.07);color:#9a8cff}.settings-data-action b,.settings-data-action small{display:block}.settings-data-action b{color:#dfe5ef;font-size:9px}.settings-data-action small{margin-top:2px;color:#65748a;font-size:7px}
@media(max-width:600px){.data-summary-grid{grid-template-columns:1fr 1fr}}

/* =========================================================
   NOVA 13.0 · FULL SUITE UI
   ========================================================= */
.nova12-hub-btn>span{color:#a596ff;font-size:14px}
.nova12-card{width:min(780px,calc(100vw - 24px));max-height:86dvh;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:24px;background:radial-gradient(circle at 85% 0%,rgba(104,79,234,.10),transparent 34%),linear-gradient(180deg,rgba(9,17,30,.99),rgba(5,11,21,.99));box-shadow:0 26px 80px rgba(0,0,0,.48);backdrop-filter:blur(24px)}
.nova12-card.compact{width:min(620px,calc(100vw - 24px))}
.nova12-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.045);overflow:auto;scrollbar-width:none}.nova12-tabs::-webkit-scrollbar{display:none}.nova12-tabs button{flex:0 0 auto;height:31px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#67768b;font-size:8px;font-weight:850}.nova12-tabs button.active{border-color:rgba(115,90,255,.15);background:rgba(108,82,240,.07);color:#dcd6ff}
.nova12-body{padding:12px 15px 16px;overflow:auto;max-height:calc(86dvh - 110px)}
.nova12-section-title{margin:4px 0 8px;color:#aeb8c8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nova12-section-title.spaced{margin-top:16px}
.nova12-inline{display:flex;gap:6px;margin-top:7px}.nova12-inline input,.nova12-grid input,.nova12-grid select,.nova12-body textarea{border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.02);color:#e6ebf4;outline:0}.nova12-inline input{flex:1;min-width:0;height:38px;padding:0 10px}.nova12-body textarea{width:100%;min-height:88px;padding:10px;resize:vertical}.nova12-grid{display:grid;gap:6px;margin-top:7px}.nova12-grid.three{grid-template-columns:1fr 1.4fr auto}.nova12-grid input,.nova12-grid select{height:38px;padding:0 10px;color-scheme:dark}
.topic-list,.saved-search-list,.recurring-list,.reminder-list,.storage-list,.moderation-word-list{display:grid;gap:5px}.topic-row,.thread-row,.automation-row,.storage-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015);color:#718097;text-align:left;text-decoration:none}.topic-row b,.topic-row small,.thread-row b,.thread-row span,.thread-row small,.automation-row b,.automation-row small,.storage-row b,.storage-row small{display:block}.topic-row b,.thread-row b,.automation-row b,.storage-row b{color:#dfe5ef;font-size:9px}.topic-row small,.thread-row small,.automation-row small,.storage-row small{margin-top:2px;color:#627187;font-size:7px}.topic-row.active{border-color:rgba(116,91,255,.20);background:rgba(108,82,240,.07)}
.nova-topic-hidden{display:none!important}.nova12-empty{padding:15px;text-align:center;color:#607087;font-size:8px}
.nova12-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nova12-actions-grid button{min-height:64px;padding:10px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.016);color:#718096;text-align:left}.nova12-actions-grid button>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(108,82,240,.07);color:#a294ff}.nova12-actions-grid button>b{color:#dfe5ef;font-size:9px}.nova12-actions-grid button>small{color:#627187;font-size:7px}
.message-tool-output{display:grid;gap:5px;margin-top:10px;max-height:300px;overflow:auto}.thread-root,.edit-history-row{padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.014)}.thread-root b,.thread-root small,.edit-history-row b,.edit-history-row small{display:block}.thread-root b,.edit-history-row b{color:#dfe5ef;font-size:9px}.thread-root small,.edit-history-row small{margin-top:3px;color:#65748a;font-size:7px}
.saved-search-row{display:flex;gap:5px}.saved-search-row>button:first-child{flex:1;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.014);text-align:left}.saved-search-row b,.saved-search-row small{display:block}.saved-search-row b{color:#dce3ed;font-size:9px}.saved-search-row small{margin-top:2px;color:#5f6e83;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-search-row>button:last-child{width:32px;border:1px solid rgba(251,113,133,.07);border-radius:10px;background:rgba(251,113,133,.045);color:#d78291}.nova12-search-chips{display:flex;gap:5px;margin-top:9px}.nova12-search-chips button{height:29px;padding:0 9px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:rgba(255,255,255,.018);color:#728197;font-size:8px}
.nova12-sync-card{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.016)}.nova12-sync-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(108,82,240,.07);color:#9b8cff}.nova12-sync-card b,.nova12-sync-card small{display:block}.nova12-sync-card b{color:#e0e5ef;font-size:9px}.nova12-sync-card small{margin-top:2px;color:#65748a;font-size:7px}.sync-status{margin-top:8px;color:#68778d;font-size:8px}
.moderation-word-list{display:flex;flex-wrap:wrap}.moderation-word-row{display:flex;align-items:center;gap:4px;padding:5px 6px 5px 9px;border:1px solid rgba(255,255,255,.045);border-radius:999px;background:rgba(255,255,255,.016);color:#aab5c5;font-size:8px}.moderation-word-row button{width:20px;height:20px;border:0;border-radius:50%;background:rgba(251,113,133,.06);color:#d57e8d}.nova12-note{margin-top:10px;padding:9px;border:1px solid rgba(255,255,255,.04);border-radius:11px;background:rgba(255,255,255,.012);color:#637187;font-size:7px;line-height:1.5}
.storage-hero{display:grid;grid-template-columns:1fr 1fr;gap:7px}.storage-hero>div{padding:12px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.015);text-align:center}.storage-hero b,.storage-hero small{display:block}.storage-hero b{color:#e3e8f1;font-size:15px}.storage-hero small{margin-top:2px;color:#65748a;font-size:7px}.storage-row strong{color:#9a8cff;font-size:8px}
.media-send-card{width:min(720px,calc(100vw - 24px));max-height:88dvh;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,#0a1220,#060c17);box-shadow:0 26px 80px rgba(0,0,0,.48)}.media-send-body{padding:12px 15px 15px;overflow:auto}.media-send-preview{height:min(48vh,430px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:rgba(0,0,0,.18)}.media-send-preview img,.media-send-preview video{max-width:100%;max-height:100%;object-fit:contain;transition:transform .18s ease}.media-send-preview img.square{aspect-ratio:1/1;object-fit:cover}.media-send-tools{display:flex;gap:5px;align-items:center;margin-top:8px;overflow:auto}.media-send-tools button,.media-send-tools label{height:34px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.018);color:#77869a;font-size:8px;white-space:nowrap}.media-send-tools button.active{border-color:rgba(116,91,255,.18);background:rgba(108,82,240,.07);color:#c9c1ff}.media-send-tools select{border:0;background:#0d1626;color:#c5cedc;font-size:8px;color-scheme:dark}.media-send-body textarea{width:100%;min-height:64px;margin-top:8px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018);color:#e5ebf4;resize:vertical}.media-send-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:5px;margin-top:7px}.media-send-list>div{padding:7px;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:rgba(255,255,255,.012)}.media-send-list b,.media-send-list small{display:block}.media-send-list b{color:#cbd3df;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-send-list small{margin-top:2px;color:#607087;font-size:7px}
.message-row[data-media-group]:not([data-media-group=""]) + .message-row[data-media-group]:not([data-media-group=""]){margin-top:-5px}
@media(max-width:900px){.nova12-card{width:calc(100vw - 14px);max-height:90dvh;border-radius:20px}.nova12-body{max-height:calc(90dvh - 106px);padding:10px 12px 14px}.nova12-actions-grid{grid-template-columns:1fr}.nova12-grid.three{grid-template-columns:1fr}.nova12-sync-card{grid-template-columns:34px 1fr}.nova12-sync-card button{grid-column:auto}.media-send-card{width:calc(100vw - 14px);max-height:92dvh}.media-send-preview{height:42vh}.storage-hero{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.nova12-inline{flex-direction:column}.nova12-sync-card{grid-template-columns:1fr}.nova12-sync-card>span{display:none}.storage-hero{grid-template-columns:1fr}.nova12-search-chips{overflow:auto}}

/* NOVA 13.0 · QUALITY & ARCHITECTURE */
.delivery-state{margin-left:4px;font-size:7px;font-weight:900;letter-spacing:-.08em;vertical-align:middle}.delivery-state.pending{color:#65748a;animation:novaDeliveryPulse 1.2s ease-in-out infinite}.delivery-state.sent{color:#78879c}.delivery-state.delivered{color:#8d80e8}.delivery-state.read{color:#a996ff}@keyframes novaDeliveryPulse{50%{opacity:.35}}
.quality-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.quality-legend>div{padding:9px 6px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.014);text-align:center}.quality-legend span,.quality-legend b{display:block}.quality-legend span{color:#9b8cff;font-size:11px}.quality-legend b{margin-top:3px;color:#758399;font-size:7px}
.thread-drawer{position:fixed;z-index:1180;top:0;right:0;width:min(420px,100vw);height:100dvh;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.065);background:radial-gradient(circle at 100% 0%,rgba(105,80,238,.08),transparent 34%),rgba(7,13,24,.98);box-shadow:-20px 0 60px rgba(0,0,0,.35);backdrop-filter:blur(22px);transition:transform .22s ease,opacity .22s ease}.thread-drawer.hidden{display:flex!important;pointer-events:none;opacity:0;transform:translateX(105%)}.thread-drawer-head{min-height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045)}.thread-drawer-head b,.thread-drawer-head small{display:block}.thread-drawer-head b{color:#eef1f7;font-size:13px}.thread-drawer-head small{margin-top:2px;color:#65748a;font-size:7px}.thread-drawer-head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.02);color:#7b899d}.thread-root-card{margin:10px 12px 0;padding:10px;border:1px solid rgba(116,91,255,.10);border-radius:13px;background:rgba(108,82,240,.035)}.thread-root-card b,.thread-root-card span{display:block}.thread-root-card b{color:#a99cff;font-size:8px}.thread-root-card span{margin-top:4px;color:#dce3ed;font-size:9px}.thread-drawer-list{flex:1;overflow:auto;padding:8px 12px;display:grid;align-content:start;gap:6px}.thread-drawer-row{padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.014)}.thread-drawer-row b,.thread-drawer-row span,.thread-drawer-row small{display:block}.thread-drawer-row b{color:#9d91f7;font-size:8px}.thread-drawer-row span{margin-top:3px;color:#d3dbe7;font-size:9px}.thread-drawer-row small{margin-top:3px;color:#5e6c81;font-size:7px}.thread-composer{display:flex;gap:6px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.045)}.thread-composer textarea{flex:1;min-height:42px;max-height:110px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02);color:#e4e9f2;resize:none}.thread-composer button{width:42px;border:0;border-radius:12px;background:linear-gradient(145deg,#536fff,#7650ee);color:#fff}
.nova13-card{width:min(680px,calc(100vw - 24px));max-height:86dvh;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,rgba(10,18,32,.99),rgba(6,12,23,.99));box-shadow:0 26px 80px rgba(0,0,0,.46)}.nova13-body{padding:12px 15px 16px;overflow:auto}.nova13-section-title{margin:14px 0 7px;color:#aab5c8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.security-pin-row{display:flex;gap:6px;margin-top:7px}.security-pin-row input{flex:1;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.02);color:#e8edf6}.security-sessions-list{display:grid;gap:5px}.security-session-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.014)}.security-session-row b,.security-session-row small{display:block}.security-session-row b{color:#dce3ed;font-size:9px}.security-session-row small{margin-top:2px;color:#637187;font-size:7px}.security-session-row button{padding:0 9px;height:30px;border:1px solid rgba(251,113,133,.08);border-radius:9px;background:rgba(251,113,133,.05);color:#d98493;font-size:7px}
.call-device-popover{position:fixed;z-index:1600;right:18px;bottom:92px;width:min(330px,calc(100vw - 24px));padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(8,15,27,.97);box-shadow:0 18px 50px rgba(0,0,0,.4);backdrop-filter:blur(20px)}.call-device-title{margin-bottom:12px;color:#e8ecf5;font-size:12px;font-weight:800}.call-device-popover label{display:grid;gap:5px;margin-bottom:10px;color:#8090a8;font-size:9px}.call-device-popover select{width:100%;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0d1626;color:#e2e8f2;color-scheme:dark;font-size:11px}.call-device-popover button{width:100%;height:40px;border:1px solid rgba(116,91,255,.26);border-radius:11px;background:linear-gradient(135deg,rgba(108,82,240,.24),rgba(80,60,190,.18));color:#ddd7ff;font-weight:800}.call-device-status{min-height:18px;margin:-2px 0 7px;color:#e49b9b;font-size:9px}.nova13-empty{padding:14px;text-align:center;color:#607087;font-size:8px}
@media(max-width:600px){.call-device-popover{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto}.call-device-popover select,.nova132-call-body select{min-height:46px;font-size:16px}}
@media(max-width:900px){.thread-drawer{width:100vw}.nova13-card{width:calc(100vw - 14px);max-height:90dvh}.quality-legend{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.thread-drawer,.delivery-state.pending{transition:none!important;animation:none!important}}

/* NOVA 13.1 · RELIABILITY & POLISH */
#novaNetworkBanner[role="button"]{cursor:pointer}
.outbox-list{display:grid;gap:6px}.outbox-row{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.014)}.outbox-row.failed{border-color:rgba(251,113,133,.10);background:rgba(251,113,133,.025)}.outbox-row b,.outbox-row small{display:block}.outbox-row b{color:#dfe5ef;font-size:9px}.outbox-row small{margin-top:2px;color:#637187;font-size:7px}.outbox-row button{height:30px;padding:0 9px;border:1px solid rgba(116,91,255,.12);border-radius:9px;background:rgba(108,82,240,.06);color:#afa3ff;font-size:7px}
.nova131-card{width:min(620px,calc(100vw - 24px));max-height:82dvh;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,rgba(10,18,32,.99),rgba(6,12,23,.99));box-shadow:0 26px 80px rgba(0,0,0,.46)}.nova131-body{padding:12px 15px 16px;overflow:auto}.nova131-empty{padding:18px;text-align:center;color:#617086;font-size:8px}
.thread-inline-counter{margin:5px 0 1px;padding:4px 7px;border:1px solid rgba(116,91,255,.10);border-radius:999px;background:rgba(108,82,240,.045);color:#9b90ed;font-size:7px;font-weight:800}.thread-inline-counter:hover{background:rgba(108,82,240,.08);color:#c2b9ff}#threadMuteBtn.muted{color:#d48a96;border-color:rgba(251,113,133,.10)}
.call-overlay.network-poor .call-status{color:#ffba78}.call-overlay.network-poor::after{content:"слабая сеть";position:absolute;top:18px;right:18px;padding:5px 8px;border:1px solid rgba(255,186,120,.13);border-radius:999px;background:rgba(255,186,120,.07);color:#ffba78;font-size:7px;font-weight:800}
.media-send-preview{position:relative}.media-draw-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.media-draw-canvas.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.media-range-label{gap:7px!important}.media-range-label input[type="range"]{width:78px;accent-color:#806bff}.media-text-tool{height:auto!important;padding:4px!important}.media-text-tool input{width:110px;height:26px;border:0;background:transparent;color:#dfe5ef;outline:0}.media-text-tool button{height:26px!important;border-radius:8px!important}
@media(max-width:700px){.nova131-card{width:calc(100vw - 14px);max-height:88dvh}.media-range-label input[type="range"]{width:64px}}

/* NOVA 13.1.1 · VIDEO MESSAGE CLEAN CIRCLES
   No decorative frame around video messages. Playback progress remains. */
#app .video-note,
#app .video-note-message .video-note{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#05080e!important;
}
#app .video-note-message .bubble{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#app .video-note::before,
#app .video-note::after{
  border:0!important;
  box-shadow:none!important;
}

/* NOVA 13.2 · SECURITY & MEDIA POLISH */
.nova-pin-lock{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(3,7,14,.93);backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%)}
.nova-pin-lock.hidden{display:none!important}.nova-pin-lock-card{width:min(360px,92vw);padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,39,.98),rgba(7,13,24,.99));box-shadow:0 34px 110px rgba(0,0,0,.56);text-align:center}.nova-pin-lock-mark{width:54px;height:54px;margin:0 auto 13px;display:grid;place-items:center;border-radius:18px;background:rgba(112,88,247,.10);color:#9d8cff;font-size:22px}.nova-pin-lock-card h2{margin:0;color:#f0f3fa;font-size:18px}.nova-pin-lock-card p{margin:7px 0 16px;color:#718198;font-size:9px}.nova-pin-lock-card input{width:100%;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;text-align:center;font-size:20px;letter-spacing:.18em;outline:0}.nova-pin-lock-card button{width:100%;height:44px;margin-top:10px;border:0;border-radius:14px;background:linear-gradient(135deg,#765cf6,#427af0);color:#fff;font-weight:850}.nova-pin-lock-error{min-height:18px;margin-top:8px;color:#ff96a7;font-size:8px}
.security-events-list{display:grid;gap:5px;max-height:230px;overflow:auto}.security-event-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.014)}.security-event-row b,.security-event-row small{display:block}.security-event-row b{color:#d8dfeb;font-size:8px}.security-event-row small{margin-top:2px;color:#69788f;font-size:7px}.security-event-row time{color:#5f6d82;font-size:7px}
.thread-inline-counter.has-unread{border-color:rgba(116,91,255,.20);background:rgba(107,82,241,.09);color:#d7d0ff}.thread-inline-counter i{margin-left:4px;padding:2px 5px;border-radius:999px;background:rgba(126,102,255,.13);font-style:normal;font-size:6px}#threadPinBtn.active{color:#b9a7ff;background:rgba(112,87,247,.08)}
.media-file-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(100px,180px) 28px 28px 28px;gap:5px!important;align-items:center;padding:6px!important;border:1px solid rgba(255,255,255,.04);border-radius:11px;background:rgba(255,255,255,.012)}.media-file-row.active{border-color:rgba(116,91,255,.17);background:rgba(108,82,240,.045)}.media-file-main{min-width:0;text-align:left;border:0;background:transparent;color:#d7deea}.media-file-main b,.media-file-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file-main b{font-size:8px}.media-file-main small{font-size:7px;color:#617087}.media-file-caption{min-width:0;height:30px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:rgba(255,255,255,.02);color:#dfe5ef;padding:0 7px;font-size:7px}.media-order,.media-remove{width:28px;height:28px;padding:0!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:8px!important;background:rgba(255,255,255,.02)!important;color:#8492a7!important}.media-remove{color:#d98b98!important}
.nova132-call-preflight{width:min(480px,calc(100vw - 24px));border-radius:22px}.nova132-call-body{display:grid;gap:10px;padding:12px 15px 16px}.nova132-call-body label{display:grid;gap:5px}.nova132-call-body label span{color:#73839a;font-size:8px}.nova132-call-body select{height:40px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.025);color:#dfe5ef;padding:0 9px}.nova132-call-test{padding:9px 10px;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:rgba(255,255,255,.014);color:#687991;font-size:8px}
.storage-cleanup-card{display:grid;gap:8px;margin:10px 0;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.014)}.storage-cleanup-card b,.storage-cleanup-card small{display:block}.storage-cleanup-card b{color:#d8dfeb;font-size:9px}.storage-cleanup-card small{margin-top:3px;color:#65758b;font-size:7px}.storage-cleanup-actions{display:flex;gap:6px}.storage-orphan-list{display:grid;gap:4px;max-height:180px;overflow:auto}.storage-orphan-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.012);font-size:7px}.storage-orphan-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8ba0}.storage-orphan-row b{font-size:7px;color:#aeb9c8}.storage-orphan-row small{margin:0;color:#59687d}
@media(max-width:700px){.media-file-row{grid-template-columns:minmax(0,1fr) 28px 28px 28px}.media-file-caption{grid-column:1/-1;grid-row:2}.nova-pin-lock-card{padding:23px 18px}}

/* NOVA 13.3 · UX & COMMUNICATION POLISH */
#importantMessageBtn.active{border-color:rgba(126,100,255,.20)!important;background:rgba(112,86,247,.08)!important;color:#c8bcff!important}
.nova-share-glyph{display:grid;place-items:center;font-size:14px}
.settings-search-wrap{display:grid;grid-template-columns:22px 1fr 28px;align-items:center;gap:4px;margin:0 14px 9px;padding:5px 7px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}.settings-search-wrap>span{color:#64748b;text-align:center}.settings-search-wrap input{min-width:0;height:28px;border:0;background:transparent;color:#e2e8f0;outline:0;font-size:9px}.settings-search-wrap button{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:#66768d}.settings-search-wrap:focus-within{border-color:rgba(116,91,255,.16);background:rgba(108,82,240,.03)}.settings-searching #settingsTabs{opacity:.52}.settings-searching [data-settings-pane]{display:block!important}.nova-settings-no-match{display:none!important}
.nova-jump-bottom{position:relative}.nova-jump-count{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #0a101b;border-radius:999px;background:#785df3;color:#fff;font-size:7px;font-weight:900;line-height:1}.nova-jump-count.hidden{display:none!important}
.nova-call-quality-pill{position:absolute;top:18px;left:18px;z-index:5;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(6,12,22,.58);backdrop-filter:blur(12px);color:#8f9caf;font-size:7px;font-weight:800}.nova-call-quality-pill[data-quality="good"]{color:#8dd7b1;border-color:rgba(96,214,160,.12)}.nova-call-quality-pill[data-quality="fair"]{color:#e4bf80;border-color:rgba(228,191,128,.13)}.nova-call-quality-pill[data-quality="poor"]{color:#ff9aa7;border-color:rgba(255,112,132,.14)}
@media(max-width:700px){.settings-search-wrap{margin-left:8px;margin-right:8px}.nova-call-quality-pill{top:12px;left:12px}.nova-jump-count{right:-2px;top:-4px}}

/* NOVA 21.1 · roomy desktop profile and readable desktop density */
#profileModal .profile-field select{width:100%;margin:0;padding:0 24px 0 0;border:0;outline:0;background:transparent;color:#eef2f8;font:inherit;font-size:13px;color-scheme:dark;cursor:pointer}
#profileModal .profile-account-since strong{color:#eef2f8;font-size:13px;font-weight:800}
#profileModal .profile-desktop-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#profileModal .profile-desktop-tools button{min-width:0;min-height:64px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.022);color:#a9b5c7;text-align:left;cursor:pointer}
#profileModal .profile-desktop-tools button:hover{border-color:rgba(126,101,255,.22);background:rgba(113,87,245,.07);color:#cabfff}
#profileModal .profile-desktop-tools svg{width:23px;height:23px;padding:6px;border-radius:10px;background:rgba(118,91,246,.09);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
#profileModal .profile-desktop-tools span,#profileModal .profile-desktop-tools b,#profileModal .profile-desktop-tools small{display:block;min-width:0}
#profileModal .profile-desktop-tools b{color:#e7ebf3;font-size:11px}
#profileModal .profile-desktop-tools small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7d91;font-size:8px}
#profileModal .profile-desktop-tools i{font-style:normal;font-size:9px;color:#756a9f}
@media(min-width:901px){
  #profileModal .nova-own-profile-card{width:min(900px,calc(100vw - 64px))!important;max-width:900px!important;max-height:min(820px,calc(100dvh - 48px))!important}
  #profileModal .profile-editor-hero{min-height:260px!important}
  #profileModal .profile-cover-preview,#profileModal .profile-editor-cover-shade{height:188px!important;min-height:188px!important}
  #profileModal .profile-cover-action{top:134px!important;right:22px!important;height:39px!important;padding:0 14px!important;font-size:10px!important}
  #profileModal .profile-editor-identity{left:26px!important;right:26px!important;bottom:17px!important;gap:17px!important}
  #profileModal .profile-avatar-preview{width:104px!important;height:104px!important;min-width:104px!important;border-radius:31px!important}
  #profileModal .profile-editor-nameblock .name{max-width:570px!important;font-size:23px!important}
  #profileModal .profile-editor-nameblock .muted{font-size:12px!important}
  #profileModal .profile-editor-status{font-size:10px!important}
  #profileModal .profile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:22px 26px!important}
  #profileModal .profile-editor-section-head h3{font-size:19px!important}
  #profileModal .profile-editor-section-head p{font-size:11px!important}
  #profileModal .profile-field{min-height:74px;padding:15px!important;border-radius:18px!important}
  #profileModal .profile-field>span{font-size:9px!important}
  #profileModal .profile-field input,#profileModal .profile-field textarea,#profileModal .profile-field select{font-size:15px!important}
  #profileModal .profile-field textarea{min-height:76px!important}
  #profileModal .profile-field small{font-size:9px!important}
  #profileModal .profile-editor-footer{padding:15px 26px!important}
  #profileModal .profile-cancel-btn,#profileModal .profile-save-btn{min-height:46px!important;font-size:12px!important;padding-left:20px!important;padding-right:20px!important}
  #app .chat-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
  #app .chat-filter-count{min-width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;margin:0!important;padding:0 5px!important;border-radius:999px!important;background:rgba(126,101,255,.12)!important;color:#a99bff!important;font-size:8px!important;line-height:1!important}
  #app .chat-filter.active .chat-filter-count{background:rgba(255,255,255,.11)!important;color:#d8d2ff!important}
}
@media(min-width:1440px){
  #app.app{grid-template-columns:72px 360px minmax(720px,1fr) 320px!important;gap:11px!important}
  #app.app.nova-right-collapsed{grid-template-columns:72px 360px minmax(760px,1fr)!important}
  #app .chatitem{min-height:78px!important;padding:11px 12px!important}
  #app .chatitem .avatar{width:50px!important;height:50px!important;flex-basis:50px!important}
  #app .chatitem .name{font-size:13px!important}#app .chatitem .preview{font-size:10.5px!important}
  #app .chatheader{min-height:76px!important;padding:11px 20px!important}#app .chatheader .avatar{width:48px!important;height:48px!important}
  #app .chatheader .name{font-size:15px!important}#app .chatheader .muted{font-size:10.5px!important}
  #app .header-actions button{width:43px!important;height:43px!important;flex-basis:43px!important}
  #app .bubble{font-size:13.5px!important;padding:13px 16px 10px!important}#app .composer{min-height:64px!important}#app .composer textarea{font-size:14px!important}
}

/* NOVA 21.1 · global admin console */
.nova-admin-card{width:min(1080px,calc(100vw - 36px));height:min(820px,calc(100dvh - 36px));padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px!important;background:linear-gradient(180deg,#0d1727,#07101d)!important;box-shadow:0 36px 120px rgba(0,0,0,.55)!important}
.nova-admin-head{min-height:118px;display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:radial-gradient(circle at 10% 10%,rgba(117,91,247,.17),transparent 38%),rgba(255,255,255,.012);border-bottom:1px solid rgba(255,255,255,.06)}
.nova-admin-head span{color:#8f7bff;font-size:9px;font-weight:900;letter-spacing:.14em}.nova-admin-head h2{margin:5px 0 2px;color:#f2f5fb;font-size:25px}.nova-admin-head p{margin:0;color:#718097;font-size:11px}.nova-admin-head button{width:43px;height:43px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035);color:#aab5c6;font-size:24px}
.nova-admin-tabs{height:54px;display:flex;align-items:center;gap:7px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.055)}.nova-admin-tabs button{height:34px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#758399;font-size:10px;font-weight:800}.nova-admin-tabs button.active{background:rgba(119,91,246,.11);color:#c4b8ff}
.nova-admin-body{height:calc(100% - 172px);padding:20px 24px 26px;overflow:auto}.nova-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-admin-stats article{min-height:94px;padding:16px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:rgba(255,255,255,.018)}.nova-admin-stats b,.nova-admin-stats span{display:block}.nova-admin-stats b{color:#f1f3fa;font-size:25px}.nova-admin-stats span{margin-top:7px;color:#748399;font-size:9px;font-weight:800}.nova-admin-section{margin-top:20px}.nova-admin-section h3{margin:0 0 9px;color:#dfe5ef;font-size:13px}.nova-admin-list{display:grid;gap:7px}.nova-admin-user{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.045);border-radius:15px;background:rgba(255,255,255,.014)}.nova-admin-user.compact{grid-template-columns:39px 1fr}.nova-admin-user .avatar{width:45px;height:45px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#6e58ee,#3d82e9);color:#fff;font-weight:900}.nova-admin-user.compact .avatar{width:39px;height:39px;border-radius:13px}.nova-admin-user .avatar img{width:100%;height:100%;object-fit:cover}.nova-admin-user b,.nova-admin-user small,.nova-admin-user mark{display:block}.nova-admin-user b{color:#dfe5ee;font-size:10px}.nova-admin-user b em{margin-left:5px;padding:2px 5px;border-radius:6px;background:rgba(118,91,246,.12);color:#a896ff;font-size:6px;font-style:normal}.nova-admin-user small{margin-top:3px;color:#69788d;font-size:8px}.nova-admin-user mark{margin-top:4px;background:transparent;color:#e78c9d;font-size:7px}.nova-admin-user-actions{display:flex;gap:5px}.nova-admin-user-actions button,.nova-admin-pages button{height:32px;padding:0 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02);color:#8c9aaf;font-size:7px}.nova-admin-user-actions button:hover{border-color:rgba(118,91,246,.18);color:#c2b7ff}.nova-admin-user-actions button.danger{color:#da8998}.nova-admin-user-actions button:disabled{opacity:.35}.nova-admin-system{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.nova-admin-system span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.025);color:#68778d;font-size:7px}.nova-admin-filters{display:grid;grid-template-columns:1fr 190px;gap:8px;margin-bottom:12px}.nova-admin-filters input,.nova-admin-filters select{height:43px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0c1727;color:#dfe5ef;padding:0 12px;outline:0}.nova-admin-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;color:#748298;font-size:9px}.nova-admin-audit{padding:11px 13px;border-left:2px solid #6c58df;border-radius:0 12px 12px 0;background:rgba(255,255,255,.014)}.nova-admin-audit b,.nova-admin-audit span,.nova-admin-audit small{display:block}.nova-admin-audit b{color:#cfc7ff;font-size:9px}.nova-admin-audit span{margin-top:3px;color:#a7b2c2;font-size:8px}.nova-admin-audit small{margin-top:3px;color:#627187;font-size:7px}.nova-admin-loading,.nova-admin-empty{padding:30px;text-align:center;color:#708096;font-size:10px}
@media(max-width:760px){.nova-admin-card{width:100vw;height:100dvh;border:0!important;border-radius:0!important}.nova-admin-head{min-height:104px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px}.nova-admin-head h2{font-size:21px}.nova-admin-body{height:calc(100% - 158px);padding:14px}.nova-admin-tabs{padding:0 14px}.nova-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-admin-user{grid-template-columns:42px minmax(0,1fr)}.nova-admin-user-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.nova-admin-filters{grid-template-columns:1fr}.nova-admin-user-actions button{min-height:38px}.nova-admin-stats article{min-height:82px}}

/* NOVA 21.2 · desktop call journal and scoped deletion */
.desktop-call-history{display:none}
@media(min-width:901px){
  .desktop-call-history{width:calc(100% - 20px);min-height:55px;margin:7px 10px 4px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.018);color:#8795aa;text-align:left;cursor:pointer}
  .desktop-call-history:hover{border-color:rgba(117,91,247,.18);background:rgba(110,84,241,.055);color:#beb3ff}
  .desktop-call-history>svg{width:20px;height:20px;padding:7px;border-radius:11px;background:rgba(116,89,246,.09);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
  .desktop-call-history span,.desktop-call-history b,.desktop-call-history small{display:block;min-width:0}.desktop-call-history b{color:#dfe5ee;font-size:10px}.desktop-call-history small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66758b;font-size:7px}.desktop-call-history i{font-style:normal;color:#756a9b}
  .call-history-card{width:min(760px,calc(100vw - 48px))!important;max-width:760px!important;max-height:min(780px,calc(100dvh - 48px))!important;border-radius:27px!important}
  .call-history-head{min-height:84px!important;padding:18px 22px!important}.call-history-head h3{font-size:21px!important}.call-history-list{padding:12px 16px 18px!important}
  .call-history-item{min-height:68px!important;padding:11px 12px!important;border-radius:16px!important}.call-history-avatar{width:46px!important;height:46px!important;border-radius:15px!important}.call-history-name{font-size:12px!important}.call-history-meta{font-size:9px!important}.call-history-time{font-size:9px!important}.call-history-action{width:38px!important;height:38px!important;border-radius:12px!important}
}
.call-history-direction svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.delete-scope-card{width:min(430px,calc(100vw - 28px));padding:25px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:25px!important;background:linear-gradient(180deg,#111b2c,#09121f)!important;text-align:center!important;box-shadow:0 30px 100px rgba(0,0,0,.55)!important}.delete-scope-icon{width:54px;height:54px;margin:0 auto 13px;display:grid;place-items:center;border-radius:17px;background:rgba(232,80,105,.09);color:#ec8496}.delete-scope-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.delete-scope-card h3{margin:0;color:#eef2f8;font-size:19px}.delete-scope-card p{margin:7px 0 18px;color:#738198;font-size:10px;line-height:1.5}.delete-scope-actions{display:grid;gap:7px}.delete-scope-actions button{min-height:43px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025);color:#aeb8c8;font-size:10px;font-weight:800}.delete-scope-actions button:hover{background:rgba(255,255,255,.055)}.delete-scope-actions .danger{border-color:rgba(238,86,111,.15);background:rgba(225,66,93,.09);color:#f08b9c}.delete-scope-actions .secondary{background:transparent;color:#68778d}

/* Rich empty conversation: useful instead of a large blank canvas. */
.nova-conversation-empty{position:relative;width:100%;height:100%;display:grid!important;place-items:center!important;overflow:hidden}.nova-empty-ambient{position:absolute;width:min(720px,68vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(92,72,220,.14),rgba(32,88,157,.05) 38%,transparent 68%);filter:blur(10px);pointer-events:none}.nova-conversation-empty-card{position:relative;width:min(560px,calc(100% - 48px));padding:34px 32px 26px;border:1px solid rgba(255,255,255,.075);border-radius:28px;background:linear-gradient(145deg,rgba(16,27,45,.88),rgba(8,16,28,.92));box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);text-align:center;backdrop-filter:blur(22px)}.nova-conversation-empty-avatar{width:86px;height:86px;margin:-76px auto 17px;display:grid;place-items:center;overflow:hidden;border:5px solid #0b1422;border-radius:29px;background:linear-gradient(135deg,#536be2,#7350dc);box-shadow:0 17px 42px rgba(35,41,111,.34);color:#fff;font-size:28px;font-weight:900}.nova-conversation-empty-avatar img{width:100%;height:100%;object-fit:cover}.nova-conversation-empty-kicker{display:block;color:#8978e6;font-size:8px;font-weight:900;letter-spacing:.14em}.nova-conversation-empty-card h2{margin:6px 0 5px;color:#f1f4fa;font-size:24px}.nova-conversation-empty-card p{margin:0;color:#78879c;font-size:11px}.nova-conversation-empty-card>small{display:block;margin-top:19px;color:#526176;font-size:8px}.nova-conversation-empty-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}.nova-conversation-empty-actions button{min-height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.02);color:#8e9bb0;font-size:9px;font-weight:800}.nova-conversation-empty-actions button:hover{transform:translateY(-2px);border-color:rgba(116,91,246,.20);background:rgba(111,85,242,.07);color:#c6bcff}.nova-conversation-empty-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1440px){#app .main{background:radial-gradient(circle at 52% 43%,rgba(82,61,198,.075),transparent 29%),radial-gradient(circle at 88% 12%,rgba(29,86,151,.045),transparent 24%),linear-gradient(180deg,rgba(6,14,26,.995),rgba(3,9,17,.998))!important}#app .sidebar{box-shadow:0 18px 60px rgba(0,0,0,.24)!important}}
@media(max-width:760px){.nova-conversation-empty-card{width:calc(100% - 28px);padding:28px 16px 20px;border-radius:23px}.nova-conversation-empty-avatar{width:72px;height:72px;margin:-63px auto 14px;border-radius:24px}.nova-conversation-empty-card h2{font-size:19px}.nova-conversation-empty-actions{grid-template-columns:repeat(2,1fr)}.nova-conversation-empty-actions button{min-height:58px}.nova-conversation-empty-card>small{margin-top:13px}}
.message-context-actions button>span:first-child{display:grid;place-items:center}.message-context-actions button>span:first-child svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.desktop-home-toolbar{display:none}
@media(min-width:901px){.desktop-home-toolbar{display:flex;gap:5px;padding:8px 10px 9px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.04)}.desktop-home-toolbar::-webkit-scrollbar{display:none}.desktop-home-toolbar button{min-width:65px;min-height:54px;flex:1 0 65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.014);color:#718097;font-size:7px;font-weight:800;white-space:nowrap}.desktop-home-toolbar button:hover{border-color:rgba(118,91,246,.18);background:rgba(112,85,242,.055);color:#b9aff8}.desktop-home-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}}
@media(min-width:1221px){#app.app.nova-right-collapsed{grid-template-columns:64px 320px minmax(680px,1fr) 42px!important;grid-template-areas:"rail chats main info"!important}#app.app.nova-right-collapsed .nova-right-pane{display:block!important;grid-area:info!important;width:42px!important;min-width:42px!important;overflow:visible!important;background:rgba(7,14,24,.9)!important}#app.app.nova-right-collapsed .nova-right-content,#app.app.nova-right-collapsed .nova-right-empty{display:none!important}#app.app.nova-right-collapsed .nova-right-collapse{left:6px!important;display:grid!important}}
@media(min-width:1440px){#app.app.nova-right-collapsed{grid-template-columns:72px 360px minmax(720px,1fr) 44px!important;grid-template-areas:"rail chats main info"!important}}
@media(max-width:760px){#profileModal .profile-desktop-tools,#profileModal .profile-account-since{display:none!important}}

/* =========================================================
   NOVA 13.3.1 · VISUAL DENSITY & CHAT POLISH
   ========================================================= */
@media(min-width:1221px){
  #app.app{grid-template-columns:64px 320px minmax(620px,1fr) 286px!important;gap:9px!important}
  #app.app.nova-right-collapsed{grid-template-columns:64px 320px minmax(680px,1fr)!important;grid-template-areas:"rail chats main"!important}
  #app.app.nova-right-collapsed .nova-right-pane{display:none!important}
}
@media(min-width:901px){
  #app .sidebar{background:radial-gradient(circle at 12% 0%,rgba(94,73,231,.065),transparent 24%),linear-gradient(180deg,rgba(7,15,28,.985),rgba(5,12,22,.99))!important}
  #app .sidebar-section-label{font-size:8px!important;letter-spacing:.08em!important;color:#6f7e94!important}
  #app .chat-filters{gap:5px!important}
  #app .chat-filter{font-size:8.5px!important}
  #app .chat-folder-bar{min-height:30px!important;margin-top:5px!important;margin-bottom:3px!important}
  #app .chat-folder-pill{min-height:28px!important;padding:0 10px!important;font-size:8px!important}
  #app .chat-folder-manage{width:28px!important;height:28px!important}
  #app .chatitem{min-height:70px!important;padding:9px 10px!important;margin:3px 0!important}
  #app .chatitem .avatar{width:45px!important;height:45px!important;flex-basis:45px!important}
  #app .chatitem .name{font-size:12px!important;font-weight:850!important}
  #app .chatitem .preview{margin-top:2px!important;font-size:9.5px!important;line-height:1.3!important}
  #app .chatitem-time{font-size:8.5px!important;color:#718096!important}
  #app .chatitem.active{border-color:rgba(92,103,255,.22)!important;background:linear-gradient(135deg,rgba(52,70,166,.22),rgba(70,47,135,.18))!important;box-shadow:inset 2px 0 #6b5cff!important}

  #app .main{border-color:rgba(255,255,255,.075)!important;background:radial-gradient(circle at 78% 18%,rgba(72,55,177,.055),transparent 26%),linear-gradient(180deg,rgba(6,14,26,.992),rgba(4,10,19,.995))!important;box-shadow:0 22px 72px rgba(0,0,0,.30)!important}
  #app .chatheader{min-height:68px!important;padding:9px 16px!important;background:rgba(6,13,24,.91)!important}
  #app .chatheader .avatar{width:42px!important;height:42px!important}
  #app .chatheader .name{font-size:13px!important;font-weight:900!important}
  #app .chatheader .muted{margin-top:1px!important;font-size:9.5px!important}
  #app .header-actions{gap:5px!important}
  #app .header-actions button{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important}
  #app .header-actions #smartChatBtn,#app .header-actions #nova12HubBtn,#app .header-actions #refreshBtn{opacity:.52!important}
  #app .header-actions #smartChatBtn:hover,#app .header-actions #nova12HubBtn:hover,#app .header-actions #refreshBtn:hover{opacity:1!important}

  #app .messages{padding:30px clamp(28px,4.5vw,74px) 104px!important;scroll-padding-bottom:128px!important;background:radial-gradient(circle at 74% 37%,rgba(90,66,210,.075),transparent 26%),radial-gradient(circle at 34% 80%,rgba(31,75,142,.045),transparent 30%),linear-gradient(180deg,rgba(5,12,22,.12),rgba(3,8,16,.30))!important}
  #app .message-row{margin:6px 0!important}
  #app .bubble{max-width:min(720px,70%)!important;padding:11px 14px 9px!important;font-size:12px!important;line-height:1.48!important;border-color:rgba(255,255,255,.055)!important;background:linear-gradient(145deg,rgba(18,28,44,.94),rgba(13,22,36,.96))!important;box-shadow:0 7px 20px rgba(0,0,0,.10)!important;position:relative!important}
  #app .mine .bubble{border-color:rgba(111,92,242,.15)!important;background:linear-gradient(135deg,rgba(54,61,158,.90),rgba(70,47,139,.91))!important}
  #app .sender{font-size:9px!important}
  #app .time{margin-top:5px!important;font-size:7.8px!important;color:rgba(205,213,232,.58)!important}
  #app .reply,#app .forwarded-profile{font-size:8.6px!important}
  #app .composer-wrap{padding:10px clamp(20px,4vw,58px) 16px!important;background:linear-gradient(180deg,transparent,rgba(3,8,15,.82) 28%)!important}
  #app .composer{max-width:920px!important;min-height:58px!important;border-color:rgba(255,255,255,.085)!important}

  #app .msg-actions{position:absolute!important;z-index:12!important;top:-31px!important;right:0!important;display:flex!important;gap:2px!important;padding:3px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:10px!important;background:rgba(7,13,23,.93)!important;box-shadow:0 10px 28px rgba(0,0,0,.26)!important;opacity:0!important;visibility:hidden!important;transform:translateY(4px)!important;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important}
  #app .message-row:hover .msg-actions,#app .bubble:focus-within .msg-actions{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
  #app .msg-actions button{width:27px!important;height:27px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7f8da3!important;font-size:11px!important}
  #app .msg-actions button:hover{background:rgba(111,88,241,.09)!important;color:#c3b8ff!important}
}
#app .date-separator.nova-date-separator{display:flex!important;justify-content:center!important;margin:15px 0!important}
#app .date-separator.nova-date-separator span{padding:5px 10px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:999px!important;background:rgba(8,15,27,.76)!important;color:#78869b!important;font-size:7.5px!important;font-weight:800!important;backdrop-filter:blur(12px)!important}

@media(min-width:1221px){
  .nova-right-pane{position:relative!important;background:radial-gradient(circle at 50% 0%,rgba(94,69,205,.075),transparent 25%),linear-gradient(180deg,rgba(7,15,27,.985),rgba(5,12,22,.99))!important;box-shadow:0 18px 54px rgba(0,0,0,.22)!important}
  .nova-right-collapse{position:absolute!important;z-index:30!important;left:-15px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:48px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:rgba(7,14,25,.96)!important;color:#75839a!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;font-size:16px!important;cursor:pointer!important}
  .nova-right-collapse:hover{color:#b7aaff!important;border-color:rgba(116,91,255,.16)!important}
  .nova-right-content{padding:13px!important}
  .nova-right-cover{height:105px!important;margin:-13px -13px 0!important}
  .nova-right-profile{margin-top:-34px!important;padding-bottom:8px!important}
  .nova-right-avatar{width:72px!important;height:72px!important}
  .nova-right-name{font-size:14px!important}.nova-right-status{font-size:8.5px!important}
  .nova-right-actions{gap:6px!important;margin:3px 0 9px!important}
  .nova-right-actions button{min-height:40px!important;padding:7px 4px!important;border-color:rgba(255,255,255,.035)!important;background:rgba(255,255,255,.012)!important}
  .nova-right-actions button span{font-size:14px!important}
  .nova-right-card{padding:9px 4px 10px!important;margin-bottom:5px!important;border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
  .nova-right-card-title{font-size:9.5px!important}.nova-right-description{font-size:8.5px!important}
  .nova-context-grid{gap:5px!important;margin:6px 0!important}
  .nova-context-grid button{padding:8px 2px!important;border-color:rgba(255,255,255,.035)!important;background:rgba(255,255,255,.012)!important}
  .nova-right-switch-row{border-top:0!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
  .nova-right-row{padding:9px 4px!important;border-bottom-color:rgba(255,255,255,.04)!important}
  .nova-right-footer{margin-top:6px!important;padding:9px 4px!important;border:0!important;border-top:1px solid rgba(255,255,255,.04)!important;border-radius:0!important;background:transparent!important}
}
@media(max-width:1220px){.nova-right-collapse{display:none!important}}
@media(max-width:900px){
  #app .chatheader .name{font-size:13px!important}
  #app .chatheader .muted{font-size:9px!important}
  #app .messages{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:136px!important}
  #app .bubble{font-size:11.5px!important;line-height:1.46!important}
  #app .time{font-size:7.5px!important}
  #app .chatitem .name{font-size:12.5px!important}
  #app .chatitem .preview{font-size:9.5px!important}
}

/* Keep large-desktop sizing after all legacy density layers. */
@media(min-width:1440px){
  #app.app{grid-template-columns:72px 360px minmax(720px,1fr) 320px!important;gap:11px!important}
  #app.app.nova-right-collapsed{grid-template-columns:72px 360px minmax(760px,1fr)!important}
  #app .chatitem{min-height:78px!important;padding:11px 12px!important}
  #app .chatitem .avatar{width:50px!important;height:50px!important;flex-basis:50px!important}
  #app .chatitem .name{font-size:13px!important}#app .chatitem .preview{font-size:10.5px!important}
  #app .chatheader{min-height:76px!important;padding:11px 20px!important}#app .chatheader .avatar{width:48px!important;height:48px!important}
  #app .chatheader .name{font-size:15px!important}#app .chatheader .muted{font-size:10.5px!important}
  #app .header-actions button{width:43px!important;height:43px!important;flex-basis:43px!important}
  #app .bubble{font-size:13.5px!important;padding:13px 16px 10px!important}#app .composer{min-height:64px!important}#app .composer textarea{font-size:14px!important}
}