/* Radrly dark theme layer. IDENTICAL in all six Radrly Jira app sites. v20261029dark
   Automatic: follows prefers-color-scheme, no toggle (same as radrly.com v2).
   Loaded last, every rule sits inside the dark media query, so light mode is untouched.
   Neutral tokens match radrly.com v2 (site.css). Per-app --accent-text for dark lives at the end of each style.css. */
@media (prefers-color-scheme:dark){
:root{
  color-scheme:dark;
  --bg:#0a0a0a;--bg-raised:#121214;--border:#24252a;--border-strong:#34363d;
  --text:#f5f5f5;--muted:#a9aeb7;
  --warn-bg:#2a2410;--warn-text:#f2dc8c;--warn-border:#4a3f17;--ok:#6fcf97;
  --logo-filter:invert(1)
}
html{background:var(--bg);color:var(--text)}
/* Outline buttons and ticks: brand accent is too dark on black, use the light accent for text */
.btn:not(.btn-primary){color:var(--accent-text);border-color:var(--accent-text)}
.btn:not(.btn-primary):hover{background-color:var(--accent);border-color:var(--accent);color:#fff}
.btn.btn-soon,.btn.btn-soon:hover,.btn.btn-soon:focus{background:transparent;color:var(--accent-text);border-color:var(--accent-text)}
.yes::before{color:var(--accent-text)}
.no::before{color:#8b8f97}
/* Cards, screenshots, video, code */
.card{box-shadow:0 1px 2px rgba(0,0,0,.4)}
.shot img{box-shadow:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35)}
.shot img,.rc-frame{background:#fff}
.rc-frame,.yt-facade{box-shadow:0 0 0 1px var(--border),0 24px 60px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.35)}
.hero-badge{box-shadow:0 24px 60px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.35)}
.hero-badge img{box-shadow:0 12px 30px rgba(0,0,0,.45)}
pre{background:#16181d;color:#e2e8f0;border:1px solid var(--border)}
code{color:var(--text)}
.rc-tab:hover{background:rgba(255,255,255,.06)}
.rc-js:not(.rc-mobile) .rc-tab::before{background:rgba(255,255,255,.18)}
.rc-js:not(.rc-mobile) .rc-tab:not([aria-selected="true"]):hover::before{background:rgba(255,255,255,.42)}
.rc-js:not(.rc-mobile) .rc-tab[aria-selected="true"]::before{background:var(--accent-text)}
.rc-mobile .rc-tab[aria-selected="true"]::before{background:var(--accent-text)}
.rc-tab[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--accent-text)}
.rc-js:not(.rc-mobile) .rc-tab[aria-selected="true"]{box-shadow:none}
/* Form fields (support pages, if any) */
input,select,textarea{background:var(--bg-raised);color:var(--text);border-color:var(--border-strong)}
::placeholder{color:#8b8f97}
/* Shared header (.rh) */
.rh{
  --rh-ink:#f5f5f5;--rh-muted:#b4b8c0;
  --rh-hairline:color-mix(in srgb,var(--accent-text,#94a3b8) 30%,rgba(255,255,255,.10));
  background-color:rgba(10,10,10,.68);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 8px 28px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3)
}
.rh-word img{filter:invert(1)}
.rh-sep{background:color-mix(in srgb,var(--accent-text,#94a3b8) 35%,rgba(255,255,255,.14))}
.rh .rh-app:hover{background:color-mix(in srgb,var(--accent-text,#94a3b8) 14%,rgba(255,255,255,.04));color:var(--rh-ink)}
.rh-menu summary{background:rgba(255,255,255,.06)}
.rh-menu .rh-apps{background-color:rgba(18,18,20,.96);box-shadow:0 12px 28px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35)}
.rh-cta{background:rgba(255,255,255,.06)}
.rh-top>.rh-apps .rh-app:not([aria-current="page"])[data-tooltip]::after{background:#f5f5f5;color:#0a0a0a;box-shadow:0 8px 20px rgba(0,0,0,.5)}
/* Current app chip: dark fill inside the brand gradient ring, light accent label */
.rh .rh-app[aria-current="page"]{color:var(--accent-text)}
.rh-app--marginradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#93C034 0%,#55A633 50%,#3C8B45 100%)}
.rh-app--accessradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#8D6FDC 0%,#8646CD 50%,#7A36A9 100%)}
.rh-app--configradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#F99E65 0%,#EB8327 50%,#E0661F 100%)}
.rh-app--limitradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#E55D7A 0%,#E23E49 50%,#D1512E 100%)}
.rh-app--capradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#E4C23B 0%,#D3A802 50%,#CB8913 100%)}
.rh-app--leakradar[aria-current="page"]{background-image:linear-gradient(#121214,#121214),linear-gradient(135deg,#51CB9B 0%,#09B195 50%,#06978D 100%)}
/* Family strip (.rf) is already dark: separate it from the black page */
.rf{background:#0e1220;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.rf .rh-app{color:#CBD5E1}
.rf .rh-app:hover{background:#1E293B;color:#fff}
}
