/* Vchat Core 0.65.10-alpha — Inbox operational rail + assignee visibility
 * Scope: Inbox visual geometry and conversation-list responsibility indicator.
 * No assignment permissions or REST behavior are changed here.
 */

/* The operational strip needs a little more vertical room so Asignar is optically
 * centered and never feels vertically clipped. */
#vchat-frontend-app.vchat-frontend-app .vchat-sla-bar{
  grid-template-columns:minmax(250px,1.6fr) minmax(165px,.82fr) minmax(155px,.78fr)!important;
  align-items:center!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:7px 16px!important;
  gap:8px!important;
  overflow:hidden!important;
}

/* Keep the previously requested low-value first-response item out of the rail. */
#vchat-frontend-app.vchat-frontend-app .vchat-sla-first-response-item{
  display:none!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-item{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  align-items:center!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-item{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-item>span{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  border-radius:999px!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-item>div{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-item small{
  font-size:9px!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-item strong{
  font-size:11px!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-action:not([hidden]){
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:850!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-sla-state strong{
  max-width:110px!important;
}

/* Admin/supervisor conversation-list owner chip. It is intentionally compact so the
 * contact name remains the visual priority. */
#vchat-frontend-app.vchat-frontend-app .vchat-conversation-assignee-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:150px!important;
  padding:3px 7px!important;
  border:1px solid #ddd8f1!important;
  border-radius:999px!important;
  background:#f6f4fc!important;
  color:#6257a8!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#vchat-frontend-app.vchat-frontend-app .vchat-conversation-state-row{
  row-gap:4px!important;
}

@media (max-width:1180px){
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-bar{
    grid-template-columns:minmax(225px,1.5fr) minmax(150px,.82fr) minmax(145px,.78fr)!important;
    padding-inline:12px!important;
    gap:6px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-action:not([hidden]){
    width:74px!important;min-width:74px!important;max-width:74px!important;
  }
}

@media (max-width:820px), (max-width:1024px) and (orientation:portrait){
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-bar{
    grid-template-columns:minmax(0,1.45fr) minmax(130px,.78fr)!important;
    height:50px!important;min-height:50px!important;max-height:50px!important;
    padding:6px 10px!important;gap:6px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-resolution{display:none!important;}
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-item{
    height:36px!important;min-height:36px!important;max-height:36px!important;
    border-radius:12px!important;padding:4px 8px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-action:not([hidden]){
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:28px!important;min-height:28px!important;max-height:28px!important;
    font-size:10px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-conversation-assignee-chip{max-width:130px!important;}
}

@media (max-width:520px){
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-bar{
    grid-template-columns:minmax(0,1.38fr) minmax(112px,.72fr)!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    padding:6px 8px!important;gap:5px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-item{
    height:34px!important;min-height:34px!important;max-height:34px!important;
    padding-inline:7px!important;border-radius:11px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-item>span{
    width:20px!important;min-width:20px!important;height:20px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-item small{display:none!important;}
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-item strong{font-size:10px!important;}
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-action:not([hidden]){
    width:62px!important;min-width:62px!important;max-width:62px!important;
    height:26px!important;min-height:26px!important;max-height:26px!important;
    padding-inline:7px!important;font-size:9.5px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-conversation-assignee-chip{
    max-width:110px!important;padding:3px 6px!important;font-size:6.5px!important;
  }
}

@media (max-width:380px){
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-bar{
    grid-template-columns:minmax(0,1.32fr) minmax(102px,.68fr)!important;
    padding-inline:6px!important;gap:4px!important;
  }
  #vchat-frontend-app.vchat-frontend-app .vchat-sla-owner-action:not([hidden]){
    width:58px!important;min-width:58px!important;max-width:58px!important;
    padding-inline:5px!important;font-size:9px!important;
  }
}