/* Adapted from canonical Xray Panel active-ui16, resource 20261024-19.
   Reuses its current neutral surfaces, 13px light typography and 20px controls. */
:root{color-scheme:light;--accent:#98d8c8;--accent-rgb:152,216,200;--secondary:#ffb7c5;--secondary-rgb:255,183,197;--tone:#356d60;--text:#292929;--muted:#595959;--panel:241,237,235;--sidebar-rgb:241,237,235;--input-rgb:241,237,235;--bg:#fafaf8;--surface:rgba(var(--panel),.83);--raised:rgba(152,216,200,.13);--border:rgba(163,160,148,.25);--line:var(--border);--radius:20px;--ui-font-size:13px;--glass:.83;--button-ink:#234d45;--selected-ink:#234d45;--font-ui:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑 Light","Microsoft YaHei",sans-serif;--danger:#994753;--palette-ink:#234d45;--accessible-accent:#a1e0cd;--accessible-secondary:#ffb7c5}
html,body,button,input,select,textarea,code,pre,.mono{font-family:var(--font-ui);font-weight:300}body{font-size:13px;line-height:1.8;background:var(--bg) url('/fresh-paper.svg') center/460px repeat}h1,h2,h3,h4,b,strong,.primary,.brand{font-weight:300}button,a,input,select,textarea{transition:background-color .35s,color .35s,border-color .35s}button{color:var(--text);border-radius:var(--radius)}a{color:var(--tone)}.shell{background:rgba(var(--panel),var(--glass))}.sidebar,header,.card,.stat,.dependency,.card-head,th,.select-list label,.avatar,.login-card,.login{background:transparent}.sidebar{border-color:var(--line)}.brand{letter-spacing:2px;font-size:22px}.brand-mark{border:0;border-radius:13px;color:var(--tone);background:rgba(var(--accent-rgb),.22);font:300 23px var(--font-ui)}.brand small{font-size:10px}.nav{border-radius:12px;color:var(--text);font-size:13px}.nav.active{border:1px solid rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.28);color:var(--selected-ink)}.nav:hover{background:rgba(var(--accent-rgb),.12)}.nav.active:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--tone);margin-left:auto}.primary{color:var(--button-ink);background:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.primary:hover{background:#afe4d6}button:hover{background:rgba(var(--accent-rgb),.2)}.card,.stat{border-radius:var(--radius)}.dependency{border-radius:14px;border-color:var(--line);background:rgba(var(--accent-rgb),.04)}.stat-value{font:300 32px/1.5 var(--font-ui);letter-spacing:-.5px}.stat small,.stat-head,.eyebrow,.brand small,.workspace-label{color:var(--muted)}h1{font-size:28px;font-weight:200;letter-spacing:1px}.content{padding-top:42px}.page-heading{min-height:110px;margin-bottom:32px}.card-head{padding:24px 26px}.card-body{padding:28px 26px}.card p,small,label,.badge,td,th,.nav,.actions button,.form-note,.sidebar-bottom{font-size:13px}.badge{border-radius:7px;font-family:var(--font-ui)}.badge.ok{color:var(--tone);background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.35)}.badge.off{color:var(--muted);background:rgba(120,130,125,.08);border-color:var(--line)}.badge.bad{color:var(--danger);background:rgba(160,55,65,.1)}.info{color:var(--tone);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.35);border-radius:var(--radius);font-size:13px}.notice{color:var(--danger);background:rgba(160,55,65,.06);border-color:#d3afb6}.stat-head span:last-child{color:var(--tone)}.step-no{color:var(--tone);border-color:var(--line)}.step p,.step strong{font-size:13px}.brand,.breadcrumb b,.avatar{color:var(--text)}.avatar{border-color:var(--line);background:rgba(var(--secondary-rgb),.24)}input,select,textarea{background:transparent;border-color:var(--line);border-radius:var(--radius);min-height:42px;font-size:13px;padding:10px 14px;color:var(--text)}select option{background:rgb(var(--panel));color:var(--text)}textarea,pre{font:300 13px/1.8 var(--font-ui)}input:focus,select:focus,textarea:focus{border-color:var(--tone);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}pre{background:rgba(var(--accent-rgb),.06);border:1px solid var(--line);border-radius:16px}.cert-cards pre{font-size:13px}.toast{background:rgba(var(--panel),.97);color:var(--text);border-color:var(--line);border-radius:var(--radius);backdrop-filter:blur(28px)}dialog{background:rgba(var(--panel),.94);border-color:var(--line);border-radius:var(--radius);backdrop-filter:blur(28px)}dialog::backdrop{background:rgba(0,0,0,.22);backdrop-filter:blur(14px)}.modal-head{padding:24px 28px}#modal-content{padding:30px 28px}.login{background:transparent}.login-card{background:rgba(var(--panel),.83);border-radius:20px}.sidebar-bottom,.breadcrumb,.header-right,footer{color:var(--muted)}.header-right .subtle{font-size:13px}.sidebar-bottom .host-dot,.status-dot{background:var(--tone)}.icon{min-width:34px}button:focus-visible,a:focus-visible{outline:2px solid var(--tone)}.actions{gap:10px}.actions button{margin:0}.nav-search-box{margin:26px 10px 8px}.nav-search-box input{min-height:38px;background:transparent;font-size:13px}.sidebar .workspace-label{margin-top:22px}
html[data-color-mode=dark]{color-scheme:dark;--panel:0,0,0;--sidebar-rgb:0,0,0;--input-rgb:0,0,0;--bg:#080808;--text:#ededed;--muted:#bcbcbc;--tone:#a1e0cd;--border:rgba(255,255,255,.20);--line:var(--border);--selected-ink:#d4f5e8;--danger:#ffc7c7}
html[data-color-mode=dark] body{background:#080808}html[data-color-mode=dark] .shell{background:rgba(0,0,0,var(--glass))}html[data-color-mode=dark] .brand-mark{color:var(--tone)}html[data-color-mode=dark] .primary{color:#234d45}html[data-color-mode=dark] .toast{background:#181818}html[data-color-mode=dark] dialog{background:rgba(0,0,0,.94)}html[data-color-mode=dark] button:not(.primary){background:rgba(255,255,255,.04)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:650px){.card-body{padding:22px 18px}.card-head{padding:20px 18px}.nav-search-box{display:none}.page-heading h1{font-size:25px}.page-heading{min-height:110px}.card p,td,th{font-size:13px}}

.mobile-only{display:none}@media(max-width:650px){.mobile-only{display:block}.header-right{gap:3px}.header-right .subtle{padding:7px 10px}}

/* Xray UI19: a single translucent canvas over an independently blurred wallpaper. */
body,html[data-color-mode=dark] body{background:transparent}html{background:#fafaf8}html[data-color-mode=dark]{background:#080808}.world{position:fixed;inset:-64px;z-index:-1;pointer-events:none;background:#fafaf8 url('/fresh-paper.svg') center/460px repeat;filter:blur(var(--wallpaper-blur,14px))}.world.wallpaper{background-size:cover;background-position:center;background-repeat:no-repeat}html[data-color-mode=dark] .world:not(.wallpaper){background:#080808}.shell{background:rgba(var(--panel),var(--glass))}.login-card{background:rgba(var(--panel),var(--glass))}.card,.stat,.login-card{border-radius:var(--radius)}.theme-placeholder{color:var(--muted)}.appearance-settings{display:grid;gap:20px}.appearance-settings label output{float:right;color:var(--tone)}.appearance-settings .divider{margin:4px 0}.appearance-settings .color-editors{margin:0;gap:14px}.color-editor label{margin-top:16px}.color-editor label output{float:right}.shell input.hue-slider{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.shell input.saturation-slider{background:linear-gradient(to right,hsl(var(--picker-hue) 0% 50%),hsl(var(--picker-hue) 100% 50%))}.shell input.lightness-slider{background:linear-gradient(to right,#000,hsl(var(--picker-hue) var(--picker-saturation) 50%),#fff)}.background-preview{display:grid;place-items:center;width:100%;aspect-ratio:16/8;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background-position:center;background-size:cover}.appearance-demo{display:grid;gap:20px;padding:26px;border:1px solid var(--line);border-radius:var(--radius)}.appearance-demo .badge{width:fit-content}.site-logo{max-width:40px;max-height:40px;width:100%;height:100%;object-fit:contain}.brand>div:last-child{min-width:0;max-width:146px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{overflow:hidden;text-overflow:ellipsis}.error{color:var(--danger)}body :is(p,small,button,input,select,textarea,td,th,label,code,pre,.badge,.muted,.section-note,.mono,footer,.sidebar-bottom){font-size:var(--ui-font-size)}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}input[type=hidden]{display:none!important}

.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}.page-actions .secondary-action{display:contents}.cert-cards .card-head{align-items:center;gap:16px;flex-wrap:wrap}.cert-cards .card-head h2{flex:1 1 230px;min-width:0;overflow-wrap:anywhere}.cert-actions{gap:10px;flex:0 0 auto;justify-content:flex-end}.cert-actions button{white-space:nowrap}.page-heading{row-gap:20px}@media(max-width:800px){.page-heading{flex-wrap:wrap}.page-actions{justify-content:flex-start}.cert-cards .card-head h2{flex-basis:100%}.cert-actions{justify-content:flex-start}}

/* Keep the transplanted controls on the same canvas and preserve legible labels. */
label{color:var(--text)}.appearance-settings{align-content:start;grid-auto-rows:max-content}.appearance-settings input[type=range]{accent-color:var(--tone);padding:0;min-height:0;cursor:pointer}.appearance-settings input.color-slider{min-height:10px}