:root{
  --lisa-control-height:40px;
  --lisa-control-gap:6px;
  --lisa-control-padding:14px;

  /* A 2026 AI Company semantic color system */
  --a26-human-bg:#F7F3ED;
  --a26-surface:#FFFFFF;
  --a26-ink:#20201E;
  --a26-muted:#716D68;
  --a26-border:#D8D2CA;
  --a26-human:#C99B7A;
  --a26-action:#315E8A;
  --a26-action-dark:#274C70;
  --a26-action-soft:#E8F0F7;
  --a26-healthy:#46745B;
  --a26-healthy-dark:#315440;
  --a26-healthy-soft:#E5EFE8;
  --a26-attention:#A86F21;
  --a26-attention-soft:#F6EBD8;
  --a26-danger:#A74843;
  --a26-danger-soft:#F5E3E1;
  --a26-disabled:#E8E4DE;
}
.lisa-button-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--lisa-control-gap)!important;min-width:0}
.lisa-button-row>:is(button,a),.lisa-button{box-sizing:border-box;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:var(--lisa-control-height)!important;padding-left:var(--lisa-control-padding)!important;padding-right:var(--lisa-control-padding)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;white-space:nowrap;text-align:center}
.lisa-button-row>:is(button,a)[hidden],.lisa-button[hidden]{display:none!important}

/* Accessible interaction states shared by the entry site and tools */
:is(button,a,input,textarea,select):focus-visible{
  outline:3px solid rgba(49,94,138,.34)!important;
  outline-offset:2px!important;
}
:is(button,a):disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
}

