/* LINER PLATFORM V3.6.8
   DYNAMIC GLOBAL NETWORK TOP BAR + AUTO ROTATING OFFICE GLOBE */

:root {
  --v368-cyan: #70dcff;
  --v368-blue: #1b8fd7;
  --v368-violet: #8f7cff;
  --v368-green: #68e4b3;
  --v368-deep: #031b31;
}

/* Dynamic glass top bar. */
.ui-v115 .top-brand-row-v363 {
  position: sticky !important;
  top: 0 !important;
  z-index: 4200 !important;
  min-height: 74px !important;
  height: 74px !important;
  overflow: hidden !important;
  isolation: isolate;
  gap: 16px !important;
  background:
    radial-gradient(circle at 11% 5%, rgba(56,183,255,.31), transparent 25%),
    radial-gradient(circle at 72% 0%, rgba(143,124,255,.20), transparent 30%),
    linear-gradient(110deg, #031b31 0%, #07395f 52%, #0b4f78 100%) !important;
  border-bottom: 1px solid rgba(148,224,255,.24) !important;
  box-shadow:
    0 10px 30px rgba(2,24,42,.30),
    inset 0 -1px 0 rgba(255,255,255,.08) !important;
}

.ui-v115 .top-brand-row-v363::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .56;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, transparent 0%, rgba(105,215,255,.09) 48%, transparent 100%),
    repeating-linear-gradient(90deg, transparent 0 78px, rgba(94,191,241,.075) 79px 80px),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(94,191,241,.055) 29px 30px);
  background-size: 220% 100%, auto, auto;
  animation: v368HeaderSweep 12s linear infinite;
}

.ui-v115 .top-brand-row-v363::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -20%;
  bottom: -48px;
  width: 140%;
  height: 92px;
  opacity: .30;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(70,199,255,.76), transparent 66%);
  filter: blur(20px);
  animation: v368GlowDrift 7s ease-in-out infinite alternate;
}

.ui-v115 .top-brand-row-v363 .top-brand-v363,
.ui-v115 .top-brand-row-v363 .ops-context,
.ui-v115 .top-brand-row-v363 .ops-topbar-actions {
  position: relative;
  z-index: 2;
}

.ui-v115 .top-brand-row-v363 .ops-context {
  flex: 1 1 auto !important;
  min-width: 145px !important;
}

.ui-v115 .top-brand-row-v363 .topbar-kicker {
  color: #9fe5ff !important;
}

.ui-v115 .top-brand-row-v363 .breadcrumb,
.ui-v115 .top-brand-row-v363 .breadcrumb b {
  color: #f1fbff !important;
}

