/* Dashboard time ring: yellow accent + compact centered value text. */
.agency-os-frontend[data-aof-view="hybrid-dashboard"] [data-widget="kpi-time"] .aof-hybrid-ring {
  background: conic-gradient(
    var(--aos-accent) 0 calc(var(--pct) * 1%),
    var(--aos-surface-3) calc(var(--pct) * 1%) 100%
  ) !important;
}

.agency-os-frontend[data-aof-view="hybrid-dashboard"] [data-widget="kpi-time"] .aof-hybrid-ring strong {
  display: block;
  width: 44px;
  max-width: 44px;
  margin: 0 auto;
  padding: 0;
  font-size: 11px !important;
  line-height: 1.08 !important;
  text-align: center;
}

/* Mobile hamburger: force one clean three-line glyph without touching menu logic. */
@media (max-width: 760px) {
  .agency-os-frontend .aof-v3-side-toggle {
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
    background-color: var(--aos-surface-2) !important;
    background-image:
      linear-gradient(var(--aos-text), var(--aos-text)),
      linear-gradient(var(--aos-text), var(--aos-text)),
      linear-gradient(var(--aos-text), var(--aos-text)) !important;
    background-repeat: no-repeat !important;
    background-size: 22px 2px, 22px 2px, 22px 2px !important;
    background-position: center calc(50% - 7px), center, center calc(50% + 7px) !important;
  }

  .agency-os-frontend .aof-v3-side-toggle > *,
  .agency-os-frontend .aof-v3-side-toggle::before,
  .agency-os-frontend .aof-v3-side-toggle::after {
    display: none !important;
    content: none !important;
  }
}