/* Shared footer utilities also work when business views are mounted inside
   the persistent workspace rather than a standalone document. */
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer),
.inventory-page .governance-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  min-width: 0;
  color: #65747c;
  font-size: 12px;
  line-height: 18px;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav,
.company-ticket-footer nav,
.inventory-page .governance-footer > nav,
#root .app-shell .official-workspace-footer > nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 24px;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a,
.company-ticket-footer nav > a,
.inventory-page .governance-footer > nav > a,
#root .app-shell .official-workspace-footer > nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  margin: 0;
  padding: 4px 0;
  color: #65747c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a:hover,
.company-ticket-footer nav > a:hover,
.inventory-page .governance-footer > nav > a:hover,
#root .app-shell .official-workspace-footer > nav > a:hover {
  color: #173747;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a:focus-visible,
.company-ticket-footer nav > a:focus-visible,
.inventory-page .governance-footer > nav > a:focus-visible,
#root .app-shell .official-workspace-footer > nav > a:focus-visible {
  outline: 2px solid #0a3d62;
  outline-offset: 4px;
  border-radius: 2px;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer)
  :is(.product-credit,.crm-product-attribution,.workspace-brand-credit) {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  min-height: 44px;
  margin: 0;
  padding: 0;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer,.company-ticket-footer)
  :is(.product-credit,.crm-product-attribution,.workspace-brand-credit) img {
  display: block;
  width: 60px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  transform: none;
  opacity: .85;
}
@media (max-width: 620px) {
  :is(.official-workspace-footer,.governance-footer,.workspace-shell-footer),
.inventory-page .governance-footer {
    align-items: flex-start;
    gap: 12px 24px;
  }
  :is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav,
  .company-ticket-footer nav,
  #root .app-shell .official-workspace-footer > nav {
    flex-basis: 100%;
    width: 100%;
    gap: 12px 24px;
  }
}

/* Business modules share the existing company shell; styles stay inside their host. */
#root .app-shell[data-workspace-route] .topbar-actions{display:none}
#root .workspace-module{min-width:0;width:100%;margin:0;background:transparent;color:#15384c;font:inherit;line-height:1.5}
#root .workspace-route-content{min-width:0;width:100%;outline:none}
#root .workspace-module :is(.governance-heading,.dist-heading,.inventory-heading) h1,
#root .workspace-visit-management .workspace-route-content>h1{display:none}
#root .workspace-module :is(.governance-heading,.dist-heading,.inventory-heading)>div>p:first-of-type{margin-top:0}
#root .workspace-module .dist-heading{margin-bottom:18px}
#root .workspace-module .dist-top-nav{display:none}
#root .workspace-module .inventory-legacy{min-width:0}
#root .workspace-navigation-notice{padding:12px 16px;margin:0 0 18px;border-left:3px solid #d4881c;border-radius:6px;background:#fff7e8;color:#674c24}
#root .workspace-module [hidden]{display:none!important}
#root .workspace-module .crm-ticket-root{min-width:0}
@media(max-width:620px){#root .workspace-module .dist-toolbar{margin:0;width:100%}#root .workspace-module .governance-heading{margin-bottom:16px}#root .workspace-module :is(.dist-table-wrap,.inventory-table-wrap){max-width:100%}}