/* Social is the canonical Guth header on the isolated two-page server. */
.guth-shared-global {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) max-content minmax(240px, 1fr) !important;
  grid-template-rows: 72px !important;
  align-items: center !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  background: #090909 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(181, 138, 80, 0.72) !important;
  color: #f0eadf !important;
  font-family: Inter, system-ui, sans-serif !important;
}

/* One shell contract on every mount. Historical product styles still carry
   alternate sticky positions, colors, and compact header heights; the shared
   header owns those properties once it has been injected. */
#global-topbar.guth-shared-global {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  height: 72px !important;
  min-height: 72px !important;
  grid-template-rows: 72px !important;
  background: #090909 !important;
  border-bottom-color: rgba(181, 138, 80, 0.72) !important;
}

body[data-guth-route="calendar"],
body[data-guth-route="desk"],
body[data-guth-route="agents"],
body[data-guth-route="labs"],
body[data-guth-route="assurance"],
body[data-guth-route="info"] {
  --header-h: 72px !important;
}

body[data-header="collapsed"] {
  --header-h: 0px !important;
}

body[data-header="collapsed"] #global-topbar.guth-shared-global,
.app-shell.is-global-collapsed #global-topbar.guth-shared-global {
  height: 0 !important;
  min-height: 0 !important;
  grid-template-rows: 0 !important;
  padding-block: 0 !important;
  overflow: hidden !important;
  border-bottom-width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

.guth-shared-global > .guth-shared-brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.guth-shared-global > .guth-shared-products {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.guth-shared-global > .guth-shared-tools {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.guth-shared-global > * {
  min-width: 0 !important;
}

.guth-shared-brand {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-self: stretch !important;
  width: auto !important;
  height: 34px !important;
  gap: 8px !important;
  color: #f0eadf !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.guth-shared-mark {
  display: block !important;
  width: 27px !important;
  height: 27px !important;
  object-fit: contain !important;
  opacity: 0.72 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

.guth-shared-name {
  color: #f4efe5 !important;
  font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif !important;
  font-size: 29px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.guth-shared-destination {
  color: #a59a8b !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.guth-shared-products {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: max-content !important;
  height: 71px !important;
  gap: 0 !important;
  align-content: center !important;
  overflow: hidden !important;
}

.guth-shared-products > a,
.guth-shared-products > button {
  position: static !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 61px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  color: #a59a8b !important;
  font: small-caps 400 12px/12px Georgia, "Times New Roman", serif !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: none !important;
}

.guth-shared-products > a.is-active,
.guth-shared-products > a.active {
  border-bottom-color: #c69654 !important;
  color: #f0eadf !important;
}

.guth-shared-tools {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  width: max-content !important;
  height: 34px !important;
  gap: 3px !important;
}

.guth-shared-tools > button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a59a8b !important;
}

.guth-shared-tools svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
}

.guth-shared-tools i {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background: #c69654 !important;
  color: #090909 !important;
  font: 700 9px/1 Inter, sans-serif !important;
}

.guth-shared-tools > .guth-shared-profile {
  width: 25px !important;
  height: 25px !important;
  margin-left: 7px !important;
  border: 1px solid rgba(198, 150, 84, 0.42) !important;
  color: #f0eadf !important;
  font: 500 12px/1 Georgia, serif !important;
}

.hub-global-header {
  box-sizing: border-box !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  background: #090909 !important;
  border-bottom: 1px solid rgba(181, 138, 80, 0.72) !important;
  color: #f0eadf !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) max-content minmax(240px, 1fr) !important;
  align-items: center !important;
}

.hub-wordmark {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  justify-self: stretch !important;
  align-self: center !important;
  align-items: center !important;
}

.hub-product-nav {
  height: 71px !important;
  min-height: 71px !important;
  width: max-content !important;
  min-width: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.hub-product-nav > a,
.hub-product-nav > button {
  box-sizing: border-box !important;
  height: 61px !important;
  padding: 0 7px !important;
  color: #a59a8b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-variant: small-caps !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  line-height: 12px !important;
  text-transform: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.hub-product-nav > a[aria-current="page"],
.hub-product-nav > .active {
  color: #f0eadf !important;
}

.hub-header-tools {
  height: 34px !important;
  gap: 3px !important;
  width: max-content !important;
  min-width: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  align-items: center !important;
}

.social-local-strip,
.files-sectionbar {
  box-sizing: border-box !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  gap: 14px !important;
  background: rgba(9, 9, 9, 0.992) !important;
  border-bottom: 1px solid rgba(181, 138, 80, 0.28) !important;
  color: #d8cdbd !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  align-items: center !important;
}

.social-header-collapse,
.files-sectionbar #global-topbar-toggle {
  box-sizing: border-box !important;
  width: 32px !important;
  height: 21px !important;
  margin: 5px 0 !important;
  padding: 0 !important;
}

.social-local-destination,
.files-sectionbar .rail-caption {
  box-sizing: border-box !important;
  height: 31px !important;
  padding: 0 10px 0 0 !important;
  color: #c79a5d !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  line-height: 14.85px !important;
  text-transform: uppercase !important;
}

.social-local-strip > nav,
.files-sectionbar #primary-nav {
  align-self: center !important;
  height: 31px !important;
  gap: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.social-local-strip > nav > button,
.files-sectionbar #primary-nav > .nav-button {
  box-sizing: border-box !important;
  height: 21px !important;
  padding: 0 1px !important;
  color: #a99e8d !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 14.85px !important;
  text-transform: uppercase !important;
}

.social-local-strip > nav > button.active,
.social-local-strip > nav > button[aria-selected="true"],
.files-sectionbar #primary-nav > .nav-button.is-active {
  color: #fff8ec !important;
}

.social-local-strip,
.hub-product-nav {
  scrollbar-width: none !important;
}

.social-local-strip::-webkit-scrollbar,
.hub-product-nav::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Calendar retains its working DOM contract while sharing the universal bar geometry. */
.site-header {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) max-content minmax(240px, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  background: #090909 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(181, 138, 80, 0.72) !important;
  color: #f0eadf !important;
}

.site-header .wordmark {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-self: stretch !important;
  width: auto !important;
  height: 34px !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.site-header .header-mark {
  display: block !important;
  width: 27px !important;
  height: 27px !important;
  object-fit: contain !important;
  opacity: 0.72 !important;
}

.site-header .logo-letters {
  display: block !important;
  width: 132px !important;
  height: 24px !important;
  fill: none !important;
  stroke: #f4efe5 !important;
  stroke-width: 4 !important;
}

.site-header .logo-labs {
  color: #a59a8b !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
}

.site-header .product-nav {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: max-content !important;
  height: 71px !important;
  gap: 0 !important;
}

.site-header .product-nav > a,
.site-header .product-nav > button {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 61px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  color: #a59a8b !important;
  font: small-caps 400 12px/12px Georgia, "Times New Roman", serif !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.site-header .product-nav > [aria-current="page"] {
  border-bottom-color: #c69654 !important;
  color: #f0eadf !important;
}

.site-header .header-tools {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  width: max-content !important;
  height: 34px !important;
  gap: 3px !important;
}

.site-header .header-search-inline,
.site-header [data-utility="search"] {
  display: none !important;
}

.site-header .header-tools > button {
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a59a8b !important;
}

.guth-shared-global .nav-toggle {
  display: none !important;
}

@media (max-width: 820px) {
  .guth-shared-global .nav-toggle {
    display: grid !important;
  }
}

@media (max-width: 1280px) {
  .guth-shared-global {
    grid-template-columns: 190px minmax(0, 1fr) 178px !important;
    padding-inline: 10px !important;
  }

  .guth-shared-products {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .guth-shared-products::-webkit-scrollbar {
    display: none !important;
  }

  .guth-shared-products > a,
  .guth-shared-products > button {
    padding-inline: 5px !important;
    font-size: 11px !important;
    letter-spacing: 0.055em !important;
  }
}

@media (max-width: 900px) {
  .guth-shared-global {
    grid-template-columns: 148px minmax(0, 1fr) 112px !important;
    padding-inline: 8px !important;
  }

  .guth-shared-destination {
    display: none !important;
  }

  .guth-shared-tools > button:nth-child(1),
  .guth-shared-tools > button:nth-child(3),
  .guth-shared-tools > button:nth-child(4) {
    display: none !important;
  }

  .guth-shared-products {
    justify-content: flex-start !important;
  }
}

/* Universal secondary bar: route-specific tabs, one shared instrument treatment. */
:is(.social-local-strip, .files-sectionbar, .local-strip) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px 0 0 !important;
  gap: 14px !important;
  align-items: center !important;
  background: rgba(9, 9, 9, 0.992) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(181, 138, 80, 0.28) !important;
  color: #d8cdbd !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 72px !important;
  z-index: 28 !important;
}

body[data-header="collapsed"] :is(.social-local-strip, .local-strip),
.app-shell.is-global-collapsed .files-sectionbar {
  top: 0 !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) {
  box-sizing: border-box !important;
  height: 41px !important;
  min-height: 41px !important;
  align-items: center !important;
  gap: 12px !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) > :is(a, button) {
  box-sizing: border-box !important;
  height: 41px !important;
  min-height: 41px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #a99e8d !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.075em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) > :is(a, button).active,
:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) > :is(a, button).is-active,
:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) > :is(a, button)[aria-current="page"],
:is(.social-local-strip, .files-sectionbar, .local-strip) :is(nav, #primary-nav, #context-nav) > :is(a, button)[aria-selected="true"] {
  border-bottom-color: #c69654 !important;
  color: #fff8ec !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) :is(input[type="search"], .sectionbar-search) {
  color: #d8cdbd !important;
  background: rgba(255, 255, 255, 0.018) !important;
  border-color: rgba(198, 150, 84, 0.28) !important;
}

body[data-guth-route="files"] .files-sectionbar {
  top: 72px !important;
}

/* Files is the reference secondary bar. Keep its compact source geometry without
   changing Social's accepted 41px tab treatment. */
body[data-guth-route="files"] .files-sectionbar #primary-nav {
  height: 31px !important;
  min-height: 31px !important;
}

body[data-guth-route="files"] .files-sectionbar #primary-nav > .nav-button {
  height: 21px !important;
  min-height: 21px !important;
  padding-inline: 1px !important;
}