/* Company entry site: human foundation, blue navigation, green live state */
.secretaryPage{
  background:var(--a26-human-bg)!important;
  color:var(--a26-ink)!important;
}
.secretaryPage .brand{color:var(--a26-ink)!important}
.secretaryPage .status{color:var(--a26-muted)!important}
.secretaryPage .lead{color:var(--a26-ink)!important}
.secretaryPage .siteHeaderControls :is(.contactButton,#lisaLanguageButton,button.lisaSiteVoice){
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.secretaryPage .siteHeaderControls :is(.contactButton,#lisaLanguageButton,button.lisaSiteVoice):hover{
  border-color:var(--a26-action)!important;
  color:var(--a26-action)!important;
}
.secretaryPage .secretaryCard{
  border-color:var(--a26-border)!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(49,94,138,.15),transparent 48%),
    linear-gradient(150deg,var(--a26-surface),#F2ECE4 72%)!important;
  color:var(--a26-ink)!important;
}
.secretaryPage .toolLabel{
  color:var(--a26-healthy-dark)!important;
}
.secretaryPage .secretaryCard .definition{color:var(--a26-ink)!important}
.secretaryPage .secretaryCard .description{color:var(--a26-muted)!important}
.secretaryPage .secretaryCard .cardAction{
  border-color:var(--a26-border)!important;
  color:var(--a26-action)!important;
}
.secretaryPage .secretaryCard:hover{border-color:var(--a26-action)!important}

/* SECRETARY tool: blue means action, green means working, amber means attention */
body:has(.app .dashboardCard),
body:has(.app .room),
body:has(.app .card){
  background:var(--a26-human-bg)!important;
  color:var(--a26-ink)!important;
}
body:has(.app .dashboardCard) .app,
body:has(.app .room) .app,
body:has(.app .card) .app{
  color:var(--a26-ink)!important;
}
.app .brand{color:var(--a26-ink)!important}
.app .sub,.app .muted,.app .dashboardRoomMeta,.app .roomMeta,.app .notice{color:var(--a26-muted)!important}
.app .card,.app .dashboardCard{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app .card p,.app .dashboardEmpty,.app .dashboardRoomPreview{color:var(--a26-muted)!important}
.app .productNav a,
.app .voiceButton,
.app .projectButton,
.app .btn.dark{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app .productNav a.active,
.app .voiceButton.active,
.app .entryMode.active{
  border-color:var(--a26-action)!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
.app .entryModes{
  border-color:var(--a26-border)!important;
  background:#EEE9E2!important;
}
.app .entryMode{color:var(--a26-muted)!important}
.app .dashboardRoom{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app .dashboardRoom:hover{border-color:var(--a26-action)!important}
.app .unreadBadge{
  background:var(--a26-healthy)!important;
  color:var(--a26-healthy-dark)!important;
}
.app .dashboardNotificationBar{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
}
.app .dashboardNotificationButton{
  border-color:var(--a26-action)!important;
  background:var(--a26-action)!important;
  color:#fff!important;
}
.app .dashboardNotificationButton.on{
  border-color:var(--a26-healthy)!important;
  background:var(--a26-healthy-soft)!important;
  color:var(--a26-healthy-dark)!important;
}
.app .dashboardNotificationButton.blocked{
  border-color:var(--a26-attention)!important;
  background:transparent!important;
  color:var(--a26-attention)!important;
}
.app .dashboardNotificationStatus{color:var(--a26-muted)!important}
.app .field,
.app :is(input,textarea,select){
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app :is(input,textarea,select)::placeholder{color:#918B84!important}
.app .field:focus,
.app :is(input,textarea,select):focus{border-color:var(--a26-action)!important}
.app .btn{
  border-color:var(--a26-action)!important;
  background:var(--a26-action)!important;
  color:#fff!important;
}
.app .btn.dark{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app .btn.danger{
  border-color:var(--a26-danger)!important;
  background:var(--a26-danger-soft)!important;
  color:var(--a26-danger)!important;
}
.app .error{color:var(--a26-danger)!important}
.app .myRoomsButton,.app .demoLink{
  border-color:var(--a26-action)!important;
  color:var(--a26-action)!important;
}
.app .roomHead{border-color:var(--a26-border)!important}
.app .composer{background:var(--a26-human-bg)!important}
.app .composer textarea.field,
.app .composer .imageInfoButton,
.app .composer .send,
.app .composer .askLisa{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
.app .composer .send{
  border:0!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
.app .composer .askLisa{
  border:0!important;
  background:var(--a26-healthy)!important;
  color:var(--a26-ink)!important;
}
.app .bubble{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
.app .mine .bubble{
  border-color:var(--a26-action-soft)!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-ink)!important;
}
.app .lisa .bubble{border-color:var(--a26-healthy)!important}
.app .who,.app .mini{color:var(--a26-muted)!important}
.app .chatPendingImages{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
}
.app .chatPendingBottom{color:var(--a26-muted)!important}

/* Keep overlays legible while preserving their original hierarchy */
.app .projectPanel,
.app [class$="Sheet"]>div,
.app [class*="sheet"]>div{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}

@media(max-width:720px){
  .lisa-button-row>:is(button,a),.lisa-button{white-space:normal}
  :root{--lisa-control-height:38px;--lisa-control-gap:5px;--lisa-control-padding:12px}
  .lisa-button-row>:is(button,a),.lisa-button{font-size:11px}
}


/* Shared language and install overlays */
#lisaLanguageLayer{
  background:rgba(32,32,30,.42)!important;
  color:var(--a26-ink)!important;
}
#lisaLanguageLayer .lisaLanguageCard{
  border-color:var(--a26-border)!important;
  background:var(--a26-human-bg)!important;
  color:var(--a26-ink)!important;
  box-shadow:0 24px 80px rgba(32,32,30,.18)!important;
}
#lisaLanguageLayer .lisaLanguageChoices button{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}
#lisaLanguageLayer .lisaLanguageChoices button.selected{
  border-color:var(--a26-action)!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
.lisaChatPwaStart{
  background:rgba(32,32,30,.42)!important;
  color:var(--a26-ink)!important;
}
.lisaChatPwaStart .lisaChatPwaCard{
  border-color:var(--a26-border)!important;
  background:var(--a26-human-bg)!important;
  color:var(--a26-ink)!important;
}
.lisaChatPwaStart .lisaChatPwaKicker{color:var(--a26-healthy-dark)!important}
.lisaChatPwaStart p,.lisaChatPwaStart .lisaChatPwaHelp{color:var(--a26-muted)!important}
.lisaChatPwaStart .lisaChatPwaActions button:not(.secondary){
  border-color:var(--a26-action)!important;
  background:var(--a26-action)!important;
  color:#fff!important;
}
.lisaChatPwaStart .lisaChatPwaActions button.secondary{
  border-color:var(--a26-border)!important;
  background:var(--a26-surface)!important;
  color:var(--a26-ink)!important;
}


/* Flat control hierarchy: surfaces and color, not decorative frames */
.secretaryPage .siteHeaderControls :is(.contactButton,#lisaLanguageButton,button.lisaSiteVoice){
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.secretaryPage .siteHeaderControls :is(.contactButton,#lisaLanguageButton,button.lisaSiteVoice):hover{
  background:var(--a26-action-soft)!important;
}

.app .top{
  border-bottom:1px solid var(--a26-border)!important;
  background:var(--a26-human-bg)!important;
  color:var(--a26-ink)!important;
}
.app .topActions :is(button,a),
.app .voiceButton,
.app .projectButton,
.app .productNav a,
.app .myRoomsButton{
  border:0!important;
  background:transparent!important;
  color:var(--a26-ink)!important;
  box-shadow:none!important;
}
.app .topActions :is(button,a):hover,
.app .voiceButton:hover,
.app .projectButton:hover,
.app .productNav a:hover,
.app .myRoomsButton:hover{
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
.app .voiceButton.active,
.app .productNav a.active{
  border:0!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
.app .entryModes{
  border:0!important;
  background:#EEE9E2!important;
  box-shadow:none!important;
}
.app .entryMode{
  border:0!important;
  box-shadow:none!important;
}
.app .entryMode.active{
  border:0!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
  box-shadow:none!important;
}
.app .btn,
.app .btn.dark,
.app .dashboardNotificationButton{
  border:0!important;
  box-shadow:none!important;
}
.app .btn.dark{
  background:#EEE9E2!important;
  color:var(--a26-ink)!important;
}
.app .dashboardNotificationButton.on{
  border:0!important;
  background:var(--a26-healthy-soft)!important;
  color:var(--a26-healthy-dark)!important;
}
.app .dashboardNotificationButton.blocked{
  border:0!important;
  background:var(--a26-attention-soft)!important;
  color:var(--a26-attention)!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.app :is(button,a):focus-visible,
.secretaryPage :is(button,a):focus-visible{
  outline:0!important;
  box-shadow:inset 0 -3px 0 var(--a26-action)!important;
}

#lisaLanguageLayer .lisaLanguageCard h2{color:var(--a26-ink)!important}
#lisaLanguageLayer .lisaLanguageChoices{
  gap:0!important;
}
#lisaLanguageLayer .lisaLanguageChoices button{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--a26-ink)!important;
  box-shadow:none!important;
}
#lisaLanguageLayer .lisaLanguageChoices button+button{
  border-top:1px solid var(--a26-border)!important;
}
#lisaLanguageLayer .lisaLanguageChoices button.selected{
  border:0!important;
  border-radius:12px!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
  box-shadow:none!important;
}
#lisaLanguageLayer .lisaLanguageChoices button:focus-visible{
  outline:0!important;
  box-shadow:inset 0 -3px 0 var(--a26-action)!important;
}
.lisaChatPwaStart .lisaChatPwaActions button{
  border:0!important;
  box-shadow:none!important;
}


/* Final control-specific reset for runtime-injected header styles */
#voiceButton,
#lisaLanguageButton,
#myRoomsBtn,
.headerNavButton,
.headerContextBack{
  border:0!important;
  background:transparent!important;
  color:var(--a26-ink)!important;
  outline:0!important;
  box-shadow:none!important;
}
#voiceButton:hover,
#lisaLanguageButton:hover,
#myRoomsBtn:hover,
.headerNavButton:hover,
.headerContextBack:hover{
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
#voiceButton.active,
#voiceButton[aria-pressed="true"]{
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}
#voiceButton:focus-visible,
#lisaLanguageButton:focus-visible,
#myRoomsBtn:focus-visible,
.headerNavButton:focus-visible,
.headerContextBack:focus-visible,
#lisaLanguageLayer .lisaLanguageChoices button:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}


/* Match runtime header specificity without restoring frames */
html body .app .topActions > #voiceButton,
html body .app .topActions > #leaveHeaderBtn,
html body #lisaLanguageButton.lisaHeaderLanguage{
  border:0!important;
  background:transparent!important;
  color:var(--a26-ink)!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .app .topActions > #voiceButton:hover,
html body .app .topActions > #leaveHeaderBtn:hover,
html body #lisaLanguageButton.lisaHeaderLanguage:hover{
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}


/* Dynamic device header: brand left, utilities and context right */
html body .app .top{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(140px,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
  column-gap:16px!important;
  row-gap:0!important;
  margin:0 0 10px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--a26-border)!important;
  background:var(--a26-human-bg)!important;
}
html body .app .top>div:first-child{
  min-width:0!important;
  align-self:start!important;
}
html body .app .top .brand{
  margin:0!important;
  color:var(--a26-ink)!important;
  line-height:1.08!important;
}
html body .app .top .companyBrand{
  display:block!important;
  max-width:100%!important;
  margin-top:12px!important;
  color:#918B84!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-decoration:none!important;
}
html body .app .headerControlStack{
  width:auto!important;
  min-width:0!important;
  display:grid!important;
  justify-items:end!important;
  align-content:start!important;
  gap:2px!important;
}
html body .app .topActions{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html body .app .headerContextRow{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html body .app .headerContextRow.hidden{display:none!important}
html body .app .headerContextActions{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
html body .app .headerContextRow :is(button,a),
html body .app .topActions :is(button,a){
  min-height:38px!important;
  height:38px!important;
  padding:0 8px!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
html body .app #homeHeaderActions{
  justify-self:end!important;
}
html body .app #myRoomsBtn{
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:720px){
  html body .app .top{
    grid-template-columns:minmax(120px,1fr) auto!important;
    column-gap:10px!important;
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  html body .app .top .brand{
    font-size:15px!important;
  }
  html body .app .top .companyBrand{
    max-width:165px!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
  }
  html body .app .headerControlStack{
    width:auto!important;
    justify-items:end!important;
    gap:0!important;
  }
  html body .app .topActions{
    width:auto!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  html body .app .headerContextRow{
    width:auto!important;
    min-height:32px!important;
    justify-content:flex-end!important;
  }
  html body .app .headerContextRow :is(button,a),
  html body .app .topActions :is(button,a){
    min-width:0!important;
    width:auto!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
}
@media(max-width:390px){
  html body .app .top{
    grid-template-columns:minmax(110px,1fr) auto!important;
    column-gap:7px!important;
  }
  html body .app .top .brand{font-size:14px!important}
  html body .app .top .companyBrand{
    max-width:145px!important;
    font-size:8px!important;
    letter-spacing:.08em!important;
  }
  html body .app .topActions{gap:2px!important}
  html body .app .headerContextActions{gap:2px!important}
  html body .app .headerContextRow :is(button,a),
  html body .app .topActions :is(button,a){
    height:34px!important;
    min-height:34px!important;
    padding:0 5px!important;
    font-size:10px!important;
  }
}


/* Unified left-aligned header across phone, tablet, PWA, and desktop */
html body .app .top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-items:start!important;
  row-gap:8px!important;
  column-gap:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0 0 10px!important;
}
html body .app .top>div:first-child{
  width:100%!important;
  justify-self:start!important;
}
html body .app .headerControlStack{
  width:100%!important;
  justify-self:start!important;
  justify-items:start!important;
  align-content:start!important;
  gap:4px!important;
}
html body .app .topActions{
  width:auto!important;
  justify-content:flex-start!important;
}
html body .app .headerContextRow,
html body .app .headerContextActions{
  width:auto!important;
  justify-content:flex-start!important;
}
html body .app #homeHeaderActions{
  justify-self:start!important;
}
html body .app #myRoomsBtn{
  margin:0!important;
  padding-left:0!important;
  padding-right:6px!important;
}
@media(max-width:720px){
  html body .app .top{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:7px!important;
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  html body .app .headerControlStack{
    width:100%!important;
    justify-items:start!important;
    gap:3px!important;
  }
  html body .app .topActions,
  html body .app .headerContextRow,
  html body .app .headerContextActions{
    justify-content:flex-start!important;
  }
}
@media(max-width:390px){
  html body .app .top{row-gap:6px!important}
  html body .app .headerControlStack{gap:2px!important}
}


/* Exact visible left edge and non-wrapping company label */
html body .app .top .companyBrand{
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:clamp(8px,1.05vw,11px)!important;
  letter-spacing:clamp(.06em,.15vw,.12em)!important;
}
html body .app .topActions > #voiceButton{
  padding-left:0!important;
}
@media(max-width:390px){
  html body .app .top .companyBrand{
    font-size:7.5px!important;
    letter-spacing:.055em!important;
  }
}


/* One stage-header contract for dashboard, entry, invitation, room, and host states */
html body .app :is(
  .headerDashboardActions,
  #dashboardHeaderActions,
  #homeHeaderActions,
  #roomHeaderActions,
  .headerContextRow,
  .headerContextActions
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .app :is(
  .headerDashboardActions,
  #dashboardHeaderActions,
  #homeHeaderActions,
  #roomHeaderActions,
  .headerContextRow
){
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:8px!important;
}
html body .app :is(
  .headerDashboardActions,
  .headerContextActions
){
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:6px!important;
}
html body .app :is(
  .headerDashboardActions,
  #dashboardHeaderActions,
  #homeHeaderActions,
  #roomHeaderActions,
  .headerContextRow,
  .headerContextActions
).hidden{
  display:none!important;
}
html body .app #dashboardHeaderActions .headerContextLabel{
  display:none!important;
}
html body .app :is(
  .headerDashboardActions,
  #dashboardHeaderActions .headerContextActions
)>:first-child,
html body .app #dashboardHeaderActions .headerContextActions>:first-child{
  margin-left:0!important;
  padding-left:0!important;
}
html body .app #homeHeaderActions>:first-child{
  margin-left:0!important;
  padding-left:0!important;
}
html body .app #roomHeaderActions>div:first-child{
  flex:0 1 auto!important;
  min-width:0!important;
  margin-left:0!important;
}
html body .app #roomHeaderActions .headerContextActions{
  flex:0 0 auto!important;
}
html body .app :is(.headerNavButton,.headerContextBack){
  margin-left:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  html body .app :is(
    .headerDashboardActions,
    #dashboardHeaderActions,
    #homeHeaderActions,
    #roomHeaderActions,
    .headerContextRow,
    .headerContextActions
  ){
    width:100%!important;
    justify-content:flex-start!important;
  }
  html body .app :is(
    .headerDashboardActions,
    #dashboardHeaderActions,
    #homeHeaderActions,
    #roomHeaderActions,
    .headerContextRow
  ){
    gap:6px!important;
  }
  html body .app :is(
    .headerDashboardActions,
    .headerContextActions
  ){
    gap:4px!important;
  }
}


/* Semantic identity text: skin = HUMAN/company; green = live/healthy/SECRETARY */
:root{
  --a26-human-text:#8B5F47;
}
.secretaryPage .brand,
.secretaryPage .status{
  color:var(--a26-human-text)!important;
}
.secretaryPage .toolLabel{
  color:var(--a26-healthy-dark)!important;
}
.app .companyBrand{
  color:var(--a26-human-text)!important;
}
.app .msg:not(.lisa) .who{
  color:var(--a26-human-text)!important;
}
.app .msg.lisa .who{
  color:var(--a26-healthy-dark)!important;
}
.app .dashboardNotificationButton.on,
.app .dashboardNotificationButton.on + .dashboardNotificationStatus{
  color:var(--a26-healthy-dark)!important;
}
.app .lisa .bubble{
  border-color:var(--a26-healthy)!important;
}


html body .app .top .companyBrand{
  color:var(--a26-human-text)!important;
}


/* Visible everyday green, warmer red-yellow skin, and one content-gap rhythm */
:root{
  --a26-human:#D07A4F;
  --a26-human-text:#B45F38;
  --a26-human-soft:#F4DED0;
  --a26-healthy:#A8FFB0;
  --a26-healthy-text:#315440;
  --a26-healthy-dark:#315440;
  --a26-healthy-soft:#E8FFE9;
}
.secretaryPage .brand,
.secretaryPage .status,
html body .app .top .companyBrand{
  color:var(--a26-human-text)!important;
}
.secretaryPage .toolLabel,
.secretaryPage .secretaryCard h2,
html body .app .top .brand{
  color:var(--a26-healthy-text)!important;
}
.app .dashboardHeader> :first-child,
.app .dashboardHeader .sub,
.app .msg.lisa .who,
.app .lisa .who{
  color:var(--a26-healthy-text)!important;
}
.app .msg:not(.lisa) .who{
  color:var(--a26-human-text)!important;
}
.app .dashboardNotificationButton.on,
.app .dashboardNotificationButton.on + .dashboardNotificationStatus{
  color:var(--a26-healthy-text)!important;
}
.app .lisa .bubble{
  border-color:var(--a26-healthy)!important;
}

/* Divider-to-content spacing is identical in every stage */
html body .app :is(#home.card,#dashboard.dashboardCard,.room){
  margin-top:0!important;
}
html body .app .top{
  margin-bottom:10px!important;
}
@media(max-width:720px){
  html body .app .top{
    margin-bottom:8px!important;
  }
}


/* Compact header rhythm: one shared contract for every SECRETARY stage */
:root{
  --a26-header-brand-row-gap:4px;
  --a26-header-control-row-gap:2px;
  --a26-header-utility-height:32px;
  --a26-header-context-height:32px;
  --a26-header-divider-gap:10px;
}
html body .app .top{
  row-gap:var(--a26-header-brand-row-gap)!important;
  padding-bottom:var(--a26-header-divider-gap)!important;
  margin-bottom:var(--a26-header-divider-gap)!important;
}
html body .app .headerControlStack{
  gap:var(--a26-header-control-row-gap)!important;
}
html body .app .topActions{
  min-height:var(--a26-header-utility-height)!important;
}
html body .app .topActions :is(button,a){
  height:var(--a26-header-utility-height)!important;
  min-height:var(--a26-header-utility-height)!important;
}
html body .app .headerContextRow{
  height:var(--a26-header-context-height)!important;
  min-height:var(--a26-header-context-height)!important;
}
html body .app .headerContextRow :is(button,a){
  height:var(--a26-header-context-height)!important;
  min-height:var(--a26-header-context-height)!important;
}
@media(max-width:720px){
  :root{
    --a26-header-brand-row-gap:4px;
    --a26-header-control-row-gap:2px;
    --a26-header-utility-height:32px;
    --a26-header-context-height:32px;
    --a26-header-divider-gap:8px;
  }
}


/* Runtime IDs must follow the shared compact utility-row token */
html body .app .topActions > #voiceButton,
html body .app .topActions > #leaveHeaderBtn,
html body #lisaLanguageButton.lisaHeaderLanguage{
  height:var(--a26-header-utility-height)!important;
  min-height:var(--a26-header-utility-height)!important;
}


/* Header affordances: centered voice state and explicit company return link */
html body .app .topActions > #voiceButton,
html body #lisaLanguageButton.lisaHeaderLanguage{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
html body .app .top .companyBrand{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:18px!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}


/* Voice state contract: balanced label; blue only when voice is actually on */
html body .app .topActions > #voiceButton{
  padding-left:11px!important;
  padding-right:11px!important;
  text-align:center!important;
}
html body .app .topActions > #voiceButton:not(.active):not([aria-pressed="true"]){
  background:transparent!important;
  color:var(--a26-ink)!important;
}
html body .app .topActions > #voiceButton.active,
html body .app .topActions > #voiceButton[aria-pressed="true"]{
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}


