/* CAVYRE 16.12.101 — Cleaner topbar cluster (world clocks / notifications / user).
   The existing rules for .vx73-clocks/.tb-right/.tb-user etc. are scattered across many
   layered patch files with !important on nearly every property, and several of them are
   qualified as .vx73-topbar .tb-user / .vx77-single-nav .tb-right (two classes deep) —
   which live in the real DOM. A plain "html body .tb-user" override loses to those on
   specificity alone regardless of file order, so every selector below repeats its own
   class once (.tb-user.tb-user) to outrank any two-class-deep rule outright.

   Typography: 'Space Mono' for every data/label element (clocks, role, sign out) so the
   cluster reads as one consistent "readout" system, with italic Cormorant Garamond
   reserved for the human name as the one editorial accent. --fM in this app resolves to
   Inter, not an actual monospace, so the font is named explicitly rather than via the
   token. Bell icon now renders as a Tabler webfont glyph (already loaded site-wide) in
   place of the old hand-drawn inline SVG. */

html body .vx73-clocks.vx73-clocks{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  padding:0 18px!important;
  margin-right:4px!important;
}
html body .vx73-clocks.vx73-clocks>div{
  padding:2px 16px!important;
  min-width:0!important;
  text-align:left!important;
}
html body .vx73-clocks.vx73-clocks>div+div{
  border-left:1px solid rgba(201,166,107,.18)!important;
}
html body .vx73-clocks.vx73-clocks small{
  display:block!important;
  font:9px 'Space Mono',monospace!important;
  letter-spacing:.14em!important;
  color:rgba(163,151,132,.75)!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
  white-space:nowrap!important;
}
html body .vx73-clocks.vx73-clocks b{
  display:block!important;
  font:700 18px 'Space Mono',monospace!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
  color:var(--vx73-ink,#f1e4d4)!important;
  margin:0 0 3px!important;
  white-space:nowrap!important;
}
html body .vx73-clocks.vx73-clocks span{
  display:block!important;
  font:9.5px 'Space Mono',monospace!important;
  letter-spacing:.02em!important;
  color:#c9a66b!important;
  white-space:nowrap!important;
}

html body .tb-right.tb-right{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:auto!important;
  padding-left:14px!important;
  border-left:1px solid rgba(201,166,107,.18)!important;
}

html body #_notif-btn#_notif-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  margin:0 2px!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(238,229,212,.72)!important;
  transition:background .15s,color .15s!important;
}
html body #_notif-btn#_notif-btn:hover{
  background:rgba(201,166,107,.12)!important;
  color:#e9d3a0!important;
}
html body #_notif-btn#_notif-btn .ti-bell{
  font-size:24px!important;
  line-height:1!important;
}
html body #_notif-btn#_notif-btn svg{
  width:17px!important;
  height:17px!important;
}

html body .tb-user.tb-user{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:0!important;
  padding:6px 12px 6px 6px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  transition:background .15s!important;
}
html body .tb-user.tb-user:hover{
  background:rgba(255,255,255,.03)!important;
}
html body .tb-av.tb-av{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(201,166,107,.4)!important;
  background-color:#171310!important;
  background-size:cover!important;
  background-position:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:600 12px 'Space Mono',monospace!important;
  color:#d7be91!important;
}
html body .tb-name.tb-name{
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-style:italic!important;
  font-size:16px!important;
  font-weight:500!important;
  color:#f1e4d4!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:180px!important;
}
html body .tb-role.tb-role{
  font:9px 'Space Mono',monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#a3917d!important;
  margin-top:2px!important;
  white-space:nowrap!important;
}

html body .tb-signout.tb-signout{
  font:10px 'Space Mono',monospace!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(238,229,212,.55)!important;
  background:transparent!important;
  border:1px solid rgba(201,166,107,.22)!important;
  border-radius:20px!important;
  padding:7px 14px!important;
  margin-left:8px!important;
  transition:border-color .15s,color .15s!important;
}
html body .tb-signout.tb-signout:hover{
  color:#f1e4d4!important;
  border-color:rgba(201,166,107,.5)!important;
}

@media(max-width:900px){
  html body .vx73-clocks.vx73-clocks{display:none!important}
}