/* ==========================================================================
   RIDEHOST — СОВМЕСТИМЫЙ СЛОЙ (rh-compat.css)
   Перекрашивает Metronic/Bootstrap-разметку ещё не переписанных страниц в язык rh.css. Цвета только через токены
   (--rh-*) и старые переменные (--bg-card и т. д.), поэтому слой работает в обеих темах. Селекторы начинаются с
   html[data-rh], чтобы не задевать админку и вход (у них своя шапка и свои стили).
   Стили кастомных классов старых страниц (bento-*, server-*, order-*, tariff-*, quota-* …) — rh-legacy.css (@import выше).
   Удаляется вместе со старыми страницами, когда их перепишут.
   ========================================================================== */

/* ---------- 0. Каркас старых страниц ---------- */
html[data-rh] body{font-family:var(--rh-f-u)}
html[data-rh] .rh-main .container,
html[data-rh] .rh-main .container-fluid{max-width:calc(var(--rh-wrap) + 48px);width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
html[data-rh] .rh-main .content{padding:24px 0 0;background:transparent;flex:1 0 auto}
html[data-rh] .rh-main .content>.d-flex{width:100%}
html[data-rh] .rh-main .subheader{display:none}
@media (max-width:760px){html[data-rh] .rh-main .container,html[data-rh] .rh-main .container-fluid{padding-left:16px;padding-right:16px}}

/* reset из rh.css действует и внутри старых страниц — возвращаем привычные отступы и ссылки */
html[data-rh] .rh-main .content :where(h1,h2,h3,h4,h5,h6){margin-bottom:.5rem}
html[data-rh] .rh-main .content :where(p){margin-bottom:1rem}
html[data-rh] .rh-main .content :where(ul:not([class]),ol:not([class])){padding-left:1.5rem;margin-bottom:1rem;list-style:revert}
html[data-rh] .rh-main .content :where(dl){margin-bottom:1rem}
html[data-rh] .rh-main .content :where(h1,h2,h3){font-family:var(--rh-f-d);font-weight:700;letter-spacing:-.015em;color:var(--rh-ink);line-height:1.2}
html[data-rh] .rh-main .content :where(h4,h5,h6){font-weight:700;color:var(--rh-ink);line-height:1.3}
html[data-rh] .rh-main .content a:not([class]){color:var(--rh-accent-text);text-decoration:underline;text-underline-offset:3px}
html[data-rh] .rh-main .content a:not([class]):hover{color:var(--rh-ink)}
html[data-rh] .rh-main .content small,html[data-rh] .rh-main .content .small{font-size:14px}
html[data-rh] .rh-main .content hr{border:0;border-top:1px solid var(--rh-line);margin:1.25rem 0;opacity:1}
html[data-rh] .rh-main .content code{color:var(--rh-ink);background:var(--rh-surface-2);border:1px solid var(--rh-line-2);border-radius:6px;padding:1px 6px;font-family:var(--rh-f-m);font-size:.9em}
html[data-rh] .rh-main .content pre{color:var(--rh-ink);background:var(--rh-surface-2);border:1px solid var(--rh-line);border-radius:var(--rh-r-m);padding:14px 16px}
html[data-rh] .rh-main .content pre code{background:none;border:0;padding:0}
html[data-rh] .rh-main .content kbd{color:var(--rh-on-inv);background:var(--rh-inv);border-radius:6px}
html[data-rh] .rh-main .content label{color:var(--rh-ink-2);font-weight:600}
html[data-rh] .rh-main .content blockquote{border-left:4px solid var(--rh-line-strong);padding-left:16px;color:var(--rh-ink-2)}
html[data-rh] .rh-main ::selection{background:var(--rh-t-yellow);color:var(--rh-ink)}
html[data-rh] .rh-main :focus-visible{outline:3px solid var(--rh-focus);outline-offset:2px}
html[data-rh] .rh-main .btn:focus,html[data-rh] .rh-main .form-control:focus{outline:0}

/* ---------- 1. Цвета-утилиты ---------- */
html[data-rh] body .text-muted,html[data-rh] body .text-dark-50{color:var(--rh-muted)!important}
html[data-rh] body .text-dark,html[data-rh] body .text-dark-75,html[data-rh] body .text-body,html[data-rh] body .text-heading{color:var(--rh-ink)!important}
html[data-rh] body .text-dark-65{color:var(--rh-ink-2)!important}
html[data-rh] body .text-white{color:var(--rh-on-inv)!important}
html[data-rh] body .text-primary{color:var(--rh-accent-text)!important}
html[data-rh] body .text-success{color:var(--rh-ok)!important}
html[data-rh] body .text-danger{color:var(--rh-danger)!important}
html[data-rh] body .text-warning{color:var(--rh-warn)!important}
html[data-rh] body .text-info{color:var(--rh-info)!important}
html[data-rh] body .text-secondary{color:var(--rh-muted)!important}
html[data-rh] body a.text-hover-primary:hover,html[data-rh] body .text-hover-primary:hover{color:var(--rh-accent-text)!important}
html[data-rh] body .text-hover-dark:hover{color:var(--rh-ink)!important}
html[data-rh] body .bg-white,html[data-rh] body .bg-body{background-color:var(--rh-surface)!important}
html[data-rh] body .bg-light,html[data-rh] body .bg-gray-100,html[data-rh] body .bg-gray-200{background-color:var(--rh-surface-2)!important}
html[data-rh] body .bg-dark{background-color:var(--rh-inv)!important;color:var(--rh-on-inv)}
html[data-rh] body .bg-primary{background-color:var(--rh-accent)!important;color:var(--rh-on-accent)}
html[data-rh] body .bg-success{background-color:var(--rh-ok)!important;color:var(--rh-surface)}
html[data-rh] body .bg-danger{background-color:var(--rh-danger)!important;color:var(--rh-surface)}
html[data-rh] body .bg-warning{background-color:var(--rh-warn)!important;color:var(--rh-surface)}
html[data-rh] body .bg-info{background-color:var(--rh-info)!important;color:var(--rh-surface)}
html[data-rh] body .bg-secondary{background-color:var(--rh-line)!important}
html[data-rh] body .bg-hover-light:hover{background-color:var(--rh-hover)!important}
html[data-rh] body .bg-hover-white:hover{background-color:var(--rh-surface)!important}
html[data-rh] body .border,html[data-rh] body .border-top,html[data-rh] body .border-bottom,html[data-rh] body .border-left,html[data-rh] body .border-right{border-color:var(--rh-line)!important}
html[data-rh] body .border-light{border-color:var(--rh-line-2)!important}
html[data-rh] body .border-primary{border-color:var(--rh-accent)!important}
html[data-rh] body .border-success{border-color:var(--rh-ok)!important}
html[data-rh] body .border-danger{border-color:var(--rh-danger)!important}
html[data-rh] body .border-warning{border-color:var(--rh-warn)!important}
html[data-rh] body .shadow-sm,html[data-rh] body .shadow{box-shadow:var(--rh-sh-1)!important}
/* «светлые» тона Metronic: общий приём — переменные --k (цвет) и --k-bg (фон) */
html[data-rh] body .bg-light-primary{--k:var(--rh-ink);--k-bg:var(--rh-t-sand)}
html[data-rh] body .bg-light-success{--k:var(--rh-ok);--k-bg:var(--rh-ok-soft)}
html[data-rh] body .bg-light-danger{--k:var(--rh-danger);--k-bg:var(--rh-danger-soft)}
html[data-rh] body .bg-light-warning{--k:var(--rh-warn);--k-bg:var(--rh-warn-soft)}
html[data-rh] body .bg-light-info{--k:var(--rh-info);--k-bg:var(--rh-info-soft)}
html[data-rh] body .bg-light-dark{--k:var(--rh-ink-2);--k-bg:var(--rh-surface-2)}
html[data-rh] body [class*="bg-light-"]{background-color:var(--k-bg,var(--rh-surface-2))!important}
html[data-rh] body .svg-icon,html[data-rh] body .svg-icon svg{color:inherit}
html[data-rh] body .svg-icon svg [fill]:not([fill="none"]){fill:currentColor}
html[data-rh] body .svg-icon-primary{color:var(--rh-ink-2)!important}
html[data-rh] body .svg-icon-success{color:var(--rh-ok)!important}
html[data-rh] body .svg-icon-danger{color:var(--rh-danger)!important}
html[data-rh] body .svg-icon-warning{color:var(--rh-warn)!important}
html[data-rh] body .svg-icon-info{color:var(--rh-info)!important}
html[data-rh] body .svg-icon-dark,html[data-rh] body .svg-icon-white{color:var(--rh-ink)!important}

/* ---------- 2. Карточки ---------- */
html[data-rh] body .card,
html[data-rh] body .card.card-custom,
html[data-rh] body .server-card,
html[data-rh] body .server-list-card,
html[data-rh] body .main-feature-card,
html[data-rh] body .main-news-item-card,
html[data-rh] body .metric-widget,
html[data-rh] body .protection-card,
html[data-rh] body .protection-hero-card,
html[data-rh] body .protection-rate-card,
html[data-rh] body .protection-checkout-box,
html[data-rh] body .order-summary-card,
html[data-rh] body .order-free-plan-card,
html[data-rh] body .server-main-badge-card,
html[data-rh] body .quota-card,
html[data-rh] body .quota-pkg-card,
html[data-rh] body .advantage-item,
html[data-rh] body .promo-box,
html[data-rh] body .main-empty-news,
html[data-rh] body .stat-metric-card,
html[data-rh] body .backup-stat-card{background:var(--rh-surface)!important;color:var(--rh-ink-2);border:1px solid var(--rh-line)!important;border-radius:var(--rh-r-l)!important;box-shadow:var(--rh-sh-1)!important;position:relative}
html[data-rh] body .card>.card-header,html[data-rh] body .card.card-custom>.card-header{background:transparent!important;border-bottom:1px solid var(--rh-line-2)!important;padding:1.1rem 1.5rem;min-height:0}
html[data-rh] body .card .card-title,html[data-rh] body .card .card-label{color:var(--rh-ink)!important;font-weight:700}
html[data-rh] body .card .card-title h3,html[data-rh] body .card .card-label{font-size:18px;margin:0}
html[data-rh] body .card-body{padding:1.4rem 1.5rem;color:var(--rh-ink-2)}
html[data-rh] body .card-footer{background:transparent!important;border-top:1px solid var(--rh-line-2)!important;padding:1rem 1.5rem}
html[data-rh] body .card.card-stretch,html[data-rh] body .card.gutter-b{margin-bottom:20px}
html[data-rh] body .card.bg-light,html[data-rh] body .card .bg-light{background:var(--rh-surface-2)!important}
html[data-rh] body .server-card-header{border-bottom:1px solid var(--rh-line-2)}
html[data-rh] body .server-list-card:hover,html[data-rh] body .quota-pkg-card:hover{border-color:var(--rh-line-strong)!important;transform:none}
html[data-rh] body:not(:has(.rh-app--side)) .card.card-sticky{top:96px}
html[data-rh] body .card .card-header.card-header-tabs-line{padding:0 1.5rem}
@media (max-width:760px){html[data-rh] body .card-body{padding:1.1rem 1rem}html[data-rh] body .card>.card-header,html[data-rh] body .card-footer{padding-left:1rem;padding-right:1rem}}

/* ---------- 3. Кнопки ---------- */
html[data-rh] body .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:.55rem 1.25rem;border-radius:var(--rh-r-m);font:600 15px/1.2 var(--rh-f-u);letter-spacing:0;border:2px solid var(--rh-line);background:var(--rh-surface);color:var(--rh-ink);box-shadow:none;transition:background .18s,border-color .18s,transform .18s;white-space:normal;text-decoration:none}
html[data-rh] body .btn:hover{border-color:var(--rh-ink);color:var(--rh-ink);background:var(--rh-surface)}
html[data-rh] body .btn:active{transform:translateY(1px)}
html[data-rh] body .btn:focus{box-shadow:none}
html[data-rh] body .btn i,html[data-rh] body .btn .svg-icon{color:inherit;margin-right:0}
html[data-rh] body .btn-sm,html[data-rh] body .btn-group-sm>.btn{min-height:38px;padding:.35rem .9rem;font-size:14px;border-radius:12px}
html[data-rh] body .btn-lg,html[data-rh] body .btn-group-lg>.btn{min-height:56px;padding:.7rem 1.6rem;font-size:17px;border-radius:18px}
html[data-rh] body .btn-xs{min-height:32px;padding:.2rem .6rem;font-size:13px;border-radius:10px}
html[data-rh] body .btn.btn-icon,html[data-rh] body .btn-icon{width:44px;height:44px;padding:0;min-height:0}
html[data-rh] body .btn.btn-icon.btn-sm{width:38px;height:38px}
html[data-rh] body .btn.btn-icon.btn-xs{width:32px;height:32px}
html[data-rh] body .btn.btn-icon.btn-circle{border-radius:50%}
html[data-rh] body .btn.btn-pill,html[data-rh] body .btn.btn-pill{border-radius:999px}
html[data-rh] body .btn-block{display:flex;width:100%}
html[data-rh] body .btn.disabled,html[data-rh] body .btn:disabled,html[data-rh] body .btn[disabled]{opacity:.55;pointer-events:none}
html[data-rh] body .btn.btn-primary{background:var(--rh-accent);border-color:var(--rh-accent);color:var(--rh-on-accent)}
html[data-rh] body .btn.btn-primary:hover,html[data-rh] body .btn.btn-primary:focus,html[data-rh] body .btn.btn-primary:active,html[data-rh] body .btn.btn-primary.active{background:var(--rh-accent-hover);border-color:var(--rh-accent-hover);color:var(--rh-on-accent)}
html[data-rh] body .btn.btn-primary i,html[data-rh] body .btn.btn-primary .svg-icon{color:var(--rh-on-accent)}
html[data-rh] body .btn.btn-dark{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .btn.btn-dark:hover{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv);opacity:.88}
html[data-rh] body .btn.btn-success{background:var(--rh-ok);border-color:var(--rh-ok);color:var(--rh-surface)}
html[data-rh] body .btn.btn-danger{background:var(--rh-danger);border-color:var(--rh-danger);color:var(--rh-surface)}
html[data-rh] body .btn.btn-warning{background:var(--rh-warn);border-color:var(--rh-warn);color:var(--rh-surface)}
html[data-rh] body .btn.btn-info{background:var(--rh-info);border-color:var(--rh-info);color:var(--rh-surface)}
html[data-rh] body .btn.btn-success:hover,html[data-rh] body .btn.btn-danger:hover,html[data-rh] body .btn.btn-warning:hover,html[data-rh] body .btn.btn-info:hover{color:var(--rh-surface);opacity:.88}
html[data-rh] body .btn.btn-success i,html[data-rh] body .btn.btn-danger i,html[data-rh] body .btn.btn-warning i,html[data-rh] body .btn.btn-info i{color:inherit}
html[data-rh] body .btn.btn-secondary,html[data-rh] body .btn.btn-light,html[data-rh] body .btn.btn-white,html[data-rh] body .btn.btn-default{background:var(--rh-surface);border-color:var(--rh-line);color:var(--rh-ink)}
html[data-rh] body .btn.btn-light:hover,html[data-rh] body .btn.btn-secondary:hover{background:var(--rh-surface);border-color:var(--rh-ink);color:var(--rh-ink)}
html[data-rh] body .btn.btn-clean,html[data-rh] body .btn.btn-link{background:transparent;border-color:transparent;color:var(--rh-ink-2)}
html[data-rh] body .btn.btn-clean:hover,html[data-rh] body .btn.btn-link:hover{background:var(--rh-hover);border-color:transparent;color:var(--rh-ink)}
html[data-rh] body .btn.btn-link{text-decoration:underline;text-underline-offset:4px;min-height:0;padding:.2rem .4rem}
/* светлые варианты: переменные тона */
html[data-rh] body .btn-light-primary{--k:var(--rh-ink);--k-bg:var(--rh-surface);--k-line:var(--rh-line)}
html[data-rh] body .btn-light-success{--k:var(--rh-ok);--k-bg:var(--rh-ok-soft);--k-line:transparent}
html[data-rh] body .btn-light-danger{--k:var(--rh-danger);--k-bg:var(--rh-danger-soft);--k-line:transparent}
html[data-rh] body .btn-light-warning{--k:var(--rh-warn);--k-bg:var(--rh-warn-soft);--k-line:transparent}
html[data-rh] body .btn-light-info{--k:var(--rh-info);--k-bg:var(--rh-info-soft);--k-line:transparent}
html[data-rh] body .btn-light-dark{--k:var(--rh-ink-2);--k-bg:var(--rh-surface-2);--k-line:transparent}
html[data-rh] body .btn.btn-light-primary,html[data-rh] body .btn.btn-light-success,html[data-rh] body .btn.btn-light-danger,html[data-rh] body .btn.btn-light-warning,html[data-rh] body .btn.btn-light-info,html[data-rh] body .btn.btn-light-dark{background:var(--k-bg);border-color:var(--k-line);color:var(--k)}
html[data-rh] body .btn.btn-light-primary:hover,html[data-rh] body .btn.btn-light-success:hover,html[data-rh] body .btn.btn-light-danger:hover,html[data-rh] body .btn.btn-light-warning:hover,html[data-rh] body .btn.btn-light-info:hover,html[data-rh] body .btn.btn-light-dark:hover{background:var(--k-bg);border-color:var(--k);color:var(--k)}
html[data-rh] body .btn.btn-light-primary i,html[data-rh] body .btn.btn-light-success i,html[data-rh] body .btn.btn-light-danger i,html[data-rh] body .btn.btn-light-warning i,html[data-rh] body .btn.btn-light-info i{color:inherit}
html[data-rh] body .btn-outline-primary,html[data-rh] body .btn-outline-secondary,html[data-rh] body .btn-outline-dark{--k:var(--rh-ink)}
html[data-rh] body .btn-outline-success{--k:var(--rh-ok)}
html[data-rh] body .btn-outline-danger{--k:var(--rh-danger)}
html[data-rh] body .btn-outline-warning{--k:var(--rh-warn)}
html[data-rh] body .btn-outline-info{--k:var(--rh-info)}
html[data-rh] body .btn[class*="btn-outline-"]{background:transparent;border-color:var(--k);color:var(--k)}
html[data-rh] body .btn[class*="btn-outline-"]:hover{background:var(--k);border-color:var(--k);color:var(--rh-surface)}
html[data-rh] body .btn-group>.btn{border-radius:0}
html[data-rh] body .btn-group>.btn:first-child{border-radius:var(--rh-r-m) 0 0 var(--rh-r-m)}
html[data-rh] body .btn-group>.btn:last-child{border-radius:0 var(--rh-r-m) var(--rh-r-m) 0}
html[data-rh] body .btn-group>.btn.active{background:var(--rh-inv);color:var(--rh-on-inv);border-color:var(--rh-inv)}
html[data-rh] body .close{color:var(--rh-ink);opacity:.7;text-shadow:none;background:none;border:0;font-size:24px;line-height:1;cursor:pointer}
html[data-rh] body .close:hover{opacity:1;color:var(--rh-ink)}
html[data-rh] body .close i,html[data-rh] body .ki{color:inherit}