/* One typography contract for Voice and Language utility controls */
html body .app .topActions > #voiceButton,
html body #lisaLanguageButton.lisaHeaderLanguage{
  padding-left:11px!important;
  padding-right:11px!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:0!important;
}


/* Text-only utility row: alignment first; state communicated by color */
html body .app .topActions{
  gap:28px!important;
}
html body .app .topActions > #voiceButton,
html body #lisaLanguageButton.lisaHeaderLanguage{
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  text-align:left!important;
  justify-content:flex-start!important;
}
html body .app .topActions > #voiceButton:hover,
html body #lisaLanguageButton.lisaHeaderLanguage:hover,
html body .app .topActions > #voiceButton:focus-visible,
html body #lisaLanguageButton.lisaHeaderLanguage:focus-visible{
  background:transparent!important;
}
html body .app .topActions > #voiceButton:not(.active):not([aria-pressed="true"]){
  background:transparent!important;
  color:var(--a26-ink)!important;
}
html body .app .topActions > #voiceButton.active,
html body .app .topActions > #voiceButton[aria-pressed="true"]{
  background:transparent!important;
  color:var(--a26-action)!important;
}
@media(max-width:720px){
  html body .app .topActions{gap:28px!important}
}


/* Default third-row contract: context actions are intentionally inset */
:root{
  --a26-header-third-row-inset:20px;
}
html body .app :is(
  #dashboardHeaderActions,
  #homeHeaderActions,
  #roomHeaderActions,
  .headerContextRow
){
  box-sizing:border-box!important;
  padding-left:var(--a26-header-third-row-inset)!important;
}
html body .app #roomHeaderActions > div:first-child{
  display:none!important;
}
html body .app #roomHeaderActions .headerContextActions{
  width:auto!important;
  margin:0!important;
}
@media(max-width:720px){
  :root{--a26-header-third-row-inset:20px}
}