.ui-v115 .top-brand-row-v363 .brand-mark.small,
.ui-v115 .top-brand-row-v363 .user-avatar {
  color: #063659 !important;
  background: linear-gradient(135deg, #effbff, #99dbff) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 5px 16px rgba(0,0,0,.16),
    0 0 18px rgba(96,214,255,.20) !important;
}

.ui-v115 .top-brand-row-v363 .portal-switch-button,
.ui-v115 .top-brand-row-v363 .utility-button,
.ui-v115 .top-brand-row-v363 .language-switcher {
  border-color: rgba(160,229,255,.27) !important;
  background: rgba(255,255,255,.105) !important;
  backdrop-filter: blur(11px);
}

.ui-v115 .top-brand-row-v363 .portal-switch-button:hover,
.ui-v115 .top-brand-row-v363 .utility-button:hover,
.ui-v115 .top-brand-row-v363 .language-switcher:hover {
  border-color: rgba(167,235,255,.58) !important;
  background: rgba(255,255,255,.19) !important;
  box-shadow:
    0 0 0 2px rgba(88,202,255,.10),
    0 0 21px rgba(80,197,255,.23) !important;
}

/* Header global network globe. */
.global-network-orbit-v368 {
  position: relative;
  z-index: 3;
  flex: 0 0 206px;
  min-width: 206px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  direction: ltr !important;
  pointer-events: none;
}

.global-network-copy-v368 {
  min-width: 105px;
  text-align: right;
}

.global-network-copy-v368 strong,
.global-network-copy-v368 span,
.global-network-copy-v368 em {
  display: block;
}

.global-network-copy-v368 strong {
  color: #effbff;
  font-size: 9px;
  letter-spacing: .13em;
  font-style: normal;
}

.global-network-copy-v368 span {
  margin-top: 4px;
  color: #8edbfa;
  font-size: 8px;
}

.global-network-copy-v368 em {
  width: max-content;
  margin: 5px 0 0 auto;
  padding: 3px 7px;
  border: 1px solid rgba(117,228,255,.25);
  border-radius: 20px;
  color: #d0f9ff;
  background: rgba(83,208,255,.09);
  font-size: 7px;
  font-weight: 900;
  font-style: normal;
}

.global-network-copy-v368 em i {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  border-radius: 50%;
  vertical-align: 1px;
  background: #68f1b7;
  box-shadow: 0 0 10px #68f1b7;
  animation: v368DotPulse 1.4s ease-in-out infinite;
}

.global-globe-v368 {
  position: relative;
  width: 61px;
  height: 61px;
  flex: 0 0 61px;
  overflow: visible;
  border: 1px solid rgba(155,232,255,.72);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(221,250,255,.38), transparent 18%),
    radial-gradient(circle at 50% 55%, #1474a6 0%, #0c4e79 52%, #062c4c 100%);
  box-shadow:
    0 0 0 4px rgba(104,219,255,.08),
    0 0 26px rgba(65,202,255,.48),
    inset -12px -8px 20px rgba(1,18,34,.46),
    inset 8px 4px 16px rgba(146,233,255,.14);
}

.global-globe-v368::before {
  content: "";
  position: absolute;
  inset: 5px;
  overflow: hidden;
  border-radius: 50%;
  opacity: .88;
  background:
    repeating-radial-gradient(ellipse at center, transparent 0 7px, rgba(142,226,255,.20) 8px 9px),
    repeating-linear-gradient(90deg, transparent 0 10px, rgba(142,226,255,.22) 11px 12px);
  animation: v368GlobeGridSpin 9s linear infinite;
}

.global-globe-v368::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 3px;
  bottom: 3px;
  left: -94%;
  width: 244%;
  border-radius: 50%;
  opacity: .96;
  background-repeat: repeat-x;
  background-size: 50% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='62' viewBox='0 0 160 62'%3E%3Cg fill='%237ee4c1'%3E%3Cpath d='M8 19l10-7 12 2 8 7-3 8-10 1-4 7-8-1-5-7z'/%3E%3Cpath d='M46 8l13 2 8 8-2 8-9 5-2 11-8-4-2-12-7-6 3-8z'/%3E%3Cpath d='M75 15l12-7 17 2 10 8 15 0 9 7-6 8-10-1-7 8-13-5-12 2-9-9-10-3z'/%3E%3Cpath d='M111 42l10-5 12 3 5 7-7 7-13-2z'/%3E%3C/g%3E%3C/svg%3E");
  filter: drop-shadow(0 0 3px rgba(114,241,194,.48));
  animation: v368GlobeLandRotate 13s linear infinite;
}

.global-globe-ring-v368 {
  position: absolute;
  z-index: 4;
  inset: -7px;
  border: 1px solid rgba(112,220,255,.30);
  border-left-color: rgba(112,220,255,.86);
  border-right-color: rgba(143,124,255,.74);
  border-radius: 50%;
  animation: v368GlobeRingSpin 5.5s linear infinite;
}

.global-globe-ring-v368.ring-two {
  inset: -12px 3px;
  opacity: .53;
  transform: rotate(63deg);
  animation-duration: 8s;
  animation-direction: reverse;
}

.global-network-dot-v368 {
  position: absolute;
  z-index: 6;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #bff8ff;
  box-shadow:
    0 0 0 3px rgba(113,225,255,.15),
    0 0 10px #63dfff;
  animation: v368DotPulse 1.8s ease-in-out infinite;
}

.global-network-dot-v368.dot-one { top: 17px; left: 17px; }
.global-network-dot-v368.dot-two { top: 28px; left: 39px; animation-delay: .4s; }
.global-network-dot-v368.dot-three { top: 40px; left: 27px; animation-delay: .8s; }
.global-network-dot-v368.dot-four { top: 21px; left: 47px; animation-delay: 1.2s; }

/* Network menu pulse and rotating icon. */
.top-menu-group-v363[data-top-menu-group="network"] > .top-menu-main-v363 {
  overflow: visible !important;
}

.top-menu-group-v363[data-top-menu-group="network"] > .top-menu-main-v363::after {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: -1;
  border: 1px solid rgba(85,205,255,.38);
  border-radius: 14px;
  opacity: 0;
  animation: v368NetworkButtonPulse 2.6s ease-out infinite;
}