/* ---------- 4. Формы ---------- */
html[data-rh] body .form-group{margin-bottom:1.25rem}
html[data-rh] body .form-group>label,html[data-rh] body label.col-form-label{color:var(--rh-ink-2);font-weight:600;font-size:15px;margin-bottom:.4rem}
html[data-rh] body .form-text,html[data-rh] body .help-block,html[data-rh] body .invalid-feedback{color:var(--rh-muted);font-size:14px}
html[data-rh] body .invalid-feedback{color:var(--rh-danger)}
html[data-rh] body .form-control,
html[data-rh] body .custom-select,
html[data-rh] body select.form-control,
html[data-rh] body textarea.form-control,
html[data-rh] body .form-control-solid{background-color:var(--rh-surface);border:2px solid var(--rh-line-strong);border-radius:var(--rh-r-s);color:var(--rh-ink);font:500 16px/1.4 var(--rh-f-u);min-height:48px;height:auto;padding:.6rem 1rem;box-shadow:none;transition:border-color .15s,box-shadow .15s}
html[data-rh] body .form-control::placeholder{color:var(--rh-muted);opacity:.85}
html[data-rh] body .form-control:focus,html[data-rh] body .custom-select:focus,html[data-rh] body .form-control-solid:focus{background-color:var(--rh-surface);border-color:var(--rh-ink);color:var(--rh-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--rh-ink) 14%,transparent);outline:0}
html[data-rh] body .form-control:disabled,html[data-rh] body .form-control[readonly],html[data-rh] body .custom-select:disabled,html[data-rh] body .form-control.disabled{background-color:var(--rh-surface-2);color:var(--rh-muted);opacity:1}
html[data-rh] body .form-control-solid{border-color:transparent;background-color:var(--rh-surface-2)}
html[data-rh] body .form-control.is-invalid{border-color:var(--rh-danger)}
html[data-rh] body .form-control.is-valid{border-color:var(--rh-ok)}
html[data-rh] body .form-control-lg{min-height:56px;font-size:17px;border-radius:14px}
html[data-rh] body .form-control-sm{min-height:40px;font-size:15px;padding:.35rem .75rem}
html[data-rh] body select.form-control,html[data-rh] body .custom-select{appearance:none;-webkit-appearance:none;padding-right:2.4rem;background-repeat:no-repeat;background-position:right 14px center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23625A50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme="dark"][data-rh] body select.form-control,html[data-theme="dark"][data-rh] body .custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A59D91' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-rh] body .form-control option,html[data-rh] body select option{background:var(--rh-surface);color:var(--rh-ink)}
html[data-rh] body .input-group-text{background:var(--rh-surface-2);border:2px solid var(--rh-line-strong);color:var(--rh-ink-2);border-radius:var(--rh-r-s);font-weight:600}
html[data-rh] body .input-group>.form-control:not(:last-child),html[data-rh] body .input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
html[data-rh] body .input-group>.form-control:not(:first-child),html[data-rh] body .input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
html[data-rh] body .input-group-prepend .input-group-text{border-right:0}
html[data-rh] body .input-group-append .input-group-text{border-left:0}
html[data-rh] body .input-group .btn{min-height:48px}
html[data-rh] body input[type="range"]{accent-color:var(--rh-accent)}
html[data-rh] body input[type="checkbox"],html[data-rh] body input[type="radio"]{accent-color:var(--rh-accent)}
html[data-rh] body .custom-control-label{color:var(--rh-ink-2);font-weight:500}
html[data-rh] body .custom-control-label::before{background-color:var(--rh-surface);border:2px solid var(--rh-line-strong)}
html[data-rh] body .custom-control-input:checked~.custom-control-label::before{background-color:var(--rh-accent);border-color:var(--rh-accent)}
html[data-rh] body .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 3px color-mix(in srgb,var(--rh-ink) 14%,transparent)}
/* Metronic .checkbox / .radio / .switch */
html[data-rh] body .checkbox>span,html[data-rh] body .radio>span{background-color:var(--rh-surface);border:2px solid var(--rh-line-strong)}
html[data-rh] body .checkbox>input:checked~span,html[data-rh] body .radio>input:checked~span{background-color:var(--rh-accent);border-color:var(--rh-accent)}
html[data-rh] body .checkbox>span:after{border-color:var(--rh-on-accent)}
html[data-rh] body .radio>span:after{background-color:var(--rh-on-accent)}
html[data-rh] body .checkbox,html[data-rh] body .radio,html[data-rh] body .checkbox-list label,html[data-rh] body .radio-list label{color:var(--rh-ink-2)}
html[data-rh] body .switch span:before{background-color:var(--rh-line)}
html[data-rh] body .switch input:checked~span:before{background-color:var(--rh-accent)}
html[data-rh] body .switch span:after{background-color:var(--rh-surface)}
html[data-rh] body .recaptcha,html[data-rh] body .g-recaptcha{max-width:100%;overflow:hidden}
/* select2 / datepicker (плагины) */
html[data-rh] body .select2-container--default .select2-selection--single,html[data-rh] body .select2-container--default .select2-selection--multiple{background:var(--rh-surface);border:2px solid var(--rh-line-strong);border-radius:var(--rh-r-s);min-height:48px}
html[data-rh] body .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--rh-ink);line-height:44px}
html[data-rh] body .select2-dropdown{background:var(--rh-surface);border-color:var(--rh-line);color:var(--rh-ink)}
html[data-rh] body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .datepicker,html[data-rh] body .datepicker table{background:var(--rh-surface);color:var(--rh-ink)}

