html.zhaliska-office,
html.zhaliska-office[data-theme="light"] {
  --fn-color-brand: #813c31;
  --fn-color-brand-hover: #672b27;
  --fn-color-brand-soft: #a46f40;
  --fn-text-brand: #813c31;
  --fn-bg-page: #f6f0e6;
  --fn-bg-sidebar: #fffaf2;
  --fn-surface: #fffdf8;
  --fn-text-primary: #2f2522;
  --fn-text-secondary: #665750;
}
html.zhaliska-office[data-theme="dark"] {
  --fn-color-brand: #dbad69;
  --fn-color-brand-hover: #f3c487;
  --fn-color-brand-soft: #bd935f;
  --fn-text-brand: #eac28d;
}
html.zhaliska-office #octop-boot-logo,
html.zhaliska-office img.octop-boot-logo { visibility: hidden; }
html.zhaliska-office #octop-boot-mark::after {
  content: '';
  position: absolute;
  inset: 14px;
  background: url('/zhaliska-sso/brand-mark.svg') center / contain no-repeat;
}
html.zhaliska-office #octop-boot-ring { border-color: rgba(129, 60, 49, .18); border-top-color: #a8783f; }
html.zhaliska-office img[src*="logo_horizontal"],
html.zhaliska-office img[src*="logo_vertical"],
html.zhaliska-office img[src*="/pwa-192"],
html.zhaliska-office img[src*="octop-mascot"] { visibility: hidden; }
html.zhaliska-office [class*="versionBadge"],
html.zhaliska-office [class*="headerVersion"],
html.zhaliska-office [role="tab"][hidden],
html.zhaliska-office button[hidden] { display: none !important; }
html.zhaliska-office-usage [class*="index-module__disclaimer__"] { display: none !important; }
#zhaliska-mimo-cost {
  display: grid;
  gap: 13px;
  margin: 0 0 16px;
  padding: 18px 20px;
  border: 1px solid #c99c5d;
  border-radius: 14px;
  background: linear-gradient(125deg, #522a29, #35272d);
  color: #ffefcb;
  box-shadow: 0 12px 28px rgba(50, 26, 22, .13);
}
#zhaliska-mimo-cost .zh-cost-head { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
#zhaliska-mimo-cost .zh-cost-head span { color: #dfbc85; font-size: 11px; letter-spacing: .12em; }
#zhaliska-mimo-cost h2 { margin: 3px 0 0; color: #fff4dc; font-size: 18px; line-height: 1.3; }
#zhaliska-mimo-cost select { min-height: 36px; padding: 6px 24px 6px 10px; border: 1px solid #b99767; border-radius: 7px; color: #fbe8c6; background: #4a302d; cursor: pointer; }
#zhaliska-mimo-cost select:focus-visible { outline: 2px solid #f5cd84; outline-offset: 2px; }
#zhaliska-mimo-cost .zh-cost-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#zhaliska-mimo-cost .zh-cost-grid > div { display: grid; min-width: 0; gap: 5px; padding: 12px 14px; border: 1px solid rgba(244, 213, 161, .25); border-radius: 9px; background: rgba(255, 249, 230, .06); }
#zhaliska-mimo-cost small { color: #dfc8aa; font-size: 11px; }
#zhaliska-mimo-cost strong { color: #fff2d7; font-size: clamp(16px, 1.7vw, 22px); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#zhaliska-mimo-cost p { margin: 0; color: #e4cfb4; font-size: 11px; line-height: 1.5; }
@media (max-width: 650px) { #zhaliska-mimo-cost .zh-cost-grid { grid-template-columns: 1fr; } }