:root{
  
  --ease:cubic-bezier(.2,.7,.35,1);
  --dur:.16s;
  
  --sh-1:3px 4px 0 rgba(0,0,0,.34);
  --sh-2:6px 8px 0 rgba(0,0,0,.44);
}
[data-theme="light"]{
  --sh-1:3px 4px 0 rgba(28,23,18,.14);
  --sh-2:6px 8px 0 rgba(28,23,18,.2);
}


h1,h2,h3,h4,.set-t,.dsc-wh,.pg-sec h2{text-wrap:balance}
p,.muted,.set-d,.dsc-lead{text-wrap:pretty}
h1{line-height:1.08}
h2,h3{line-height:1.2}


.set-card,.srv-card,.vac-card,.kb-item,.test-card,.news-item,.topic-block,
.dsc-btpane,.dm-sec,.bsvc,.guide-member{
  position:relative;
  box-shadow:var(--sh-1);
  transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease),
             border-color var(--dur) var(--ease);
}
.set-card::before,.srv-card::before,.vac-card::before,.kb-item::before,
.test-card::before,.news-item::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  pointer-events:none;
}
[data-theme="light"] .set-card::before,[data-theme="light"] .srv-card::before,
[data-theme="light"] .vac-card::before,[data-theme="light"] .kb-item::before,
[data-theme="light"] .test-card::before,[data-theme="light"] .news-item::before{
  background:linear-gradient(90deg,transparent,rgba(28,23,18,.1),transparent);
}


.set-card:hover,.srv-card:hover,.vac-card:hover,.kb-item:hover,.test-card:hover,
.news-item:hover,.topic-block:hover,.guide-member:hover{
  transform:translate(-2px,-2px);box-shadow:var(--sh-2);border-color:var(--line-2)
}
.set-card:active,.srv-card:active,.vac-card:active,.kb-item:active,.test-card:active{
  transform:translate(0,0);box-shadow:var(--sh-1)
}


button,.btn-login,.vac-apply,.btn-ghost,.btn-edit,.btn-del,.btn-mgmt{
  transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease),
             background var(--dur) var(--ease), border-color var(--dur) var(--ease),
             color var(--dur) var(--ease);
}
.primary:active,button.primary:active,.btn-login:active,.vac-apply:active,
.btn-del:active,.btn-mgmt:active{transform:translateY(1px)}


:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)
}


.tbl-wrap{overflow:auto;border-radius:var(--r-md)}
.tbl thead th{position:sticky;top:0;z-index:1;backdrop-filter:blur(6px)}
.tbl tbody tr{transition:background var(--dur) var(--ease)}
.tbl tbody tr:hover{background:var(--hover)}
.tbl tbody tr[onclick]{cursor:pointer}


input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select{min-height:38px}
input,select,textarea{transition:border-color var(--dur) var(--ease),
  box-shadow var(--dur) var(--ease), background var(--dur) var(--ease)}


.tabbar label,.rm-tab{transition:color var(--dur) var(--ease),
  border-color var(--dur) var(--ease), background var(--dur) var(--ease)}


::selection{background:var(--accent);color:#fff}
html{scroll-behavior:smooth}
:root{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;
  border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:var(--dim);background-clip:content-box}
img{max-width:100%;height:auto}


@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  .set-card:hover,.srv-card:hover,.vac-card:hover,.kb-item:hover,.test-card:hover,
  .news-item:hover,.topic-block:hover,.guide-member:hover{transform:none}
}

input[type=range]{-webkit-appearance:none;appearance:none;min-height:0;height:6px;padding:0;border:0;background:rgba(255,255,255,.16);border-radius:999px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:6px;border-radius:999px;background:transparent}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;background:#fff;border:2px solid #ff5a2c;box-shadow:0 1px 4px rgba(0,0,0,.45);transition:transform .12s ease}
input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:transparent}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #ff5a2c;box-shadow:0 1px 4px rgba(0,0,0,.45)}

.vm-charts-head{flex-wrap:wrap}
.vm-charts-head .vm-range{margin-left:auto}
.vm-range{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:999px;background:rgba(255,255,255,.04)}
.vm-range-btn{appearance:none;border:0;background:transparent;color:var(--dim,#9aa6c4);font:inherit;font-size:13px;line-height:1;padding:7px 13px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}
.vm-range-btn:hover{color:var(--ink,#eef2fb);background:rgba(255,255,255,.06)}
.vm-range-btn.on{background:#ff5a2c;color:#fff}
@media (max-width:640px){.vm-range-btn{padding:6px 10px;font-size:12px}}

.vnc-screen.vnc-stale{opacity:.35;filter:grayscale(.5)}
.vnc-screen.vnc-stale canvas{pointer-events:none}

.vm-agent-upd{margin:0 0 26px}
.vm-agent-upd p{margin:0 0 12px;max-width:900px}
.vm-agent-btns{display:flex;flex-wrap:wrap;gap:10px}
.vm-agent-btns form{margin:0}