/* ---------- 5. Таблицы ---------- */
html[data-rh] body .table{color:var(--rh-ink-2);background:transparent;margin-bottom:0}
html[data-rh] body .table thead th,html[data-rh] body .table.table-head-custom thead th,html[data-rh] body .table.table-head-bg thead th{background:transparent!important;color:var(--rh-muted)!important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-top:0!important;border-bottom:2px solid var(--rh-line)!important;padding:.85rem 1rem}
html[data-rh] body .table td,html[data-rh] body .table th{border-top:1px solid var(--rh-line-2)!important;vertical-align:middle;padding:.85rem 1rem;color:var(--rh-ink-2)}
html[data-rh] body .table tbody tr:hover{background:var(--rh-hover)}
html[data-rh] body .table-striped tbody tr:nth-of-type(odd){background:var(--rh-surface-2)}
html[data-rh] body .table-bordered,html[data-rh] body .table-bordered td,html[data-rh] body .table-bordered th{border:1px solid var(--rh-line)!important}
html[data-rh] body .table.table-head-custom tbody td .text-dark-75,html[data-rh] body .table td .text-dark{color:var(--rh-ink)!important}
html[data-rh] body .table-responsive{border-radius:var(--rh-r-m)}
html[data-rh] body .thead-light th{background:var(--rh-surface-2)!important}