@media (max-width: 820px) {
  /* Every product keeps the same discoverable, horizontally scrollable local
     row on compact screens. Files' historical drawer is no longer a separate
     shell contract. */
  body[data-guth-route="files"] .files-sectionbar #primary-nav {
    display: flex !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body[data-guth-route="files"] .files-sectionbar #primary-nav::-webkit-scrollbar {
    display: none !important;
  }

  .guth-shared-global .nav-toggle {
    display: none !important;
  }
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 82px minmax(0, 1fr) 66px !important;
    gap: 2px !important;
    padding-inline: 4px !important;
  }

  .guth-shared-mark,
  .guth-shared-destination,
  .guth-shared-tools > button:not([data-shared-utility="messages"]):not(.guth-shared-profile) {
    display: none !important;
  }

  .guth-shared-name {
    font-size: 24px !important;
    letter-spacing: 0.06em !important;
  }

  .guth-shared-products {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
  }

  .guth-shared-products > a,
  .guth-shared-products > button {
    padding-inline: 6px !important;
    font-size: 10px !important;
    scroll-snap-align: center !important;
  }

  .guth-shared-tools {
    gap: 1px !important;
  }

  .guth-shared-tools > button[data-shared-utility="messages"] {
    width: 30px !important;
    height: 30px !important;
  }

  .guth-shared-tools > .guth-shared-profile {
    width: 25px !important;
    height: 25px !important;
    margin-left: 2px !important;
  }
}

/* One viewport edge, one status surface, one interaction language. */
html body[data-guth-chrome="server"] {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

body:not([data-header="collapsed"]) #global-topbar.guth-shared-global,
body[data-guth-route="files"] .app-shell:not(.is-global-collapsed) #global-topbar.guth-shared-global {
  overflow: visible !important;
}

body[data-header="collapsed"] #global-topbar.guth-shared-global,
body[data-guth-route="files"] .app-shell.is-global-collapsed #global-topbar.guth-shared-global {
  overflow: hidden !important;
}

.guth-shared-health {
  position: relative !important;
  z-index: 170 !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: auto !important;
  height: 40px !important;
  overflow: visible !important;
}

.guth-health-trigger {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 84px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  gap: 5px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  outline: none !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
}

.guth-health-trigger .guth-health-item {
  flex: 0 0 9px !important;
  width: 9px !important;
  min-width: 9px !important;
  height: 24px !important;
}

.guth-health-popover {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 520 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: min(410px, calc(100vw - 24px)) !important;
  padding: 12px !important;
  border: 1px solid rgba(181, 138, 80, .44) !important;
  border-radius: 9px !important;
  background: rgba(11, 10, 9, .985) !important;
  color: #e7ddce !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 245, 226, .04) !important;
}

.guth-health-popover[hidden] {
  display: none !important;
}

.guth-health-popover-title {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin: 0 0 9px !important;
  padding: 0 2px 9px !important;
  border-bottom: 1px solid rgba(181, 138, 80, .2) !important;
  color: #fff8ec !important;
  font: 700 11px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.guth-health-popover-title > span {
  color: #8f8374 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
}

.guth-health-popover ol {
  display: grid !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
  list-style: none !important;
}

.guth-health-popover li {
  display: grid !important;
  grid-template-columns: 12px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 5px 6px !important;
  gap: 9px !important;
  border-radius: 6px !important;
  color: #a99e8d !important;
}

.guth-health-popover li + li {
  border-top: 1px solid rgba(181, 138, 80, .12) !important;
}

.guth-health-popover li > b {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0 7px currentColor !important;
}

.guth-health-popover li[data-state="ok"] { color: #43d99a !important; }
.guth-health-popover li[data-state="local"],
.guth-health-popover li[data-state="stale"] { color: #b58a50 !important; }
.guth-health-popover li[data-state="unavailable"],
.guth-health-popover li[data-state="unknown"] { color: #b86659 !important; }

.guth-health-popover li > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}

.guth-health-popover li strong {
  color: #f0e6d7 !important;
  font: 700 11px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.guth-health-popover li small {
  overflow-wrap: anywhere !important;
  color: #a99e8d !important;
  font: 500 10px/1.35 Inter, system-ui, sans-serif !important;
}

.guth-health-popover li em {
  color: currentColor !important;
  font: 700 9px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

:is(
  #global-topbar.guth-shared-global .guth-shared-products > a,
  #global-topbar.guth-shared-global .guth-shared-tools > button,
  .guth-health-trigger,
  .guth-route-trigger,
  .guth-route-menu :is(a, button),
  .social-local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .files-sectionbar :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .social-header-collapse,
  #global-topbar-toggle,
  .header-collapse-toggle
):not(:disabled) {
  cursor: pointer !important;
  transition: color .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}

@media (hover: hover) {
  :is(
    #global-topbar.guth-shared-global .guth-shared-products > a,
    #global-topbar.guth-shared-global .guth-shared-tools > button,
    .guth-health-trigger,
    .guth-route-trigger,
    .guth-route-menu :is(a, button),
    .social-local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .files-sectionbar :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .social-header-collapse,
    #global-topbar-toggle,
    .header-collapse-toggle
  ):not(:disabled):hover {
    border-color: rgba(198, 150, 84, .42) !important;
    background-color: rgba(198, 150, 84, .10) !important;
    color: #fff8ec !important;
    box-shadow: inset 0 0 0 1px rgba(255, 244, 224, .025), 0 0 12px rgba(198, 150, 84, .08) !important;
  }
}

:is(
  #global-topbar.guth-shared-global .guth-shared-products > a,
  #global-topbar.guth-shared-global .guth-shared-tools > button,
  .guth-health-trigger,
  .guth-route-trigger,
  .guth-route-menu :is(a, button),
  .social-local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .files-sectionbar :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
  .social-header-collapse,
  #global-topbar-toggle,
  .header-collapse-toggle
):not(:disabled):focus-visible {
  outline: 2px solid #d5a45e !important;
  outline-offset: -2px !important;
  border-color: rgba(213, 164, 94, .62) !important;
  background-color: rgba(198, 150, 84, .12) !important;
  color: #fff8ec !important;
}

@media (max-width: 820px) {
  .guth-health-trigger {
    min-width: 58px !important;
    padding-inline: 4px !important;
    gap: 2px !important;
  }

  .guth-health-trigger .guth-health-item {
    flex-basis: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
  }

  .guth-health-popover {
    position: fixed !important;
    top: 68px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    #global-topbar.guth-shared-global .guth-shared-products > a,
    #global-topbar.guth-shared-global .guth-shared-tools > button,
    .guth-health-trigger,
    .guth-route-trigger,
    .guth-route-menu :is(a, button),
    .social-local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .files-sectionbar :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .local-strip :is(nav, #primary-nav, #context-nav) > :is(a, button),
    .social-header-collapse,
    #global-topbar-toggle,
    .header-collapse-toggle
  ):not(:disabled) {
    transition: none !important;
  }

  .guth-health-item[data-activity="active"] > b {
    animation: none !important;
    opacity: 1 !important;
  }
}

#global-topbar.guth-shared-global {
  grid-template-columns: minmax(324px, 1fr) max-content minmax(210px, 1fr) !important;
}

#global-topbar.guth-shared-global > .guth-shared-identity > .guth-shared-brand {
  gap: 7px !important;
}

#global-topbar.guth-shared-global .guth-shared-mark {
  flex: 0 0 34px !important;
  display: block !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: sepia(.58) saturate(1.18) hue-rotate(-7deg) brightness(1.38) contrast(.9) drop-shadow(0 3px 4px rgba(0,0,0,.24)) !important;
}

#global-topbar.guth-shared-global .guth-shared-word {
  flex: 0 0 110px !important;
  display: block !important;
  width: 110px !important;
  height: 20px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: #f0eadf !important;
  stroke-width: 9px !important;
  stroke-linecap: square !important;
  stroke-linejoin: round !important;
}

#global-topbar.guth-shared-global .guth-shared-labs {
  flex: 0 0 auto !important;
  color: #a59a8b !important;
  font: 700 8px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .26em !important;
}

.guth-shared-health {
  gap: 8px !important;
  overflow: visible !important;
}

.guth-health-item {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline-offset: 1px !important;
}

.guth-health-item > b {
  flex: none !important;
  width: 6px !important;
  height: 6px !important;
  border: 0 !important;
  opacity: .78 !important;
  box-shadow: 0 0 4px currentColor !important;
}

.guth-health-item[data-state="ok"] {
  color: #43d99a !important;
}

.guth-health-item[data-state="local"],
.guth-health-item[data-state="stale"] {
  color: #987648 !important;
}

.guth-health-item[data-state="unavailable"],
.guth-health-item[data-state="unknown"] {
  color: #9a5b50 !important;
}

@keyframes guth-health-active-pulse {
  0%, 100% { opacity: .72; box-shadow: 0 0 4px currentColor; }
  50% { opacity: 1; box-shadow: 0 0 11px currentColor; }
}

.guth-health-item[data-activity="active"] > b {
  animation: guth-health-active-pulse 1.05s ease-in-out infinite !important;
}

[data-legacy-secondary-suppressed] {
  display: none !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip),
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .local-strip {
  overflow: visible !important;
}

.guth-route-switcher {
  position: relative !important;
  z-index: 90 !important;
  flex: 0 0 136px !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  min-width: 136px !important;
  height: 41px !important;
  margin: 0 !important;
  border-right: 0 !important;
  box-shadow: inset -1px 0 0 rgba(181, 138, 80, .22) !important;
}

:is(.guth-route-static, .guth-route-trigger) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 41px !important;
  padding: 0 12px !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #c69654 !important;
  font: 700 11px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.guth-route-static {
  pointer-events: none !important;
  cursor: default !important;
}

:is(.guth-route-static, .guth-route-trigger)[hidden] {
  display: none !important;
}

.guth-route-switcher[data-mode="collapsed"] .guth-route-trigger:hover,
.guth-route-switcher[data-mode="collapsed"] .guth-route-trigger:focus-visible,
.guth-route-switcher[data-mode="collapsed"] .guth-route-trigger[aria-expanded="true"] {
  color: #fff8ec !important;
  background: rgba(181, 138, 80, .045) !important;
}

.guth-route-switcher[data-mode="collapsed"] .guth-route-trigger:focus-visible {
  outline: 2px solid rgba(210, 164, 94, .82) !important;
  outline-offset: -3px !important;
}

.guth-route-menu {
  position: absolute !important;
  z-index: 260 !important;
  top: calc(100% + 1px) !important;
  left: 0 !important;
  box-sizing: border-box !important;
  width: 260px !important;
  max-width: calc(100vw - 20px) !important;
  max-height: min(480px, calc(100vh - 54px)) !important;
  padding: 8px !important;
  overflow: auto !important;
  border: 1px solid rgba(181, 138, 80, .38) !important;
  border-radius: 0 0 8px 8px !important;
  background: rgba(11, 11, 10, .985) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.42) !important;
}

