/* Migrado de command-center.css; regras modulares abaixo mantêm autoridade final. */
/* Rastreabilidade: arquivo operacional com caminhos explícitos, não uma fila oculta. */
body.command-center .rast-shell {
  --rast-ink: #17202b;
  --rast-muted: #66717d;
  --rast-line: #dbe1e7;
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 0 54px;
}

body.command-center .rast-shell header,
body.command-center .rast-shell .rast-item-main > header {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}

body.command-center .rast-cabecalho {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  padding: 10px 0 22px;
  border-bottom: 1px solid var(--rast-line);
}

body.command-center .rast-cabecalho > div:first-child > span {
  color: #a2681d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.command-center .rast-cabecalho h2 {
  margin: 7px 0 5px;
  color: var(--rast-ink);
  font-size: clamp(25px, 3vw, 38px);
  letter-spacing: -.045em;
  line-height: 1.03;
}

body.command-center .rast-cabecalho p {
  max-width: 700px;
  margin: 0;
  color: var(--rast-muted);
  font-size: 14px;
  line-height: 1.55;
}

body.command-center .rast-total {
  display: grid;
  min-width: 142px;
  padding: 12px 16px;
  border-left: 3px solid #c38a3e;
  background: #f4f0e8;
  color: var(--rast-ink);
  text-align: right;
}

body.command-center .rast-total strong {
  font-size: 32px;
  letter-spacing: -.05em;
  line-height: 1;
}

body.command-center .rast-total span {
  margin-top: 5px;
  color: #7b6b58;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.command-center .rast-resumo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
  padding: 16px 0;
}