.top-menu-group-v363[data-top-menu-group="network"] .top-menu-icon-v363 {
  animation: v368NetworkIconFloat 3.2s ease-in-out infinite;
}

.top-menu-group-v363[data-top-menu-group="network"].open .top-menu-icon-v363,
.top-menu-group-v363[data-top-menu-group="network"] .top-menu-main-v363:hover .top-menu-icon-v363,
.top-menu-group-v363[data-top-menu-group="network"] .top-menu-main-v363.active .top-menu-icon-v363 {
  animation: v368NetworkIconSpin 2.8s linear infinite;
}

/* Existing actual Office Network module. */
#ops-page-office-network .page-title-row {
  position: relative;
  overflow: hidden;
  padding: 15px 17px;
  border: 1px solid rgba(56,124,166,.18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 86% 20%, rgba(93,208,255,.20), transparent 25%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(224,243,252,.91));
  box-shadow: 0 15px 38px rgba(27,75,106,.12);
}

#ops-page-office-network .page-title-row::after {
  content: "GLOBAL LIVE NETWORK";
  position: absolute;
  right: 17px;
  bottom: 13px;
  color: rgba(24,111,158,.32);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .17em;
}

#ops-page-office-network .network-globe-panel {
  position: relative;
  overflow: hidden;
  border-color: rgba(72,165,211,.32) !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(66,184,239,.19), transparent 37%),
    linear-gradient(145deg, #092f4e, #061d33) !important;
  box-shadow:
    0 20px 48px rgba(11,52,80,.25),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#ops-page-office-network .network-globe-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(104,204,247,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104,204,247,.08) 1px, transparent 1px);
  background-size: 30px 30px;
}

#ops-page-office-network .network-globe-panel .panel-head {
  position: relative;
  z-index: 2;
  border-bottom-color: rgba(149,220,249,.13) !important;
  background: rgba(3,30,50,.45) !important;
}

#ops-page-office-network .network-globe-panel .panel-head h2,
#ops-page-office-network .network-globe-panel .panel-kicker {
  color: #e9faff !important;
}

#ops-page-office-network .network-globe-panel .status-badge {
  color: #d8f7ff !important;
  border-color: rgba(112,220,255,.29) !important;
  background: rgba(67,190,235,.12) !important;
}

#officeGlobe {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 410px;
  cursor: grab;
  filter:
    drop-shadow(0 0 17px rgba(71,200,246,.15))
    saturate(1.08);
}

#officeGlobe.is-dragging {
  cursor: grabbing;
}

#officeGlobeInfo {
  position: relative;
  z-index: 2;
  color: #d8edf7 !important;
  border-top-color: rgba(145,219,247,.14) !important;
  background: rgba(2,25,43,.56) !important;
}

/* Arabic compatibility: keep the orb stable and avoid squeezing the menu. */
html[dir="rtl"] .global-network-orbit-v368 {
  direction: ltr !important;
}

html[dir="rtl"] .global-network-copy-v368 {
  text-align: right !important;
}

@keyframes v368HeaderSweep {
  from { background-position: 0% 0, 0 0, 0 0; }
  to { background-position: 220% 0, 160px 0, 0 60px; }
}

@keyframes v368GlowDrift {
  from { transform: translateX(-4%) scaleX(.92); }
  to { transform: translateX(6%) scaleX(1.05); }
}

@keyframes v368GlobeGridSpin {
  from { transform: translateX(0) rotate(0); }
  to { transform: translateX(12px) rotate(360deg); }
}

@keyframes v368GlobeLandRotate {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}

@keyframes v368GlobeRingSpin {
  to { transform: rotate(360deg); }
}

@keyframes v368DotPulse {
  0%,100% { transform: scale(.75); opacity: .55; }
  50% { transform: scale(1.25); opacity: 1; }
}

@keyframes v368NetworkButtonPulse {
  0% { transform: scale(.96); opacity: 0; }
  35% { opacity: .70; }
  100% { transform: scale(1.12); opacity: 0; }
}

@keyframes v368NetworkIconFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes v368NetworkIconSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1420px) {
  .global-network-orbit-v368 {
    flex-basis: 75px;
    min-width: 75px;
  }

  .global-network-copy-v368 {
    display: none;
  }
}

