/* Vchat Core 0.66.19-alpha — Safe visual alignment patch.
   Presentation only. Scoped to the portal Inbox and Vchat notification drawer.
   Loaded after 0.66.18; no DOM, handlers, messages or state changes. */

/* Archive subtype chips have their own inset, not the separator's top border.
   Give each chip its actual clickable height and center text vertically. */
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs:not([hidden]) {
  box-sizing:border-box!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  align-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  min-height:56px!important;
  height:auto!important;
  margin:0!important;
  padding:11px 14px 12px!important;
  background:#f8f9fd!important;
  border-top:0!important;
  border-bottom:1px solid #e7e8f2!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs::-webkit-scrollbar {display:none!important;}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs > button {
  box-sizing:border-box!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:65px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:999px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-align:center!important;
  vertical-align:middle!important;
  box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs > button.is-active {
  box-shadow:inset 0 0 0 1px rgba(101,85,232,.13)!important;
}

/* Chat controls sit above the timeline instead of touching its dividing line.
   Do not force a fixed track; let the existing grid allocate the full content height. */
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-chat-toolbar {
  box-sizing:border-box!important;
  position:relative!important;
  z-index:2!important;
  min-height:46px!important;
  height:auto!important;
  max-height:none!important;
  padding-block:7px!important;
  border-bottom:1px solid #e8e9f2!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-sla-bar,
#vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="archived"] .vchat-sla-bar,
#vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="trashed"] .vchat-sla-bar {
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
  min-height:46px!important;
  height:46px!important;
  max-height:none!important;
  margin:0!important;
  padding:7px 14px!important;
  align-items:center!important;
  border-bottom:1px solid #e8e9f2!important;
  background:#fff!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-sla-item,
#vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="archived"] .vchat-sla-item,
#vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="trashed"] .vchat-sla-item {
  box-sizing:border-box!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  align-items:center!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-chat-timeline{
  min-height:0!important;
  position:relative!important;
  z-index:0!important;
}

/* Keep the compact composer, but give its last row a real bottom breathing area.
   Respect iPhone safe-area and keep the existing control hit areas intact. */
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-composer-wrap{
  box-sizing:border-box!important;
  padding-bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
}

/* Notification glyph backgrounds are square alignment boxes, not text spans.
   Explicitly align icons; legacy release CSS only defined width and height. */
.vchat-notification-drawer .vchat-notification-open .vchat-notification-type{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-style:normal!important;
  overflow:hidden!important;
}
.vchat-notification-drawer .vchat-notification-open .vchat-notification-type > svg,
.vchat-notification-drawer .vchat-notification-open .vchat-notification-type > .vchat-ui-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:auto!important;
}
.vchat-notification-drawer .vchat-notification-open{
  box-sizing:border-box!important;
  align-items:center!important;
}

@media(max-width:860px){
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs:not([hidden]){
    min-height:56px!important;
    padding:10px 12px 12px!important;
    gap:7px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-sla-bar,
  #vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="archived"] .vchat-sla-bar,
  #vchat-frontend-app.vchat-frontend-app[data-conversation-lifecycle="trashed"] .vchat-sla-bar{
    height:44px!important;
    min-height:44px!important;
    padding:6px 10px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-composer-wrap{
    padding-bottom:max(15px,env(safe-area-inset-bottom,0px))!important;
  }
  .vchat-notification-drawer .vchat-notification-open .vchat-notification-type{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
}
@media(max-width:390px){
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs:not([hidden]){
    padding-inline:10px!important;
    gap:5px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section #vchat-archive-status-tabs.vchat-archive-status-tabs > button{
    min-width:55px!important;
    padding-inline:10px!important;
    font-size:9px!important;
  }
}