/*
 * Header / tabs from supplied ShipUniverse Intelligence plugin.
 * Styling source: Intelligence-928.zip/assets/css/sui-intelligence.css
 * Only selectors are scoped to #suaf-app; the header markup uses SUI's real classes.
 */
#suaf-app{
  --sui-navy:#071b2c;--sui-navy-2:#0b2940;--sui-blue:#0e5ea8;
  --sui-ink:#102a3e;--sui-text:#28475e;--sui-line:#dce7ee;
}
#suaf-app .sui-hero{background:linear-gradient(135deg,#061827 0%,#0a2a42 55%,#0d4266 100%) !important;color:#fff !important;padding:26px 30px 28px;position:relative;overflow:hidden;border-radius:23px 23px 0 0 !important}
#suaf-app .sui-hero:after{content:"";position:absolute;right:-90px;top:-140px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);pointer-events:none}
#suaf-app .sui-hero__topline{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.11em;position:relative;z-index:1}
#suaf-app .sui-live-dot{width:9px;height:9px;border-radius:50%;background:#31d17c;box-shadow:0 0 0 5px rgba(49,209,124,.13)}
#suaf-app .sui-updated{margin-left:auto;color:#b8cedd;font-weight:600;letter-spacing:0}
#suaf-app .sui-hero__content{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-top:27px;position:relative;z-index:1}
#suaf-app .sui-kicker,#suaf-app .sui-eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px;color:#62c7ec}
#suaf-app .sui-hero h1{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.04em;max-width:840px;color:#fff !important}
#suaf-app .sui-subtitle{max-width:820px;margin:13px 0 0;color:#c7d9e6 !important;font-size:16px;line-height:1.65}
#suaf-app .sui-pulse{width:150px;height:150px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.045);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 10px rgba(255,255,255,.018)}
#suaf-app .sui-pulse__label{font-size:9px;letter-spacing:.12em;color:#acc6d8;font-weight:800}
#suaf-app .sui-pulse strong{font-size:44px;line-height:1;margin:7px 0 4px;color:#fff !important}
#suaf-app .sui-pulse span:last-child{font-size:12px;color:#55d797;text-transform:uppercase;font-weight:800}
#suaf-app .sui-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;position:relative;z-index:1}
#suaf-app .sui-stat{padding:18px 20px;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.12)}
#suaf-app .sui-stat:last-child{border-right:0}
#suaf-app .sui-stat strong{display:block;color:#fff !important;font-size:25px;line-height:1.05}
#suaf-app .sui-stat span{display:block;color:#a9c1d1 !important;font-size:12px;margin-top:5px}

#suaf-app .sui-tabs{display:flex !important;flex-wrap:nowrap !important;align-items:center;gap:6px;width:100%;max-width:100%;padding:11px 18px;background:#fff;border-bottom:1px solid var(--sui-line);overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:thin;visibility:visible !important;opacity:1 !important}
#suaf-app .sui-tabs::-webkit-scrollbar{height:5px}
#suaf-app .sui-tabs::-webkit-scrollbar-track{background:#f3f7fa}
#suaf-app .sui-tabs::-webkit-scrollbar-thumb{background:#b8cad6;border-radius:999px}
#suaf-app .sui-tab{flex:0 0 auto !important;display:inline-flex !important;align-items:center;justify-content:center;border:0;background:transparent;color:#607988;padding:12px 16px;border-radius:9px;font-weight:750;white-space:nowrap;transition:.2s ease;scroll-snap-align:start;visibility:visible !important;opacity:1 !important}
#suaf-app .sui-tab:hover{background:#f1f6f9;color:var(--sui-ink)}
#suaf-app .sui-tab.is-active{background:var(--sui-navy);color:#fff;box-shadow:0 6px 16px rgba(7,27,44,.18)}

/* Defensive WordPress-theme isolation without replacing Intelligence's structure. */
#suaf-app .sui-hero{
 background:linear-gradient(135deg,#061827 0%,#0a2a42 55%,#0d4266 100%) !important;
 color:#fff !important;
 border-radius:23px 23px 0 0 !important;
 margin:0 !important; box-shadow:none !important;
 border:0 !important;
 display:block !important;
 height:auto !important;
}
#suaf-app .sui-hero h1{
 background:transparent !important; border:0 !important; padding:0 !important;
 color:#fff !important; font-weight:800 !important; text-transform:none !important;
 font-size:clamp(30px,4vw,52px) !important;line-height:1.02 !important;
}
#suaf-app .sui-kicker{color:#62c7ec !important;font-size:11px !important}
#suaf-app .sui-subtitle{color:#c7d9e6 !important;font-size:16px !important;font-weight:400 !important}
#suaf-app .sui-stat strong{color:#fff !important}
#suaf-app .sui-stat span{color:#a9c1d1 !important}
#suaf-app .sui-updated{color:#b8cedd !important}
#suaf-app .sui-tab{font-size:13px !important;font-weight:750 !important;border:0 !important;background:transparent !important;color:#607988 !important;padding:12px 16px !important;box-shadow:none !important}
#suaf-app .sui-tab.is-active{background:#071b2c !important;color:#fff !important;box-shadow:0 6px 16px rgba(7,27,44,.18) !important}
#suaf-app .sui-tabs{background:#fff !important}
@media (max-width:768px){
  #suaf-app .sui-hero{border-radius:20px 20px 0 0 !important;overflow:hidden !important}
  #suaf-app .sui-hero__content{grid-template-columns:minmax(0,1fr) !important;gap:16px !important;align-items:stretch !important}
  #suaf-app .sui-pulse{position:relative !important;right:auto !important;top:auto !important;width:100% !important;height:auto !important;min-height:72px !important;opacity:1 !important;visibility:visible !important;transform:none !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;padding:12px 15px !important;border-radius:14px !important;background:rgba(255,255,255,.075) !important}
  #suaf-app .sui-pulse__label{color:#b9d0df !important;font-size:10px !important;white-space:nowrap}
  #suaf-app .sui-pulse strong{color:#fff !important;font-size:34px !important;line-height:1 !important;margin:0 !important}
  #suaf-app .sui-pulse span:last-child{color:#61dda0 !important;font-size:12px !important}
}
@media (max-width:760px){
  #suaf-app .sui-hero{padding:22px 18px !important}
  #suaf-app .sui-hero__topline{flex-wrap:wrap !important}
  #suaf-app .sui-updated{width:100% !important;margin:3px 0 0 !important}
  #suaf-app .sui-subtitle{font-size:14px !important}
  #suaf-app .sui-tabs{padding:9px 10px 10px !important;gap:5px !important}
  #suaf-app .sui-tab{padding:10px 13px !important;font-size:13px !important;border-radius:8px !important}
  #suaf-app .sui-stats{grid-template-columns:1fr 1fr !important}
  #suaf-app .sui-stat:nth-child(2){border-right:0 !important}
  #suaf-app .sui-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12) !important}
  #suaf-app .sui-stat strong{font-size:21px !important}
}
@media (max-width:480px){
  #suaf-app .sui-hero{border-radius:18px 18px 0 0 !important}
  #suaf-app .sui-pulse{min-height:66px !important;gap:10px !important;padding:11px 12px !important}
  #suaf-app .sui-pulse__label{font-size:9px !important}
  #suaf-app .sui-pulse strong{font-size:30px !important}
  #suaf-app .sui-pulse span:last-child{font-size:11px !important}
}

/* V1.0.4 — light-blue hero title, preserving Intelligence navy background. */
#suaf-app .sui-hero h1{color:#62c7ec !important;}