body.command-center .rast-resumo-item {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 13px;
  border: 1px solid var(--rast-line);
  border-radius: 9px;
  background: #fff;
  color: var(--rast-ink);
  cursor: pointer;
  text-align: left;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.command-center .rast-resumo-item:hover {
  border-color: #b8c0ca;
  box-shadow: 0 5px 15px rgba(23, 32, 43, .07);
  transform: translateY(-1px);
}

body.command-center .rast-resumo-item:focus-visible,
body.command-center .rast-filtros input:focus-visible,
body.command-center .rast-filtros select:focus-visible,
body.command-center .rast-item:focus-visible,
body.command-center .rast-historico summary:focus-visible {
  outline: 3px solid rgba(195, 138, 62, .34);
  outline-offset: 2px;
}

body.command-center .rast-resumo-item span {
  color: var(--rast-muted);
  font-size: 12px;
  font-weight: 700;
}

body.command-center .rast-resumo-item strong {
  color: var(--rast-ink);
  font-size: 20px;
}

body.command-center .rast-filtros {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) repeat(4, minmax(125px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--rast-line);
  border-radius: 12px;
  background: #f8f9fa;
}

body.command-center .rast-filtros label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.command-center .rast-filtros label > span {
  color: #596572;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.command-center .rast-filtros input,
body.command-center .rast-filtros select {
  width: 100%;
  min-height: 39px;
  box-sizing: border-box;
  border: 1px solid #cfd6de;
  border-radius: 7px;
  background: #fff;
  color: var(--rast-ink);
  font: inherit;
  padding: 8px 10px;
}

body.command-center .rast-filtros .rast-busca input {
  border-color: #b7c0ca;
  font-weight: 650;
}

body.command-center .rast-filtros .ui-button {
  min-height: 39px;
  white-space: nowrap;
}

body.command-center .rast-resultado {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 2px 10px;
}

body.command-center .rast-resultado strong {
  color: var(--rast-ink);
  font-size: 15px;
}

body.command-center .rast-resultado span {
  color: var(--rast-muted);
  font-size: 12px;
}

body.command-center .rast-lista {
  display: grid;
  gap: 12px;
}

body.command-center .rast-item {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--rast-line);
  border-left: 4px solid #9ca7b2;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(23, 32, 43, .045);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.command-center .rast-item:hover {
  border-color: #b9c2cc;
  box-shadow: 0 8px 21px rgba(23, 32, 43, .08);
  transform: translateY(-1px);
}

body.command-center .rast-item.rast-status-historico { border-left-color: #8794a1; }
body.command-center .rast-item.rast-status-revisao { border-left-color: #b37a2e; }
body.command-center .rast-item.rast-status-triagem { border-left-color: #487f9d; }
body.command-center .rast-item.rast-status-ativo { border-left-color: #3b8b66; }

body.command-center .rast-item-rail {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 8px;
  padding: 22px 12px;
  background: #f6f7f8;
  color: #64717e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
}

body.command-center .rast-item-dot {
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #82909d;
  box-shadow: 0 0 0 1px #aeb8c1;
}

body.command-center .rast-status-historico .rast-item-dot { background: #6f7d8b; }
body.command-center .rast-status-revisao .rast-item-dot { background: #b37a2e; }
body.command-center .rast-status-triagem .rast-item-dot { background: #487f9d; }
body.command-center .rast-status-ativo .rast-item-dot { background: #3b8b66; }

body.command-center .rast-item-main {
  min-width: 0;
  padding: 18px 20px 15px;
}

body.command-center .rast-item-main > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

body.command-center .rast-id,
body.command-center .rast-meta span,
body.command-center .rast-motivo > span,
body.command-center .rast-relacao {
  color: #8b5c20;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.command-center .rast-item-main h3 {
  margin: 3px 0 0;
  overflow: hidden;
  color: var(--rast-ink);
  font-size: 16px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.command-center .rast-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

body.command-center .rast-tags .chip {
  background: #e7efe9;
  color: #286445;
  font-size: 12px;
}

body.command-center .rast-tags .rast-location-chip {
  background: #eef1f4;
  color: #586572;
}

body.command-center .rast-descricao {
  display: -webkit-box;
  margin: 11px 0 15px;
  overflow: hidden;
  color: #4e5a66;
  font-size: 13px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.command-center .rast-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 11px 0;
  border-top: 1px solid #edf0f2;
  border-bottom: 1px solid #edf0f2;
}

body.command-center .rast-meta > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding-right: 9px;
  border-right: 1px solid #edf0f2;
}

body.command-center .rast-meta > div:last-child { border-right: 0; }

body.command-center .rast-meta b {
  overflow: hidden;
  color: var(--rast-ink);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.command-center .rast-meta small {
  overflow: hidden;
  color: var(--rast-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.command-center .rast-motivo {
  margin-top: 11px;
  padding: 9px 11px;
  border-left: 2px solid #d3a260;
  background: #fbf8f2;
}

body.command-center .rast-motivo p {
  margin: 4px 0 0;
  color: #5b5143;
  font-size: 12px;
  line-height: 1.45;
}

body.command-center .rast-sem-motivo {
  margin-top: 11px;
  color: #8b949d;
  font-size: 12px;
  font-style: italic;
}

body.command-center .rast-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 13px;
}

body.command-center .rast-item-footer > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.command-center .rast-fonte {
  max-width: 280px;
  overflow: hidden;
  color: #7a858f;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.command-center .rast-item-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
}

body.command-center .rast-item-actions .ui-button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

body.command-center .rast-historico {
  margin-top: 13px;
  border-top: 1px solid #edf0f2;
}

body.command-center .rast-historico summary {
  padding: 10px 0 2px;
  color: #596572;
  cursor: pointer;
  font-size: 12px;
  font-weight: 750;
}

body.command-center .rast-historico ol {
  display: grid;
  gap: 0;
  margin: 7px 0 0 5px;
  padding: 0 0 0 17px;
  border-left: 2px solid #dfe5ea;
  list-style: none;
}

body.command-center .rast-historico li {
  position: relative;
  padding: 0 0 12px 11px;
}

body.command-center .rast-historico li::before {
  position: absolute;
  top: 3px;
  left: -23px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #8996a2;
  box-shadow: 0 0 0 1px #b8c1c9;
  content: "";
}

body.command-center .rast-historico li div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

body.command-center .rast-historico li strong { color: var(--rast-ink); font-size: 12px; }
body.command-center .rast-historico li span { color: var(--rast-muted); font-size: 12px; }
body.command-center .rast-historico li p { margin: 4px 0 0; color: #69747e; font-size: 12px; line-height: 1.4; }

body.command-center .rast-vazio { margin-top: 5px; }

@media (max-width: 1100px) {
  body.command-center .rast-filtros { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  body.command-center .rast-filtros .rast-busca { grid-column: span 3; }
}

@media (max-width: 700px) {
  body.command-center .rast-shell { padding: 12px 0 38px; }
  body.command-center .rast-cabecalho { grid-template-columns: 1fr; gap: 15px; }
  body.command-center .rast-total { width: fit-content; min-width: 125px; text-align: left; }
  body.command-center .rast-resumo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.command-center .rast-filtros { grid-template-columns: 1fr 1fr; padding: 11px; }
  body.command-center .rast-filtros .rast-busca { grid-column: span 2; }
  body.command-center .rast-filtros > .ui-button { grid-column: span 2; }
  body.command-center .rast-item { grid-template-columns: 1fr; }
  body.command-center .rast-item-rail { display: flex; align-items: center; justify-content: flex-start; padding: 9px 14px; text-align: left; }
  body.command-center .rast-item-main { padding: 15px; }
  body.command-center .rast-item-main > header { display: grid; }
  body.command-center .rast-tags { justify-content: flex-start; }
  body.command-center .rast-meta { grid-template-columns: 1fr; }
  body.command-center .rast-meta > div { padding: 0 0 8px; border-right: 0; border-bottom: 1px solid #edf0f2; }
  body.command-center .rast-meta > div:last-child { padding-bottom: 0; border-bottom: 0; }
  body.command-center .rast-item-footer { align-items: stretch; flex-direction: column; }
  body.command-center .rast-item-actions { width: 100%; }
  body.command-center .rast-item-actions .ui-button { flex: 1 1 0; }
  body.command-center .rast-historico li div { display: grid; gap: 2px; }
}

/* Pendências: checklist institucional, sem ações de mensageria. */
body.command-center .pend-shell {
  display: grid;
  gap: 14px;
}

body.command-center .pend-cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  color: #fff;
  background: linear-gradient(122deg, var(--navy) 0%, #0b416f 100%);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(4, 44, 83, .13);
}

body.command-center .pend-cabecalho > div > span,
body.command-center .pend-id,
body.command-center .pend-vinculo > span,
body.command-center .pend-resultado-fecho > span {
  display: block;
  margin-bottom: 4px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .11em;
  text-transform: uppercase;
}

body.command-center .pend-cabecalho h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 2.4vw, 27px);
  line-height: 1.15;
}

body.command-center .pend-cabecalho p {
  max-width: 610px;
  margin: 6px 0 0;
  color: #c8dcf0;
  font-size: 13px;
  line-height: 1.5;
}

body.command-center .pend-kpis {
  margin-bottom: 0;
}

body.command-center .pend-kpi-alerta b {
  color: var(--red);
}

body.command-center .pend-filtros {
  display: grid;
  grid-template-columns: minmax(210px, 1.5fr) repeat(4, minmax(120px, 1fr));
  gap: 10px;
  padding: 14px;
  background: #fff;
  border: 1px solid #dfddd6;
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(4, 44, 83, .045);
}

body.command-center .pend-filtros label {
  display: grid;
  align-content: end;
  gap: 5px;
  min-width: 0;
}

body.command-center .pend-filtros label > span {
  color: #435568;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.command-center .pend-filtros input,
body.command-center .pend-filtros select {
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  color: var(--txt);
  background: #fbfaf7;
  border: 1px solid #cbc8bf;
  border-radius: 9px;
  outline: none;
}

body.command-center .pend-filtros input:focus,
body.command-center .pend-filtros select:focus {
  border-color: #3d77ad;
  box-shadow: 0 0 0 3px rgba(61, 119, 173, .14);
}

body.command-center .pend-filtros .pend-busca {
  grid-column: span 2;
}

body.command-center .pend-filtros .pend-check-filtro {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 9px;
  min-height: 44px;
  padding: 8px 11px;
  background: #fbfaf7;
  border: 1px solid #cbc8bf;
  border-radius: 9px;
  cursor: pointer;
}

body.command-center .pend-filtros .pend-check-filtro input {
  width: 18px;
  min-height: 18px;
  margin: 0;
  accent-color: var(--red);
}

body.command-center .pend-filtros .pend-check-filtro span {
  color: #435568;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}

body.command-center .pend-filtros > button {
  align-self: end;
  min-height: 44px;
  padding: 8px 12px;
  color: var(--navy);
  background: #f3f1eb;
  border: 1px solid #d2cfc6;
  border-radius: 9px;
  font-weight: 750;
  cursor: pointer;
}

body.command-center .pend-resultado {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 3px;
  color: var(--mut);
  font-size: 12px;
}

body.command-center .pend-resultado strong {
  color: var(--navy);
  font-size: 14px;
}

body.command-center .pend-lista {
  display: grid;
  gap: 11px;
}

body.command-center .pend-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  margin: 0;
  padding: 17px 18px;
  border-left: 4px solid #d6a24f;
  box-shadow: 0 6px 20px rgba(4, 44, 83, .05);
}

body.command-center .pend-card.pend-vencida {
  border-left-color: var(--red);
}

body.command-center .pend-card.pend-encerrada {
  border-left-color: #82a99b;
  background: #fcfcfa;
}

body.command-center .pend-card.pend-encerrada:not(.pend-vencida) {
  opacity: .82;
}

body.command-center .pend-marcador {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: #fff;
  background: #fff;
  border: 2px solid #b8b6af;
  border-radius: 8px;
}

body.command-center .pend-concluida .pend-marcador {
  background: var(--ok);
  border-color: var(--ok);
}

body.command-center .pend-cancelada .pend-marcador {
  color: var(--red);
  background: #fff5f5;
  border-color: #d8a1a1;
}

body.command-center .pend-marcador .ui-icon {
  width: 16px;
  height: 16px;
}

body.command-center .pend-conteudo,
body.command-center .pend-conteudo header > div:first-child {
  min-width: 0;
}

body.command-center .pend-conteudo header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 0;
  color: inherit;
  background: none;
}

body.command-center .pend-conteudo h3 {
  margin: 0;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.35;
}

body.command-center .pend-chips {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap;
}

body.command-center .pend-chips .chip {
  margin: 0;
}

body.command-center .pend-chip-neutro {
  color: #555;
  background: #ecebe7;
}

body.command-center .pend-descricao {
  margin: 10px 0 13px;
  color: #303a44;
  font-size: 14px;
  line-height: 1.55;
  white-space: pre-wrap;
}

body.command-center .pend-metadados {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

body.command-center .pend-metadados div {
  min-width: 0;
  padding: 8px 10px;
  background: #f7f6f2;
  border: 1px solid #ebe8e0;
  border-radius: 9px;
}

body.command-center .pend-metadados dt {
  color: var(--mut);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.command-center .pend-metadados dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: #263747;
  font-size: 12px;
  font-weight: 700;
}

body.command-center .pend-metadados .texto-alerta {
  color: var(--red);
}

body.command-center .pend-rodape {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid #ebe8e0;
}

body.command-center .pend-vinculo {
  color: var(--mut);
  font-size: 12px;
}

body.command-center .pend-vinculo > span {
  margin-bottom: 3px;
  color: var(--mut);
}

body.command-center .pend-origem {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 5px 9px;
  color: var(--navy2);
  background: #edf5fc;
  border: 1px solid #cfe1f2;
  border-radius: 8px;
  font-weight: 750;
  cursor: pointer;
}

body.command-center .pend-origem .ui-icon {
  width: 15px;
  height: 15px;
}

body.command-center .pend-acoes {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

body.command-center .pend-acoes .ui-button {
  min-height: 44px;
  padding: 8px 11px;
  font-size: 12px;
}

body.command-center .pend-resultado-fecho {
  margin-top: 12px;
  padding: 11px 13px;
  background: #edf7f3;
  border: 1px solid #cde7dd;
  border-radius: 10px;
}

body.command-center .pend-resultado-fecho > span {
  color: var(--ok);
}

body.command-center .pend-resultado-fecho p {
  margin: 4px 0;
  color: #24443a;
  font-size: 13px;
  line-height: 1.5;
}

body.command-center .pend-resultado-fecho small {
  color: #557269;
}

body.command-center .pend-origem-card .nc-card {
  margin: 12px 0;
  box-shadow: none;
}

@media (max-width: 900px) {
  body.command-center .pend-filtros {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.command-center .pend-metadados {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.command-center input:not([type="range"]),
  body.command-center select,
  body.command-center textarea,
  body.command-center #busca {
    font-size: 16px;
  }

  body.command-center .pend-cabecalho {
    align-items: stretch;
    flex-direction: column;
    padding: 16px;
  }

  body.command-center .pend-cabecalho .ui-button {
    width: 100%;
  }

  body.command-center .pend-filtros {
    grid-template-columns: 1fr 1fr;
    padding: 11px;
  }

  body.command-center .pend-filtros .pend-busca {
    grid-column: 1 / -1;
  }

  body.command-center .pend-resultado {
    align-items: flex-start;
    flex-direction: column;
  }

  body.command-center .pend-card {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 14px 12px;
  }

  body.command-center .pend-marcador {
    width: 25px;
    height: 25px;
  }

  body.command-center .pend-conteudo header,
  body.command-center .pend-rodape {
    align-items: stretch;
    flex-direction: column;
  }

  body.command-center .pend-chips,
  body.command-center .pend-acoes {
    justify-content: flex-start;
  }

  body.command-center .pend-acoes .ui-button {
    flex: 1 1 145px;
    min-height: 44px;
  }
}

@media (max-width: 420px) {
  body.command-center .pend-filtros,
  body.command-center .pend-metadados {
    grid-template-columns: 1fr;
  }

  body.command-center .pend-filtros .pend-busca {
    grid-column: auto;
  }
}

html[data-frontend="modular"] .g-queue { min-width: 0; display: grid; gap: var(--g-space-4); }
html[data-frontend="modular"] .g-queue-top { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-frontend="modular"] .g-queue-metrics { min-width: 0; display: flex; gap: 7px; overflow-x: auto; }
html[data-frontend="modular"] .g-queue-metric { min-width: 132px; min-height: 48px; padding: 7px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 0 0 auto; color: var(--g-color-ink-soft); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); font: inherit; cursor: pointer; }
html[data-frontend="modular"] .g-queue-metric span { font-size: var(--g-font-xs); font-weight: 680; }
html[data-frontend="modular"] .g-queue-metric strong { color: var(--g-color-brand-strong); font-size: var(--g-font-lg); }
html[data-frontend="modular"] .g-queue-metric[aria-pressed="true"] { color: #fff; background: var(--g-color-brand); border-color: var(--g-color-brand); }
html[data-frontend="modular"] .g-queue-metric[aria-pressed="true"] strong { color: var(--g-color-accent); }
html[data-frontend="modular"] .g-queue-metric.is-static { cursor: default; }

html[data-frontend="modular"] .g-queue-filters { min-width: 0; padding: 11px; display: grid; grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(145px, .55fr)); gap: 8px; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
html[data-frontend="modular"] .g-queue-filters > input { min-width: 0; }
html[data-frontend="modular"] .g-queue-field { min-width: 0; display: grid; gap: 3px; }
html[data-frontend="modular"] .g-queue-field > span { color: var(--g-color-muted); font-size: 12px; font-weight: 700; }
html[data-frontend="modular"] .g-queue-field select { width: 100%; min-width: 0; }
html[data-frontend="modular"] .g-queue-count { color: var(--g-color-muted); font-size: var(--g-font-sm); font-weight: 680; text-align: right; }
html[data-frontend="modular"] .g-queue-list { display: grid; gap: 12px; }

html[data-frontend="modular"] body.command-center .g-queue-card { min-width: 0; margin: 0; padding: 0; overflow: hidden; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); box-shadow: 0 5px 18px rgb(11 43 69 / 5%); }
html[data-frontend="modular"] body.command-center .g-queue-card.is-overdue { border-left: 4px solid var(--g-color-danger); }
html[data-frontend="modular"] .g-queue-card-header { min-height: 58px; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--g-color-surface-subtle); border-bottom: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-queue-card-header > div:first-child { min-width: 0; display: flex; align-items: baseline; gap: 9px; }
html[data-frontend="modular"] .g-queue-card-header h3 { min-width: 0; margin: 0; overflow: hidden; color: var(--g-color-ink); font-size: var(--g-font-md); text-overflow: ellipsis; white-space: nowrap; }
html[data-frontend="modular"] .g-queue-id { flex: 0 0 auto; color: var(--g-color-brand-strong); font-size: var(--g-font-xs); font-weight: 760; }
html[data-frontend="modular"] .g-queue-tags { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
html[data-frontend="modular"] .g-tag.complete { color: var(--g-color-success); background: #e6f5ef; border-color: #b9dfd0; }
html[data-frontend="modular"] .g-tag.warning { color: #704712; background: var(--g-color-accent-soft); border-color: #e3c28d; }
html[data-frontend="modular"] .g-tag.danger { color: var(--g-color-danger); background: #fceded; border-color: #ecc4c4; }
html[data-frontend="modular"] .g-queue-description { max-width: 100ch; margin: 0; padding: 14px 16px 8px; color: var(--g-color-ink); font-size: var(--g-font-md); line-height: 1.5; overflow-wrap: anywhere; }
html[data-frontend="modular"] .g-queue-card > .g-media-gallery { padding: 8px 16px 12px; }
html[data-frontend="modular"] .g-queue-facts { margin: 0; padding: 10px 16px 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html[data-frontend="modular"] .g-queue-facts > div { min-width: 0; display: grid; gap: 2px; }
html[data-frontend="modular"] .g-queue-facts dt { color: var(--g-color-muted); font-size: var(--g-font-xs); font-weight: 680; }
html[data-frontend="modular"] .g-queue-facts dd { min-width: 0; margin: 0; overflow: hidden; color: var(--g-color-ink-soft); font-size: var(--g-font-sm); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
html[data-frontend="modular"] .g-queue-facts .is-alert dd { color: var(--g-color-danger); }
html[data-frontend="modular"] .g-queue-card-footer { min-height: 58px; padding: 9px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--g-color-surface-subtle); border-top: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-queue-origin { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-queue-origin strong { overflow: hidden; color: var(--g-color-ink-soft); text-overflow: ellipsis; white-space: nowrap; }
html[data-frontend="modular"] .g-queue-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }

html[data-frontend="modular"] .g-pending-treatment,
html[data-frontend="modular"] .g-pending-history {
  border-top: 1px solid var(--g-color-border);
  background: #fff;
}

html[data-frontend="modular"] .g-pending-treatment > summary,
html[data-frontend="modular"] .g-pending-history > summary {
  padding: 12px 16px;
  color: var(--g-color-brand-strong);
  cursor: pointer;
  font-size: var(--g-font-sm);
  font-weight: 760;
}

html[data-frontend="modular"] .g-pending-treatment[open] > summary,
html[data-frontend="modular"] .g-pending-history[open] > summary {
  border-bottom: 1px solid var(--g-color-border);
  background: var(--g-color-brand-soft);
}

html[data-frontend="modular"] .g-pending-treatment form {
  display: grid;
  gap: 8px;
  padding: 16px;
}

html[data-frontend="modular"] .g-pending-treatment form > label,
html[data-frontend="modular"] .g-pending-treatment-grid label {
  display: grid;
  gap: 6px;
  color: var(--g-color-muted);
  font-size: var(--g-font-xs);
  font-weight: 760;
}

html[data-frontend="modular"] .g-pending-treatment textarea,
html[data-frontend="modular"] .g-pending-treatment input {
  width: 100%;
  min-height: var(--g-control-height);
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid var(--g-color-border-strong);
  border-radius: var(--g-radius-sm);
  background: #fff;
  color: var(--g-color-ink);
  font: inherit;
}

html[data-frontend="modular"] .g-pending-treatment textarea { resize: vertical; }
html[data-frontend="modular"] .g-pending-treatment-grid { display: grid; grid-template-columns: 1fr 180px; gap: 10px; }
html[data-frontend="modular"] .g-pending-treatment-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding-top: 8px; border-top: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-pending-treatment-feedback { min-height: 18px; margin: 0; color: var(--g-color-danger); font-size: var(--g-font-xs); font-weight: 760; }

html[data-frontend="modular"] .g-pending-history ol { display: grid; gap: 0; margin: 0; padding: 0 16px 16px; list-style: none; }
html[data-frontend="modular"] .g-pending-history li { position: relative; display: grid; gap: 4px; padding: 13px 0 13px 22px; border-bottom: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-pending-history li::before { position: absolute; top: 17px; left: 2px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: var(--g-color-accent); box-shadow: 0 0 0 1px var(--g-color-accent); content: ""; }
html[data-frontend="modular"] .g-pending-history li > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
html[data-frontend="modular"] .g-pending-history strong { color: var(--g-color-brand-strong); text-transform: capitalize; }
html[data-frontend="modular"] .g-pending-history time,
html[data-frontend="modular"] .g-pending-history small { color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-pending-history p { margin: 3px 0 0; color: var(--g-color-ink-soft); line-height: 1.5; }

@media (max-width: 620px) {
  html[data-frontend="modular"] .g-pending-treatment-grid { grid-template-columns: 1fr; }
  html[data-frontend="modular"] .g-pending-treatment-actions { display: grid; }
  html[data-frontend="modular"] .g-pending-treatment-actions .ui-button { width: 100%; }
}
html[data-frontend="modular"] .g-queue-result,
html[data-frontend="modular"] .g-trace-reason { padding: 12px 16px; display: grid; gap: 4px; background: #eef6f2; border-top: 1px solid #cfe4da; }
html[data-frontend="modular"] .g-queue-result strong,
html[data-frontend="modular"] .g-trace-reason strong { color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-queue-result p,
html[data-frontend="modular"] .g-trace-reason p { margin: 0; color: var(--g-color-ink-soft); font-size: var(--g-font-sm); }
html[data-frontend="modular"] .g-queue-relations { color: var(--g-color-muted); font-size: var(--g-font-sm); }
html[data-frontend="modular"] .g-trace-history { border-top: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-trace-history summary { min-height: 44px; padding: 0 16px; display: flex; align-items: center; color: var(--g-color-brand); font-size: var(--g-font-sm); font-weight: 720; cursor: pointer; }
html[data-frontend="modular"] .g-trace-history ol { margin: 0; padding: 4px 18px 16px 38px; display: grid; gap: 10px; }
html[data-frontend="modular"] .g-trace-history li { padding-left: 4px; color: var(--g-color-ink-soft); }
html[data-frontend="modular"] .g-trace-history li > div { display: flex; justify-content: space-between; gap: 12px; }
html[data-frontend="modular"] .g-trace-history :is(time, span) { color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-trace-history p { margin: 3px 0 0; font-size: var(--g-font-sm); }

@media (max-width: 1100px) {
  html[data-frontend="modular"] .g-queue-filters { grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(145px, .55fr)); }
  html[data-frontend="modular"] .g-queue-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  html[data-frontend="modular"] .g-queue-top { align-items: stretch; flex-direction: column-reverse; }
  html[data-frontend="modular"] .g-queue-top > .ui-button { width: 100%; }
  html[data-frontend="modular"] .g-queue-metrics { width: 100%; }
  html[data-frontend="modular"] .g-queue-filters { grid-template-columns: 1fr; }
  html[data-frontend="modular"] .g-queue-card-header { align-items: flex-start; flex-direction: column; }
  html[data-frontend="modular"] .g-queue-card-header > div:first-child { align-items: flex-start; flex-direction: column; }
  html[data-frontend="modular"] .g-queue-card-header h3 { white-space: normal; }
  html[data-frontend="modular"] .g-queue-tags { justify-content: flex-start; }
  html[data-frontend="modular"] .g-queue-facts { grid-template-columns: 1fr 1fr; }
  html[data-frontend="modular"] .g-queue-card-footer { align-items: stretch; flex-direction: column; }
  html[data-frontend="modular"] .g-queue-origin { justify-content: space-between; }
  html[data-frontend="modular"] .g-queue-actions { display: grid; grid-template-columns: 1fr; }
  html[data-frontend="modular"] .g-queue-actions .ui-button { width: 100%; }
  html[data-frontend="modular"] .g-trace-history li > div { flex-direction: column; gap: 2px; }
}