/* VICE4X member communications — charcoal, polished gold, restrained motion. */
.vice-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:0 0 auto;isolation:isolate}.vice-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.up-av.vice-avatar{width:40px;height:40px}.vc-profile-avatar{width:96px;height:96px;border-radius:50%}.vc-peer-heading{display:flex;align-items:center;gap:10px;min-width:0}.row[hidden],.up-row[hidden]{display:none!important}
.cm-tabs{height:calc(60px + var(--safe-bottom));z-index:105}.cm-tabs .nav-ind{height:2px!important;pointer-events:none}.cm-tabs button{touch-action:manipulation;min-height:48px}.cm-tabs button>*{pointer-events:none}body:has(.cm-tabs.on) main.mn{padding-bottom:calc(160px + var(--safe-bottom))}
.vc-switches{display:grid;gap:12px;margin:18px 0}.vc-switches label{display:flex;align-items:center;gap:10px;font-size:.84rem}.vc-switches input{accent-color:#d8b85c;width:20px;height:20px}
#vice4x-ticker{position:fixed;bottom:calc(16px + var(--safe-bottom));left:calc(var(--sw) + var(--safe-left) + 24px);right:calc(92px + var(--safe-right));z-index:110;display:flex;align-items:stretch;height:52px;min-width:0;border:1px solid #c9a84c66;border-radius:12px;background:#0c0e13ed;box-shadow:0 8px 32px #0008;backdrop-filter:blur(20px);overflow:hidden;color:var(--tx)}
body:has(.cm-tabs.on) #vice4x-ticker{bottom:calc(72px + var(--safe-bottom))}.vc-ticker-count{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:62px;color:#f5dc8d;background:#332b19;font:600 .85rem var(--mn);border:0;border-right:1px solid #c9a84c44;cursor:pointer}.vc-ticker-count span{font-size:.46rem;letter-spacing:.16em}.vc-ticker-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.vc-ticker-track{display:flex;flex:none;width:max-content;gap:32px;padding-left:20px;animation:vc-ticker-scroll var(--ticker-duration,30s) linear infinite}.vc-ticker-track button{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--tx-2);white-space:nowrap;cursor:pointer;font:.76rem var(--sans,system-ui);padding:8px 0}.vc-ticker-track strong{color:var(--tx);font-weight:600}.vc-ticker-type{color:#c7a754;font:.53rem var(--mn);letter-spacing:.12em}.vc-ticker-pause{width:38px;flex:none;border:0;border-left:1px solid #ffffff12;color:#d8bd72;background:#101217;cursor:pointer}.vc-ticker-track.paused,#vice4x-ticker:hover .vc-ticker-track,#vice4x-ticker:focus-within .vc-ticker-track{animation-play-state:paused}
@keyframes vc-ticker-scroll{0%,8%{transform:translateX(0)}90%,100%{transform:translateX(-100%)}}
#vice4x-notifications{position:fixed;right:max(20px,var(--safe-right));bottom:calc(80px + var(--safe-bottom));z-index:350;width:min(440px,calc(100vw - var(--safe-left) - var(--safe-right) - 28px));max-height:min(76dvh,calc(100dvh - var(--chrome-height) - var(--safe-bottom) - 96px));overflow:auto;background:#101217;border:1px solid #c9a84c66;border-radius:18px;padding:18px;box-shadow:0 18px 70px #000b}.vc-notice-list{margin:12px 0}.vc-notice{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:14px 8px;background:none;border:0;border-bottom:1px solid #ffffff12;color:var(--tx);cursor:pointer;overflow-wrap:anywhere}.vc-notice>span:last-child{font-size:.82rem;color:var(--tx-2)}.vc-notice.read{opacity:.58}
#call-root{z-index:400}#call-root .call-card{overflow:auto;max-height:94dvh}#call-root .call-av.vice-avatar{display:inline-flex}#call-root .call-btn[hidden]{display:none!important}#call-root .call-card.has-video .call-brand{margin-bottom:14px}#call-root .call-card.has-video .call-av{width:48px;height:48px;margin-bottom:8px;font-size:1.2rem}#call-root .call-card.has-video .call-name{font-size:1.25rem}.vc-video-stage{position:relative;width:100%;min-height:120px;background:#030405;border:1px solid #ffffff15;border-radius:12px;overflow:hidden;margin:12px 0}.vc-video-stage[hidden]{display:none}.vc-video-stage #viceRemoteVideo{display:block;width:100%;max-height:42dvh;object-fit:contain}.vc-video-stage #viceLocalVideo{display:block;width:30%;min-width:80px;max-height:120px;object-fit:contain;border:1px solid #e2c76855;border-radius:8px;margin:8px 8px 8px auto}.vc-video-stage:has(#viceRemoteVideo) #viceLocalVideo{position:absolute;bottom:8px;right:8px;margin:0}.vc-media-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.vc-media-controls .btn{font-size:.72rem;min-height:42px}.vc-muted-badge{display:inline-flex;color:#f3c87b;background:#9e71272b;border:1px solid #c9944266;border-radius:99px;padding:6px 12px;font-size:.75rem;margin:12px 0}.vc-answer-slider{display:block;margin:24px 0 12px;font:.7rem var(--mn);letter-spacing:.15em;color:#ecd28a}.vc-answer-slider input{display:block;appearance:none;width:100%;height:52px;border:1px solid #c9a84c55;border-radius:30px;background:#171a20;margin-top:10px;padding:4px;touch-action:pan-y}.vc-answer-slider input::-webkit-slider-thumb{appearance:none;width:44px;height:42px;border-radius:50%;background:linear-gradient(120deg,#7b5920,#fff0b2 38%,#ba9240 60%,#ecd28a);box-shadow:0 2px 6px #0008;cursor:grab}.vc-answer-slider input::-moz-range-thumb{width:44px;height:42px;border:0;border-radius:50%;background:#dfbd62}.vc-keyboard-answer{position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}.vc-keyboard-answer:focus{position:static;clip-path:none;width:auto;height:auto}
.v4x-reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.v4x-reference-cards .st{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:10px}.v4x-reference-cards .l{min-height:2em}.v4x-reference-cards .v{font-size:clamp(1.1rem,2.8vw,2.3rem);font-variant-numeric:tabular-nums}.v4x-reference-cards .n{overflow-wrap:anywhere}.v4x-reference-cards button{align-self:flex-start;margin-top:auto;white-space:normal;text-align:left;min-height:32px}.portfolio-hero-number,[data-money-value]{max-width:100%;min-width:0;white-space:nowrap;display:block;box-sizing:border-box;line-height:1.25}
.vc-metal-number{--shine-x:50%;--shine-y:20%;color:#e9ce88;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff7d6 0%,#ffeab8 6%,#d8b15e00 36%),linear-gradient(165deg,#916f30 0%,#e8cf8b 21%,#fff0bd 28%,#b18a39 37%,#e7c36d 46%,#8a6526 52%,#f2d88e 62%,#b48b3b 83%,#f8e3a4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 #a67b1920;filter:drop-shadow(0 1px 1px #0005)}
.brand svg,.login-logo svg,.orb-mark,.splash-mark{filter:drop-shadow(0 1px 0 #fff2ba55) drop-shadow(0 3px 3px #0008)}
@media(max-width:900px){#vice4x-ticker{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:calc(12px + var(--safe-bottom));height:48px}}
@media(max-width:700px){.vc-ticker-track button{font-size:.72rem}.vc-ticker-count{width:52px}.v4x-reference-cards{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.v4x-reference-cards .st:last-child{grid-column:1/-1}.v4x-reference-cards .v{font-size:1.8rem}#call-root .call-card{padding:28px 20px;max-height:100dvh}#call-root .call-actions{gap:34px}#call-root .call-btn{width:64px;height:64px}#vice4x-notifications{right:max(14px,var(--safe-right))}body:has(#vice4x-ticker) #oi-orb,body:has(#vice4x-ticker) #support-orb{transform:translateY(-60px)}}
@media(prefers-reduced-motion:reduce){.vc-ticker-track{animation:none;transform:none}.vc-ticker-window{overflow-x:auto}.vc-metal-number{background:linear-gradient(135deg,#dfbd66,#f4e4af,#c6a051);background-clip:text;-webkit-background-clip:text}}

@keyframes vc-gold-light{0%,78%,100%{filter:brightness(1) drop-shadow(0 1px 0 #fff2ba55) drop-shadow(0 3px 3px #0008)}88%{filter:brightness(1.13) drop-shadow(0 1px 0 #fff2ba88) drop-shadow(0 3px 3px #0008)}}
@media(prefers-reduced-motion:no-preference){.brand svg,.login-logo svg{animation:vc-gold-light 14s ease-in-out infinite}}

#call-root .call-card{animation:none}.vc-answer-slider{width:min(100%,320px)}.v4x-number-card .rw-v{width:50%;max-width:57%;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}.v4x-number-card [data-money-value]{width:100%;text-align:right}.v4x-number-card button{max-width:100%;white-space:normal;font-size:.55rem}.v4x-number-card .rw-l{min-width:0;max-width:45%}

/* Keep fixed overlays inside device cutouts in both orientations. */
#oi-orb,#support-orb{right:max(14px,var(--safe-right))}
@media(max-width:900px){#oi-orb{bottom:calc(76px + var(--safe-bottom))}#support-orb{bottom:calc(134px + var(--safe-bottom))}}
#oi-root{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}
#oi-root .oi-panel{max-height:calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)))}
#call-root{padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left))}
#call-root .call-card{min-height:0;justify-content:flex-start;justify-content:safe center;max-height:calc(100dvh - max(18px,var(--safe-top)) - max(18px,var(--safe-bottom)))}
.vice4x-alert{top:calc(var(--header-height) + 8px);right:max(18px,var(--safe-right));width:min(390px,calc(100vw - var(--safe-left) - var(--safe-right) - 36px))}

@media(max-width:600px){#call-root{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#call-root .call-card{height:calc(100dvh - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));padding:28px 20px}}

/* Desktop communication tabs must occupy the content lane, not the fixed sidebar.
   On wide viewports the 120-z-index sidebar previously intercepted pointer taps,
   blocking Chats/Calls/Contacts/Settings and failing two-peer acceptance. */
@media (min-width:901px){
  .cm-tabs{left:calc(var(--sw) + var(--safe-left));right:var(--safe-right);z-index:121}
}