.guth-route-menu[hidden] {
  display: none !important;
}

.guth-route-menu-label {
  display: block !important;
  padding: 8px 8px 5px !important;
  color: #776b5d !important;
  font: 700 9px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.guth-route-menu :is(.guth-route-menu-products, .guth-route-menu-utilities) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2px !important;
}

.guth-route-menu [role="menuitem"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 9px !important;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #b9ae9f !important;
  font: 600 11px/1 Inter, system-ui, sans-serif !important;
  text-decoration: none !important;
}

.guth-route-menu [role="menuitem"]:is(:hover, :focus-visible),
.guth-route-menu [role="menuitem"][aria-current="page"] {
  border-color: rgba(181, 138, 80, .22) !important;
  background: rgba(181, 138, 80, .07) !important;
  color: #fff8ec !important;
  outline: none !important;
}

body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
  box-sizing: border-box !important;
  flex: 0 0 32px !important;
  display: flex !important;
  align-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 41px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border-right: 0 !important;
  overflow: visible !important;
}

body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading > #global-topbar-toggle {
  flex: 0 0 32px !important;
}

body[data-guth-route="files"] .app-shell {
  grid-template-rows: auto 42px minmax(0, 1fr) !important;
  transition: none !important;
}

body[data-guth-route="files"] .app-shell.is-global-collapsed {
  grid-template-rows: auto 42px minmax(0, 1fr) !important;
}

body[data-guth-route="files"] #global-topbar.guth-shared-global {
  box-sizing: border-box !important;
  height: 72px !important;
  min-height: 72px !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  transition: min-height .18s ease, height .18s ease, opacity .14s ease !important;
}

body[data-guth-route="files"] .app-shell.is-global-collapsed #global-topbar.guth-shared-global {
  height: 0 !important;
  min-height: 0 !important;
  border-bottom-width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

@media (max-width: 1100px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 250px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    display: block !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 92px !important;
    width: 92px !important;
  }

  .guth-shared-health {
    gap: 4px !important;
  }
}

/* The universal header and every secondary strip share one 180ms geometry clock. */
:is(.social-local-strip, .files-sectionbar, .local-strip) {
  transition: top .18s ease !important;
}

@media (max-width: 820px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 184px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    flex-basis: 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 78px !important;
    width: 78px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-labs,
  .guth-shared-health-divider {
    display: none !important;
  }

  .guth-health-item {
    flex-basis: 10px !important;
    width: 10px !important;
    min-width: 10px !important;
  }

  .guth-route-switcher {
    flex-basis: 112px !important;
    min-width: 112px !important;
  }

  body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 128px minmax(0, 1fr) 64px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    display: none !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 72px !important;
    width: 72px !important;
  }

  .guth-health-item {
    flex-basis: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
  }

  .guth-health-item > b {
    width: 5px !important;
    height: 5px !important;
  }

  .guth-route-switcher {
    flex-basis: 96px !important;
    min-width: 96px !important;
  }

  .guth-route-trigger {
    padding-inline: 8px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }

  body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guth-health-item[data-activity="active"] > b {
    animation: none !important;
    opacity: 1 !important;
    box-shadow: 0 0 8px currentColor !important;
  }

  body[data-guth-route="files"] .app-shell,
  body[data-guth-route="files"] #global-topbar.guth-shared-global {
    transition: none !important;
  }
}

/* Canonical universal-header firewall. The mounted products carry older, more
   specific header rules (including multi-row compact layouts). Keep those styles
   out of the injected shell without changing any product's content UI. */
body:has(#global-topbar.guth-shared-global) {
  --header-h: 72px !important;
  --local-h: 42px !important;
  --global-height: 72px !important;
  --section-height: 42px !important;
  --hub-header-h: 72px !important;
  --hub-local-h: 42px !important;
}

body[data-header="collapsed"]:has(#global-topbar.guth-shared-global) {
  --header-h: 0px !important;
  --global-height: 0px !important;
  --hub-header-h: 0px !important;
}

.app-shell.is-global-collapsed:has(> #global-topbar.guth-shared-global) {
  --global-height: 0px !important;
}

#global-topbar.guth-shared-global {
  grid-template-columns: minmax(204px, 1fr) max-content minmax(204px, 1fr) !important;
  grid-template-rows: 72px !important;
  align-items: center !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  padding: 0 10px !important;
  column-gap: 6px !important;
  row-gap: 0 !important;
}

#global-topbar.guth-shared-global > .guth-shared-brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

#global-topbar.guth-shared-global .guth-shared-mark {
  flex: 0 0 27px !important;
  width: 27px !important;
  min-width: 27px !important;
  max-width: 27px !important;
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
}

#global-topbar.guth-shared-global > .guth-shared-products {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 71px !important;
  min-height: 71px !important;
  max-height: 71px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  scrollbar-width: none !important;
}

#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button) {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 61px !important;
  min-height: 61px !important;
  max-height: 61px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #a59a8b !important;
  font: small-caps 400 12px/12px Georgia, "Times New Roman", serif !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button).is-active,
#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button).active,
#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button)[aria-current="page"] {
  border-bottom-color: #c69654 !important;
  color: #f0eadf !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: max-content !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 3px !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > button {
  box-sizing: border-box !important;
  flex: 0 0 34px !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
  flex-basis: 25px !important;
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  margin-left: 7px !important;
  border-radius: 6px !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > .nav-toggle {
  display: none !important;
}

@media (max-width: 1280px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 204px minmax(0, 1fr) 180px !important;
  }
}