/* Final SECRETARY composer role colors: people/action blue, SECRETARY green. */
.app .composer button.send.btn{
  border:0!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-action)!important;
}

/* Canonical company send-arrow symbol: inherited by SECRETARY and chat admin tools. */
.app .composer button.send.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:400 18px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:center!important;
  transform:none!important;
  text-indent:-1px!important;
  padding-top:1px!important;
}
.app .composer button.askLisa.btn.dark{
  border:0!important;
  background:var(--a26-healthy)!important;
  color:var(--a26-ink)!important;
}


/* Message identity system: every HUMAN is blue; SECRETARY AI is green. */
.app .msg:not(.lisa) .bubble{
  border-color:var(--a26-action-soft)!important;
  background:var(--a26-action-soft)!important;
  color:var(--a26-ink)!important;
}
.app .msg.lisa .bubble{
  border-color:var(--a26-healthy)!important;
  background:var(--a26-healthy-soft)!important;
  color:var(--a26-ink)!important;
}


/* Composer uses one focus border; the device keyboard provides input state. */
.app .composer textarea.field:focus-visible{
  outline:none!important;
  outline-offset:0!important;
}


/* A 2026 AI COMPANY — LOCKED SEMANTIC COLOR SYSTEM
   Skin = company/HUMAN foundation; blue = HUMAN agency/action;
   mint = SECRETARY/live AI; amber = attention; red = danger. */
