/* v1.6.69 — unified header action contract across all nine themes. */
html[data-theme] .shell>.top>.account-controls,
html[data-theme] .shell>.top>.archive-alerts {align-items:center;flex-shrink:0;}
html[data-theme] .shell>.top>.archive-alerts {width:46px;height:46px;flex:0 0 46px;margin-left:0;}
html[data-theme] .shell>.top>.account-controls .account-icon,
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger {
  box-sizing:border-box;width:46px;height:46px;min-width:46px;min-height:46px;
  padding:9px;display:inline-flex;align-items:center;justify-content:center;
  border:2px solid var(--archive-line,var(--border,#777));
  border-radius:var(--archive-radius,50%);
  background:var(--archive-panel,var(--surface,#242424));
  color:var(--archive-ink,var(--text,#fff));
  box-shadow:none;transform:none;opacity:1;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
  cursor:pointer;vertical-align:middle;
}
html[data-theme] .shell>.top>.account-controls .account-icon svg,
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger svg {
  box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;
  stroke:currentColor;stroke-width:1.8;fill:none;
}
html[data-theme] .shell>.top>.account-controls .account-icon:hover,
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger:hover {
  background:color-mix(in srgb,var(--archive-accent,var(--accent,#ae65f1)) 14%,var(--archive-panel,var(--surface,#242424)));
  border-color:var(--archive-accent,var(--accent,#ae65f1));transform:translateY(-1px);
}
html[data-theme] .shell>.top>.account-controls .account-icon:focus-visible,
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger:focus-visible {
  outline:3px solid var(--archive-accent,var(--accent,#ae65f1));outline-offset:3px;
}
html[data-theme] .shell>.top>.account-controls .account-icon:active,
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger:active {transform:translateY(0);}
html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger.has-alerts {
  border-color:var(--archive-accent,var(--accent,#ae65f1));
  box-shadow:none;
}
/* Keep the avatar clipped, but do not shrink or reshape its outer control. */
html[data-theme] .shell>.top>.account-controls .account-profile {overflow:hidden;padding:0;}
html[data-theme] .shell>.top>.account-controls .account-profile .account-placeholder {padding:10px;}
html[data-theme] .shell>.top>.account-controls .account-profile .account-photo {width:100%;height:100%;object-fit:cover;}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] .shell>.top>.account-controls .account-icon,
  html[data-theme] .shell>.top>.archive-alerts>.archive-alert-trigger {transition:none;transform:none;}
}

/* v1.6.71: The profile placeholder is an SVG, not an image.
   Remove legacy avatar padding that reduces its visible drawing to a speck. */
html[data-theme] .shell>.top>.account-controls .account-profile svg.account-placeholder {
  box-sizing:border-box !important;
  width:24px !important;height:24px !important;
  min-width:24px;min-height:24px;
  padding:0 !important;margin:0 !important;
  display:block;flex:none;
  stroke:currentColor;stroke-width:1.8;fill:none;
}