/* Radrly shared header + family footer. IDENTICAL in all six Radrly Jira app sites. v20261023glass
   Header: glassmorphic sticky bar; accent tint from each site's --accent / --accent-soft (style.css).
   Footer (.rf) stays opaque dark. */
.rh{
  --rh-ink:#141311;
  --rh-muted:#4a463e;
  --rh-hairline:color-mix(in srgb,var(--accent,#64748B) 28%,rgba(15,23,42,.10));
  background-color:rgba(255,255,255,.62);
  background-image:linear-gradient(var(--accent-soft,rgba(100,116,139,.10)),var(--accent-soft,rgba(100,116,139,.10)));
  -webkit-backdrop-filter:saturate(1.4) blur(18px);
  backdrop-filter:saturate(1.4) blur(18px);
  color:var(--rh-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  border-bottom:1px solid var(--rh-hairline);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 8px 28px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04);
  position:sticky;top:0;z-index:100
}
.rh *{box-sizing:border-box}
.rh a{text-decoration:none}
.rh a:focus-visible,.rh summary:focus-visible{outline:2px solid var(--accent,#64748B);outline-offset:2px;border-radius:6px}
.rh-wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.rh-top{display:flex;align-items:center;gap:1.25rem;height:64px}
.rh-word{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 0;color:var(--rh-ink)}
.rh-word img{display:block;height:24px;width:auto;filter:none}
.rh-sep{width:1px;height:28px;background:color-mix(in srgb,var(--accent,#64748B) 35%,rgba(15,23,42,.12));flex-shrink:0}
.rh-apps{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}
.rh-app{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .8rem;border-radius:8px;color:#CBD5E1;font-size:.95rem;font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent;transition:background .15s ease,color .15s ease}
.rh-app img{width:22px;height:22px;border-radius:5px;display:block;flex-shrink:0}
.rh-app:hover{background:#1E293B;color:#FFFFFF}
.rh .rh-app{color:var(--rh-muted)}
.rh .rh-app:hover{background:color-mix(in srgb,var(--accent,#64748B) 12%,rgba(15,23,42,.04));color:var(--rh-ink)}
.rh-app[aria-current="page"]{border:2px solid transparent;background-origin:border-box;background-clip:padding-box,border-box}
.rh-app--marginradar[aria-current="page"]{color:#407D26;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#93C034 0%,#55A633 50%,#3C8B45 100%)}
.rh-app--accessradar[aria-current="page"]{color:#8646CD;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#8D6FDC 0%,#8646CD 50%,#7A36A9 100%)}
.rh-app--configradar[aria-current="page"]{color:#AE5A10;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#F99E65 0%,#EB8327 50%,#E0661F 100%)}
.rh-menu{display:none;position:relative}
.rh-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .7rem;border-radius:8px;color:var(--rh-ink);font-weight:600;font-size:.95rem;border:1px solid var(--rh-hairline);background:rgba(255,255,255,.45)}
.rh-menu summary::-webkit-details-marker{display:none}
.rh-menu summary::marker{content:""}
.rh-menu summary img{width:22px;height:22px;border-radius:5px}
.rh-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--rh-muted);transition:transform .15s ease}
.rh-menu[open] .rh-caret{transform:rotate(180deg)}
.rh-menu .rh-apps{
  position:absolute;top:calc(100% + 8px);left:0;flex-direction:column;align-items:stretch;min-width:220px;padding:.4rem;
  background-color:rgba(255,255,255,.92);
  background-image:linear-gradient(var(--accent-soft,rgba(100,116,139,.08)),var(--accent-soft,rgba(100,116,139,.08)));
  -webkit-backdrop-filter:saturate(1.3) blur(16px);
  backdrop-filter:saturate(1.3) blur(16px);
  border:1px solid var(--rh-hairline);border-radius:10px;
  box-shadow:0 12px 28px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.06)
}
.rh-menu-label{font-size:.75rem;color:var(--rh-muted);padding:.35rem .8rem .25rem;letter-spacing:.04em;text-transform:uppercase}
.rh-cta{margin-left:auto;display:inline-flex;align-items:center;height:36px;padding:0 .9rem;border-radius:999px;border:1px solid var(--rh-hairline);color:var(--rh-muted);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:default;background:rgba(255,255,255,.5)}
.rh-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:#FBBF24;margin-right:.5rem}
.rh-sub{border-top:1px solid var(--rh-hairline)}
.rh-sub .rh-wrap{display:flex;align-items:center;height:44px;overflow-x:auto}
.rh .nav{display:flex;flex-wrap:nowrap;gap:0 1.4rem;list-style:none;margin:0;padding:0}
.rh .nav a{font-size:.9rem;color:var(--rh-muted);border-bottom:2px solid transparent;padding:.55rem 0 .45rem;white-space:nowrap}
.rh .nav a:hover{color:var(--rh-ink);border-bottom-color:color-mix(in srgb,var(--accent,#64748B) 45%,transparent)}
.rh .nav a[aria-current="page"]{color:var(--rh-ink);border-bottom-color:var(--accent,#64748B)}
@media (max-width:860px){
 .rh-top>.rh-apps{display:none}
 .rh-menu{display:block}
 .rh-top{gap:.85rem}
}
@media (max-width:520px){
 .rh-wrap{padding:0 1rem}
 .rh-cta{font-size:0;padding:0 .6rem;height:32px}
 .rh-cta::before{margin-right:.4rem}
 .rh-cta::after{content:"Coming soon";font-size:.8rem}
 .rh-sep{display:none}
 .rh-word img{height:20px}
}
/* Footer family strip (opaque dark — unchanged) */
.rf{background:#0B1020;color:#CBD5E1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;padding:1.5rem 0}
.rf-wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.rf-title{font-size:.95rem;font-weight:600;color:#FFFFFF;margin:0}
.rf .rh-apps{flex-wrap:wrap}
.rf a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px;border-radius:6px}
.rf .rh-app{text-decoration:none}
/* Neutralise site-wide FAQ details/summary styles inside the header */
.rh details.rh-menu{border:0;border-radius:0;background:transparent;margin:0}
.rh details.rh-menu>summary{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;padding:0 .7rem;border:1px solid var(--rh-hairline)}
.rh details.rh-menu>summary::after{content:none;display:none}
.rh details.rh-menu>.rh-apps{margin:0;color:inherit}
@media (max-width:520px){.rh-word img{height:18px}.rh-top{gap:.6rem}.rh-menu summary{padding:0 .55rem}}
@media (max-width:430px){.rh-cta{display:none}}

/* Typography v20261014i (fonts declared in radrly-site.css) */
.rh,.rf{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01"}
.rh .nav a{font-size:15px;font-weight:500}
.rh-app,.rh-menu summary{font-weight:600;letter-spacing:-.01em}
.rh-cta{font-weight:600}
.rf-title{font-family:var(--display,"Inter");font-weight:700;letter-spacing:-.015em}

/* Family of six (v20261019a): sibling apps show as icons in the top bar, the current app keeps its name. */
.rh-name{white-space:nowrap}
.rh-top>.rh-apps .rh-app:not([aria-current="page"]){position:relative;width:40px;padding:0;justify-content:center;gap:0}
.rh-top>.rh-apps .rh-app:not([aria-current="page"]) .rh-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rh-top>.rh-apps .rh-app:not([aria-current="page"]) img{width:24px;height:24px}
/* Instant tooltips on icon-only switcher entries (no native title delay) */
.rh-top>.rh-apps .rh-app:not([aria-current="page"])[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);
  padding:.35rem .55rem;border-radius:6px;background:#0F172A;color:#FFFFFF;
  font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;
  opacity:0;visibility:hidden;pointer-events:none;z-index:120;
  box-shadow:0 8px 20px rgba(15,23,42,.18)
}
.rh-top>.rh-apps .rh-app:not([aria-current="page"])[data-tooltip]:hover::after,
.rh-top>.rh-apps .rh-app:not([aria-current="page"])[data-tooltip]:focus-visible::after{
  opacity:1;visibility:visible
}
.rh-app--limitradar[aria-current="page"]{color:#C0343E;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#E55D7A 0%,#E23E49 50%,#D1512E 100%)}
.rh-app--capradar[aria-current="page"]{color:#7E6401;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#E4C23B 0%,#D3A802 50%,#CB8913 100%)}
.rh-app--leakradar[aria-current="page"]{color:#067663;background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(135deg,#51CB9B 0%,#09B195 50%,#06978D 100%)}
.rh-menu .rh-apps{min-width:240px}

/* Live Marketplace CTA: uses each site's --accent / --btn-gradient from style.css */
.rh .rh-cta--mp{
  cursor:pointer;
  height:auto;
  padding:.45rem .95rem;
  border-radius:8px;
  border:1px solid transparent;
  background-color:var(--accent,#64748B);
  background-image:var(--btn-gradient,none);
  color:#FFFFFF;
  font-size:.85rem;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  box-shadow:inset 0 0 0 9999px transparent;
  transition:color .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease;
}
.rh .rh-cta--mp::before{display:none;content:none;width:0;height:0;margin:0}
.rh .rh-cta--mp:hover{
  background-color:var(--accent,#64748B);
  background-image:var(--btn-gradient,none);
  border-color:var(--accent,#64748B);
  color:#FFFFFF;
  box-shadow:inset 0 0 0 9999px var(--accent,#64748B);
}
.rh .rh-cta--mp:focus-visible{outline:2px solid var(--accent,#64748B);outline-offset:2px}
@media (max-width:520px){
  .rh .rh-cta--mp{font-size:.8rem;padding:.4rem .75rem}
  .rh .rh-cta--mp::after{content:none}
}
@media (max-width:430px){.rh .rh-cta--mp{display:inline-flex}}

/* Mobile overflow fix v20261026m: the tabs row scrolls inside itself without a visible scrollbar,
   the app menu fits the screen and the top bar fits 320 to 400 px phones. No effect above 860 px. */
@media (max-width:860px){
 .rh-sub .rh-wrap{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .rh-sub .rh-wrap::-webkit-scrollbar{display:none}
}
@media (max-width:520px){.rh-menu .rh-apps{min-width:0}}
@media (max-width:400px){
 .rh-wrap{padding:0 .75rem}
 .rh-top{gap:.5rem}
 .rh-word img{height:16px}
 .rh details.rh-menu>summary{padding:0 .45rem;gap:.35rem;font-size:.9rem}
 .rh .rh-cta--mp{padding:.4rem .6rem;font-size:.75rem}
}