/*
 * Hub theme: RSC. Colours, type and shapes only (no layout or behaviour change); applies only while <html data-theme="rsc">.
 * The default look (Hive) is style.css untouched. Unofficial RSC-style skin; no Rubrik logos or trademarks.
 */
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 800; font-display:swap; src:url('/fonts/open-sans-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family:'Fira Code'; font-style:normal; font-weight:400; font-display:swap; src:url('/fonts/fira-code-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family:'Fira Code'; font-style:normal; font-weight:600; font-display:swap; src:url('/fonts/fira-code-latin-600-normal.woff2') format('woff2'); }

html[data-theme="rsc"] {
  --bg:#003053; --panel:#0c2448; --line:rgba(77,210,210,.30); --ink:#ffffff; --dim:#a8bed6; --acc:#4dd2d2; --warn:#ffb721; --bad:#ff5664; --ok:#21ddaa;
  --r-hair:linear-gradient(135deg, rgba(77,210,210,.55), rgba(9,168,184,.18) 45%, rgba(255,255,255,.10));
  --r-surf:linear-gradient(180deg, rgba(14,42,82,.96), rgba(7,29,62,.96));
  --r-surf-solid:#0c2448;
  --r-field:#031a38;
}
html[data-theme="rsc"] body {
  font:14px/1.5 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; letter-spacing:.01em; color:#fff; background-color:#003053;
  background-image:radial-gradient(900px 520px at 100% -8%, rgba(9,168,184,.34), transparent 62%), radial-gradient(800px 560px at -8% 108%, rgba(63,81,181,.30), transparent 60%), linear-gradient(180deg, #0a2e57 0%, #031a38 55%, #020f24 100%);
  background-attachment:fixed;
}
html[data-theme="rsc"] pre.log, html[data-theme="rsc"] kbd, html[data-theme="rsc"] .pg-url { font-family:'Fira Code', ui-monospace, Menlo, Consolas, monospace; }
html[data-theme="rsc"] pre.log { background:#020f24; border-radius:8px; }

/* inputs */
html[data-theme="rsc"] input, html[data-theme="rsc"] select, html[data-theme="rsc"] textarea { background:var(--r-field); border:1px solid rgba(77,210,210,.45); border-radius:6px; padding:8px 11px; box-shadow:inset 0 0 0 1px rgba(77,210,210,.06); color:#fff; }
html[data-theme="rsc"] input:focus, html[data-theme="rsc"] select:focus, html[data-theme="rsc"] textarea:focus { outline:0; border-color:#4dd2d2; box-shadow:0 0 0 3px rgba(77,210,210,.28); }
html[data-theme="rsc"] input[type=checkbox], html[data-theme="rsc"] input[type=radio] { accent-color:#4dd2d2; box-shadow:none; }
html[data-theme="rsc"] ::placeholder { color:#7f9bbd; opacity:1; }
html[data-theme="rsc"] label.f { letter-spacing:.04em; }

/* buttons */
html[data-theme="rsc"] .btn { background:rgba(77,210,210,.10); border:1px solid rgba(77,210,210,.6); border-radius:6px; padding:7px 15px; letter-spacing:.06em; text-transform:uppercase; font-size:12px; font-weight:600; color:#fff; }
html[data-theme="rsc"] .btn:hover { background:rgba(77,210,210,.22); }
html[data-theme="rsc"] .btn.p { background:#4dd2d2; border-color:#4dd2d2; color:#031a38; }
html[data-theme="rsc"] .btn.p:hover { background:#7fe3e3; }
html[data-theme="rsc"] .btn.g { background:transparent; border-color:rgba(168,190,214,.45); color:#d6e0ec; }
html[data-theme="rsc"] .btn.d { background:transparent; border-color:#ff5664; color:#ff8183; }
html[data-theme="rsc"] .btn.s { padding:4px 11px; font-size:11px; }

/* header + nav */
html[data-theme="rsc"] header.top { background:rgba(3,26,56,.86); border-bottom:1px solid rgba(77,210,210,.30); backdrop-filter:blur(6px); }
html[data-theme="rsc"] .brand { letter-spacing:.14em; color:#fff; font-weight:700; }
html[data-theme="rsc"] nav button, html[data-theme="rsc"] .cx-tabs button { border-radius:0; border:0; border-bottom:2px solid transparent; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:#a8bed6; padding:6px 12px; }
html[data-theme="rsc"] nav button:hover, html[data-theme="rsc"] .cx-tabs button:hover { color:#fff; }
html[data-theme="rsc"] nav button[data-on='1'], html[data-theme="rsc"] .cx-tabs button[data-on='1'] { color:#fff; border-color:transparent; border-bottom-color:#4dd2d2; background:transparent; }
html[data-theme="rsc"] h2, html[data-theme="rsc"] .dlg h3 { color:#fff; letter-spacing:.06em; font-weight:700; }
html[data-theme="rsc"] .sec, html[data-theme="rsc"] .pane > .hd { color:#4dd2d2; letter-spacing:.14em; font-weight:600; }

/* surfaces: gradient hairline, 12px */
html[data-theme="rsc"] .card, html[data-theme="rsc"] .pane, html[data-theme="rsc"] .login, html[data-theme="rsc"] .cx-sug {
  border:1px solid transparent; border-radius:12px; background:var(--r-surf) padding-box, var(--r-hair) border-box; box-shadow:0 8px 24px rgba(0,10,30,.35);
}
html[data-theme="rsc"] .dlg { border:1px solid transparent; border-radius:12px; background:linear-gradient(var(--r-surf-solid), var(--r-surf-solid)) padding-box, var(--r-hair) border-box; box-shadow:0 18px 60px rgba(0,5,20,.65); }
html[data-theme="rsc"] .modal { background:rgba(2,15,36,.72); }
html[data-theme="rsc"] .pane > .hd, html[data-theme="rsc"] .cx-bar, html[data-theme="rsc"] .compose, html[data-theme="rsc"] .cx-compose { border-color:rgba(77,210,210,.22); }
html[data-theme="rsc"] .li, html[data-theme="rsc"] .cx-histrow, html[data-theme="rsc"] .cx-actrow, html[data-theme="rsc"] .bus .e { border-bottom-color:rgba(255,255,255,.07); }
html[data-theme="rsc"] .li:hover, html[data-theme="rsc"] .li[data-on='1'], html[data-theme="rsc"] .cx-histrow[data-on='1'], html[data-theme="rsc"] .cx-actrow:hover, html[data-theme="rsc"] .rt-card[data-on='1'] { background:rgba(77,210,210,.12); }
html[data-theme="rsc"] .rt-card[data-on='1'] { border-color:transparent; }
html[data-theme="rsc"] .pill { border-radius:10px; letter-spacing:.08em; font-weight:600; }
html[data-theme="rsc"] .pill.warn { color:#ffb721; border-color:#ffb721; } html[data-theme="rsc"] .pill.bad { color:#ff8183; border-color:#ff8183; } html[data-theme="rsc"] .pill.ok { color:#21ddaa; border-color:#21ddaa; }
html[data-theme="rsc"] .warn { border-color:#ffb721; color:#ffb721; border-radius:8px; }
html[data-theme="rsc"] .m { border-radius:10px; }
html[data-theme="rsc"] .m.me { background:rgba(77,210,210,.16); border-color:rgba(77,210,210,.4); }
html[data-theme="rsc"] .m.bot { background:rgba(12,36,72,.95); border-color:rgba(255,255,255,.12); }
html[data-theme="rsc"] .m.err, html[data-theme="rsc"] .msg.err { color:#ff8183; }
html[data-theme="rsc"] .cx-hint.off, html[data-theme="rsc"] .cx-hint.muted { color:#ff8183; } html[data-theme="rsc"] .cx-hint.muted kbd { border-color:#ff8183; color:#ff8183; }
html[data-theme="rsc"] .cx-micstate { color:#21ddaa; }
html[data-theme="rsc"] .cx-drop { background:rgba(2,15,36,.9); }

/* console chat input bar + hint pills */
html[data-theme="rsc"] .cx-pill { background:rgba(3,26,56,.85); color:#d6e0ec; border:1px solid rgba(77,210,210,.3); border-radius:14px; letter-spacing:.08em; font-weight:600; }
html[data-theme="rsc"] .cx-compose { background:#031a38; border:1px solid rgba(77,210,210,.45); border-radius:10px; box-shadow:inset 0 0 0 1px rgba(77,210,210,.06); }
html[data-theme="rsc"] .cx-compose:focus-within { border-color:#4dd2d2; box-shadow:0 0 0 3px rgba(77,210,210,.28); }
html[data-theme="rsc"] .cx-compose textarea { color:#fff; background:transparent; border:0; box-shadow:none; padding:3px 2px; border-radius:0; }
html[data-theme="rsc"] .cx-compose textarea:focus { box-shadow:none; }
html[data-theme="rsc"] .cx-btn { border-radius:6px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; padding:4px 10px; color:#4dd2d2; border-color:rgba(77,210,210,.5); }
html[data-theme="rsc"] .cx-mic { color:#d6e0ec; border-color:rgba(168,190,214,.5); }
html[data-theme="rsc"] .cx-mic[data-on='1'] { color:#21ddaa; border-color:rgba(33,221,170,.8); background:rgba(33,221,170,.1); box-shadow:0 0 12px rgba(33,221,170,.35); }

/* panels added in later versions */
html[data-theme="rsc"] .subnav { border-bottom-color:rgba(255,255,255,.12); }
html[data-theme="rsc"] .subnav button { text-transform:uppercase; font-weight:600; letter-spacing:.08em; font-size:12px; }
html[data-theme="rsc"] .subnav button[data-on="1"] { border-bottom-color:#4dd2d2; color:#fff; }
html[data-theme="rsc"] .rt-drop { border-color:rgba(77,210,210,.45); border-radius:12px; } html[data-theme="rsc"] .rt-drop[data-on="1"] { border-color:#4dd2d2; background:rgba(77,210,210,.10); }
html[data-theme="rsc"] .up-notes, html[data-theme="rsc"] .pg-sub, html[data-theme="rsc"] .pp-note, html[data-theme="rsc"] .ab-ops { background:rgba(2,15,36,.55); border-radius:8px; }
html[data-theme="rsc"] .dg-banner { background:rgba(255,183,33,.14); border-bottom-color:#ffb721; color:#ffd633; }
html[data-theme="rsc"] .dg-card { border-color:#ffb721; } html[data-theme="rsc"] .dg-text { color:#c6d5e6; }
html[data-theme="rsc"] .dg-log { border-left-color:rgba(77,210,210,.4); } html[data-theme="rsc"] .dg-panel { border-top-color:rgba(77,210,210,.4); }
html[data-theme="rsc"] .ig-matrix th { color:#4dd2d2; letter-spacing:.06em; font-size:12px; text-transform:uppercase; font-weight:600; }
html[data-theme="rsc"] .ig-matrix th, html[data-theme="rsc"] .ig-matrix td { border-bottom:1px solid rgba(255,255,255,.08); }
html[data-theme="rsc"] .ig-brow { border-bottom-color:rgba(255,255,255,.08); }
html[data-theme="rsc"] .rt-sw { border-color:rgba(255,255,255,.4); }
/* 15.13.0 scroll bars come from style.css (thin, rounded, accent coloured) */

/* Appearance page */
.ap-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:10px 18px; align-items:center; }
.ap-grid .ap-name { display:flex; flex-direction:column; min-width:0; } .ap-grid .ap-name b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ap-sw { display:inline-flex; gap:3px; margin-right:6px; vertical-align:middle; } .ap-sw i { width:14px; height:14px; border-radius:4px; border:1px solid rgba(255,255,255,.3); display:inline-block; }
@media (max-width:700px) { .ap-grid { grid-template-columns:1fr; } }