@media (max-width: 900px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 148px minmax(0, 1fr) 76px !important;
    padding-inline: 8px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-destination {
    display: none !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-products > :is(a, button) {
    padding-inline: 5px !important;
    font-size: 11px !important;
    letter-spacing: 0.055em !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools > :is(button:nth-child(1), button:nth-child(3), button:nth-child(4)) {
    display: none !important;
  }
}

@media (max-width: 700px) {
  #global-topbar.guth-shared-global > .guth-shared-products {
    justify-content: flex-start !important;
  }
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 82px minmax(0, 1fr) 62px !important;
    gap: 2px !important;
    padding-inline: 4px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark,
  #global-topbar.guth-shared-global .guth-shared-destination,
  #global-topbar.guth-shared-global > .guth-shared-tools > button:not([data-shared-utility="messages"]):not(.guth-shared-profile) {
    display: none !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-brand {
    gap: 0 !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-products > :is(a, button) {
    padding-inline: 6px !important;
    font-size: 10px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools {
    gap: 1px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools > button[data-shared-utility="messages"] {
    flex-basis: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
    margin-left: 2px !important;
  }
}

@media print {
  #global-topbar.guth-shared-global {
    display: none !important;
  }
}

/* Composite Hub normalization. Files and Social are mounted from standalone
   products whose legacy shells otherwise change the universal header. */
#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button)::after {
  content: none !important;
  display: none !important;
}

body[data-guth-route="files"] .files-search-slot,
body[data-guth-route="social"] .social-section-tools {
  display: none !important;
}

/* One secondary-bar anatomy across every mounted product. Route labels and
   handlers stay product-owned; the composite shell owns their presentation. */
:is(.social-local-strip, .files-sectionbar, .local-strip)
  :is(.social-header-collapse, #global-topbar-toggle, .header-collapse-toggle) {
  box-sizing: border-box !important;
  flex: 0 0 32px !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  margin: 5px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ad9a82 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body:not([data-header="collapsed"])[data-guth-route="calendar"][data-domain="desk"] .local-destination-wrap,
body:not([data-header="collapsed"])[data-guth-route="social"] .social-local-destination,
body[data-guth-route="files"] .app-shell:not(.is-global-collapsed) .files-sectionbar .rail-caption {
  display: none !important;
}

body[data-guth-route="files"] .files-sectionbar #primary-nav {
  height: 41px !important;
  min-height: 41px !important;
}

body[data-guth-route="files"] .files-sectionbar #primary-nav > .nav-button {
  height: 41px !important;
  min-height: 41px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.075em !important;
  line-height: 1 !important;
}

body[data-guth-route="files"] .files-sectionbar #primary-nav > .nav-button > span {
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip)
  :is(nav, #primary-nav, #context-nav) > :is(a, button)::after {
  content: none !important;
  display: none !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav {
  height: 41px !important;
  min-height: 41px !important;
  align-items: center !important;
  gap: 12px !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: 41px !important;
  min-height: 41px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  color: #a99e8d !important;
  font-family: "Cascadia Mono", "DM Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.075em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens :is(span, small, em, .calendar-lens-trace) {
  display: none !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens > strong {
  display: block !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens[aria-selected="true"] {
  border-bottom-color: #c69654 !important;
  color: #fff8ec !important;
  background: transparent !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens:not([aria-selected="true"]):is(:hover, :focus-visible) {
  color: #fff2d9 !important;
  background: rgba(198, 150, 84, 0.10) !important;
  box-shadow: inset 0 0 0 1px rgba(198, 150, 84, 0.16) !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens[aria-selected="true"]:is(:hover, :focus-visible) {
  border-bottom-color: #c69654 !important;
  color: #fff8ec !important;
  background: rgba(198, 150, 84, 0.08) !important;
}

#global-topbar.guth-shared-global {
  font: 400 16px/normal Inter, system-ui, sans-serif !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
  color: #a59a8b !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  scrollbar-width: none !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip)::-webkit-scrollbar {
  display: none !important;
}

body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .local-strip {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: rgba(9, 9, 9, 0.992) !important;
  border-bottom-color: rgba(181, 138, 80, 0.28) !important;
}

/* Files inherited the opposite caret convention from its standalone shell and
   animated the header after its 72px grid row had already moved. Keep the
   shared contract synchronous: up collapses; down expands. */
body[data-guth-route="files"] .files-sectionbar #global-topbar-toggle svg {
  transform: none !important;
  transition: none !important;
}

body[data-guth-route="files"] .app-shell.is-global-collapsed .files-sectionbar #global-topbar-toggle svg {
  transform: rotate(180deg) !important;
}

/* Files establishes the calm outer rhythm: one 12px breath between the
   secondary bar and the product surface. Keep route-owned horizontal gutters. */
@media (min-width: 981px) {
  body:is(
    [data-guth-route="calendar"],
    [data-guth-route="desk"],
    [data-guth-route="agents"],
    [data-guth-route="labs"],
    [data-guth-route="assurance"],
    [data-guth-route="info"]
  ) #workspace > .domain-canvas > .workspace-body {
    padding-top: var(--guth-content-seam) !important;
  }

  body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .calendar-board {
    height: calc(
      100vh - var(--header-h) - var(--local-h) - 36px - var(--guth-content-seam)
    ) !important;
  }

  body[data-guth-route="info"] .system-map-sheet {
    min-height: calc(
      100vh - var(--header-h) - 52px - var(--guth-content-seam)
    ) !important;
  }

  body[data-guth-route="social"][data-social-active="studio"] main.desk {
    padding-top: var(--guth-content-seam) !important;
  }

  body[data-guth-route="social"][data-social-active="studio"] .workspace.social-product-panel {
    --social-workspace-available: max(
      0px,
      calc(100dvh - var(--hub-header-h) - var(--hub-local-h) - 50px)
    );
    height: var(--social-workspace-available) !important;
    max-height: var(--social-workspace-available) !important;
    align-content: start !important;
  }
}

#global-topbar.guth-shared-global {
  grid-template-columns: minmax(440px, 1fr) max-content minmax(210px, 1fr) !important;
}

#global-topbar.guth-shared-global > .guth-shared-identity {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 40px !important;
  gap: 9px !important;
  white-space: nowrap !important;
}

#global-topbar.guth-shared-global > .guth-shared-identity > .guth-shared-brand {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 40px !important;
  gap: 8px !important;
}

#global-topbar.guth-shared-global .guth-shared-name {
  font-size: 29px !important;
  letter-spacing: 0.075em !important;
}

.guth-shared-health-divider {
  flex: 0 0 auto !important;
  color: rgba(198, 150, 84, 0.58) !important;
  font: 400 15px/1 "Cascadia Mono", monospace !important;
}

.guth-shared-health {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 10px !important;
}

.guth-health-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #a99e8d !important;
  font: 600 9px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

.guth-health-item > b,
.guth-search-state {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0 8px currentColor !important;
}

.guth-health-item[data-state="ok"] {
  color: #43d99a !important;
}

.guth-health-item[data-state="unavailable"],
.guth-semantic-search[data-state="unavailable"] .guth-search-state {
  color: #b86659 !important;
}

#global-topbar.guth-shared-global > .guth-shared-products > :is(a, button) {
  padding-inline: 8px !important;
  font-size: 14px !important;
  line-height: 14px !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  gap: 2px !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > button {
  flex-basis: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.55 !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
  flex-basis: 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin-left: 5px !important;
  border-radius: 7px !important;
  color: #f1e5d2 !important;
  font: 650 10px/1 "Cascadia Mono", monospace !important;
  letter-spacing: 0.04em !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip),
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .local-strip {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  overflow: hidden !important;
  gap: 12px !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) > :is(nav, #primary-nav, #context-nav),
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip) > :is(nav, #primary-nav, #context-nav)::-webkit-scrollbar {
  display: none !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip)
  :is(nav, #primary-nav, #context-nav) > :is(a, button),
body[data-guth-route="files"] .files-sectionbar #primary-nav > .nav-button,
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding-inline: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

html body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] #context-nav .calendar-lens {
  flex-basis: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.guth-semantic-search {
  box-sizing: border-box !important;
  flex: 0 0 270px !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  width: 270px !important;
  min-width: 270px !important;
  height: 30px !important;
  margin-left: 0 !important;
  padding: 0 10px !important;
  gap: 8px !important;
  border: 1px solid rgba(198, 150, 84, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.018) !important;
  color: #a99e8d !important;
}

body[data-guth-route="social"] .social-destinations-control {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 8px 0 auto !important;
  padding: 0 11px !important;
  border: 1px solid rgba(198, 150, 84, 0.28) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.018) !important;
  color: #b8ad9d !important;
  font: 650 10px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: 0.045em !important;
  white-space: nowrap !important;
}

body[data-guth-route="social"] .social-destinations-control:hover {
  border-color: rgba(198, 150, 84, 0.48) !important;
  background: rgba(198, 150, 84, 0.08) !important;
  color: #fff8ec !important;
}

.guth-semantic-search > svg {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
}

.guth-semantic-search > input[type="search"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #a99e8d !important;
  opacity: 1 !important;
  font: 600 10px/1 "Cascadia Mono", "DM Mono", monospace !important;
  letter-spacing: 0.04em !important;
}

.guth-semantic-search > input[type="search"]::placeholder {
  color: #8f8374 !important;
  opacity: 1 !important;
}

.guth-semantic-search .guth-search-state {
  flex-basis: 6px !important;
  width: 6px !important;
  height: 6px !important;
}

