/* Rangoli studio: Paheli button language (white outlined secondary, tinted + ringed + ticked selection, off-grey disabled),
   readable tab captions, and a night variant for the studio. Sizes and layout are unchanged.
   Undo: delete this file, theme.js and their tags in index.html. */
html body .rgl-app{--rg-accent:#145C63;--rg-accent-hover:#0F474D;--rg-tint:rgba(20,92,99,.08);--rg-hover-tint:rgba(20,92,99,.12);--rg-sec-ink:#145C63;--rg-surface:#fff;--rg-opt-ink:#3A4654;--rg-ring:rgba(22,32,44,.14);--rg-off-bg:#E4E7EB;--rg-off-ink:#56606D;--rg-cap:#566170}
html body .rgl-app.s2-studio .rp-tab,html body .rgl-app.s2-studio.rp-collapsed .rp-tab[aria-selected="true"]{color:var(--rg-cap)}
html body .rgl-app.s2-studio .rp-tab[aria-selected="true"]{color:var(--rg-sec-ink);background:var(--rg-tint)!important;box-shadow:inset 0 0 0 2px var(--rg-accent)}
html body .rgl-app.s2-studio.rp-collapsed .rp-tab[aria-selected="true"]{box-shadow:none}
html body .rgl-app.s2-studio .rp-btn:not(.solid){background:var(--rg-surface);color:var(--rg-sec-ink);box-shadow:inset 0 0 0 1.5px var(--rg-accent)}
html body .rgl-app.s2-studio .rp-btn:not(.solid):hover{background:var(--rg-hover-tint)}
html body .rgl-app.s2-studio .rp-btn.solid{background:var(--rg-accent);color:#fff}
html body .rgl-app.s2-studio .rp-btn.solid:hover,html body .rgl-app.s2-studio .rp-go:hover{background:var(--rg-accent-hover)}
html body .rgl-app.s2-studio .rp-go{background:var(--rg-accent);color:#fff;box-shadow:none}
html body .rgl-app.s2-studio .rp-btn:disabled,html body .rgl-app.s2-studio .rp-go:disabled,html body .rgl-app.s2-studio .rp-ib:disabled{background:var(--rg-off-bg);color:var(--rg-off-ink);box-shadow:none;opacity:1;cursor:default}
html body .rgl-app.s2-studio .rp-ib:not(:disabled):hover{background:var(--rg-hover-tint)}
html body .rgl-app.s2-studio .rp-tile{background:var(--rg-surface);border-color:var(--rg-ring);color:var(--rg-opt-ink);position:relative}
html body .rgl-app.s2-studio .rp-tile[aria-pressed="true"]{background:var(--rg-tint);border-color:var(--rg-accent);box-shadow:inset 0 0 0 1px var(--rg-accent);color:var(--rg-sec-ink)}
html body .rgl-app.s2-studio .rp-tile[aria-pressed="true"]::after{content:"\2713";position:absolute;top:3px;right:6px;font-size:12px;font-weight:700;line-height:1;color:var(--rg-sec-ink)}
html body .rgl-app.s2-studio .rp-chip,html body .rgl-app.s2-studio .rp-chip:not([aria-pressed="true"]){color:var(--rg-opt-ink)}
html body .rgl-app.s2-studio .rp-chip[aria-pressed="true"]{background:var(--rg-tint);border-color:var(--rg-accent);box-shadow:inset 0 0 0 1px var(--rg-accent);color:var(--rg-sec-ink)}
html body .rgl-app.s2-studio .rp-chip[aria-pressed="true"]::before{content:"\2713";margin-right:5px;font-weight:700}
html body .rgl-app.s2-studio .rp-sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--rg-surface),0 0 0 4px var(--rg-accent)}
html body .rgl-app.s2-studio .rp-lab,html body .rgl-app.s2-studio .rp-rng,html body .rgl-app.s2-studio .rp-empty,html body .rgl-app.s2-studio .rp-panel h2{color:#46505D}
html body .rgl-app.s2-studio .rp-tab:hover:not([aria-selected="true"]){background:var(--rg-hover-tint)}
@media (prefers-reduced-motion:reduce){html body .rgl-app.s2-studio *{transition:none!important}html body .rgl-app.s2-studio .rp-sw[aria-pressed="true"],html body .rgl-app.s2-studio *:active{transform:none!important}}
/* ---------- night ---------- */
html[data-rg-theme="dark"] body .rgl-app.s2-studio{--rg-accent:#4FB3C4;--rg-accent-hover:#6BC6D4;--rg-tint:rgba(79,179,196,.16);--rg-hover-tint:rgba(79,179,196,.22);--rg-sec-ink:#7FCBD8;--rg-surface:#18222D;--rg-opt-ink:#DCE4EA;--rg-ring:#34445A;--rg-off-bg:#243140;--rg-off-ink:#97A5B3;--rg-cap:#B7C3CE;color-scheme:dark;background:#0F1720!important;color:#E9EEF2;--ink:#E9EEF2;--muted:#9BA8B5;--line:#263341}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .s2-back{background:#18222D;color:#E9EEF2;box-shadow:0 0 0 1px #34445A}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .s2-title{color:#E9EEF2}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-panel{background:#18222D;border-color:#263341}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-tabs{background:rgba(24,34,45,.94);border-color:#263341;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-btn.solid,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-go{color:#0B1218}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-ib{background:#18222D;color:#DCE4EA;box-shadow:inset 0 0 0 1px #34445A}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-ib:disabled{background:#243140;color:#97A5B3}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-chip:not([aria-pressed="true"]){background:#1F2B38;border-color:#34445A}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-lab,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-rng,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-empty,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-panel h2{color:#B7C3CE}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-rng b{color:#E9EEF2}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-cust{color:#DCE4EA}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-ib:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-go:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-btn:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-chip:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-tile:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-tab:focus-visible,html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-sw:focus-visible{outline-color:#F2A65A}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rgl-side{background:transparent}
@media (max-width:860px){html[data-rg-theme="dark"] body .rgl-app.s2-studio .rgl-side{background:#18222D;box-shadow:0 -1px 0 #263341,0 -12px 32px rgba(0,0,0,.45)}html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-tabs{background:#18222D;box-shadow:none}}
/* night: the sheet's grab bar was white on the dark sheet; with the app dock the tool bar floats on the studio itself (no extra panel behind it) */
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-grab{background:#18222D}
html[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-grab i{background:#4A5B70}
@media (max-width:700px){html:has(.dk)[data-rg-theme="dark"] body .rgl-app.s2-studio .rgl-side{background:transparent;box-shadow:none}html:has(.dk)[data-rg-theme="dark"] body .rgl-app.s2-studio .rp-tabs{border:1px solid #34445A;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}}