@media (max-width: 1000px) {
  .global-network-orbit-v368 {
    display: none;
  }

  .ui-v115 .top-brand-row-v363 {
    min-height: 68px !important;
    height: 68px !important;
  }
}

@media (max-width: 900px) {
  #officeGlobe {
    min-height: 330px;
  }

  #ops-page-office-network .page-title-row::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ui-v115 .top-brand-row-v363::before,
  .ui-v115 .top-brand-row-v363::after,
  .global-globe-v368::before,
  .global-globe-v368::after,
  .global-globe-ring-v368,
  .global-network-dot-v368,
  .global-network-copy-v368 em i,
  .top-menu-group-v363[data-top-menu-group="network"] > .top-menu-main-v363::after,
  .top-menu-group-v363[data-top-menu-group="network"] .top-menu-icon-v363 {
    animation: none !important;
  }
}


/* =====================================================================
   V3.6.9 — CLEAN EARTH GLOBE
   No cloud layer. Crisp continents, deep ocean, atmosphere and terminator.
   ===================================================================== */

/* Hide every old V3.6.8 sphere layer if stale markup remains in cache. */
.global-globe-v368 {
  display: none !important;
}

.global-globe-v369 {
  position: relative;
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  overflow: visible;
  perspective: 500px;
  filter: drop-shadow(0 0 14px rgba(80,211,255,.30));
}

.global-globe-core-v369 {
  position: absolute;
  inset: 4px;
  overflow: hidden;
  border: 1px solid rgba(151,230,255,.76);
  border-radius: 50%;
  background:
    radial-gradient(circle at 67% 31%, rgba(52,167,222,.34), transparent 27%),
    radial-gradient(circle at 38% 40%, #127cb5 0%, #08618f 37%, #053b62 68%, #021e38 100%);
  box-shadow:
    0 0 0 3px rgba(96,218,255,.07),
    0 0 26px rgba(65,202,255,.42),
    inset -15px -7px 21px rgba(0,12,27,.56),
    inset 8px 5px 12px rgba(106,218,255,.12);
}

/* Clean latitude and longitude lines; no cloudy white patch. */
.global-globe-grid-v369 {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 50%;
  opacity: .48;
  background:
    repeating-radial-gradient(
      ellipse at center,
      transparent 0 8px,
      rgba(137,225,255,.22) 9px 10px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0 11px,
      rgba(137,225,255,.19) 12px 13px
    );
  mix-blend-mode: screen;
  animation: v369GridRotate 12s linear infinite;
}

/* Two repeated crisp continent maps move through the sphere. */
.global-globe-land-v369 {
  position: absolute;
  z-index: 3;
  top: 7%;
  bottom: 7%;
  left: -102%;
  width: 258%;
  opacity: .98;
  background-repeat: repeat-x;
  background-size: 50% 100%;
  background-position: 0 center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='88' viewBox='0 0 220 88'%3E%3Cg fill='%236fdfa8' stroke='%233a9c77' stroke-width='.7' stroke-linejoin='round'%3E%3Cpath d='M6 29l8-12 14-7 17 3 8 9-3 9-10 4-4 12-9 2-5-10-10-2z'/%3E%3Cpath d='M40 8l10 0 7 7-3 7-8 1-7-7z'/%3E%3Cpath d='M57 31l10-5 12 5 6 10-5 8-5 17-8 12-8-5-1-15-7-10 2-10z'/%3E%3Cpath d='M92 18l15-10 21 1 13 8 16-2 12 6 18 0 17 9-4 9-13 5-12-4-11 9-17-4-12 5-11-8-14 3-9-7-11 2-8-8z'/%3E%3Cpath d='M117 47l14-5 13 4 8 10-4 12-12 14-10-2-5-15-8-8z'/%3E%3Cpath d='M178 60l12-6 14 5 6 10-8 9-15-1-7-8z'/%3E%3Cpath d='M203 23l7-3 6 5-3 7-7 0z'/%3E%3C/g%3E%3Cg fill='%2392edbd' opacity='.56'%3E%3Cpath d='M17 22l11-6 12 3-4 7-13 2z'/%3E%3Cpath d='M101 20l22-6 21 6-14 8-20-2z'/%3E%3Cpath d='M126 54l12-5 6 8-7 11-8-4z'/%3E%3C/g%3E%3C/svg%3E");
  filter:
    drop-shadow(0 0 2px rgba(96,239,176,.36))
    saturate(1.08);
  animation: v369LandRotate 15s linear infinite;
}

/* Crisp day/night terminator, not a cloud. */
.global-globe-night-v369 {
  position: absolute;
  z-index: 4;
  inset: -2px;
  border-radius: 50%;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(0,8,19,.48) 0%,
      rgba(0,8,19,.08) 33%,
      transparent 52%,
      rgba(108,221,255,.05) 72%,
      rgba(0,12,27,.28) 100%
    );
  animation: v369TerminatorMove 18s ease-in-out infinite alternate;
}