body[data-guth-route="info"] .system-map-sheet {
  min-height: calc(
    100vh - var(--header-h) - var(--local-h) - var(--guth-content-seam) - 44px
  ) !important;
}


@media (max-width: 1700px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 290px minmax(0, 1fr) 220px !important;
  }

  .guth-health-item > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

@media (max-width: 1100px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 250px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    display: none !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools > :is(button:nth-child(1), button:nth-child(3), button:nth-child(4)) {
    display: none !important;
  }

  .guth-semantic-search {
    flex-basis: 210px !important;
    width: 210px !important;
    min-width: 210px !important;
  }
}

@media (max-width: 820px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 220px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-name {
    font-size: 24px !important;
  }

  .guth-semantic-search {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    justify-content: center !important;
    padding-inline: 8px !important;
  }

  .guth-semantic-search > input,
  .guth-semantic-search > .guth-search-state {
    display: none !important;
  }

  body[data-guth-route="social"] .social-destinations-control {
    width: 42px !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
  }

  body[data-guth-route="social"] .social-destinations-control::after {
    content: "ACCT" !important;
    display: grid !important;
    place-items: center !important;
    color: #b8ad9d !important;
  }
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 139px minmax(0, 1fr) 64px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-identity {
    gap: 5px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-name {
    font-size: 20px !important;
    letter-spacing: 0.035em !important;
  }

  .guth-shared-health {
    gap: 5px !important;
  }

  .guth-shared-health-divider {
    display: none !important;
  }

  .guth-health-item > b {
    flex-basis: 5px !important;
    width: 5px !important;
    height: 5px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-products > :is(a, button) {
    font-size: 11px !important;
    line-height: 11px !important;
  }

  #global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    margin-left: 0 !important;
  }
}

#global-topbar.guth-shared-global {
  grid-template-columns: minmax(324px, 1fr) max-content minmax(210px, 1fr) !important;
}

#global-topbar.guth-shared-global .guth-shared-mark {
  flex: 0 0 34px !important;
  display: block !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  opacity: 1 !important;
  filter: sepia(.58) saturate(1.18) hue-rotate(-7deg) brightness(1.38) contrast(.9) drop-shadow(0 3px 4px rgba(0,0,0,.24)) !important;
}

#global-topbar.guth-shared-global .guth-shared-word {
  flex: 0 0 110px !important;
  display: block !important;
  width: 110px !important;
  height: 20px !important;
  fill: none !important;
  stroke: #f0eadf !important;
  stroke-width: 9px !important;
  stroke-linecap: square !important;
  stroke-linejoin: round !important;
}

#global-topbar.guth-shared-global .guth-shared-labs {
  display: inline !important;
  color: #a59a8b !important;
  font: 700 8px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .26em !important;
}

.guth-shared-health {
  gap: 8px !important;
  overflow: visible !important;
}

.guth-health-item {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 24px !important;
  padding: 0 !important;
  gap: 0 !important;
}

.guth-health-item > b {
  flex: none !important;
  width: 6px !important;
  height: 6px !important;
  border: 0 !important;
  opacity: .78 !important;
  box-shadow: 0 0 4px currentColor !important;
}

.guth-health-item[data-state="local"],
.guth-health-item[data-state="stale"] {
  color: #987648 !important;
}

.guth-health-item[data-state="unavailable"],
.guth-health-item[data-state="unknown"] {
  color: #9a5b50 !important;
}

:is(.social-local-strip, .files-sectionbar, .local-strip),
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .local-strip {
  gap: 0 !important;
  overflow: hidden !important;
}

html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
  flex: 0 0 32px !important;
  display: flex !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 41px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

/* Runtime-marked legacy chrome must remain absent in both expanded and
   collapsed states; product-specific collapsed selectors appear earlier. */
html body [data-legacy-secondary-suppressed],
html body [data-legacy-secondary-suppressed][hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 1700px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 290px minmax(0, 1fr) 220px !important;
  }

  .guth-shared-health {
    gap: 4px !important;
  }
}

@media (max-width: 1100px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 250px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    display: block !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 92px !important;
    width: 92px !important;
  }
}

@media (max-width: 820px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 184px minmax(0, 1fr) 90px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    flex-basis: 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 78px !important;
    width: 78px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-labs,
  .guth-shared-health-divider {
    display: none !important;
  }

  .guth-health-item {
    flex-basis: 10px !important;
    width: 10px !important;
    min-width: 10px !important;
  }

  html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

html body[data-guth-chrome="server"] :is(
  .rail-caption,
  .files-search-slot,
  .social-local-destination,
  .social-section-tools,
  .local-destination-wrap,
  .local-search-inline,
  .collapsed-destinations-menu
) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Social's standalone source sets only overflow-x:hidden below its 1101px
   desktop mode. Per CSS overflow computation that turns overflow-y into auto,
   creating a second body scrollbar inside the universal html scrollbar and
   shortening both chrome rows by the native 15px body gutter. Keep one scroll
   owner: the universal html element. `clip` preserves horizontal containment
   without coercing the body's vertical overflow back to auto. */
@media (max-width: 1100px) {
  html:has(body[data-guth-route="social"]) body[data-guth-route="social"] {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global {
    grid-template-columns: 128px minmax(0, 1fr) 64px !important;
  }

  #global-topbar.guth-shared-global .guth-shared-mark {
    display: none !important;
  }

  #global-topbar.guth-shared-global .guth-shared-word {
    flex-basis: 72px !important;
    width: 72px !important;
  }

  .guth-health-item {
    flex-basis: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
  }

  .guth-health-item > b {
    width: 5px !important;
    height: 5px !important;
  }

  html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

/* Final full-width chrome geometry. */
#global-topbar.guth-shared-global,
:is(.social-local-strip, .files-sectionbar, .local-strip),
body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"] .local-strip {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100vw !important;
}

/* Single scrollbar source: exact public guthlabs.ai native contract. */
html {
  --guth-content-seam: 12px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  /* Defeat the legacy Calendar-root stable reserve. The public Guth Labs
     contract creates a real 10px rail only when the root actually scrolls. */
  scrollbar-gutter: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #92704c #17130f !important;
}

html::-webkit-scrollbar,
body[data-guth-route="files"] .content-stage::-webkit-scrollbar {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
}

html::-webkit-scrollbar-track,
body[data-guth-route="files"] .content-stage::-webkit-scrollbar-track {
  background: #17130f !important;
}

html::-webkit-scrollbar-thumb,
body[data-guth-route="files"] .content-stage::-webkit-scrollbar-thumb {
  border: 2px solid #17130f !important;
  border-radius: 999px !important;
  background: #92704c !important;
}

html::-webkit-scrollbar-thumb:hover,
body[data-guth-route="files"] .content-stage::-webkit-scrollbar-thumb:hover {
  background: #b08b62 !important;
}

body[data-guth-route="files"] .content-stage {
  scrollbar-width: thin !important;
  scrollbar-color: #92704c #17130f !important;
}

/* Calendar lens interaction lock: active underline survives a warm brass hit state. */
html body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"]
  .local-strip #context-nav > .calendar-lens:not([aria-selected="true"]):is(:hover, :focus-visible) {
  color: #fff2d9 !important;
  background: rgba(198, 150, 84, 0.10) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(198, 150, 84, 0.16) !important;
}

html body[data-guth-route="calendar"][data-domain="desk"][data-section="calendar"]
  .local-strip #context-nav > .calendar-lens[aria-selected="true"]:is(:hover, :focus-visible) {
  border-bottom-color: #c69654 !important;
  color: #fff8ec !important;
  background: rgba(198, 150, 84, 0.08) !important;
  background-image: none !important;
}

/* Universal header isolation lock. The composite header deliberately carries
   only guth-shared-* classes, and this final rule fully owns its idle visual
   state so standalone Files/Social button defaults cannot leak back in. */
#global-topbar.guth-shared-global {
  font: 400 16px/normal Inter, system-ui, sans-serif !important;
  box-shadow: 0 1px 0 rgba(215, 169, 106, 0.08) !important;
  transition: min-height .18s ease, height .18s ease, opacity .14s ease !important;
}

#global-topbar.guth-shared-global > .guth-shared-brand,
#global-topbar.guth-shared-global > .guth-shared-tools {
  font: 400 16px/normal Inter, system-ui, sans-serif !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > button {
  grid-template-columns: 40px !important;
  gap: 2px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #c69654 !important;
  opacity: 1 !important;
  font: 400 11px/11px "Cascadia Mono", Consolas, "Courier New", monospace !important;
  letter-spacing: 0.02em !important;
  box-shadow: none !important;
  transition: color .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}

#global-topbar.guth-shared-global .guth-help-glyph {
  display: inline-grid !important;
  place-items: center !important;
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  font: 500 22px/21px Georgia, "Times New Roman", serif !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > .guth-shared-profile {
  grid-template-columns: 38px !important;
  gap: 2px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #f1e5d2 !important;
  opacity: 1 !important;
  font: 650 10px/10px "Cascadia Mono", monospace !important;
  letter-spacing: 0.04em !important;
  box-shadow: none !important;
}

#global-topbar.guth-shared-global > .guth-shared-tools > button:disabled {
  cursor: default !important;
}

