/* REVOO AI ID — FRONTEND V85 REVISI 38
   Sidebar: account/logout area scrolls with navigation (no sticky overlay).
   Brand: bring the existing logo/wordmark into harmony with sage-green sidebar.
   Pure CSS presentation, no changes to login, features, API, business JS or data. */
@media screen {
  /* Sidebar is the one scroll container. Header and user section both flow
     naturally, with the account area reachable after the last menu item. */
  .sidebar > .sidebar-user {
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    z-index:auto !important;
    flex-shrink:0;
  }
  .sidebar > .sidebar-account-settings {
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    z-index:auto !important;
    flex-shrink:0;
  }

  /* Only recolor the logo inside the sage sidebar, preserving the existing
     vector geometry, lettering, and the original login/splash logo. */
  html:not([data-theme="dark"]) .sidebar > .sidebar-brand .sidebar-brand-logo {
    filter:hue-rotate(-58deg) saturate(.68) !important;
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-brand {
    background:rgba(246,252,248,.38) !important;
    border-bottom:1px solid #d1e0d6 !important;
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-user {
    background:rgba(246,251,247,.42) !important;
    border-top:1px solid #d0e0d6 !important;
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-user > strong {
    color:#274c43 !important;
    -webkit-text-fill-color:#274c43 !important;
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-user > span,
  html:not([data-theme="dark"]) .sidebar > .sidebar-user > small {
    color:#587268 !important;
    -webkit-text-fill-color:#587268 !important;
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-user > .logout-button {
    background:#fff7f4 !important;
    border:1px solid #edc7bf !important;
    color:#aa493c !important;
    box-shadow:0 2px 7px rgba(105,69,55,.045);
  }
  html:not([data-theme="dark"]) .sidebar > .sidebar-user > .logout-button:hover {
    background:#ffece7 !important;
    border-color:#e5b3a7 !important;
  }
}
