.gss-expiration-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  min-height:25px;
  padding:4px 9px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:11px;
  font-weight:750;
  line-height:1.2;
  letter-spacing:.01em;
  text-align:center;
  text-transform:none;
  white-space:nowrap;
  vertical-align:middle;
  box-sizing:border-box;
}
.gss-expiration-tag>span:last-child{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gss-expiration-tag__dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent);
  flex:0 0 auto;
}
.gss-expiration-tag--notice{color:#285b9b;background:#eef6ff;border-color:#cfe3fb}
.gss-expiration-tag--warning{color:#8a5500;background:#fff8e5;border-color:#f3d88e}
.gss-expiration-tag--critical{color:#a12626;background:#fff0f0;border-color:#efc1c1}
.gss-expiration-tag--public-card{margin-top:2px;align-self:flex-start}
.gss-expiration-tag--public-single{margin:0}
.gss-expiration-tag--company-lead,.gss-expiration-tag--account{margin-left:8px}
.gss-expiration-tag--admin-lead{margin:7px 0 1px}

/* A badge não herda o caixa-alta usado pelo rótulo “Detalhe do envio”. */
.gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag{
  flex:0 1 auto;
  min-width:0;
  margin-left:8px;
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
  line-height:1.2;
  text-transform:none;
  white-space:nowrap;
}
.gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag--notice{color:#285b9b}
.gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag--warning{color:#8a5500}
.gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag--critical{color:#a12626}

/* Cabeçalhos aceitam quebra sem deformar a badge em telas estreitas. */
.gss-company-lead-name-row,
.gss-account-ticket-detail .gss-account-ticket-hero-kicker,
.gss-public-request-single .gss-public-single-breadcrumb{
  flex-wrap:wrap;
}
.gss-public-request-single .gss-public-single-breadcrumb>.gss-expiration-tag--public-single{
  margin:0;
  align-self:center;
}

/* Mantido apenas para compatibilidade com marcação antiga. */
.gss-public-request-expiration{display:flex;align-items:center;min-height:25px;margin:1px 0 8px}
.gss-public-single-expiration{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}

@media (max-width:640px){
  .gss-expiration-tag{
    min-height:23px;
    padding:4px 8px;
    font-size:10px;
  }
  .gss-expiration-tag>span:last-child{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
  }
  .gss-expiration-tag--company-lead,
  .gss-expiration-tag--account,
  .gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag{
    margin-left:0;
  }
  .gss-account-ticket-detail .gss-account-ticket-hero-kicker>.gss-expiration-tag{
    font-size:10px;
    white-space:normal;
  }
  .gss-public-request-single .gss-public-single-breadcrumb>.gss-expiration-tag--public-single{
    max-width:100%;
  }
  .gss-public-request-expiration{margin-bottom:7px}
}
@supports not (color:color-mix(in srgb,black 10%,transparent)){
  .gss-expiration-tag__dot{box-shadow:none}
}

/* v3.10.192 — centralização óptica e estrutural da badge no detalhe público. */
.gss-public-request-single .gss-public-single-breadcrumb > .gss-expiration-tag--public-single{
  min-height:25px;
  padding:0 9px;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.gss-public-request-single .gss-public-single-breadcrumb > .gss-expiration-tag--public-single > .gss-expiration-tag__dot{
  align-self:center;
}
.gss-public-request-single .gss-public-single-breadcrumb > .gss-expiration-tag--public-single > span:last-child{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  line-height:1;
  text-align:center;
}
@media (max-width:640px){
  .gss-public-request-single .gss-public-single-breadcrumb > .gss-expiration-tag--public-single{
    min-height:23px;
    padding:0 8px;
  }
  .gss-public-request-single .gss-public-single-breadcrumb > .gss-expiration-tag--public-single > span:last-child{
    min-height:21px;
    line-height:1.15;
  }
}

/* v3.10.208 — Minha Conta > envio individual: badge de expiração estável no celular. */
@media (max-width:640px){
  /* O cabeçalho reserva a primeira linha inteira para rótulo, status e expiração. */
  .gss-account-ticket-detail.gss-account-ticket-card-redesigned .gss-account-ticket-hero{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "kicker kicker"
      "title actions"
      "sent actions";
    align-items:center;
    column-gap:10px;
    row-gap:5px;
  }

  .gss-account-ticket-detail .gss-account-ticket-hero-copy > .gss-account-ticket-hero-kicker{
    width:100%;
    max-width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    overflow:visible;
    white-space:normal;
  }

  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-account-ticket-kicker-label{
    flex:0 1 auto;
    max-width:100%;
  }

  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-account-ticket-kicker-status,
  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account{
    flex:0 0 auto;
  }

  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account{
    width:auto;
    max-width:100%;
    min-height:23px;
    margin:0;
    padding:0 8px;
    line-height:1;
    white-space:nowrap;
  }

  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account > span:last-child{
    display:inline-flex;
    align-items:center;
    min-height:21px;
    overflow:visible;
    line-height:1;
    text-overflow:clip;
    white-space:nowrap;
  }
}

@media (max-width:380px){
  .gss-account-ticket-detail .gss-account-ticket-hero-copy > .gss-account-ticket-hero-kicker{
    gap:5px;
  }
  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account{
    padding-inline:7px;
  }
}

/* v3.10.209 — Minha Conta > envio individual: restaura a bolinha da badge de expiração. */
.gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account > .gss-expiration-tag__dot{
  display:block;
  width:6px;
  min-width:6px;
  max-width:6px;
  height:6px;
  min-height:6px;
  max-height:6px;
  border-radius:50%;
  background:currentColor;
  flex:0 0 6px;
  overflow:visible;
}

@media (max-width:640px){
  .gss-account-ticket-detail .gss-account-ticket-hero-kicker > .gss-expiration-tag--account{
    display:inline-flex;
    gap:6px;
  }
}

/* v3.10.292 — Empresa > lead individual: nome, status e expiração juntos, com truncamento só quando necessário. */
@media (max-width:640px){
  .gss-company-lead-detail .gss-company-lead-title-block{
    min-width:0;
    overflow:hidden;
  }

  .gss-company-lead-detail .gss-company-lead-name-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    width:100%;
    min-width:0;
    gap:4px;
    overflow:hidden;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > h1{
    flex:0 1 auto;
    width:auto;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    overflow-wrap:normal;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > .gss-company-dash-status,
  .gss-company-lead-detail .gss-company-lead-name-row > .gss-expiration-tag--company-lead{
    flex:0 0 auto;
    min-width:0;
    margin-left:0;
    white-space:nowrap;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > .gss-company-dash-status{
    height:22px;
    padding-inline:6px;
    font-size:10px;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > .gss-expiration-tag--company-lead{
    min-height:22px;
    padding:3px 6px;
    font-size:9.5px;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > .gss-expiration-tag--company-lead > span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media (max-width:380px){
  .gss-company-lead-detail .gss-company-lead-name-row > .gss-company-dash-status{
    max-width:42%;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .gss-company-lead-detail .gss-company-lead-name-row > .gss-expiration-tag--company-lead{
    max-width:48%;
  }
}