@media (hover: hover) {
  #global-topbar.guth-shared-global > .guth-shared-tools > button:not(:disabled):hover {
    background: rgba(198, 150, 84, .10) !important;
    color: #d5a45e !important;
    box-shadow: inset 0 0 0 1px rgba(198, 150, 84, .42), 0 0 12px rgba(198, 150, 84, .08) !important;
  }
}

#global-topbar.guth-shared-global > .guth-shared-tools > button:not(:disabled):focus-visible {
  outline: 2px solid #d5a45e !important;
  outline-offset: -2px !important;
  background: rgba(198, 150, 84, .12) !important;
  color: #d5a45e !important;
  box-shadow: inset 0 0 0 1px rgba(213, 164, 94, .62) !important;
}

/* Final universal control contract. The visible leading cell is the collapse
   target itself: 54 + 124 preserves the prior 10 + 44 + 124 start position,
   centers the glyph in the outlined cell, and leaves local tabs unmoved. */
:is(.social-local-strip, .files-sectionbar, .local-strip)
  :is(.social-header-collapse, #global-topbar-toggle, .header-collapse-toggle) {
  box-sizing: border-box !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 41px !important;
  min-height: 41px !important;
  max-height: 41px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background-image: linear-gradient(rgba(181, 138, 80, .22), rgba(181, 138, 80, .22)) !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: 1px 100% !important;
}

html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading,
html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading > #global-topbar-toggle {
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
}

html body[data-guth-route="files"] .files-sectionbar .guth-secondary-leading {
  border-right: 0 !important;
}

.guth-route-switcher {
  flex: 0 0 124px !important;
  min-width: 124px !important;
}

@media (max-width: 820px) {
  .guth-route-switcher {
    flex-basis: 100px !important;
    min-width: 100px !important;
  }

  :is(.guth-route-static, .guth-route-trigger) {
    gap: 4px !important;
    padding-inline: 6px !important;
    font-size: 11px !important;
    letter-spacing: .10em !important;
  }

}

@media (max-width: 520px) {
  .guth-route-switcher {
    flex-basis: 96px !important;
    min-width: 96px !important;
  }

  :is(.guth-route-static, .guth-route-trigger) {
    padding-inline: 8px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
}

/* One accessible local-preview utility dialog serves all eight products. */
.guth-shared-utility-dialog[hidden] {
  display: none !important;
}

.guth-shared-utility-dialog {
  position: fixed !important;
  z-index: 1400 !important;
  inset: 0 !important;
  display: grid !important;
  place-items: start center !important;
  box-sizing: border-box !important;
  padding: 96px 18px 18px !important;
  font-family: Inter, system-ui, sans-serif !important;
}

.guth-shared-utility-scrim {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .68) !important;
  backdrop-filter: blur(3px) !important;
}

.guth-shared-utility-sheet {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(480px, calc(100vw - 36px)) !important;
  padding: 20px !important;
  border: 1px solid rgba(198, 150, 84, .42) !important;
  border-radius: 10px !important;
  background: #100d0a !important;
  color: #f4eadb !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .58) !important;
}

.guth-shared-utility-sheet-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.guth-shared-utility-sheet-head > span,
.guth-shared-utility-sheet > strong {
  color: #c69654 !important;
  font: 700 10px/1.2 "Cascadia Mono", Consolas, monospace !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.guth-shared-utility-sheet-head > button {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(198, 150, 84, .28) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #d8cdbd !important;
  cursor: pointer !important;
  font: 400 22px/1 Inter, sans-serif !important;
}

.guth-shared-utility-sheet-head > button:is(:hover, :focus-visible) {
  border-color: rgba(198, 150, 84, .58) !important;
  outline: 2px solid rgba(213, 164, 94, .72) !important;
  outline-offset: -2px !important;
  background: rgba(198, 150, 84, .10) !important;
  color: #fff8ec !important;
}

.guth-shared-utility-sheet > h2 {
  margin: 22px 0 9px !important;
  color: #fff8ec !important;
  font: 500 28px/1.1 Georgia, "Times New Roman", serif !important;
}

.guth-shared-utility-sheet > strong {
  display: block !important;
  margin-bottom: 13px !important;
}

.guth-shared-utility-sheet > p {
  margin: 0 !important;
  color: #b9ae9f !important;
  font: 400 14px/1.6 Inter, system-ui, sans-serif !important;
}

.guth-shared-utility-docs-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin-top: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(196, 154, 75, .62);
  color: inherit;
  background: rgba(196, 154, 75, .08);
  text-decoration: none;
  font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.guth-shared-utility-docs-link[hidden] { display: none !important; }
.guth-shared-utility-docs-link:is(:hover, :focus-visible) {
  border-color: rgba(216, 178, 98, .96);
  background: rgba(196, 154, 75, .14);
  outline: none;
}

@media (max-width: 520px) {
  .guth-shared-utility-dialog {
    padding: 78px 12px 12px !important;
  }

  .guth-shared-utility-sheet {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce), (prefers-reduced-transparency: reduce) {
  .guth-shared-utility-scrim {
    backdrop-filter: none !important;
  }
}

/* One Guth appearance owner. The top banner, every product's secondary banner,
   and the appearance control change together; product styles do not replace
   this contract. The head artwork stays fixed; its light-backdrop calibration
   compensates for the PNG's translucent shading so it renders as the same
   bronze/taupe mark on either banner. */

#global-topbar.guth-shared-global [data-guth-appearance-toggle] > svg {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global {
  color: #1b1d21 !important;
  border-bottom-color: #d4d8de !important;
  background: rgba(250, 250, 249, .985) !important;
  box-shadow: none !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-word {
  stroke: #1b1d21 !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-mark {
  background: center / contain no-repeat url("/shared/guth-head-mark-96.png") !important;
  filter: sepia(.78) saturate(1.4) hue-rotate(-7deg) brightness(.52) contrast(.95) drop-shadow(0 3px 4px rgba(0,0,0,.24)) !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a, button) {
  color: #59616d !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a, button).is-active,
html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a, button).active,
html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a, button)[aria-current="page"] {
  border-bottom-color: #c69654 !important;
  color: #1b1d21 !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-tools > button {
  color: #a97834 !important;
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-tools > .guth-shared-profile {
  color: #1b1d21 !important;
}

@media (hover: hover) {
  html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a, button):hover {
    color: #1b1d21 !important;
    background: rgba(149, 101, 34, .055) !important;
  }

  html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-tools > button:not(:disabled):hover {
    color: #8a6128 !important;
    background: rgba(149, 101, 34, .07) !important;
  }
}

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global :is(.guth-shared-products > :is(a, button), .guth-shared-tools > button):focus-visible {
  color: #1b1d21 !important;
  background: rgba(149, 101, 34, .07) !important;
}

html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip, .files-sectionbar.files-sectionbar, .local-strip.local-strip) {
  color: #1b1d21 !important;
  border-color: #d8dce2 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip, .files-sectionbar.files-sectionbar, .local-strip.local-strip) :is(.guth-route-switcher, .local-destination-wrap, .guth-secondary-leading) {
  border-color: #d8dce2 !important;
  box-shadow: inset -1px 0 0 #d8dce2 !important;
}

html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip, .files-sectionbar.files-sectionbar, .local-strip.local-strip)
  :is(.social-header-collapse, #global-topbar-toggle, .header-collapse-toggle, .guth-route-static, .guth-route-trigger) {
  color: #805c2a !important;
}

html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip, .files-sectionbar.files-sectionbar, .local-strip.local-strip)
  :is(nav, #primary-nav, #context-nav) > :is(a, button) {
  color: #646c78 !important;
}

html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip, .files-sectionbar.files-sectionbar, .local-strip.local-strip)
  :is(nav, #primary-nav, #context-nav) > :is(a, button):is(.active, [aria-current="page"], [aria-selected="true"]) {
  border-bottom-color: #c69654 !important;
  color: #1b1d21 !important;
}

html body[data-guth-appearance="light"][data-guth-route] .guth-semantic-search {
  color: #68707c !important;
  border-color: #d8dce2 !important;
  background: #f8f9fa !important;
}

html body[data-guth-appearance="light"][data-guth-route] .guth-semantic-search > input[type="search"] {
  color: #1b1d21 !important;
}

html body[data-guth-appearance="light"][data-guth-route] .guth-semantic-search > input[type="search"]::placeholder,
html body[data-guth-appearance="light"][data-guth-route] .guth-semantic-search .guth-search-state {
  color: #8b929d !important;
}

/* Founder masthead and light-material terminal contract. Route names stay in navigation. */
#global-topbar.guth-shared-global .guth-shared-labs {
  display: inline-flex !important;
  flex: 0 0 auto;
  color: #b79059 !important;
  white-space: nowrap;
}
#global-topbar.guth-shared-global .guth-shared-products {
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
#global-topbar.guth-shared-global .guth-shared-products::-webkit-scrollbar { display: none; }