/* Thin glass highlight only; no opaque cloudy blob. */
.global-globe-shine-v369 {
  position: absolute;
  z-index: 5;
  top: 9px;
  left: 14px;
  width: 22px;
  height: 10px;
  border-top: 2px solid rgba(223,249,255,.56);
  border-radius: 50%;
  opacity: .72;
  transform: rotate(-28deg);
  filter: blur(.2px);
}

.global-globe-ring-v369 {
  position: absolute;
  z-index: 8;
  inset: -3px;
  border: 1px solid rgba(112,220,255,.34);
  border-top-color: rgba(184,241,255,.88);
  border-left-color: rgba(112,220,255,.82);
  border-right-color: rgba(143,124,255,.62);
  border-radius: 50%;
  pointer-events: none;
  animation: v369RingSpin 6.2s linear infinite;
}

.global-globe-ring-v369.ring-two {
  inset: -8px 5px;
  opacity: .52;
  transform: rotate(64deg);
  animation-duration: 9s;
  animation-direction: reverse;
}

.global-network-dot-v369 {
  position: absolute;
  z-index: 10;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(227,252,255,.8);
  border-radius: 50%;
  background: #7cebd0;
  box-shadow:
    0 0 0 3px rgba(104,235,205,.12),
    0 0 9px rgba(104,235,205,.95);
  animation: v369NodePulse 1.9s ease-in-out infinite;
}

.global-network-dot-v369.dot-one { top: 20px; left: 18px; }
.global-network-dot-v369.dot-two { top: 31px; left: 43px; animation-delay: .42s; }
.global-network-dot-v369.dot-three { top: 45px; left: 29px; animation-delay: .84s; }
.global-network-dot-v369.dot-four { top: 23px; left: 52px; animation-delay: 1.2s; }

/* More elegant top-bar spacing for the larger globe. */
.global-network-orbit-v368 {
  flex-basis: 218px !important;
  min-width: 218px !important;
}

.global-network-copy-v368 strong {
  color: #f4fcff !important;
}

.global-network-copy-v368 span {
  color: #9adff7 !important;
}

/* On Network hover, the Earth icon rotates cleanly rather than flashing. */
.top-menu-group-v363[data-top-menu-group="network"] .top-menu-icon-v363 {
  animation: v369NetworkFloat 3.3s ease-in-out infinite !important;
}

.top-menu-group-v363[data-top-menu-group="network"].open .top-menu-icon-v363,
.top-menu-group-v363[data-top-menu-group="network"] .top-menu-main-v363:hover .top-menu-icon-v363,
.top-menu-group-v363[data-top-menu-group="network"] .top-menu-main-v363.active .top-menu-icon-v363 {
  animation: v369NetworkIconSpin 3.4s linear infinite !important;
}

@keyframes v369GridRotate {
  from { transform: translateX(-3px) rotate(0deg); }
  to { transform: translateX(7px) rotate(360deg); }
}

@keyframes v369LandRotate {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}

@keyframes v369TerminatorMove {
  from { transform: translateX(-5%) rotate(-2deg); }
  to { transform: translateX(5%) rotate(2deg); }
}

@keyframes v369RingSpin {
  to { transform: rotate(360deg); }
}

@keyframes v369NodePulse {
  0%,100% { transform: scale(.72); opacity: .58; }
  50% { transform: scale(1.28); opacity: 1; }
}

@keyframes v369NetworkFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes v369NetworkIconSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1420px) {
  .global-network-orbit-v368 {
    flex-basis: 82px !important;
    min-width: 82px !important;
  }

  .global-network-copy-v368 {
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .global-network-orbit-v368 {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-globe-grid-v369,
  .global-globe-land-v369,
  .global-globe-night-v369,
  .global-globe-ring-v369,
  .global-network-dot-v369,
  .top-menu-group-v363[data-top-menu-group="network"] .top-menu-icon-v363 {
    animation: none !important;
  }
}