:root{color-scheme:light;--ab-bg:#f5f7fa;--ab-panel:#ffffff;--ab-panel2:#f7f9fc;--ab-line:#d8dee8;--ab-blue:#0877ea;--ab-blue2:#1688ff;--ab-text:#17212b;--ab-muted:#64748b}
#bm-theme-toggle-button,#billmanager-theme-toggle,[id*="theme-toggle"],[class*="theme-toggle"],[aria-label*="theme"],[title*="theme"],[aria-label*="Тема"],[title*="Тема"]{display:none!important}
.ab-native-cover{position:absolute!important;inset:0!important;background:var(--ab-bg)!important;z-index:5!important;pointer-events:none!important}
.ab-vps-catalog-v2{position:relative!important;z-index:8!important;background:var(--ab-bg)!important;color:var(--ab-text)!important;padding:28px 24px 40px!important;min-height:calc(100vh - 120px)!important;font-family:inherit!important}
.ab-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important}
.ab-page-head h1{font-size:30px!important;line-height:1.1!important;margin:0 0 8px!important;color:var(--ab-text)!important;font-weight:800!important}
.ab-page-head p{margin:0!important;color:var(--ab-muted)!important}
.ab-count{color:var(--ab-muted)!important;white-space:nowrap!important}
.ab-filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 10px!important}
.ab-filter,.ab-period-select,.ab-dc-dropdown button{background:#fff!important;border:1px solid #0b7cff!important;color:#125ba5!important;border-radius:6px!important;padding:8px 15px!important;font-weight:700!important}
.ab-filter.active,.ab-dc-dropdown button.active{background:var(--ab-blue)!important;color:#fff!important}
.ab-period-select{min-width:220px!important;appearance:auto!important}
.ab-dc-dropdown{display:flex!important;gap:8px!important;background:#fff!important;border:1px solid var(--ab-line)!important;border-radius:8px!important;padding:10px!important;margin:0 0 16px!important;width:max-content!important;max-width:100%!important}
.ab-plan-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:16px!important}
.ab-plan-card{background:var(--ab-panel)!important;border:1px solid var(--ab-line)!important;border-radius:6px!important;padding:20px!important;min-height:310px!important;display:flex!important;flex-direction:column!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.ab-plan-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}
.ab-plan-top h2{font-size:18px!important;line-height:1.25!important;margin:0 0 16px!important;color:var(--ab-text)!important;font-weight:800!important}
.ab-flag{font-size:23px!important;line-height:1!important}
.ab-dc-label{color:var(--ab-muted)!important;margin-bottom:3px!important}
.ab-dc-name{font-weight:800!important;margin-bottom:14px!important;color:var(--ab-text)!important}
.ab-plan-card ul{margin:0 0 20px 18px!important;padding:0!important;color:var(--ab-text)!important;line-height:1.55!important}
.ab-plan-card li{margin:0!important}
.ab-plan-bottom{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.ab-price{font-size:18px!important;font-weight:800!important;color:var(--ab-text)!important}
.ab-order{background:var(--ab-blue)!important;color:#fff!important;border:0!important;border-radius:5px!important;min-width:150px!important;padding:12px 18px!important;font-weight:800!important;cursor:pointer!important}
.ab-order:hover{background:var(--ab-blue2)!important}
.ab-os-order-v2{background:#f4f6f8!important;border:0!important;border-radius:24px!important;padding:26px!important;margin:0 0 20px!important;max-width:1120px!important;color:#111!important;font-family:Inter,Manrope,Arial,sans-serif!important}
.ab-os-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0 0 20px!important}
.ab-os-heading h2{margin:0 0 5px!important;font-size:25px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important;color:#111!important}
.ab-os-heading p{margin:0!important;color:#666!important;font-size:14px!important}
.ab-os-ready-count{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 13px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
.ab-os-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;border:0!important;overflow:visible!important}
.ab-os-family{position:relative!important;display:flex!important;flex-direction:column!important;min-height:200px!important;padding:20px!important;border:2px solid transparent!important;border-radius:20px!important;background:#fff!important;box-shadow:0 1px 0 rgba(17,17,17,.04)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.ab-os-family:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(17,17,17,.08)!important}
.ab-os-family.active{border-color:#18c9e1!important;box-shadow:0 0 0 4px rgba(24,201,225,.14)!important}
.ab-os-family.is-pending{opacity:.56!important;filter:saturate(.55)!important}
.ab-os-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:68px!important;height:68px!important;margin-bottom:18px!important;border-radius:18px!important;background:#f0f3f5!important}
.ab-os-logo img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important}
.ab-os-copy{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important}
.ab-os-copy h3{margin:0!important;color:#111!important;font-size:17px!important;line-height:22px!important;font-weight:800!important}
.ab-os-copy>small{display:block!important;margin-top:4px!important;color:#8a8a8a!important;font-size:10px!important;line-height:13px!important}
.ab-os-versions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:auto!important;padding-top:14px!important}
.ab-os-version{min-height:30px!important;padding:5px 9px!important;border:1px solid #d9dee3!important;border-radius:9px!important;background:#f7f8f9!important;color:#252525!important;font-size:12px!important;font-weight:750!important;line-height:18px!important;cursor:pointer!important;transition:all .15s ease!important}
.ab-os-version:hover:not(:disabled){border-color:#18c9e1!important;background:#eefdff!important;color:#006f7e!important}
.ab-os-version.active{border-color:#18c9e1!important;background:#18c9e1!important;color:#08191b!important;box-shadow:0 4px 12px rgba(24,201,225,.28)!important}
.ab-os-version:disabled{border-style:dashed!important;color:#a2a8ae!important;background:#f3f4f5!important;cursor:not-allowed!important}
.ab-os-note{margin:18px 0 0!important;padding:12px 14px!important;border-radius:12px!important;background:#e8edf2!important;color:#4f5a65!important;font-size:12px!important;line-height:18px!important}
.ab-payments-page [class*="method"],.ab-payments-page [class*="payment"]{border-color:var(--ab-line)!important}
@media(max-width:1000px){.ab-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.ab-vps-catalog-v2{padding:18px 12px!important}.ab-plan-grid{grid-template-columns:1fr!important}.ab-page-head{display:block!important}.ab-plan-bottom{display:block!important}.ab-order{width:100%!important;margin-top:12px!important}.ab-os-order-v2{padding:16px!important;border-radius:18px!important}.ab-os-heading{display:block!important}.ab-os-ready-count{margin-top:12px!important}.ab-os-grid{grid-template-columns:1fr!important}.ab-os-family{min-height:168px!important}}

/* ============================================================
   sandra.host brand theme for the BILLmanager "dragon" skin
   Stage 3, 2026-10-18. Source: sandra-billmanager-brand/sandra-billmanager-theme.css (2026-10-16).
   Appended after the original ab-client-ui.css rules: the :root overrides win by source order and !important.
   Differences from the package (explained in the stage-3 report):
   - Golos Text is self-hosted from /manimg/dragon/assets/fonts/ (SIL OFL) instead of @import from Google
     Fonts: an @import placed after other rules is ignored by browsers, and clients then would need Google.
   - the icon components of the panel are excluded from the font rule; checkboxes/radios/sliders from the
     input-radius rule; links are recoloured only through the .ispui-link component (header/menu colours
     come from the panel branding settings); the login background is set in the branding settings.
   - the duplicate "hide theme toggle" block is not repeated (line 2 of this file already does it).
   ============================================================ */

/* ---- Golos Text (self-hosted, same files as on sandra.host) ---- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/manimg/dragon/assets/fonts/golos-text-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/manimg/dragon/assets/fonts/golos-text-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/manimg/dragon/assets/fonts/golos-text-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/manimg/dragon/assets/fonts/golos-text-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- Brand tokens ---- */
:root{
  --sh-pine:#0b1d16;      /* dark pine: header, dark areas */
  --sh-ink:#143c2d;       /* main dark green: text, dark buttons */
  --sh-ink-2:#1d5740;     /* ink hover */
  --sh-mint:#72ca94;      /* mint accent */
  --sh-mint-700:#3f8c5f;  /* dark mint: borders, hover */
  --sh-mint-soft:#eafaf0; /* mint background for statuses */
  --sh-paper:#fafbf7;     /* milky background */
  --sh-milk:#ffffff;      /* cards */
  --sh-soft:#f3f7ef;      /* secondary surfaces */
  --sh-lime:#e2f0bc;      /* lime accents */
  --sh-muted:#5a6d61;     /* secondary text */
  --sh-line:#dce5d9;      /* lines, borders */
  --sh-link:#1f7a4e;      /* links */
}

/* ---- 1) Custom .ab-* blocks (kept for compatibility; the catalogue itself is not rendered since 14.10) ---- */
:root{
  --ab-bg:#fafbf7 !important;
  --ab-panel:#ffffff !important;
  --ab-panel2:#f3f7ef !important;
  --ab-line:#dce5d9 !important;
  --ab-blue:#143c2d !important;
  --ab-blue2:#1d5740 !important;
  --ab-text:#143c2d !important;
  --ab-muted:#5a6d61 !important;
}
.ab-vps-catalog-v2,.ab-vps-catalog-v2 *,.ab-os-order-v2,.ab-os-order-v2 *{font-family:'Golos Text',Arial,system-ui,sans-serif !important}
.ab-order{background:var(--sh-ink) !important;border-radius:999px !important;letter-spacing:-.01em !important}
.ab-order:hover{background:var(--sh-ink-2) !important}
.ab-filter,.ab-period-select,.ab-dc-dropdown button{border:1px solid #bcd3c4 !important;color:#1f6a46 !important;border-radius:999px !important}
.ab-filter.active,.ab-dc-dropdown button.active{background:var(--sh-ink) !important;color:#f4f7f0 !important;border-color:var(--sh-ink) !important}
.ab-plan-card{border-radius:18px !important}
.ab-os-order-v2{background:var(--sh-soft) !important}
.ab-os-family{border-radius:18px !important}
.ab-os-family.active{border-color:var(--sh-mint) !important;box-shadow:0 0 0 4px rgba(114,202,148,.18) !important}
.ab-os-version:hover:not(:disabled){border-color:var(--sh-mint) !important;background:var(--sh-mint-soft) !important;color:#0f5a38 !important}
.ab-os-version.active{border-color:var(--sh-mint-700) !important;background:var(--sh-mint) !important;color:#0d2c1d !important;box-shadow:0 4px 12px rgba(114,202,148,.30) !important}
.ab-os-ready-count{background:var(--sh-ink) !important;color:#f4f7f0 !important}
.ab-status-active,.ab-badge-active{background:var(--sh-mint-soft) !important;color:#0f5a38 !important;border:1px solid #9fdcb6 !important;border-radius:999px !important}

/* ---- 2) The panel itself (--isp-* variables, .ispui-* components of the dragon skin) ---- */
:root{
  --isp-background-accent-basis:150deg, 44% !important;   /* accent hue: blue 212deg -> green 150deg */
  --isp-background-accent-lightness:34% !important;
  --isp-icons-accent-color:#2e8c57 !important;
  --isp-icons-link-color:var(--sh-link) !important;
  --isp-icons-main-color:var(--sh-ink) !important;
  --isp-icons-success-color:#2e8c57 !important;
}

/* Golos Text everywhere instead of Ubuntu (icon components keep their own font) */
body,.isp-container,.isp-app,input,select,textarea,button,
[class*="ispui-"]:not([class*="icon"]):not([class*="Icon"]){
  font-family:'Golos Text',Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Buttons: pill shape; accent/primary buttons in ink green with light text */
.ispui-button{border-radius:999px !important}
.ispui-button_theme_accent,.ispui-button_theme_primary{background:var(--sh-ink) !important;border-color:var(--sh-ink) !important;color:#f4f7f0 !important}
.ispui-button_theme_accent:hover,.ispui-button_theme_primary:hover{background:var(--sh-ink-2) !important}

/* Link component */
.ispui-link{color:var(--sh-link) !important}

/* Text inputs: soft corners (checkboxes, radios and sliders untouched) */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{border-radius:10px !important}

/* ============================================================
   sandra.host — pass 2 (stage 3b, 2026-10-18): closer to the site.
   Light header and paper page like sandra.host, big radii, borderless white cards with a soft green shadow,
   larger page titles. Only colours, radii and shadows; the structure of the panel is untouched.
   Selectors come from a read-only DOM inspection of the cabinet (patches/stage3b-cdp-inspect.ps1, 18.10).
   ============================================================ */

/* page background, lines, radii — the dragon skin's own variables (light theme only) */
:root:not([dark="true"]){
  --isp-background-main:#fafbf7 !important;          /* page */
  --isp-border-default:#dce5d9 !important;           /* lines */
  --isp-shadow-base:#143c2d !important;              /* tint of shadows */
  --ispui-input__border-radius:12px !important;
  --ispui-table__border-radius:16px !important;
  --ispui-border-radius_s:8px !important;
  --ispui-border-radius_m:12px !important;
  --ispui-border-radius_l:16px !important;
  --ispui-link__border-radius:6px !important;
}

/* header and tab bar are light now (colours come from the branding form); thin lines separate the bands */
isp-header-top-line.isp-context__top-header{box-shadow:inset 0 -1px 0 #dce5d9 !important}
isp-header-sub-line.isp-context__sub-header{box-shadow:inset 0 -1px 0 #dce5d9 !important}
isp-panel.isp-side-bar{box-shadow:inset -1px 0 0 #dce5d9 !important}

/* titles like the site headings */
h1.isp-page-header__main-title,.isp-page-header__main-title-text{font-size:30px !important;font-weight:700 !important;letter-spacing:-.02em !important}
.isp-widget-wrap__title-text{font-size:18px !important;font-weight:600 !important}
.isp-empty-stub__title{font-weight:600 !important}

/* cards: dashboard widgets and forms — rounded, no grey 1px border, soft green shadow */
div.placeholder>div.container,.isp-df__content_background{
  border:0 !important;border-radius:20px !important;box-shadow:0 10px 30px rgba(20,60,45,.06) !important;background:#ffffff !important;
}
/* quick-access tiles on the dashboard */
div.placeholder>div.container button.isp-button:not(.ispui-button){border-radius:16px !important;border:1px solid #e6ece3 !important;background:#fafbf7 !important}
div.placeholder>div.container button.isp-button:not(.ispui-button):hover{background:#f3f7ef !important;border-color:#c9ebd6 !important}

/* lists: the table block as one rounded card */
isp-table.table{border-radius:16px !important;box-shadow:0 10px 30px rgba(20,60,45,.06) !important;background:#ffffff !important}
isp-table.table .table-header{border-radius:16px 16px 0 0 !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;border-bottom:1px solid #e6ece3 !important}
isp-table.table .isp-table__horizontal-scroll-wrapper{border-left:0 !important;border-right:0 !important;border-bottom:0 !important;border-top:0 !important}
.ispui-table__th{background:#ffffff !important}
.list-table__header_cell{background:#f3f7ef !important}

/* fields, selects, pickers, popups */
.ispui-input,.ispui-input__field,.ispui-select,.ispui-select-anchor,.ispui-file-picker__anchor{border-radius:12px !important}
.ispui-dropdown-popup__container{border-radius:14px !important;box-shadow:0 12px 32px rgba(20,60,45,.14) !important}

/* notifications */
.ispui-notification,[class*="ispui-notification__container"]{border-radius:16px !important}

/* ============================================================
   sandra.host — pass 3 (stage 3c, 2026-10-19): the focus frame of the buttons.
   The dragon skin marks a focused button (:focus-visible) with a 1px light rectangle drawn inside it
   (::after, inset 0, colour --isp-text-contrast). On the pill-shaped ink-green buttons of this theme it
   showed as a white rectangle inside the button, and the panel focuses the main button of a form when the
   form opens, so it was visible without any keyboard use ("Закрыть", "Перейти в платёжную систему", 19.10).
   The rectangle is removed. Keyboard focus is shown instead the way sandra.host does it: a thin mint ring
   around the pill (outline follows border-radius in current browsers), so focus stays visible.
   ============================================================ */
.ispui-button:focus-visible::after{display:none !important}
.ispui-button:focus-visible{outline:2px solid var(--sh-mint) !important;outline-offset:2px !important}