/* ---------- 6. Модальные окна Bootstrap ---------- */
html[data-rh] body .modal-content{background:var(--rh-surface);color:var(--rh-ink-2);border:1px solid var(--rh-line);border-radius:var(--rh-r-xl);box-shadow:var(--rh-sh-2)}
html[data-rh] body .modal-header,html[data-rh] body .modal-footer{border-color:var(--rh-line-2);padding:1.1rem 1.5rem}
html[data-rh] body .modal-body{padding:1.25rem 1.5rem}
html[data-rh] body .modal-title,html[data-rh] body .modal .modal-header .modal-title,html[data-rh] body .modal-content .modal-title{color:var(--rh-ink);font:800 20px/1.2 var(--rh-f-d);letter-spacing:-.01em}
html[data-rh] body .modal-backdrop{background:var(--rh-overlay)}
html[data-rh] body .modal-backdrop.show{opacity:1}
html[data-rh] body .modal{z-index:1060}
html[data-rh] body .modal-backdrop{z-index:1055}
@media (max-width:575px){html[data-rh] body .modal-dialog{margin:.5rem}html[data-rh] body .modal-header,html[data-rh] body .modal-footer,html[data-rh] body .modal-body{padding-left:1rem;padding-right:1rem}}

/* ---------- 7. Вкладки и пилюли ---------- */
html[data-rh] body .nav-tabs{border-bottom:2px solid var(--rh-line)}
html[data-rh] body .nav-tabs .nav-link,html[data-rh] body .nav-tabs .nav-item .nav-link{background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--rh-muted);font-weight:700;padding:.8rem 1rem;border-radius:0}
html[data-rh] body .nav-tabs .nav-link:hover{color:var(--rh-ink);border-bottom-color:var(--rh-line-strong)}
html[data-rh] body .nav-tabs .nav-link.active,html[data-rh] body .nav-tabs .nav-item.show .nav-link{background:transparent;color:var(--rh-ink);border-bottom-color:var(--rh-accent)}
html[data-rh] body .nav-tabs .nav-link i,html[data-rh] body .nav-tabs .nav-link .nav-icon,html[data-rh] body .nav-tabs .nav-link .nav-text{color:inherit}
html[data-rh] body .nav-pills .nav-link{background:var(--rh-surface);border:2px solid var(--rh-line);color:var(--rh-ink-2);font-weight:600;border-radius:999px;padding:.55rem 1.1rem;margin-right:6px}
html[data-rh] body .nav-pills .nav-link:hover{border-color:var(--rh-ink);color:var(--rh-ink)}
html[data-rh] body .nav-pills .nav-link.active,html[data-rh] body .nav-pills .show>.nav-link{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .nav-pills .nav-link.active i,html[data-rh] body .nav-pills .nav-link.active .nav-text{color:inherit}
html[data-rh] body .nav .nav-link{color:var(--rh-ink-2)}
html[data-rh] body .nav-tabs-line .nav-link.active{border-bottom-color:var(--rh-accent)}
html[data-rh] body .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link.active{border-bottom-color:var(--rh-accent)}
html[data-rh] body .server-nav-tabs .nav-link.active{background:var(--rh-inv)!important;color:var(--rh-on-inv)!important;border-radius:12px!important;box-shadow:none!important}
html[data-rh] body .tab-content{color:var(--rh-ink-2)}
html[data-rh] body .server-nav-tabs{background:var(--rh-surface)!important;border:1px solid var(--rh-line)!important;overflow-x:auto;flex-wrap:nowrap}
html[data-rh] body .server-nav-tabs .nav-item{flex:0 0 auto}
html[data-rh] body .server-nav-tabs .nav-link{color:var(--rh-ink-2);white-space:nowrap}

/* ---------- 8. Бейджи, ярлыки ---------- */
html[data-rh] body .badge,html[data-rh] body .label{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font:700 13px/1.2 var(--rh-f-u);padding:.3rem .7rem;letter-spacing:0;border:0;text-transform:none}
html[data-rh] body .label.label-inline{min-height:24px;padding:0 .7rem;width:auto;height:auto}
html[data-rh] body .label.label-square{border-radius:8px}
html[data-rh] body .label-light-primary{--k:var(--rh-ink);--k-bg:var(--rh-t-sand)}
html[data-rh] body .label-light-success{--k:var(--rh-ok);--k-bg:var(--rh-ok-soft)}
html[data-rh] body .label-light-danger{--k:var(--rh-danger);--k-bg:var(--rh-danger-soft)}
html[data-rh] body .label-light-warning{--k:var(--rh-warn);--k-bg:var(--rh-warn-soft)}
html[data-rh] body .label-light-info{--k:var(--rh-info);--k-bg:var(--rh-info-soft)}
html[data-rh] body .label-light-dark,html[data-rh] body .label-light{--k:var(--rh-ink-2);--k-bg:var(--rh-surface-2)}
html[data-rh] body [class*="label-light"]{background-color:var(--k-bg,var(--rh-surface-2));color:var(--k,var(--rh-ink-2))}
html[data-rh] body .badge-primary,html[data-rh] body .label-primary{background:var(--rh-accent);color:var(--rh-on-accent)}
html[data-rh] body .badge-success,html[data-rh] body .label-success{background:var(--rh-ok-soft);color:var(--rh-ok)}
html[data-rh] body .badge-danger,html[data-rh] body .label-danger{background:var(--rh-danger-soft);color:var(--rh-danger)}
html[data-rh] body .badge-warning,html[data-rh] body .label-warning{background:var(--rh-warn-soft);color:var(--rh-warn)}
html[data-rh] body .badge-info,html[data-rh] body .label-info{background:var(--rh-info-soft);color:var(--rh-info)}
html[data-rh] body .badge-secondary,html[data-rh] body .badge-light,html[data-rh] body .label-secondary{background:var(--rh-surface-2);color:var(--rh-ink-2);border:1px solid var(--rh-line)}
html[data-rh] body .badge-dark,html[data-rh] body .label-dark{background:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .label.label-dot{width:10px;height:10px;padding:0;min-height:0}

/* ---------- 9. Алерты ---------- */
html[data-rh] body .alert{border-radius:var(--rh-r-m);border:1.5px solid transparent;padding:14px 18px;font-weight:500;color:var(--rh-ink)}
html[data-rh] body .alert .alert-icon,html[data-rh] body .alert .alert-icon i,html[data-rh] body .alert .alert-icon .svg-icon{color:inherit}
html[data-rh] body .alert .alert-text,html[data-rh] body .alert .alert-link{color:inherit}
html[data-rh] body .alert .close{color:inherit}
html[data-rh] body .alert-primary,html[data-rh] body .alert-light-primary,html[data-rh] body .alert-secondary{background:var(--rh-t-sand);color:var(--rh-ink);border-color:var(--rh-line)}
html[data-rh] body .alert-success,html[data-rh] body .alert-light-success{background:var(--rh-ok-soft);color:var(--rh-ok-ink);border-color:var(--rh-ok)}
html[data-rh] body .alert-danger,html[data-rh] body .alert-light-danger{background:var(--rh-danger-soft);color:var(--rh-danger-ink);border-color:var(--rh-danger)}
html[data-rh] body .alert-warning,html[data-rh] body .alert-light-warning{background:var(--rh-warn-soft);color:var(--rh-warn);border-color:var(--rh-warn)}
html[data-rh] body .alert-info,html[data-rh] body .alert-light-info{background:var(--rh-info-soft);color:var(--rh-info);border-color:var(--rh-info)}
html[data-rh] body .alert-light,html[data-rh] body .alert-dark{background:var(--rh-surface-2);color:var(--rh-ink-2);border-color:var(--rh-line)}
html[data-rh] body .alert.alert-custom{padding:14px 18px;align-items:center}
html[data-rh] body .alert.alert-custom.alert-primary,html[data-rh] body .alert.alert-custom.alert-success,html[data-rh] body .alert.alert-custom.alert-danger,html[data-rh] body .alert.alert-custom.alert-warning,html[data-rh] body .alert.alert-custom.alert-info{border-width:1.5px}

/* ---------- 10. Выпадающие меню, подсказки ---------- */
html[data-rh] body .dropdown-menu{background:var(--rh-surface);border:1px solid var(--rh-line);border-radius:var(--rh-r-m);box-shadow:var(--rh-sh-2);padding:8px;color:var(--rh-ink)}
html[data-rh] body .dropdown-item,html[data-rh] body .dropdown-menu .navi-link{color:var(--rh-ink);border-radius:10px;padding:.6rem .9rem;font-weight:500;background:none}
html[data-rh] body .dropdown-item:hover,html[data-rh] body .dropdown-item:focus,html[data-rh] body .dropdown-menu .navi-link:hover{background:var(--rh-hover);color:var(--rh-ink)}
html[data-rh] body .dropdown-divider{border-top-color:var(--rh-line-2)}
html[data-rh] body .tooltip-inner{background:var(--rh-inv);color:var(--rh-on-inv);border-radius:10px;font:500 14px/1.35 var(--rh-f-u);padding:6px 10px}
html[data-rh] body .tooltip .arrow::before{border-top-color:var(--rh-inv);border-bottom-color:var(--rh-inv)}
html[data-rh] body .popover{background:var(--rh-surface);border:1px solid var(--rh-line);border-radius:var(--rh-r-m);box-shadow:var(--rh-sh-2)}
html[data-rh] body .popover-header{background:var(--rh-surface-2);color:var(--rh-ink);border-bottom-color:var(--rh-line-2)}
html[data-rh] body .popover-body{color:var(--rh-ink-2)}
html[data-rh] body .navi .navi-item .navi-link{color:var(--rh-ink-2);border-radius:12px}
html[data-rh] body .navi .navi-item .navi-link .navi-text,html[data-rh] body .navi .navi-item .navi-link .navi-icon{color:inherit}
html[data-rh] body .navi.navi-hover .navi-item .navi-link:hover,html[data-rh] body .navi .navi-item .navi-link.active,html[data-rh] body .navi .navi-item.navi-item-active>.navi-link{background:var(--rh-hover);color:var(--rh-ink)}

/* ---------- 11. Пагинация, прогресс, списки, аккордеон ---------- */
html[data-rh] body .pagination{gap:6px;flex-wrap:wrap}
html[data-rh] body .page-link,html[data-rh] body .pagination .page-item .page-link{background:var(--rh-surface);border:2px solid var(--rh-line);color:var(--rh-ink);border-radius:12px!important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;margin:0}
html[data-rh] body .page-link:hover{border-color:var(--rh-ink);background:var(--rh-surface);color:var(--rh-ink)}
html[data-rh] body .page-item.active .page-link{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .page-item.disabled .page-link{opacity:.5;background:var(--rh-surface-2)}
html[data-rh] body .progress{background:var(--rh-line);border-radius:999px;height:12px;overflow:hidden;box-shadow:none}
html[data-rh] body .progress-bar{background:var(--rh-accent);border-radius:999px;color:var(--rh-on-accent)}
html[data-rh] body .progress-bar.bg-success{background:var(--rh-ok)!important}
html[data-rh] body .progress-bar.bg-danger{background:var(--rh-danger)!important}
html[data-rh] body .progress-bar.bg-warning{background:var(--rh-warn)!important}
html[data-rh] body .list-group-item{background:var(--rh-surface);border-color:var(--rh-line-2);color:var(--rh-ink-2)}
html[data-rh] body .list-group-item.active{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .accordion .card .card-header{background:transparent!important}
html[data-rh] body .accordion .card .card-title{color:var(--rh-ink)}
html[data-rh] body .accordion .card .card-title.collapsed{color:var(--rh-ink-2)}
html[data-rh] body .accordion.accordion-light .card .card-header .card-title{color:var(--rh-ink)}
html[data-rh] body .breadcrumb{background:transparent}
html[data-rh] body .breadcrumb-item,html[data-rh] body .breadcrumb-item a{color:var(--rh-muted)}
html[data-rh] body .breadcrumb-item.active{color:var(--rh-ink)}

/* ---------- 12. Мелочи Metronic ---------- */
html[data-rh] body .symbol .symbol-label{background-color:var(--rh-surface-2);color:var(--rh-ink-2);font-weight:700;border-radius:var(--rh-r-m)}
html[data-rh] body .symbol.symbol-circle .symbol-label{border-radius:50%}
html[data-rh] body .symbol.bg-light,html[data-rh] body .symbol.symbol-light .symbol-label{background-color:var(--rh-surface-2)!important}
html[data-rh] body .symbol .symbol-badge{border-color:var(--rh-surface)}
html[data-rh] body .symbol .symbol-label.bg-light-primary,html[data-rh] body .symbol.bg-light-primary .symbol-label{background-color:var(--rh-t-sand)!important}
html[data-rh] body .separator{border-bottom-color:var(--rh-line)}
html[data-rh] body .separator.separator-dashed{border-bottom-style:dashed}
html[data-rh] body .spinner:before{border-color:var(--rh-line-strong);border-top-color:var(--rh-accent)}
html[data-rh] body .spinner.spinner-primary:before,html[data-rh] body .spinner.spinner-white:before{border-top-color:var(--rh-accent)}
html[data-rh] body .spinner-border{color:var(--rh-accent)}
html[data-rh] body .pulse .pulse-ring{border-color:var(--rh-accent)}
html[data-rh] body .overlay .overlay-layer{background:var(--rh-overlay)}
html[data-rh] body .blockui{background:var(--rh-surface);color:var(--rh-ink);border:1px solid var(--rh-line);border-radius:var(--rh-r-m)}
html[data-rh] body .blockOverlay{background:var(--rh-overlay)!important;opacity:1!important}
html[data-rh] body .gutter-b{margin-bottom:20px}
html[data-rh] body .ki,html[data-rh] body .fas,html[data-rh] body .far,html[data-rh] body .fab,html[data-rh] body [class^="flaticon"]{-webkit-font-smoothing:antialiased}
html[data-rh] body .rounded{border-radius:var(--rh-r-m)!important}
html[data-rh] body .scroll,html[data-rh] body .ps{scrollbar-color:var(--rh-line-strong) transparent}
html[data-rh] body ::-webkit-scrollbar{width:10px;height:10px}
html[data-rh] body ::-webkit-scrollbar-thumb{background:var(--rh-line-strong);border-radius:10px;border:2px solid var(--rh-bg)}
html[data-rh] body ::-webkit-scrollbar-track{background:transparent}
html[data-rh] body .recaptcha{border:0;background:transparent;padding:0}
html[data-rh] body img[src*="/img/pay/"]{background:var(--rh-surface-2);border-radius:14px}
html[data-rh] body .fc,html[data-rh] body .fc-view{color:var(--rh-ink-2)}
html[data-rh] body .fc td,html[data-rh] body .fc th{border-color:var(--rh-line-2)}
html[data-rh] body .fc-event{background:var(--rh-inv);border-color:var(--rh-inv);color:var(--rh-on-inv)}
html[data-rh] body .apexcharts-text{fill:var(--rh-muted)}
html[data-rh] body .apexcharts-gridline{stroke:var(--rh-line-2)}
html[data-rh] body .apexcharts-tooltip{background:var(--rh-surface);color:var(--rh-ink);border-color:var(--rh-line);box-shadow:var(--rh-sh-2)}
html[data-rh] body .apexcharts-legend-text{color:var(--rh-ink-2)!important}
html[data-rh] body .apexcharts-menu{background:var(--rh-surface);border-color:var(--rh-line);color:var(--rh-ink)}
html[data-rh] body .bootstrap-select .dropdown-toggle{background:var(--rh-surface);border:2px solid var(--rh-line-strong);color:var(--rh-ink)}
html[data-rh] body .toast{background:var(--rh-surface);color:var(--rh-ink);border-color:var(--rh-line)}
/* SPA: плавная смена содержимого и индикатор */
html[data-rh] body #spa-progress-bar{background:var(--rh-accent);height:3px}
html[data-rh] body .spa-content-animating-out{opacity:.4;transition:opacity .15s}
html[data-rh] body .spa-content-animating-in{animation:rh-fade .25s var(--rh-ease)}
@keyframes rh-fade{from{opacity:.4}to{opacity:1}}

/* ---------- 13. Поправки к rh-legacy.css (приоритет выше: подключено после @import) ---------- */
html[data-rh]{font-size:16px}
html[data-rh] body .order-submit-btn,html[data-rh] body .btn.order-submit-btn{background:var(--rh-accent)!important;border:2px solid var(--rh-accent)!important;color:var(--rh-on-accent)!important;box-shadow:none!important;min-height:56px;border-radius:18px!important}
html[data-rh] body .order-submit-btn:hover{background:var(--rh-accent-hover)!important;border-color:var(--rh-accent-hover)!important;filter:none;transform:none}
html[data-rh] body .bento-address{background:var(--rh-surface-2);border:2px solid var(--rh-line)}
html[data-rh] body .bento-address .copy{background:var(--rh-inv);color:var(--rh-on-inv);border-color:var(--rh-inv)}
html[data-rh] body .card:has(img[src*="/img/pay/"]) .card-footer .btn.btn-primary{background:var(--rh-surface)!important;color:var(--rh-ink)!important;border:2px solid var(--rh-line)!important;box-shadow:none!important}
html[data-rh] body .card:has(img[src*="/img/pay/"]):hover .card-footer .btn.btn-primary{background:var(--rh-accent)!important;color:var(--rh-on-accent)!important;border-color:var(--rh-accent)!important}
html[data-rh] body .bento-tile .btn.btn-primary,html[data-rh] body .server-card .btn.btn-primary{box-shadow:none}
html[data-rh] body .bento-icon,html[data-rh] body .bento-game-icon{background:var(--rh-surface-2)}
html[data-rh] body .bento-meter>span{background:var(--rh-accent)}
html[data-rh] body .bento-meter.warn>span{background:var(--rh-warn)}
html[data-rh] body .mon-players .bento-meter>span{background:var(--rh-ok)}
html[data-rh] body .bento-hero-title{max-width:none}
html[data-rh] body .bento-tile.bento-hero{background:var(--rh-surface)}
/* заголовки старых страниц: размеры через :where, чтобы классовые правила страниц их перекрывали */
html[data-rh] .rh-main .content :where(h1){font-size:clamp(26px,3vw,36px)}
html[data-rh] .rh-main .content :where(h2){font-size:clamp(22px,2.4vw,28px)}
html[data-rh] .rh-main .content :where(h3){font-size:20px}
html[data-rh] .rh-main .content :where(h4){font-size:18px}
html[data-rh] .rh-main .content :where(h5){font-size:16px}
html[data-rh] body .bento-head h1{font-size:clamp(26px,3vw,36px)}
html[data-rh] body .bento-game h1{font-size:clamp(22px,2.4vw,30px);line-height:1.2}
html[data-rh] body .bento-tile-head h3,html[data-rh] body .bento-section h2{font-size:18px}
html[data-rh] body .bento-head p,html[data-rh] body .bento-sub,html[data-rh] body .bento-desc,html[data-rh] body .bento-label,html[data-rh] body .bento-list-row .s{font-size:14px}
html[data-rh] body .bento-pill{font-size:14px}
html[data-rh] body .bento-head{margin-top:4px}

/* ---------- 14. Файловый менеджер elFinder (страница servers/ftp красит его своим тёмным инлайн-стилем) ---------- */
html[data-rh] body .elfinder{background:var(--rh-surface)!important;border:1px solid var(--rh-line)!important;border-radius:var(--rh-r-m)!important;box-shadow:none!important;color:var(--rh-ink-2)}
html[data-rh] body .elfinder .elfinder-toolbar{background:var(--rh-surface-2)!important;border-bottom:1px solid var(--rh-line)!important}
html[data-rh] body .elfinder .elfinder-buttonset{background:transparent!important;border:1px solid var(--rh-line)!important}
html[data-rh] body .elfinder .elfinder-button{background:transparent!important;color:var(--rh-ink)}
html[data-rh] body .elfinder .elfinder-button:hover{background:var(--rh-hover)!important}
html[data-rh] body .elfinder .elfinder-button.ui-state-active{background:var(--rh-t-sand)!important}
html[data-rh] body .elfinder .elfinder-navbar,html[data-rh] body .elfinder .elfinder-statusbar{background:var(--rh-surface-2)!important;border-color:var(--rh-line)!important;color:var(--rh-muted)!important}
html[data-rh] body .elfinder .elfinder-statusbar a{color:var(--rh-muted)!important}
html[data-rh] body .elfinder-navbar .elfinder-tree .elfinder-navbar-dir{color:var(--rh-ink-2)!important}
html[data-rh] body .elfinder-navbar .ui-state-hover{background:var(--rh-hover)!important;color:var(--rh-ink)!important}
html[data-rh] body .elfinder-navbar .ui-state-active{background:var(--rh-inv)!important;color:var(--rh-on-inv)!important}
html[data-rh] body .elfinder-workzone,html[data-rh] body .elfinder-cwd-wrapper{background:var(--rh-surface)!important;color:var(--rh-ink-2)!important}
html[data-rh] body .elfinder-cwd-view-icons .elfinder-cwd-filename{color:var(--rh-ink-2)!important;text-shadow:none!important}
html[data-rh] body .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,html[data-rh] body .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active{background:var(--rh-hover)!important}
html[data-rh] body .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,html[data-rh] body .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-active{background:var(--rh-inv)!important;color:var(--rh-on-inv)!important}
html[data-rh] body .elfinder-cwd table{color:var(--rh-ink-2)!important}
html[data-rh] body .elfinder-cwd table thead td{background:var(--rh-surface-2)!important;color:var(--rh-muted)!important;border-bottom:1px solid var(--rh-line)!important}
html[data-rh] body .elfinder-cwd table tr{border-top:1px solid var(--rh-line-2)!important}
html[data-rh] body .elfinder-cwd table tr:nth-child(odd){background-color:var(--rh-surface-2)!important}
html[data-rh] body .elfinder-cwd table td.ui-state-hover{background:var(--rh-inv)!important;color:var(--rh-on-inv)!important}
html[data-rh] body .elfinder .elfinder-panel,html[data-rh] body .elfinder .ui-resizable-handle{background:var(--rh-line-2)!important}
html[data-rh] body .elfinder-contextmenu{background:var(--rh-surface)!important;border:1px solid var(--rh-line)!important;box-shadow:var(--rh-sh-2)!important;backdrop-filter:none!important}
html[data-rh] body .elfinder-contextmenu .elfinder-contextmenu-item{color:var(--rh-ink)!important}
html[data-rh] body .elfinder-contextmenu .ui-state-hover,html[data-rh] body .elfinder-contextmenu .ui-state-active{background:var(--rh-inv)!important;color:var(--rh-on-inv)!important}
html[data-rh] body .std42-dialog,html[data-rh] body .std42-dialog .ui-widget-content{background:var(--rh-surface)!important;color:var(--rh-ink-2)!important;border-color:var(--rh-line)!important}
html[data-rh] body .std42-dialog .ui-dialog-titlebar{background:var(--rh-surface-2)!important;color:var(--rh-ink)!important;border-bottom:1px solid var(--rh-line)!important}
html[data-rh] body .std42-dialog.elfinder-bg-translucent{background-color:var(--rh-surface)!important}
html[data-rh] body .elfinder-info-tb td{color:var(--rh-ink-2)!important}
html[data-rh] body .elfinder input,html[data-rh] body .elfinder textarea,html[data-rh] body .std42-dialog input,html[data-rh] body .std42-dialog textarea{background:var(--rh-surface)!important;color:var(--rh-ink)!important;border:2px solid var(--rh-line-strong)!important}
html[data-rh] body .std42-dialog .ui-button,html[data-rh] body .elfinder .ui-button{background:var(--rh-surface)!important;color:var(--rh-ink)!important;border:2px solid var(--rh-line)!important;border-radius:12px!important}
html[data-rh] body .std42-dialog .ui-button:hover{border-color:var(--rh-ink)!important}
html[data-rh] body .bento-hero-title{font-size:clamp(24px,2.6vw,34px);line-height:1.2}
html[data-rh] body .font-size-sm,html[data-rh] body .font-size-xs{font-size:14px!important}
html[data-rh] body .font-size-lg{font-size:17px!important}