:root{
  --a26-human-bg:#F7F3ED;
  --a26-surface:#FFFFFF;
  --a26-ink:#20201E;
  --a26-muted:#716D68;
  --a26-border:#D8D2CA;
  --a26-human:#D07A4F;
  --a26-human-text:#B45F38;
  --a26-human-soft:#F4DED0;
  --a26-human-blue:#9BCBE8;
  --a26-human-blue-soft:#E8F0F7;
  --a26-action:#315E8A;
  --a26-action-dark:#274C70;
  --a26-action-soft:#E8F0F7;
  --a26-healthy:#A8FFB0;
  --a26-healthy-text:#315440;
  --a26-healthy-dark:#315440;
  --a26-healthy-soft:#E8FFE9;
  --a26-attention:#A86F21;
  --a26-attention-soft:#F6EBD8;
  --a26-danger:#A74843;
  --a26-danger-soft:#F5E3E1;
  --a26-disabled:#E8E4DE;
}
/* Company identity */
.secretaryPage .brand,.secretaryPage .status,
html body .app .top .companyBrand{color:var(--a26-human-text)!important}
/* SECRETARY identity */
.secretaryPage .toolLabel,.secretaryPage .secretaryCard h2,
html body .app .top .brand,.app .msg.lisa .who{color:var(--a26-healthy-text)!important}
.secretaryPage .secretaryCard{border-color:var(--a26-healthy)!important}
/* HUMAN content */
.app .msg:not(.lisa) .bubble{
  border:1px solid var(--a26-human-blue)!important;
  background:var(--a26-human-blue-soft)!important;
  color:var(--a26-ink)!important;
}
/* SECRETARY AI content */
.app .msg.lisa .bubble{
  border:1px solid var(--a26-healthy)!important;
  background:var(--a26-healthy-soft)!important;
  color:var(--a26-ink)!important;
}
/* Human agency and normal actions */
.app .btn:not(.dark):not(.danger):not(.askLisa):not(.send),
.secretaryPage .cardAction{
  border-color:var(--a26-action)!important;
  background:var(--a26-action)!important;
  color:#fff!important;
}
.secretaryPage .cardAction > span{
  display:inline-block!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Explicit SECRETARY invocation and live presence */
.app .composer button.askLisa.btn.dark{
  border-color:var(--a26-healthy)!important;
  background:var(--a26-healthy)!important;
  color:var(--a26-ink)!important;
}
.app .presenceDot{background:var(--a26-healthy)!important}
.app .unreadBadge{
  background:var(--a26-healthy)!important;
  color:var(--a26-healthy-dark)!important;
}
/* Attention and danger never borrow identity colors */
.app .btn.danger{
  border-color:var(--a26-danger)!important;
  background:var(--a26-danger-soft)!important;
  color:var(--a26-danger)!important;
}
.app .dashboardNotificationButton.blocked{
  background:var(--a26-attention-soft)!important;
  color:var(--a26-attention)!important;
}
/* One field border, no extra frame */
.app :is(input,textarea,select):focus-visible{
  outline:none!important;
  border-color:var(--a26-action)!important;
}


/* A 2026 AI COMPANY — ADMIN TOOL HEADER TEXT SYSTEM
   Reuse these tokens and classes for every current and future admin tool.
   Product = light mint. Company return = human orange. Utilities = ink/blue state. */
:root{
  --a26-admin-tool-title-color:#46745B;
  --a26-admin-tool-title-size:20px;
  --a26-admin-tool-title-weight:900;
  --a26-admin-tool-title-tracking:.02em;
  --a26-admin-tool-return-color:var(--a26-human-text);
  --a26-admin-tool-return-size:11px;
  --a26-admin-tool-return-weight:800;
  --a26-admin-tool-return-tracking:.06em;
}
.a26-admin-tool-title,
html body .app .top .brand{
  margin:0!important;
  color:var(--a26-admin-tool-title-color)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:var(--a26-admin-tool-title-size)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:var(--a26-admin-tool-title-tracking)!important;
  white-space:nowrap!important;
}
.a26-admin-tool-return,
html body .app .top .companyBrand{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:18px!important;
  margin-top:4px!important;
  color:var(--a26-admin-tool-return-color)!important;
  font-size:var(--a26-admin-tool-return-size)!important;
  font-weight:var(--a26-admin-tool-return-weight)!important;
  line-height:1.25!important;
  letter-spacing:var(--a26-admin-tool-return-tracking)!important;
  white-space:nowrap!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
/* Default active-language indicator for A 2026 AI Company admin tools. */
#lisaLanguageButton.lisaHeaderLanguage,
#hsLanguageButton.ask-header-language{
  color:var(--a26-healthy-text,#659b73)!important;
  box-shadow:inset 0 -2px 0 var(--a26-healthy,#78ad87)!important;
}