/* SAS PRO premium interactive navigation — mobile-first, accessible, RTL */
.terminal-tabs{
  position:relative!important;isolation:isolate;display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch;
  gap:clamp(5px,1.6vw,12px)!important;padding:clamp(7px,2vw,12px)!important;
  margin:clamp(10px,2.5vw,18px) 0!important;border:1px solid rgba(37,220,255,.34)!important;
  border-radius:clamp(20px,4vw,30px)!important;
  background:linear-gradient(135deg,rgba(1,11,22,.94),rgba(2,13,26,.91) 48%,rgba(0,18,31,.94)),url("/assets/saspro-banner.webp?v=20261023-nav-bg") center 42%/cover no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(155,246,255,.08),0 0 24px rgba(0,199,255,.07),0 10px 30px rgba(0,0,0,.24)!important;
  overflow:visible!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.terminal-tabs:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(110deg,rgba(0,224,255,.45),transparent 35%,rgba(0,224,255,.14) 70%,rgba(0,224,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}
.terminal-tabs>button{
  position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:clamp(5px,1.3vw,10px)!important;
  min-width:0!important;min-height:clamp(84px,19vw,116px)!important;padding:clamp(9px,2vw,15px) 3px!important;
  border:1px solid transparent!important;border-radius:clamp(15px,3.2vw,23px)!important;
  color:#c8e8f2!important;background:linear-gradient(150deg,rgba(2,18,33,.88),rgba(1,10,22,.86))!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font:inherit!important;cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease;
  overflow:hidden
}
.terminal-tabs>button:after{content:"";position:absolute;left:18%;right:18%;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#12eaff,transparent);opacity:0;transform:scaleX(.4);transition:opacity .22s ease,transform .22s ease}
.terminal-tab-icon{width:clamp(34px,9vw,58px)!important;height:clamp(34px,9vw,58px)!important;min-width:30px;min-height:30px;display:grid!important;place-items:center;position:relative;color:#37dfff!important;filter:drop-shadow(0 0 5px rgba(0,203,255,.36));transition:transform .22s ease,filter .22s ease}
.terminal-tab-icon svg{width:100%!important;height:100%!important;max-width:72px;max-height:72px;overflow:visible}
.terminal-tab-label{display:block!important;max-width:100%;font-size:clamp(10px,2.8vw,16px)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.terminal-tabs>button:hover{color:#eaffff!important;border-color:rgba(31,222,255,.3)!important;background:linear-gradient(150deg,rgba(0,159,208,.14),rgba(3,22,37,.76))!important}
.terminal-tabs>button:hover .terminal-tab-icon{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 9px rgba(0,220,255,.72))}
.terminal-tabs>button:active{transform:scale(.96)}
.terminal-tabs>button.active{color:#f1feff!important;border-color:rgba(25,231,255,.92)!important;background:linear-gradient(155deg,rgba(0,125,165,.46),rgba(0,53,78,.68) 55%,rgba(1,25,42,.94))!important;box-shadow:0 0 0 1px rgba(0,222,255,.12),0 0 22px rgba(0,211,255,.2),inset 0 0 20px rgba(0,211,255,.09)!important}
.terminal-tabs>button.active:after{opacity:1;transform:scaleX(1);box-shadow:0 0 12px #00eaff}
.terminal-tabs>button.active .terminal-tab-icon{transform:translateY(-1px) scale(1.1);color:#70f5ff!important;filter:drop-shadow(0 0 8px rgba(0,235,255,.9))}
.terminal-tabs>button:focus-visible{outline:2px solid #83f7ff!important;outline-offset:3px}
@keyframes sasNavGlow{0%,100%{box-shadow:0 0 0 1px rgba(0,225,255,.1),0 0 14px rgba(0,211,255,.15),inset 0 0 14px rgba(0,211,255,.05)}50%{box-shadow:0 0 0 1px rgba(0,225,255,.22),0 0 23px rgba(0,211,255,.28),inset 0 0 22px rgba(0,211,255,.1)}}
.terminal-tabs>button.active{animation:sasNavGlow 3.2s ease-in-out infinite}
@media(min-width:700px){.terminal-tabs{max-width:1000px;margin-inline:auto!important}.terminal-tabs>button{min-height:100px!important}.terminal-tab-icon{width:58px!important;height:58px!important}.terminal-tab-label{font-size:16px!important}}
@media(max-width:380px){.terminal-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;padding:5px!important}.terminal-tabs>button{min-height:78px!important;padding:7px 1px!important;gap:5px!important}.terminal-tab-icon{width:32px!important;height:32px!important;min-width:28px;min-height:28px}.terminal-tab-label{font-size:10px!important;letter-spacing:-.2px!important}}
@media(prefers-reduced-motion:reduce){.terminal-tabs>button,.terminal-tabs>button:after,.terminal-tab-icon{transition:none!important}.terminal-tabs>button.active{animation:none!important}}


/* Normalize optical size: SVG paths have different natural bounds inside the same viewBox. */
.terminal-tabs>button .terminal-tab-icon svg{display:block;transform-origin:center;flex:none}
.terminal-tabs>button[aria-label="الرئيسية"] .terminal-tab-icon svg{transform:scale(1.02)}
.terminal-tabs>button[aria-label="الرادار"] .terminal-tab-icon svg{transform:scale(.96)}
.terminal-tabs>button[aria-label="بحث"] .terminal-tab-icon svg{transform:scale(1.12)}
.terminal-tabs>button[aria-label="فاحص الإفصاحات"] .terminal-tab-icon svg{transform:scale(1.20)}
.terminal-tabs>button[aria-label="الحساب"] .terminal-tab-icon svg{transform:scale(1.10)}
@media(max-width:380px){
 .terminal-tabs>button[aria-label="بحث"] .terminal-tab-icon svg{transform:scale(1.08)}
 .terminal-tabs>button[aria-label="فاحص الإفصاحات"] .terminal-tab-icon svg{transform:scale(1.12)}
}


/* Unified SAS PRO navigation icon system: consistent stroke, proportions and semantic motion. */
.terminal-tabs>button .terminal-tab-icon svg{width:100%!important;height:100%!important;overflow:visible}
.terminal-tabs>button[aria-label="الرئيسية"] .terminal-tab-icon svg,
.terminal-tabs>button[aria-label="الرادار"] .terminal-tab-icon svg,
.terminal-tabs>button[aria-label="بحث"] .terminal-tab-icon svg,
.terminal-tabs>button[aria-label="فاحص الإفصاحات"] .terminal-tab-icon svg,
.terminal-tabs>button[aria-label="الحساب"] .terminal-tab-icon svg{transform:none!important}
.terminal-tabs>button .nav-icon-spark{opacity:.55;transition:opacity .2s ease}
.terminal-tabs>button[aria-label="الرادار"] .nav-icon-sweep{transform-origin:24px 24px;transform:rotate(0deg);transition:transform .35s ease}
.terminal-tabs>button[aria-label="بحث"] .nav-icon-search-ring{transform-origin:20.5px 20.5px;transition:transform .25s ease}
.terminal-tabs>button[aria-label="الحساب"] .nav-icon-user-head,
.terminal-tabs>button[aria-label="الحساب"] .nav-icon-user-body{transition:transform .25s ease;transform-origin:24px 24px}
.terminal-tabs>button:hover .nav-icon-spark,
.terminal-tabs>button.active .nav-icon-spark{opacity:1}
.terminal-tabs>button[aria-label="الرئيسية"]:hover .nav-icon-main,
.terminal-tabs>button[aria-label="الرئيسية"].active .nav-icon-main{filter:drop-shadow(0 0 3px currentColor)}
.terminal-tabs>button[aria-label="الرادار"]:hover .nav-icon-sweep,
.terminal-tabs>button[aria-label="الرادار"].active .nav-icon-sweep{transform:rotate(35deg)}
.terminal-tabs>button[aria-label="بحث"]:hover .nav-icon-search-ring,
.terminal-tabs>button[aria-label="بحث"].active .nav-icon-search-ring{transform:scale(1.06)}
.terminal-tabs>button[aria-label="فاحص الإفصاحات"]:hover .terminal-tab-icon svg,
.terminal-tabs>button[aria-label="فاحص الإفصاحات"].active .terminal-tab-icon svg{filter:drop-shadow(0 0 5px rgba(60,230,255,.75))}
.terminal-tabs>button[aria-label="الحساب"]:hover .nav-icon-user-head,
.terminal-tabs>button[aria-label="الحساب"].active .nav-icon-user-head{transform:translateY(-1.5px)}
.terminal-tabs>button[aria-label="الحساب"]:hover .nav-icon-user-body,
.terminal-tabs>button[aria-label="الحساب"].active .nav-icon-user-body{transform:translateY(-.5px)}
@media(prefers-reduced-motion:reduce){
 .terminal-tabs>button .nav-icon-sweep,.terminal-tabs>button .nav-icon-search-ring,
 .terminal-tabs>button .nav-icon-user-head,.terminal-tabs>button .nav-icon-user-body{transition:none!important}
}


/* SAS PRO: vivid but lightweight icon interaction and faster mobile rendering. */
.terminal-tabs>button .terminal-tab-icon{
  will-change:transform,filter;
  transition:transform .18s ease-out,filter .18s ease-out,color .18s ease-out;
  filter:drop-shadow(0 0 3px rgba(35,218,255,.42));
}
.terminal-tabs>button .terminal-tab-icon:before{
  content:"";position:absolute;inset:8%;border-radius:50%;
  background:radial-gradient(circle,rgba(26,222,255,.19),rgba(26,222,255,0) 68%);
  opacity:0;transform:scale(.65);transition:opacity .2s ease,transform .2s ease;pointer-events:none;
}
.terminal-tabs>button:hover .terminal-tab-icon:before,
.terminal-tabs>button:focus-visible .terminal-tab-icon:before,
.terminal-tabs>button.active .terminal-tab-icon:before{opacity:1;transform:scale(1.15)}
.terminal-tabs>button:hover .terminal-tab-icon,
.terminal-tabs>button:focus-visible .terminal-tab-icon{filter:drop-shadow(0 0 5px rgba(35,225,255,.8)) drop-shadow(0 0 12px rgba(35,225,255,.34))}
.terminal-tabs>button.active .terminal-tab-icon{filter:drop-shadow(0 0 6px rgba(35,238,255,.95)) drop-shadow(0 0 14px rgba(35,225,255,.48))}
.terminal-tabs>button.active .terminal-tab-icon svg{animation:sasIconPulse 2.8s ease-in-out infinite}
.terminal-tabs>button[aria-label="الرادار"].active .nav-icon-sweep{animation:sasRadarSweep 3.2s linear infinite}
.terminal-tabs>button[aria-label="بحث"].active .nav-icon-search-ring{filter:drop-shadow(0 0 4px rgba(35,225,255,.7))}
.terminal-tabs>button[aria-label="فاحص الإفصاحات"].active .terminal-tab-icon svg{filter:drop-shadow(0 0 4px rgba(35,225,255,.85))}
@keyframes sasIconPulse{0%,100%{opacity:1}50%{opacity:.82}}
@keyframes sasRadarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Avoid costly backdrop-filter repainting across the whole nav on mobile. */
@media(max-width:600px){
 .terminal-tabs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .terminal-tabs>button{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .terminal-tabs>button.active{animation:none!important;box-shadow:0 0 0 1px rgba(0,222,255,.16),0 0 15px rgba(0,211,255,.2),inset 0 0 12px rgba(0,211,255,.08)!important}
}
@media(prefers-reduced-motion:reduce){
 .terminal-tabs>button .terminal-tab-icon,.terminal-tabs>button .terminal-tab-icon:before{transition:none!important}
 .terminal-tabs>button.active .terminal-tab-icon svg,.terminal-tabs>button[aria-label="الرادار"].active .nav-icon-sweep{animation:none!important}
}


/* Stronger visible mobile-first icon glow: the selected icon remains visibly lit on touch devices. */
.terminal-tabs>button .terminal-tab-icon:before{
  opacity:.3;transform:scale(1);inset:0;
  background:radial-gradient(circle,rgba(18,224,255,.22) 0%,rgba(18,224,255,.09) 42%,transparent 74%);
}
.terminal-tabs>button.active .terminal-tab-icon:before{
  opacity:1;transform:scale(1.28);
  background:radial-gradient(circle,rgba(18,224,255,.34) 0%,rgba(18,224,255,.15) 46%,transparent 76%);
}
.terminal-tabs>button.active .terminal-tab-icon{
  color:#69f3ff!important;
  filter:drop-shadow(0 0 5px rgba(32,232,255,.95)) drop-shadow(0 0 13px rgba(32,220,255,.68))!important;
}
.terminal-tabs>button.active .terminal-tab-label{text-shadow:0 0 8px rgba(32,220,255,.3),0 1px 8px rgba(0,0,0,.4)}
.terminal-tabs>button:not(.active):active .terminal-tab-icon{transform:scale(1.14);filter:drop-shadow(0 0 9px rgba(32,232,255,.9))!important}
@keyframes sasIconBreath{0%,100%{filter:drop-shadow(0 0 4px rgba(32,232,255,.68))}50%{filter:drop-shadow(0 0 9px rgba(32,232,255,.98)) drop-shadow(0 0 15px rgba(32,220,255,.5))}}
.terminal-tabs>button.active .terminal-tab-icon{animation:sasIconBreath 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.terminal-tabs>button.active .terminal-tab-icon{animation:none!important}}


/* SAS PRO 3D glass navigation — approved visual refresh, preserves existing tab actions. */
.terminal-tabs{
  gap:clamp(7px,1.8vw,14px)!important;
  padding:clamp(9px,2.2vw,15px)!important;
  border-color:rgba(24,220,255,.48)!important;
  background:linear-gradient(135deg,rgba(1,9,20,.97),rgba(2,17,34,.94) 52%,rgba(0,27,43,.96)),url("/assets/saspro-banner.webp?v=20261103-nav-glass") center 44%/cover no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(190,249,255,.15),inset 0 -12px 28px rgba(0,196,255,.045),0 0 26px rgba(0,199,255,.12),0 14px 34px rgba(0,0,0,.34)!important;
}
.terminal-tabs>button{
  min-height:clamp(92px,21vw,132px)!important;
  border:1px solid rgba(94,193,230,.2)!important;
  border-radius:clamp(17px,3.6vw,25px)!important;
  background:linear-gradient(155deg,rgba(11,43,70,.9),rgba(3,20,38,.96) 58%,rgba(1,12,25,.98))!important;
  box-shadow:inset 0 1px 0 rgba(211,246,255,.13),inset 0 -5px 12px rgba(0,0,0,.22),0 8px 15px rgba(0,0,0,.24)!important;
}
.terminal-tabs>button:before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.075),transparent 32%,transparent 72%,rgba(0,203,255,.07));
  opacity:.9;
}
.terminal-tabs>button .terminal-tab-icon{
  width:clamp(40px,9.5vw,64px)!important;height:clamp(40px,9.5vw,64px)!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(0,205,255,.48))!important;
}
.terminal-tabs>button .terminal-tab-label{
  font-size:clamp(11px,2.9vw,17px)!important;font-weight:900!important;
  color:#e5f8ff!important;text-shadow:0 2px 9px rgba(0,0,0,.8)!important;
}
.terminal-tabs>button:hover,
.terminal-tabs>button:focus-visible{
  transform:translateY(-3px)!important;border-color:rgba(47,225,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(220,252,255,.18),0 0 0 1px rgba(0,213,255,.12),0 10px 22px rgba(0,174,255,.17)!important;
}
.terminal-tabs>button.active{
  border:1.5px solid rgba(30,238,255,.98)!important;
  background:linear-gradient(155deg,rgba(0,135,174,.72),rgba(0,69,99,.88) 55%,rgba(0,30,50,.98))!important;
  box-shadow:inset 0 1px 0 rgba(220,255,255,.28),inset 0 -12px 22px rgba(0,225,255,.1),0 0 0 1px rgba(0,220,255,.2),0 0 25px rgba(0,220,255,.3),0 9px 18px rgba(0,0,0,.32)!important;
}
.terminal-tabs>button.active .terminal-tab-icon{color:#83f7ff!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.65)) drop-shadow(0 0 13px rgba(0,229,255,.95))!important}
.terminal-tabs>button.active .terminal-tab-label{color:#fff!important;text-shadow:0 0 10px rgba(0,235,255,.5),0 2px 8px rgba(0,0,0,.75)!important}
.terminal-tabs>button.active:after{height:3px;bottom:6px;left:22%;right:22%;box-shadow:0 0 14px #00eaff,0 0 25px rgba(0,234,255,.65)!important}
@media(min-width:700px){.terminal-tabs>button{min-height:116px!important}}
@media(max-width:380px){.terminal-tabs>button{min-height:82px!important}.terminal-tabs>button .terminal-tab-icon{width:34px!important;height:34px!important}.terminal-tabs>button .terminal-tab-label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.terminal-tabs>button:hover,.terminal-tabs>button:focus-visible{transform:none!important}}


/* SAS PRO icon-only navigation: remove every tile/card behind the symbols. */
.terminal-tabs{
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  padding:clamp(8px,2vw,14px) 0!important;
  gap:clamp(5px,1.5vw,12px)!important;
  margin:clamp(10px,2.5vw,18px) 0!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.terminal-tabs:before{display:none!important;content:none!important}
.terminal-tabs>button{
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  min-height:clamp(82px,19vw,116px)!important;
  padding:clamp(8px,1.8vw,13px) 2px!important;
  overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.terminal-tabs>button:before{display:none!important;content:none!important}
.terminal-tabs>button:hover,.terminal-tabs>button:focus-visible{
  border:0!important;background:transparent!important;box-shadow:none!important;
  transform:translateY(-2px)!important;
}
.terminal-tabs>button.active{
  border:0!important;background:transparent!important;box-shadow:none!important;
  animation:none!important;
}
.terminal-tabs>button.active:after{
  opacity:1!important;transform:scaleX(1)!important;
  bottom:0!important;height:2px!important;left:22%!important;right:22%!important;
  background:linear-gradient(90deg,transparent,#12eaff,transparent)!important;
  box-shadow:0 0 12px rgba(0,234,255,.8)!important;
}
.terminal-tabs>button .terminal-tab-icon:before{display:none!important;content:none!important}
.terminal-tabs>button .terminal-tab-icon{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;
}
.terminal-tabs>button.active .terminal-tab-label{color:#55efff!important}
@media(max-width:600px){.terminal-tabs>button.active{box-shadow:none!important}}


/* SAS PRO floating glass platform for the five icon-only navigation items. */
.terminal-tabs{
  position:relative!important;isolation:isolate!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:end!important;gap:clamp(4px,1.2vw,12px)!important;
  margin:clamp(14px,3vw,24px) 0 clamp(18px,3.5vw,28px)!important;
  padding:clamp(22px,5vw,38px) clamp(8px,2vw,18px) clamp(14px,3vw,22px)!important;
  border:1px solid rgba(34,225,255,.55)!important;
  border-radius:clamp(28px,6vw,48px)!important;
  background:linear-gradient(180deg,rgba(3,37,49,.94),rgba(1,22,34,.97) 55%,rgba(0,13,24,.98))!important;
  box-shadow:inset 0 2px 0 rgba(176,249,255,.13),inset 0 -10px 22px rgba(0,214,255,.08),0 0 0 1px rgba(0,202,255,.08),0 12px 30px rgba(0,0,0,.42),0 0 25px rgba(0,211,255,.13)!important;
  overflow:visible!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.terminal-tabs:before{
  content:""!important;display:block!important;position:absolute!important;
  inset:5px 12px 7px!important;border:1px solid rgba(42,219,245,.12)!important;
  border-radius:inherit!important;pointer-events:none!important;z-index:-1!important;
  background:linear-gradient(180deg,rgba(16,93,111,.12),transparent 65%)!important;
}
.terminal-tabs:after{
  content:"";position:absolute;left:5%;right:5%;bottom:5px;height:2px;
  border-radius:99px;background:linear-gradient(90deg,transparent,rgba(0,224,255,.55),rgba(105,248,255,.95),rgba(0,224,255,.55),transparent);
  box-shadow:0 0 10px rgba(0,224,255,.55);pointer-events:none;
}
.terminal-tabs>button{
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-end!important;
  gap:clamp(9px,2vw,15px)!important;min-width:0!important;
  min-height:clamp(116px,25vw,154px)!important;
  padding:0 2px clamp(4px,1vw,8px)!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
  transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.terminal-tabs>button:before{display:none!important;content:none!important}
.terminal-tabs>button:after{
  content:""!important;position:absolute!important;left:24%!important;right:24%!important;bottom:0!important;
  height:2px!important;border-radius:99px!important;
  background:linear-gradient(90deg,transparent,#16edff,transparent)!important;
  box-shadow:0 0 12px rgba(0,234,255,.8)!important;
  opacity:0!important;transform:scaleX(.5)!important;transition:opacity .2s ease,transform .2s ease!important;
}
.terminal-tabs>button.active:after{opacity:1!important;transform:scaleX(1)!important}
.terminal-tabs>button:hover,.terminal-tabs>button:focus-visible{
  border:0!important;background:transparent!important;box-shadow:none!important;transform:translateY(-2px)!important;
}
.terminal-tabs>button.active{border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}
.terminal-tabs>button .terminal-tab-icon{
  position:relative!important;isolation:isolate!important;flex:none!important;
  display:grid!important;place-items:center!important;
  width:clamp(58px,13vw,82px)!important;height:clamp(58px,13vw,82px)!important;
  min-width:0!important;min-height:0!important;border:1px solid rgba(28,220,247,.34)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 25%,rgba(14,99,116,.62),rgba(1,28,42,.94) 72%)!important;
  box-shadow:inset 0 1px 0 rgba(194,251,255,.13),inset 0 -8px 14px rgba(0,0,0,.3),0 5px 12px rgba(0,0,0,.34),0 0 13px rgba(0,207,238,.12)!important;
  color:#25dff5!important;filter:drop-shadow(0 0 5px rgba(0,207,255,.35))!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.terminal-tabs>button .terminal-tab-icon:before{display:none!important;content:none!important}
.terminal-tabs>button .terminal-tab-icon svg{width:72%!important;height:72%!important;max-width:72px!important;max-height:72px!important}
.terminal-tabs>button .terminal-tab-label{
  display:block!important;max-width:100%!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  font-size:clamp(11px,2.8vw,17px)!important;font-weight:900!important;
  line-height:1.25!important;color:#e9fbff!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important;
}
.terminal-tabs>button:hover .terminal-tab-icon,.terminal-tabs>button:focus-visible .terminal-tab-icon{
  transform:translateY(-3px)!important;border-color:rgba(71,239,255,.8)!important;
  box-shadow:inset 0 1px 0 rgba(220,255,255,.2),0 0 18px rgba(0,224,255,.32),0 7px 15px rgba(0,0,0,.34)!important;
}
.terminal-tabs>button.active .terminal-tab-icon{
  border-color:rgba(71,247,255,.95)!important;
  background:radial-gradient(circle at 35% 25%,rgba(0,193,213,.65),rgba(0,65,83,.98) 72%)!important;
  box-shadow:inset 0 1px 0 rgba(230,255,255,.3),inset 0 -8px 16px rgba(0,228,255,.12),0 0 0 2px rgba(0,218,255,.12),0 0 23px rgba(0,225,255,.48),0 7px 15px rgba(0,0,0,.38)!important;
  color:#8cffff!important;filter:drop-shadow(0 0 8px rgba(0,234,255,.85))!important;
}
.terminal-tabs>button.active .terminal-tab-label{color:#43f1ff!important;text-shadow:0 0 10px rgba(0,235,255,.4),0 2px 8px rgba(0,0,0,.8)!important}
@media(max-width:380px){
 .terminal-tabs{gap:2px!important;padding:18px 5px 13px!important;border-radius:24px!important}
 .terminal-tabs>button{min-height:104px!important;gap:8px!important}
 .terminal-tabs>button .terminal-tab-icon{width:48px!important;height:48px!important}
 .terminal-tabs>button .terminal-tab-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.terminal-tabs>button .terminal-tab-icon,.terminal-tabs>button:after{transition:none!important}}


/* FINAL OVERRIDE: floating navigation icons only — no enclosing platform/card. */
.terminal-tabs{
 background:transparent!important;background-image:none!important;
 border:0!important;border-color:transparent!important;border-radius:0!important;
 box-shadow:none!important;outline:0!important;
 padding:8px 4px!important;margin:12px 0 16px!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;
}
.terminal-tabs::before,.terminal-tabs::after{
 content:none!important;display:none!important;background:none!important;
 border:0!important;box-shadow:none!important;
}
.terminal-tabs>button,
.terminal-tabs>button:hover,
.terminal-tabs>button:focus-visible,
.terminal-tabs>button.active{
 background:transparent!important;background-image:none!important;
 border:0!important;border-color:transparent!important;border-radius:0!important;
 box-shadow:none!important;outline:0!important;
}
.terminal-tabs>button::before{content:none!important;display:none!important}
.terminal-tabs>button::after{content:""!important;display:block!important}
.terminal-tabs>button .terminal-tab-icon{
 border:1px solid rgba(28,220,247,.34)!important;border-radius:50%!important;
 background:radial-gradient(circle at 35% 25%,rgba(14,99,116,.62),rgba(1,28,42,.94) 72%)!important;
 box-shadow:inset 0 1px 0 rgba(194,251,255,.13),0 0 13px rgba(0,207,238,.12)!important;
}
.terminal-tabs>button.active .terminal-tab-icon{
 border-color:rgba(71,247,255,.95)!important;
 background:radial-gradient(circle at 35% 25%,rgba(0,193,213,.65),rgba(0,65,83,.98) 72%)!important;
 box-shadow:inset 0 1px 0 rgba(230,255,255,.3),0 0 23px rgba(0,225,255,.48)!important;
}


/* Mobile home spacing refinement: bring Market Pulse closer to the floating nav. */
@media(max-width:600px){
 .terminal-tabs{margin:2px 0 3px!important;padding:4px 4px 3px!important;gap:2px!important}
 .terminal-tabs>button{min-height:78px!important;padding:3px 1px 2px!important;gap:5px!important}
 .terminal-tabs>button .terminal-tab-icon{width:46px!important;height:46px!important}
 .terminal-tabs>button .terminal-tab-label{font-size:11px!important;line-height:1.2!important}
 #sasMarketPulse.sas-market-pulse{margin:5px 0 14px!important;gap:9px!important}
}
@media(max-width:380px){
 .terminal-tabs{padding:3px 3px 2px!important;margin:1px 0 2px!important}
 .terminal-tabs>button{min-height:74px!important;gap:4px!important}
 .terminal-tabs>button .terminal-tab-icon{width:43px!important;height:43px!important}
 .terminal-tabs>button .terminal-tab-label{font-size:10px!important}
 #sasMarketPulse.sas-market-pulse{margin-top:4px!important}
}


/* HARD FIX: collapse reserved navigation height and adjacent wrapper spacing on mobile. */
@media(max-width:700px){
 .terminal-navigation-row{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
 nav.terminal-tabs{display:flex!important;align-items:center!important;justify-content:space-around!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 4px 2px!important;gap:0!important;box-sizing:border-box!important}
 nav.terminal-tabs>button{display:flex!important;flex:1 1 0!important;min-width:0!important;width:16.6667%!important;height:auto!important;min-height:0!important;margin:0!important;padding:2px 1px 3px!important;gap:4px!important;justify-content:center!important;overflow:visible!important}
 nav.terminal-tabs>button .terminal-tab-icon{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
 nav.terminal-tabs>button .terminal-tab-label{margin:0!important;padding:0!important;line-height:1.15!important}
 #sasMarketPulse.sas-market-pulse{margin:0 0 12px!important;padding:0!important;gap:8px!important}
}
@media(max-width:390px){
 nav.terminal-tabs>button .terminal-tab-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
 nav.terminal-tabs>button .terminal-tab-label{font-size:10px!important}
 #sasMarketPulse.sas-market-pulse{margin-bottom:10px!important}
}


/* SAS PRO layout reconciliation — one platform, icon-only controls, tight news transition. */
nav.terminal-tabs{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;gap:clamp(5px,1.25vw,12px)!important;
  width:calc(100% - 16px)!important;max-width:1040px!important;
  min-height:0!important;height:auto!important;
  margin:clamp(7px,1.4vw,12px) auto 5px!important;
  padding:clamp(10px,2vw,16px) clamp(8px,2vw,16px)!important;
  border:1px solid rgba(48,220,245,.42)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(5,35,49,.91),rgba(2,17,31,.96))!important;
  background-image:linear-gradient(180deg,rgba(5,35,49,.91),rgba(2,17,31,.96))!important;
  box-shadow:inset 0 1px 0 rgba(205,250,255,.12),0 8px 22px rgba(0,0,0,.28),0 0 18px rgba(0,205,235,.09)!important;
  overflow:visible!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
nav.terminal-tabs:before{display:block!important;content:""!important;inset:4px 8px!important;border:1px solid rgba(60,218,239,.12)!important;border-radius:inherit!important;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 35%,rgba(0,220,255,.045))!important}
nav.terminal-tabs:after{display:block!important;content:""!important;left:8%!important;right:8%!important;bottom:3px!important;height:1px!important;box-shadow:0 0 8px rgba(0,224,255,.38)!important}
nav.terminal-tabs>button{
  display:flex!important;flex:1 1 0!important;min-width:0!important;width:auto!important;
  min-height:0!important;height:auto!important;margin:0!important;
  padding:7px 2px 9px!important;gap:6px!important;
  border:0!important;border-radius:12px!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;transform:none!important;
}
nav.terminal-tabs>button:before{display:none!important;content:none!important}
nav.terminal-tabs>button:after{left:25%!important;right:25%!important;bottom:0!important;height:2px!important}
nav.terminal-tabs>button.active{border:0!important;background:rgba(22,191,218,.075)!important;box-shadow:none!important;animation:none!important}
nav.terminal-tabs>button .terminal-tab-icon{
  width:clamp(37px,7vw,54px)!important;height:clamp(37px,7vw,54px)!important;
  min-width:0!important;min-height:0!important;border:1px solid rgba(47,224,255,.3)!important;
  border-radius:50%!important;background:radial-gradient(circle at 30% 20%,rgba(74,241,255,.14),transparent 58%),rgba(3,24,43,.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 11px rgba(0,196,255,.08)!important;
}
nav.terminal-tabs>button.active .terminal-tab-icon{
  border-color:rgba(59,242,255,.82)!important;
  background:radial-gradient(circle at 30% 15%,rgba(57,239,255,.25),transparent 58%),rgba(4,44,67,.58)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 17px rgba(0,216,255,.2)!important;
}
nav.terminal-tabs>button .terminal-tab-label{margin:0!important;padding:0!important;font-size:clamp(10px,2.5vw,14px)!important;line-height:1.2!important}
#sasMarketPulse.sas-market-pulse{
  display:grid!important;gap:9px!important;
  width:100%!important;max-width:1040px!important;
  margin:0 auto 12px!important;padding:0 8px!important;
}
.terminal-navigation-row:has(#terminalPreviousBtn[hidden]){display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
@media(max-width:600px){
  nav.terminal-tabs{width:calc(100% - 14px)!important;margin:5px auto 4px!important;padding:9px 7px 8px!important;gap:2px!important;border-radius:19px!important}
  nav.terminal-tabs>button{padding:5px 1px 7px!important;gap:5px!important}
  nav.terminal-tabs>button .terminal-tab-icon{width:clamp(34px,10vw,44px)!important;height:clamp(34px,10vw,44px)!important}
  nav.terminal-tabs>button .terminal-tab-label{font-size:clamp(9px,2.7vw,11px)!important}
  #sasMarketPulse.sas-market-pulse{margin:0 auto 10px!important;padding:0 7px!important;gap:8px!important}
}
@media(max-width:360px){
  nav.terminal-tabs{padding:8px 5px 7px!important}
  nav.terminal-tabs>button .terminal-tab-icon{width:32px!important;height:32px!important}
  nav.terminal-tabs>button .terminal-tab-label{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
  nav.terminal-tabs>button,nav.terminal-tabs>button .terminal-tab-icon{transition:none!important;animation:none!important}
}

/* Six-item terminal navigation: keep all primary tools on one balanced row. */
nav.terminal-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}
nav.terminal-tabs>button{flex:1 1 16.6667%!important;width:16.6667%!important;min-width:0!important}
@media(max-width:600px){nav.terminal-tabs>button .terminal-tab-icon{width:clamp(30px,8.5vw,42px)!important;height:clamp(30px,8.5vw,42px)!important;min-width:30px!important;min-height:30px!important}nav.terminal-tabs>button .terminal-tab-label{font-size:clamp(8px,2.35vw,10px)!important;letter-spacing:-.25px!important}}
@media(max-width:360px){nav.terminal-tabs>button .terminal-tab-icon{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}nav.terminal-tabs>button .terminal-tab-label{font-size:8px!important}}


/* SAS PRO navigation repair — prevent icon clipping and label truncation on narrow Telegram WebViews. */
nav.terminal-tabs{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:calc(100% - 16px)!important;
  max-width:1040px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
nav.terminal-tabs>button,
nav.terminal-tabs>button:hover,
nav.terminal-tabs>button:focus-visible,
nav.terminal-tabs>button.active{
  display:flex!important;
  flex:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:5px 1px 7px!important;
  overflow:visible!important;
  transform:none!important;
}
nav.terminal-tabs>button .terminal-tab-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:clamp(30px,10vw,44px)!important;
  height:clamp(30px,10vw,44px)!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:44px!important;
  max-height:44px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  line-height:0!important;
}
nav.terminal-tabs>button .terminal-tab-icon svg{
  display:block!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  flex:none!important;
  overflow:visible!important;
}
nav.terminal-tabs>button .terminal-tab-label{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(8px,2.45vw,11px)!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
}
@media(max-width:380px){
  nav.terminal-tabs{width:calc(100% - 10px)!important;padding-inline:3px!important}
  nav.terminal-tabs>button .terminal-tab-icon{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
  nav.terminal-tabs>button .terminal-tab-icon svg{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important}
  nav.terminal-tabs>button .terminal-tab-label{font-size:8px!important;letter-spacing:-.2px!important}
}
@media(min-width:700px){
  nav.terminal-tabs>button .terminal-tab-icon{width:48px!important;height:48px!important}
  nav.terminal-tabs>button .terminal-tab-icon svg{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;max-width:29px!important;max-height:29px!important}
  nav.terminal-tabs>button .terminal-tab-label{font-size:12px!important}
}


/* Keep the full analyst section name readable in the six-column mobile bar. */
nav.terminal-tabs>button[data-tab="analysts"] .terminal-tab-label{
  font-size:clamp(7px,2.1vw,10px)!important;
  letter-spacing:-.25px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:380px){
  nav.terminal-tabs>button[data-tab="analysts"] .terminal-tab-label{font-size:7px!important}
}

/* Five-item navigation: evenly distribute the remaining primary destinations. */
nav.terminal-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-items:stretch!important;
  align-items:center!important;
  gap:clamp(2px,.7vw,8px)!important;
  width:calc(100% - 16px)!important;
  max-width:1040px!important;
  margin-inline:auto!important;
  padding-inline:clamp(5px,1vw,12px)!important;
  box-sizing:border-box!important;
}
nav.terminal-tabs>button,
nav.terminal-tabs>button:hover,
nav.terminal-tabs>button:focus-visible,
nav.terminal-tabs>button.active{
  flex:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding-inline:1px!important;
}
nav.terminal-tabs>button .terminal-tab-icon{
  width:clamp(38px,8vw,64px)!important;
  height:clamp(38px,8vw,64px)!important;
  min-width:38px!important;
  min-height:38px!important;
}
nav.terminal-tabs>button .terminal-tab-icon svg{
  width:72%!important;
  height:72%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:72%!important;
  max-height:72%!important;
}
nav.terminal-tabs>button .terminal-tab-label{
  font-size:clamp(10px,1.25vw,16px)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:480px){
  nav.terminal-tabs{
    width:calc(100% - 12px)!important;
    gap:0!important;
    padding-inline:3px!important;
  }
  nav.terminal-tabs>button{gap:4px!important}
  nav.terminal-tabs>button .terminal-tab-icon{
    width:clamp(34px,9vw,42px)!important;
    height:clamp(34px,9vw,42px)!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  nav.terminal-tabs>button .terminal-tab-label{
    font-size:clamp(9px,2.5vw,11px)!important;
  }
}