html body[data-guth-appearance="light"] #global-topbar.guth-shared-global {
  color: #2d241b !important;
  border-bottom-color: rgba(128,92,42,.42) !important;
  background: #f1e4cb !important;
}
html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-word { stroke: #2d241b !important; }
html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a,button) { color: #6b5c4b !important; }
html body[data-guth-appearance="light"] #global-topbar.guth-shared-global .guth-shared-products > :is(a,button):is(.is-active,.active,[aria-current="page"]) { color: #2d241b !important; }
html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip,.files-sectionbar.files-sectionbar,.local-strip.local-strip) {
  color: #2d241b !important;
  border-color: rgba(128,92,42,.34) !important;
  background: #e8d5b5 !important;
}
html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip,.files-sectionbar.files-sectionbar,.local-strip.local-strip) :is(.guth-route-switcher,.local-destination-wrap,.guth-secondary-leading) {
  border-color: rgba(128,92,42,.28) !important;
  box-shadow: inset -1px 0 rgba(128,92,42,.22) !important;
}
html body[data-guth-appearance="light"][data-guth-route] :is(.social-local-strip.social-local-strip,.files-sectionbar.files-sectionbar,.local-strip.local-strip) :is(nav,#primary-nav,#context-nav) > :is(a,button) { color: #6a5a48 !important; }
html body[data-guth-appearance="light"][data-guth-route] .guth-semantic-search {
  color: #6b5b48 !important;
  border-color: rgba(128,92,42,.30) !important;
  background: #dcc6a2 !important;
}

@media (max-width: 520px) {
  #global-topbar.guth-shared-global .guth-shared-labs { font-size: 9px !important; letter-spacing: .1em !important; }
}

/* Social's Studio, Queue, and Record views have different honest content
   heights. Keep the document as their single scroll owner without painting a
   native rail each time the selected view changes. Wheel, keyboard, and touch
   scrolling remain available. */
html:has(body[data-guth-route="social"]) {
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

html:has(body[data-guth-route="social"])::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Compact Hub routes retain a small, functional document scroll range below
   the stacked chrome. Do not let that range paint a transient browser rail. */
@media (max-width: 760px) {
  html:has(body:is(
    [data-guth-route="calendar"],
    [data-guth-route="desk"],
    [data-guth-route="agents"]
  )) {
    -ms-overflow-style: none;
    scrollbar-width: none !important;
  }

  html:has(body:is(
    [data-guth-route="calendar"],
    [data-guth-route="desk"],
    [data-guth-route="agents"]
  ))::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

/* Frontend freeze candidate, 2026-08-19.
   Hub routes scroll normally with wheel, touch, keyboard, and programmatic
   focus, but the document never reserves or paints a transient native rail.
   Product-owned panes remain the visible scroll owners. */
html:has(body[data-guth-route]) {
  -ms-overflow-style: none !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
}

html:has(body[data-guth-route])::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Universal Hub dark-material contract, 2026-08-19.
   Social supplies the shell palette for all eight routes. Feature materials
   remain route-owned: Calendar event/status accents, Desk paper, provider
   brands, and evidence/warning states are not recolored by this block. */
body[data-guth-route]:not([data-guth-appearance="light"]) {
  --guth-social-page: #090807;
  --guth-social-deep: #060504;
  --guth-social-panel: #100d0a;
  --guth-social-panel-raised: #17120e;
  --guth-social-field: #0b0907;
  --guth-social-ink: #eee5d1;
  --guth-social-muted: #afa38d;
  --guth-social-dim: #817765;
  --guth-social-brass: #c69654;
  --guth-social-edge: rgba(198, 150, 84, .42);
  --guth-social-edge-soft: rgba(198, 150, 84, .20);
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-page) !important;
  background-image:
    linear-gradient(rgba(198, 150, 84, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(198, 150, 84, .014) 1px, transparent 1px),
    radial-gradient(circle at 50% 24%, rgba(198, 150, 84, .035), transparent 48%) !important;
  background-size: 44px 44px, 44px 44px, 100% 100% !important;
}

body[data-guth-route]:not([data-guth-appearance="light"]) {
  --ink: var(--guth-social-ink);
  --ink-strong: #fffaf0;
  --muted: var(--guth-social-muted);
  --dim: var(--guth-social-dim);
  --dark: var(--guth-social-panel-raised);
  --darkest: var(--guth-social-deep);
  --dark-2: var(--guth-social-panel-raised);
  --gold: var(--guth-social-brass);
  --gold-dark: #9b6f38;
  --line-light: var(--guth-social-edge-soft);
}

/* A route may still own its content composition, but it may not substitute a
   different opaque page canvas underneath that composition. This is the one
   shared background Tony sees while moving between products. */
body[data-guth-route]:not([data-guth-appearance="light"]) :is(
  .app-frame,
  .app-shell,
  #workspace,
  .domain-canvas,
  .content-stage,
  main.desk
) {
  background-color: var(--guth-social-page) !important;
  background-image:
    linear-gradient(rgba(198, 150, 84, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(198, 150, 84, .014) 1px, transparent 1px),
    radial-gradient(circle at 50% 24%, rgba(198, 150, 84, .035), transparent 48%) !important;
  background-size: 44px 44px, 44px 44px, 100% 100% !important;
}

body[data-guth-route]:not([data-guth-appearance="light"]) .truth-drawer {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-panel-raised) !important;
}

body[data-guth-route="labs"]:not([data-guth-appearance="light"]) [data-labs-surface] {
  --lab-bg: var(--guth-social-page);
  --lab-panel: var(--guth-social-panel);
  --lab-panel-2: var(--guth-social-panel-raised);
  --lab-rule: var(--guth-social-edge);
  --lab-rule-soft: var(--guth-social-edge-soft);
  --lab-gold: var(--guth-social-brass);
  --lab-cream: var(--guth-social-ink);
  --lab-muted: var(--guth-social-muted);
}

/* Labs previously expanded the document to the height of its active mode,
   which made the Windows scrollbar appear and disappear between tabs. On the
   desktop Hub the chrome stays fixed and Labs owns one internal scrollport. */
@media (min-width: 761px) {
  html:has(body[data-guth-route="labs"]),
  body[data-guth-route="labs"] {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
  }

  body[data-guth-route="labs"] .app-frame {
    height: calc(100vh - var(--header-h, 72px) - var(--local-h, 42px));
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-guth-route="labs"] :is(#workspace, .domain-canvas, .workspace-body) {
    height: 100%;
    min-height: 0 !important;
  }

  body[data-guth-route="labs"] :is(#workspace, .domain-canvas) {
    overflow: hidden !important;
  }

  body[data-guth-route="labs"] .workspace-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: auto !important;
    scrollbar-width: none !important;
  }

  body[data-guth-route="labs"] .workspace-body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

body[data-guth-route="files"]:not([data-guth-appearance="light"]) {
  --space: var(--guth-social-page);
  --space-2: var(--guth-social-deep);
  --smoke: rgba(16, 13, 10, .99);
  --smoke-soft: rgba(23, 18, 14, .98);
  --glass: rgba(16, 13, 10, .96);
  --glass-line: var(--guth-social-edge-soft);
  --glass-shine: rgba(255, 244, 218, .045);
  --ink: var(--guth-social-ink);
  --muted: var(--guth-social-muted);
  --muted-2: var(--guth-social-dim);
  --cyan: var(--guth-social-brass);
  --cyan-soft: rgba(198, 150, 84, .10);
  --gold: var(--guth-social-brass);
  --gold-soft: rgba(198, 150, 84, .22);
}

body[data-guth-route="files"]:not([data-guth-appearance="light"]) :is(.app-shell, .workspace, .content-stage) {
  background-color: var(--guth-social-page) !important;
}

body[data-guth-route="files"]:not([data-guth-appearance="light"]) :is(.nav-rail, .inspector) {
  background-color: var(--guth-social-panel) !important;
}

body[data-guth-route="files"] .content-stage {
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
}

body[data-guth-route="files"] .content-stage::-webkit-scrollbar,
body[data-guth-route="calendar"] :is(.calendar-time-view, .calendar-callie-home-workspace)::-webkit-scrollbar,
body[data-guth-route="labs"] [data-labs-surface] *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body[data-guth-route="calendar"] :is(.calendar-time-view, .calendar-callie-home-workspace),
body[data-guth-route="labs"] [data-labs-surface] * {
  scrollbar-width: none !important;
}

/* Universal Hub light-material contract, 2026-08-19.
   Calendar is the reference: cream navigation, a quiet warm frame, crisp
   ivory working surfaces, dark ink, and brass used for state rather than as a
   page-wide tint. Route-specific functional materials remain intact. */
body[data-guth-route][data-guth-appearance="light"] {
  --guth-social-page: #d9cfbd;
  --guth-social-deep: #c8bba3;
  --guth-social-panel: #f7f5ef;
  --guth-social-panel-raised: #e7e2d8;
  --guth-social-field: #fffdf8;
  --guth-social-ink: #201d19;
  --guth-social-muted: #625c53;
  --guth-social-dim: #81786d;
  --guth-social-brass: #9b6828;
  --guth-social-edge: rgba(74, 58, 39, .34);
  --guth-social-edge-soft: rgba(74, 58, 39, .16);
  --ink: var(--guth-social-ink);
  --ink-strong: #1d1711;
  --muted: var(--guth-social-muted);
  --dim: var(--guth-social-dim);
  --dark: var(--guth-social-panel-raised);
  --darkest: var(--guth-social-deep);
  --dark-2: var(--guth-social-panel-raised);
  --gold: var(--guth-social-brass);
  --gold-dark: #744916;
  --line-light: var(--guth-social-edge-soft);
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-page) !important;
  background-image:
    linear-gradient(rgba(78, 62, 43, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 62, 43, .026) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(255, 255, 252, .62), transparent 54%) !important;
  background-size: 32px 32px, 32px 32px, 100% 100% !important;
}

body[data-guth-appearance="light"]:is(
  [data-guth-route="agents"],
  [data-guth-route="files"],
  [data-guth-route="social"],
  [data-guth-route="labs"],
  [data-guth-route="assurance"],
  [data-guth-route="info"]
) :is(.app-frame, .app-shell, #workspace, .domain-canvas, .content-stage, main.desk) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-page) !important;
  background-image:
    linear-gradient(rgba(78, 62, 43, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 62, 43, .026) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(255, 255, 252, .62), transparent 54%) !important;
  background-size: 32px 32px, 32px 32px, 100% 100% !important;
}

/* Agents: preserve the low-noise chat hierarchy. The rails are crisp paper,
   the conversation well is a distinct neutral, and the composer is a raised
   writing surface rather than another tan layer. */
body[data-guth-route="agents"][data-guth-appearance="light"] :is(
  .agents-chat-workspace,
  .agent-conversation-rail,
  .agent-chat-main,
  .agent-context-panel,
  .agent-chat-profile,
  .agent-chat-composer,
  .agent-chat-thread,
  .agents-profile-shell
) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-panel) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] .agents-chat-workspace {
  background-color: transparent !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(.agent-conversation-rail, .agent-context-panel) {
  background-color: #f7f5ef !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(.agent-chat-main, .agent-chat-thread) {
  background-color: #e9e6df !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] .agent-chat-main > header {
  background-color: #f1eee7 !important;
  border-bottom-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(
  .agent-chat-message,
  .agent-conversation-item,
  .agent-context-card,
  .agent-composer-shell,
  .agent-chat-composer textarea,
  input,
  textarea,
  select,
  button
) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-field) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(.agent-composer-shell, .agent-chat-composer) {
  color: var(--guth-social-ink) !important;
  background-color: #fffdf8 !important;
  border-color: var(--guth-social-edge) !important;
  box-shadow: 0 14px 32px rgba(53, 42, 28, .10) !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] .agent-chat-message.is-human {
  background-color: #ead7b8 !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(p, small, .meta, .muted) {
  color: var(--guth-social-muted) !important;
}

body[data-guth-route="agents"][data-guth-appearance="light"] :is(
  .agent-context-panel dd,
  .agent-context-panel article p,
  .agent-conversation-rail nav small,
  .agent-chat-main > header p
) {
  color: var(--guth-social-muted) !important;
}

/* Files: the chronology and index keep their own spatial behavior while their
   glass is made from the common light palette. */
body[data-guth-route="files"][data-guth-appearance="light"] {
  --space: var(--guth-social-page);
  --space-2: var(--guth-social-deep);
  --smoke: rgba(244, 234, 215, .98);
  --smoke-soft: rgba(223, 207, 180, .96);
  --glass: rgba(244, 234, 215, .93);
  --glass-line: var(--guth-social-edge-soft);
  --glass-shine: rgba(255, 255, 255, .38);
  --ink: var(--guth-social-ink);
  --muted: var(--guth-social-muted);
  --muted-2: var(--guth-social-dim);
  --cyan: var(--guth-social-brass);
  --cyan-soft: rgba(155, 104, 40, .10);
  --gold: var(--guth-social-brass);
  --gold-soft: rgba(155, 104, 40, .18);
}

body[data-guth-route="files"][data-guth-appearance="light"] :is(.workspace, .file-table, .file-list, .index-panel) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-panel) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="files"][data-guth-appearance="light"] :is(.nav-rail, .inspector) {
  color: #eee5d8 !important;
  background-color: #17130f !important;
  border-color: rgba(183, 129, 63, .30) !important;
}

