/* Global configurable BO icon navigation. Kept isolated from page-specific layout.
   2026-09-24 visual pass: layout/grid/columns untouched — only surface, icon
   treatment and state colour were revised. The previous active/hover state painted
   the tile near-white (#F5EBDC) while leaving the icon white, so the selected tab
   was effectively invisible; the icon tile + underline below fixes that and gives
   the bar the same warm-leather depth as the rest of the BO chrome. */
.bo-global-quicknav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;background:linear-gradient(180deg,#E0850F 0%,#C2670B 100%);border-bottom:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);position:relative;z-index:20}
.bo-global-quicknav a{position:relative;min-height:72px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#FDEBD3;font-size:26px;border-right:1px solid rgba(0,0,0,.1);transition:color .16s ease}
.bo-global-quicknav a:nth-child(6n){border-right:0}
.bo-global-quicknav a i{line-height:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:background .16s ease,color .16s ease,transform .16s ease}
.bo-global-quicknav a:hover i{background:rgba(255,255,255,.14);color:#FFF8EB}
.bo-global-quicknav a:active i{transform:scale(.94)}
.bo-global-quicknav a.active{color:#FFF8EB}
.bo-global-quicknav a.active i{background:#FFF8EB;color:#92400E;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.bo-global-quicknav a.active::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:26px;height:3px;border-radius:3px 3px 0 0;background:#FFF8EB}
.bo-global-quicknav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(min-width:992px){
  /* Match the 64px sidebar brand row so both header boundaries share one baseline. */
  .bo-global-quicknav{height:64px}
  .bo-global-quicknav a{height:64px;min-height:64px}
}
.bo-nav-config-card{margin-bottom:18px;padding:20px}.bo-nav-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.bo-nav-config-head h2{font-size:18px;margin:0 0 5px}.bo-nav-config-head p{margin:0;color:#6b7280;font-size:13px}.bo-nav-config-mode{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--bo-border,#e5e7eb)}.bo-nav-config-mode label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.bo-nav-shortcut-title{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}.bo-nav-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.bo-nav-shortcut-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #d8dee8;border-radius:10px;cursor:pointer;min-width:0}.bo-nav-shortcut-option i{font-size:20px}.bo-nav-shortcut-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.bo-nav-shortcut-option:has(input:checked){border-color:#d97706;background:rgba(217,119,6,.07)}
body.bo-sidebar-click-mode .report-sidebar .nav-group.bo-flyout-hover .nav-group-list{display:none!important}
/* The flyout's height must come from its own row, not from the viewport.
   `reports.css` pins `.report-sidebar .report-nav > .nav-group > .nav-group-list`
   to `max-height: calc(100vh - 24px) !important`, and an `!important` stylesheet
   declaration beats the inline `max-height` that `positionSidebarFlyout()` in
   auth.js writes — so the cap the JS measured from the room below the row was
   silently discarded (measured: inline `547px`, computed `926.4px`).
   On the owner's window the Report row sits at y=573, so the panel was allowed
   to run to 573+504=1077 in a 950px viewport: the last entries sat **below the
   screen**, and because the 504px content was still smaller than the 926px cap,
   `overflow-y:auto` produced **no scrollbar either** — 8.11 was neither visible
   nor scrollable, which is exactly the reported "无法点到 8.11".
   The custom property is the JS's cap, carried at a specificity higher than the
   reports.css rule so it wins while both are `!important`; the `100vh - 24px`
   fallback keeps the old behaviour on any page where the JS has not run.
   Reacting to pointer movement is what the JS comment above `positionSidebarFlyout`
   describes as the earlier failure: a panel detached from its row forces a long
   diagonal across the sibling menu rows, each of which closes this flyout. */
.report-sidebar .report-nav > .nav-group.bo-flyout-hover > .nav-group-list{
  max-height:var(--bo-sidebar-flyout-max,calc(-24px + 100vh))!important;
  overflow-y:auto;
}
/* The flyout's scrollbar — the locked **Panel pill** recipe, and app-wide.
   Until now this recipe lived only in `bo-report-family.css` under
   `body.bo-report-family`, so it reached the eleven Report pages and nothing else,
   while the sidebar flyout is painted on **every** BO page by auth.js. Measured on
   the same element, same geometry, by the scrollbar's own layout gutter
   (`offsetWidth - clientWidth`): **7px** with the marker (6px pill + 1px border) and
   **17px** without it — the raw OS scrollbar, thick grey with the arrow buttons,
   which is what the owner photographed ("我的scroll的设计以及颜色 要统一").
   The sidebar is shared chrome, so its scrollbar belongs in the sidebar's own layer
   (this sheet, injected by auth.js on every sidebar page), not in a page-family sheet.
   Values are the locked ones and match the Panel pill used by the table wraps:
   webkit-only, 6px, light chocolate `#8B6B4A` / hover `#5C4A30`, dark `#F59E0B` /
   `#D97706`, arrows removed.
   Do NOT set `scrollbar-width` / `scrollbar-color` for WebKit: once `scrollbar-color`
   is set Chromium ignores the `::-webkit-scrollbar` rules and paints OS arrows — the
   trap already recorded under Panel pill scrollbar. That is why the standard
   properties appear only inside the `@supports not selector(::-webkit-scrollbar)`
   branch, which Chromium fails and Firefox passes.
   `:not(.rounded-select-menu)` mirrors the family sheet: `bo-ui-standard.js` reuses
   the `.nav-group-list` class for a select dropdown, whose scrollbar is not this one. */
.report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar{ width:6px; height:6px; }
.report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-track{ background:transparent; }
.report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-button{ display:none; height:0; width:0; }
.report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-thumb{ border-radius:999px; background:#8B6B4A; }
.report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-thumb:hover{ background:#5C4A30; }
html[data-bo-theme="dark"] .report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-thumb{ background:#F59E0B; }
html[data-bo-theme="dark"] .report-sidebar .nav-group-list:not(.rounded-select-menu)::-webkit-scrollbar-thumb:hover{ background:#D97706; }
@supports not selector(::-webkit-scrollbar){
  .report-sidebar .nav-group-list:not(.rounded-select-menu){ scrollbar-width:thin; }
  html:not([data-bo-theme="dark"]) .report-sidebar .nav-group-list:not(.rounded-select-menu){ scrollbar-color:#8B6B4A transparent; }
  html[data-bo-theme="dark"] .report-sidebar .nav-group-list:not(.rounded-select-menu){ scrollbar-color:#F59E0B transparent; }
}
@media(max-width:991px){.bo-global-quicknav{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-global-quicknav a{min-height:58px;font-size:24px}.bo-nav-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-nav-config-head{display:block}.bo-nav-config-head button{margin-top:12px}}
@media(max-width:520px){.bo-global-quicknav{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-nav-shortcut-grid{grid-template-columns:1fr}}
@media(min-width:992px){
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover,
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar.is-mini-hover{width:var(--rail-w)!important;max-width:var(--rail-w)!important;min-width:var(--rail-w)!important;box-shadow:none!important}
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .report-brand>div:not(.logo),
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .report-nav>a:not(.report-sub) span,
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .nav-group-btn span,
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .nav-group-btn .bi-chevron-down,
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .report-nav small{opacity:0!important;visibility:hidden!important;width:0!important;overflow:hidden!important}
  body.bo-sidebar-click-mode.sidebar-mini:has(.report-sidebar:hover) .report-topbar{padding-left:20px!important}
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .report-nav a{justify-content:center!important;padding:12px 0!important}
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .report-nav a i{margin:0!important;font-size:17px!important}
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .nav-group{border:0!important;background:transparent!important;overflow:visible!important}
  body.bo-sidebar-click-mode.sidebar-mini .report-sidebar:hover .nav-group-btn{justify-content:center!important;padding:12px 0!important;border-radius:12px!important;background:#fff8eb!important;color:#18191c!important;border:1px solid transparent!important}
}
/* Dashboard pin bar: auto-fit selected pins, up to 12 per row. */
.bo-global-quicknav{grid-template-columns:repeat(var(--bo-nav-cols,1),minmax(0,1fr))!important}
.bo-global-quicknav a{position:relative;cursor:pointer;min-width:0}
.bo-global-quicknav a.is-dragging{opacity:.45}
.bo-dashboard-unpin{position:absolute;top:5px;right:7px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:11px;color:#FDEBD3;background:rgba(0,0,0,.16);opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;cursor:pointer}
.bo-global-quicknav a:hover .bo-dashboard-unpin,.bo-global-quicknav a:focus-within .bo-dashboard-unpin{opacity:1}
.bo-dashboard-unpin:hover{background:rgba(0,0,0,.28);color:#fff}
.bo-global-quicknav a.active .bo-dashboard-unpin{color:#92400E;background:rgba(146,64,14,.12)}
.bo-global-quicknav a.active .bo-dashboard-unpin:hover{background:rgba(146,64,14,.22)}
/* The pin anchors here. Its 38px reserve lives in bo-shell.css now: stated once as the
   shell's metric, it reaches every row that can carry a pin instead of only the <a> rows. */
.report-nav a[data-menu-key]{position:relative}
.bo-sidebar-pin{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;opacity:0;cursor:pointer;font-size:14px;z-index:3}
.report-nav a[data-menu-key]:hover .bo-sidebar-pin,.report-nav a[data-menu-key]:focus-within .bo-sidebar-pin,.bo-sidebar-pin.is-pinned{opacity:1}
.bo-sidebar-pin:hover{background:rgba(217,119,6,.12)}
.bo-sidebar-pin.is-pinned{color:#d97706}
@media(max-width:991px){.bo-global-quicknav{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}.bo-dashboard-unpin{opacity:1}.bo-sidebar-pin{opacity:1}}
@media(max-width:620px){.bo-global-quicknav{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important}}

/* Dashboard pin controls are always visible so every eligible sidebar page can be pinned/unpinned without hover. */
.bo-sidebar-pin{opacity:1!important}
.report-nav a[data-menu-key] .bo-sidebar-pin{visibility:visible!important;pointer-events:auto!important}

/* 2026-09-24: collapsed rail — the panel is the whole hover response.
   Owner, with a reference screenshot of another panel's icon rail: "sidebar的设计逻辑
   需要去调整 至像我图里的那样 收起后的逻辑 但不更改设计". The rail keeps its resting
   width and icon tiles (the slide-out is gone from reports.css and every sheet that
   mirrored it); what answers the pointer is a panel:
   · a group row opens its submenu panel beside the rail (unchanged anatomy), now
     headed by the group name, because in the collapsed rail the row is an icon only
     and the panel is the one place that name is readable;
   · a row with no submenu (a top-level page, or a category whose children are all
     hidden) opens the rail label panel, which is the same panel shell carrying just
     the row's name — otherwise the label the slide-out used to reveal would be lost.
   Both panels carry the locked flyout values (Sidebar flyout panel: #FFF8EB ·
   rgba(92,74,48,.12) · 0 12px 32px rgba(60,48,32,.14); dark #383A46 ·
   rgba(255,255,255,.14) · 0 16px 40px rgba(0,0,0,.35)) — no new colours, type or
   radii, and nothing here paints in the expanded sidebar. */
@media (min-width:992px){
  /* `position` and `z-index` must be `!important`: six sheets (bo-wallet-transaction-amber's
     `body.bo-wallet-tx .report-sidebar > *`, plus the charcoal, dashboard, menu-management,
     menu-permission and provider/merchant family sheets) pin every direct child of the
     sidebar to `position:relative;z-index:1` at a specificity this selector cannot beat on
     its own. Measured on member-deposit.html before the fix: `position:relative`, `z-index:1`,
     so the panel laid out at the rail's foot (x 78, y 855) instead of beside its row. */
  .report-sidebar .bo-rail-label{
    position:fixed!important;
    left:var(--bo-sidebar-flyout-left,calc(var(--rail-w) + 6px));
    top:var(--bo-sidebar-flyout-top,84px);
    z-index:12050!important;
    width:auto;
    max-width:min(320px,calc(100vw - 96px));
    padding:10px 14px;
    margin:0;
    border-radius:12px;
    background:#FFF8EB;
    border:1px solid rgba(92,74,48,.12);
    box-shadow:0 12px 32px rgba(60,48,32,.14);
    color:#18191C;
    font-size:13px;
    font-weight:800;
    line-height:1.35;
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translateX(-6px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  }
  .report-sidebar .bo-rail-label.show{opacity:1;visibility:visible;transform:translateX(0)}
  html[data-bo-theme="dark"] .report-sidebar .bo-rail-label{
    background:#383A46;
    border-color:rgba(255,255,255,.14);
    box-shadow:0 16px 40px rgba(0,0,0,.35);
    color:#F5F5F4;
  }
  /* Panel header (group flyout) — the collapsed rail only. In the expanded sidebar the
     row above the panel already carries the group name, so the panel stays as it was. */
  .report-sidebar .report-nav > .nav-group > .nav-group-list > .bo-flyout-title{display:none}
  body.sidebar-mini .report-sidebar .report-nav > .nav-group > .nav-group-list > .bo-flyout-title{
    display:block;
    margin:0 -8px 6px;
    padding:6px 18px 9px;
    border-bottom:1px solid rgba(92,74,48,.12);
    color:#18191C;
    font-size:13px;
    font-weight:800;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html[data-bo-theme="dark"] body.sidebar-mini .report-sidebar .report-nav > .nav-group > .nav-group-list > .bo-flyout-title{
    border-bottom-color:rgba(255,255,255,.14);
    color:#F5F5F4;
  }
}

/* 2026-09-24: one sidebar toggle, in the rail — the dashboard's button everywhere.
   Owner, on the dashboard shell: “那个点开sidebar的按键要统一像dashboard那样”. Until now every
   other page kept its toggle in the topbar (`.report-topbar .hamb`, 42×48, radius 10, icon
   20px) while dashboard.html shipped its own 42×42 bordered button inside the rail's brand
   row — two different controls for one action, in two different places, and on the collapsed
   rail the topbar one floated beside the rail instead of belonging to it. The rail is where
   the dashboard's is, where the reference the owner sent puts it, and where the control for
   the rail belongs; auth.js mounts it on every page it renders.
   Values are the dashboard's own (`.dashboard-sidebar-toggle` in dashboard.html — kept in
   sync, not replaced here): 42px square, 1px border, radius 11px, cream `#FFF8EB` with
   `#18191C` type, 22px `bi-list`. Only the dark theme needs a counterpart the dashboard's
   inline copy does not carry: on a `#3A3226` rail a cream chip would be the one light-locked
   surface left, so it takes the locked dark sidebar-chrome pair (`#383A46` + the standard
   white border) with the dark body text. */

@media (min-width:992px){
  .report-sidebar .report-brand.dashboard-sidebar-brand{justify-content:space-between;gap:10px}
  body.sidebar-mini .report-sidebar .report-brand.dashboard-sidebar-brand{justify-content:center;padding:0 12px}
  .report-sidebar .report-brand .dashboard-sidebar-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:42px;
    height:42px;
    min-width:42px;
    padding:0;
    border:1px solid #EADCC8;
    border-radius:11px;
    background:#FFF8EB;
    color:#18191C;
    box-shadow:none;
    cursor:pointer;
  }
  .report-sidebar .report-brand .dashboard-sidebar-toggle i{font-size:22px;line-height:1}
  .report-sidebar .report-brand .dashboard-sidebar-toggle:hover{background:#FFF1DC;color:#18191C}
  html[data-bo-theme="dark"] .report-sidebar .report-brand .dashboard-sidebar-toggle{
    border-color:rgba(255,255,255,.10);
    background:#383A46;
    color:#F5F5F4;
  }
  html[data-bo-theme="dark"] .report-sidebar .report-brand .dashboard-sidebar-toggle:hover{background:#40424E;color:#F5F5F4}
  /* The topbar keeps its hamburger for the mobile drawer only (below 992px the rail is
     off-canvas and needs an opener outside itself). On desktop the rail owns the control.
     This rule lives here, in the sidebar's own layer, rather than in `reports.css`, because
     that sheet is also loaded by the Agent Portal pages and the scratch `_verify-*` copies —
     they render their rail with their own shell and no auth.js, so they must keep the topbar
     toggle they have always had. */
  .report-topbar .hamb{display:none!important}
  /* Pins belong to a row that has room for them. In the 72px rail the 26px pin sat on the
     row's own icon (owner: “sidebar隐约看到 那个pin功能的设计在sidebar的dashboard icon那边”), so
     the collapsed rail drops them — pin from the expanded rail, or from the submenu panel,
     which carries a pin per entry. */
  body.sidebar-mini .report-sidebar .report-nav > a[data-menu-key] > .bo-sidebar-pin{display:none!important}
}

/* The rail toggle is the desktop control; the drawer's own opener and close button stay. */
@media (max-width:991.98px){
  body.report-body:not(.dashboard-shell) .report-brand .dashboard-sidebar-toggle{display:none!important}
}

/* 2026-09-21: Keep normal BO sidebar/flyout labels readable after adding pin controls.
   Scope excludes Main/Executive pages; pin button gets its own fixed space and the
   desktop submenu flyout is wide enough for the original menu label + pin. */
@media (min-width:992px){
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .report-nav > .nav-group.bo-flyout-hover > .nav-group-list{
    width:340px!important;
    min-width:300px!important;
    max-width:min(380px,calc(100vw - var(--bo-sidebar-flyout-left,288px) - 16px))!important;
  }
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .nav-group.bo-flyout-hover > .nav-group-list a[data-menu-key]{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding-right:44px!important;
    box-sizing:border-box!important;
  }
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .nav-group.bo-flyout-hover > .nav-group-list a[data-menu-key] > span:not(.bo-sidebar-pin){
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .nav-group.bo-flyout-hover > .nav-group-list .bo-sidebar-pin{
    right:10px!important;
    flex:0 0 26px!important;
  }
}


/* 2026-09-21: Sidebar pin layout isolation.
   Pin is a real button (not a span) so legacy mini-sidebar/flyout span rules cannot
   resize, hide, wrap or offset it on pages with their own sidebar CSS. */
.bo-sidebar-pin{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  font:inherit!important;
  line-height:1!important;
  box-shadow:none!important;
  flex:0 0 26px!important;
}
.bo-sidebar-pin:hover,.bo-sidebar-pin:focus-visible{background:rgba(217,119,6,.12)!important;outline:none}
.report-nav a[data-menu-key]{position:relative}
.report-nav a[data-menu-key] > span:not(.bo-sidebar-pin){min-width:0}
@media (min-width:992px){
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .nav-group.bo-flyout-hover > .nav-group-list a[data-menu-key]{
    padding-right:46px!important;
  }
  body:not(.main-dashboard-page):not(.main-admin-detail-page) .report-sidebar .nav-group.bo-flyout-hover > .nav-group-list .bo-sidebar-pin{
    position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;
    width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;
  }
}

/* 2026-09-21: Keep sidebar pin/unpin visually identical to the original icon-only control. */
.bo-sidebar-pin,
.bo-sidebar-pin:hover,
.bo-sidebar-pin:focus,
.bo-sidebar-pin:focus-visible,
.bo-sidebar-pin:active,
.bo-sidebar-pin.is-pinned{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.bo-sidebar-pin::-moz-focus-inner{border:0!important;padding:0!important}

/* 2026-09-21 final pin visual reset: override page-specific/global button skins.
   Keep the button element for layout isolation, but render it exactly as an icon-only control. */
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin,
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin:hover,
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin:focus,
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin:focus-visible,
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin:active,
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin.is-pinned {
  -webkit-appearance:none!important;
  appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:none!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:none!important;
  outline-width:0!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  min-width:26px!important;
  max-width:26px!important;
  width:26px!important;
  height:26px!important;
  color:inherit!important;
}
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin.is-pinned { color:#8b4513!important; }
html body .report-sidebar .report-nav a[data-menu-key] > button.bo-sidebar-pin::-moz-focus-inner { border:0!important; padding:0!important; }