/* R5 – only the two requested corrections.
 * Account donor: ORATOR_BUDDY_WEB 0.1.88 app/static/app.css
 *   lines 1311–1321 (rest), 1386–1398 (P62 sand hover).
 * --orator-ui-accent comes from the donor's UI foundations (#F5A04F).
 * No template, billing, library, or native DOM hooks are changed here.
 */
/* Owner-approved reserve C: graphite menu explanations and inactive icons.
 * Active sections, hover accents, actions and primary text keep their roles. */
html[data-palette="graphite"] {
  --reserve-graphite-text: #DFCCB8;
}
html[data-palette="graphite"] :is(.cabinet-brand small, .cabinet-nav .nav-copy small, .cabinet-product-links small, .orator-sheet-head small),
html[data-palette="graphite"] .cabinet-nav .nav-item:not(.is-active):not(:hover):not(:focus-visible) .orator-nav-icon {
  color: var(--reserve-graphite-text) !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) {
  --orator-ui-accent: #F5A04F;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 46px !important;
  padding: 5px 8px 5px 5px !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  color: var(--text) !important;
  cursor: pointer;
  transition: transform .28s cubic-bezier(.22,.8,.2,1),
              background-color .55s cubic-bezier(.22,.8,.2,1),
              border-color .55s cubic-bezier(.22,.8,.2,1),
              box-shadow .55s cubic-bezier(.22,.8,.2,1) !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) > span:first-child {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: var(--surface-2, var(--panel-2)) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) > span:first-child svg {
  width: 22px !important;
  height: 22px !important;
  color: inherit !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-copy {
  display: grid !important;
  min-width: 0 !important;
  line-height: 1.1 !important;
  text-align: left;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-copy b {
  font-size: 12.5px !important;
  color: var(--text) !important;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-copy small {
  display: block !important;
  margin-top: 3px !important;
  max-width: 180px !important;
  font-size: 10.5px !important;
  color: var(--muted) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-chevron {
  width: 16px; height: 16px; flex: 0 0 16px;
  color: var(--muted);
  transition: transform .18s ease;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle)[aria-expanded="true"] .profile-button-chevron { transform: rotate(180deg); }
/* The four exclusions intentionally match the original generic light-button
 * reset specificity so that it cannot repaint the dedicated Account control. */
/* Exact original behavior: the WHOLE clickable area fills on hover.
 * A focus ring is keyboard-only; there is no persistent/pointer border. */
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle):is(:hover, :focus-visible) {
  background: var(--orator-ui-accent) !important;
  color: rgba(var(--ui-ink-tone-02),1) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle):focus-visible {
  outline: 2px solid var(--orator-ui-accent) !important;
  outline-offset: 2px !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle):is(:hover, :focus-visible) > span:first-child {
  background: rgba(var(--ui-panel-tone-30),0.12) !important;
  border-color: rgba(var(--ui-line-tone-06),0.16) !important;
  color: rgba(var(--ui-ink-tone-02),1) !important;
}
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle):is(:hover, :focus-visible) .profile-button-copy :is(b, small),
html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle):is(:hover, :focus-visible) .profile-button-chevron {
  color: rgba(var(--ui-ink-tone-02),1) !important;
}
/* Complete actual DOM inventory: Cabinet top AND product groups, Buddy main
 * AND product groups, AI primary AND product groups, Materials, mobile sheets.
 * Target SVGs too: changing only the wrapping span loses to native SVG rules.
 * Labels, backgrounds and each item's existing movement remain untouched. */
html[data-theme] :is(
  .cabinet-sidebar .nav-item,
  .cabinet-sidebar .cabinet-product-link,
  .sidebar .main-nav a,
  .sidebar .navitem,
  .family-nav-card,
  .materials-review-nav .materials-side-link,
  .allSectionsRoutes .navitem,
  .allSectionsFamily a,
  .orator-bottom-nav a,
  .orator-bottom-nav button[data-section-target],
  .mobileNav [data-nav],
  .cabinet-account-row:not([data-logout]),
  .profile-hub-dropdown .dropdown-item:not(.profile-hub-logout)
) :is(.orator-nav-icon, .profile-hub-icon, .cabinet-account-row-icon, .materials-side-icon, svg) {
  transition: color .18s ease;
}
html[data-theme] :is(
  .cabinet-sidebar .nav-item,
  .cabinet-sidebar .cabinet-product-link,
  .sidebar .main-nav a,
  .sidebar .navitem,
  .family-nav-card,
  .materials-review-nav .materials-side-link,
  .allSectionsRoutes .navitem,
  .allSectionsFamily a,
  .orator-bottom-nav a,
  .orator-bottom-nav button[data-section-target],
  .mobileNav [data-nav],
  .cabinet-account-row:not([data-logout]),
  .profile-hub-dropdown .dropdown-item:not(.profile-hub-logout)
):is(:hover, :focus-visible) :is(.orator-nav-icon, .profile-hub-icon, .cabinet-account-row-icon, .materials-side-icon, svg):not(.orator-theme-rail *) {
  color: rgba(var(--ui-accent-text-tone-08),1) !important;
}
/* The current section keeps its marker. Inactive library icons turn yellow
 * on hover rather than being permanently yellow. */
html[data-theme] .materials-review-nav .materials-side-link:not(.is-active):not(:hover):not(:focus-visible) :is(.materials-side-icon, svg) {
  color: var(--nav-icon-muted, rgba(var(--ui-muted-strong-tone-82),1)) !important;
}
@media(max-width:760px) {
  html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) {
    padding: 5px !important; gap: 0 !important;
    width: 44px !important; min-width: 44px !important; max-width: 44px !important;
  }
  html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-copy,
  html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle) .profile-button-chevron { display: none !important; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] .profile-button.account-plain:not(.primary):not(.danger):not(.success):not(.theme-toggle),
  html[data-theme] :is(.cabinet-sidebar, .sidebar, .materials-review-nav, .allSectionsRoutes, .allSectionsFamily) :is(svg, .orator-nav-icon) { transition: none !important; }
}