/* Social remains the palette source. Only the workbench chrome is translated;
   the platform preview itself stays platform-accurate. */
body[data-guth-route="social"][data-guth-appearance="light"] :is(
  .workspace.social-product-panel,
  .social-project-rail,
  .compose-stack,
  .preview-stack,
  .inline-media-editor,
  .editor-direction,
  .studio-editor-shell,
  .inline-editor-controls,
  .luna-media-command,
  .platform-card,
  .result-card,
  .post-mode,
  .tiktok-options
) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-panel) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(.workspace.social-product-panel, .compose-stack) {
  background-color: #f7f5ef !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(.social-project-rail, .preview-stack) {
  background-color: #17130f !important;
  border-color: rgba(183, 129, 63, .30) !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(
  .editor-intake,
  .inline-media-editor,
  .editor-control-deck,
  .preview-format-tabs,
  .preview-lens-status
) :is(h1, h2, h3, h4, p, small, span, strong, b, em, label) {
  color: var(--guth-social-ink) !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(
  .composer-paper.social-editor,
  .editor-workbench,
  .inline-editor-stage,
  .editor-control-deck,
  .studio-editor-head,
  .editor-tool-rail,
  .preview-stage,
  .preview-format-tabs,
  .preview-lens-status
) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-panel-raised) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(
  .composer-paper.social-editor,
  .editor-workbench,
  .inline-editor-stage,
  .editor-control-deck,
  .studio-editor-head,
  .editor-tool-rail
) {
  background-color: #eeece6 !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] :is(
  .media-holding,
  .compose-stack input,
  .compose-stack textarea,
  .compose-stack select,
  .editor-direction textarea,
  .inline-media-editor button,
  .social-project-rail button,
  .preview-format-tabs button,
  .platform-card button
) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-field) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-route="social"][data-guth-appearance="light"] .social-project-rail :is(
  .rail-add-media,
  .media-holding
) :is(h1, h2, h3, h4, p, small, span, strong, b, em, label) {
  color: #f1e9dc !important;
}

/* Labs: expose the same material variables without flattening experiment
   states, evidence colors, plots, or selected-node meaning. */
body[data-guth-route="labs"][data-guth-appearance="light"] [data-labs-surface] {
  --lab-bg: var(--guth-social-page);
  --lab-panel: var(--guth-social-panel);
  --lab-panel-2: var(--guth-social-panel-raised);
  --lab-rule: var(--guth-social-edge);
  --lab-rule-soft: var(--guth-social-edge-soft);
  --lab-gold: var(--guth-social-brass);
  --lab-cream: var(--guth-social-ink);
  --lab-muted: var(--guth-social-muted);
  color: var(--lab-cream) !important;
  background-color: var(--lab-bg) !important;
}

body[data-guth-route="labs"][data-guth-appearance="light"] [data-labs-surface] :is(
  .labs-surface,
  .labs-surface__body,
  .labs-pagehead,
  .system-map,
  .map-inspector,
  .map-node,
  .experiment-card,
  .instrument-card,
  .evidence-card,
  input,
  textarea,
  select,
  button
) {
  color: var(--lab-cream) !important;
  background-color: var(--lab-panel) !important;
  border-color: var(--lab-rule-soft) !important;
}

body[data-guth-route="labs"][data-guth-appearance="light"] [data-labs-surface] :is(.is-selected, [aria-selected="true"], .primary) {
  background-color: var(--lab-panel-2) !important;
  border-color: var(--lab-gold) !important;
}

/* Assurance and Info are educational directories. Their typography remains
   route-specific, but cards and controls must read as members of one Hub. */
body[data-guth-appearance="light"]:is([data-guth-route="assurance"], [data-guth-route="info"]) :is(
  .assurance-education-shell,
  .info-directory,
  .assurance-education-shell header,
  .assurance-education-shell article,
  .assurance-education-shell section,
  .info-directory header,
  .info-directory article,
  .info-directory section
) {
  color: var(--guth-social-ink) !important;
  background-color: #faf8f3 !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-appearance="light"]:is([data-guth-route="assurance"], [data-guth-route="info"]) :is(button, input, textarea, select) {
  color: var(--guth-social-ink) !important;
  background-color: var(--guth-social-field) !important;
  border-color: var(--guth-social-edge-soft) !important;
}

body[data-guth-appearance="light"]:is([data-guth-route="assurance"], [data-guth-route="info"]) :is(
  .assurance-education-shell,
  .info-directory
) :is(h1, h2, h3, h4, p, li, span, strong, b, em, dt, dd, a) {
  color: var(--guth-social-ink) !important;
}

body[data-guth-appearance="light"]:is([data-guth-route="assurance"], [data-guth-route="info"]) :is(
  .assurance-education-shell,
  .info-directory
) :is(.eyebrow, small, [class*="status"], [class*="meta"]) {
  color: var(--guth-social-muted) !important;
}