/* GO-CONTACT — separador "Qualidade das campanhas" (js/qualidade-campanhas.js) */

#operational-panel-qualidade .qc-intro{margin-top:4px;margin-bottom:4px}
#operational-panel-qualidade .qc-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
#operational-panel-qualidade .qc-kpi-mau .value{color:var(--bad)}

#operational-panel-qualidade .qc-table table{min-width:760px}
#operational-panel-qualidade .qc-table th.num,
#operational-panel-qualidade .qc-table td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#operational-panel-qualidade .qc-table td small{color:var(--muted);font-size:12px}

#operational-panel-qualidade .qc-estado{white-space:nowrap}
#operational-panel-qualidade .qc-campanha{min-width:200px}
#operational-panel-qualidade .qc-pacote{
  display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--line);
  border-radius:8px;color:var(--muted);font-size:11px;vertical-align:middle
}
#operational-panel-qualidade .qc-motivo{color:var(--muted);font-size:12px;margin-top:3px}
#operational-panel-qualidade tr.qc-critico .qc-motivo{color:#ff8a80}
#operational-panel-qualidade tr.qc-atencao .qc-motivo{color:#ffd27a}
#operational-panel-qualidade tr.qc-critico td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
#operational-panel-qualidade tr.qc-atencao td:first-child{box-shadow:inset 3px 0 0 #ff9f0a}
#operational-panel-qualidade tr.qc-sem{opacity:.6}

#operational-panel-qualidade .qc-mau{color:var(--bad);font-weight:700}
#operational-panel-qualidade .qc-desce{color:#ff9f0a}
#operational-panel-qualidade .qc-sobe{color:var(--good)}
#operational-panel-qualidade td.qc-desce-forte{color:var(--bad);font-weight:700}
#operational-panel-qualidade td.qc-pouco,
#operational-panel-qualidade td.qc-vazio{color:var(--muted);opacity:.7}
#operational-panel-qualidade .qc-hoje{background:rgba(90,200,250,.08)}
#operational-panel-qualidade .qc-flag{font-size:11px}
#operational-panel-qualidade .qc-erro{color:var(--bad)}

#operational-panel-qualidade .qc-h3{margin:26px 0 4px;font-size:17px}
#operational-panel-qualidade .qc-sub{margin-top:0}
#operational-panel-qualidade .qc-hist table{min-width:0}

#operational-panel-qualidade .qc-causas{margin-top:22px}
#operational-panel-qualidade .qc-causas summary{cursor:pointer;color:var(--muted);font-size:14px}
#operational-panel-qualidade .qc-causas code{font-size:12px}

@media (max-width: 900px){
  #operational-panel-qualidade .qc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #operational-panel-qualidade .qc-estado span{display:none}
}

/* Números de saída */
#operational-panel-qualidade tr.qc-novo td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
#operational-panel-qualidade .qc-tag{
  display:inline-block;margin-left:6px;padding:1px 7px;border-radius:8px;font-size:11px;font-weight:700;vertical-align:middle
}
#operational-panel-qualidade .qc-tag-spam{background:rgba(255,69,58,.18);color:#ff8a80;border:1px solid rgba(255,69,58,.5)}
#operational-panel-qualidade .qc-tag-aviso{background:rgba(255,159,10,.15);color:#ffd27a;border:1px solid rgba(255,159,10,.45)}
#operational-panel-qualidade .qc-serie{white-space:nowrap}
#operational-panel-qualidade .qc-ponto{
  display:inline-block;min-width:30px;margin-right:3px;padding:2px 4px;border:1px solid var(--line);border-radius:6px;
  text-align:center;font-size:12px;font-variant-numeric:tabular-nums
}

/* Tabela única e vida dos números */
#operational-panel-qualidade .qc-nome-camp{font-weight:700;margin-bottom:3px}
#operational-panel-qualidade tr.qc-camp td{border-top:2px solid var(--line)}
#operational-panel-qualidade tr.qc-sub-linha td{border-bottom-color:rgba(44,57,96,.5)}
#operational-panel-qualidade tr.qc-sub-linha .qc-campanha{padding-left:22px}
#operational-panel-qualidade .qc-ramo{color:var(--muted);margin-right:4px}
#operational-panel-qualidade .qc-ddi{margin-left:6px;color:var(--muted);font-size:12px}
#operational-panel-qualidade .qc-tag-velho{background:rgba(159,176,212,.12);color:var(--muted);border:1px solid var(--line)}
#operational-panel-qualidade .qc-hist th,
#operational-panel-qualidade .qc-hist td{padding:6px 6px}
#operational-panel-qualidade .qc-dia-uso{text-align:left;color:var(--muted);font-weight:600}
#operational-panel-qualidade tr.qc-antigo td{opacity:.8}
#operational-panel-qualidade tr.qc-separador td{color:var(--muted);font-size:13px;font-weight:700;padding-top:16px}

/* Vista simples (tabela A e resumo da vida) */
#operational-panel-qualidade .qc-simples table{min-width:620px}
#operational-panel-qualidade .qc-simples tr.qc-camp td{padding-top:14px}
#operational-panel-qualidade .qc-simples .qc-nome-camp{font-size:15px}
#operational-panel-qualidade tr.qc-camp-mau .qc-nome-camp{color:#ff8a80}
#operational-panel-qualidade tr.qc-aviso-linha td{color:#ffd27a;font-size:13px;padding:2px 10px 6px 22px;border-bottom:0}
#operational-panel-qualidade .qc-recuo{margin-left:22px}
#operational-panel-qualidade .qc-motivo-td{color:var(--muted);font-size:13px}
#operational-panel-qualidade .qc-simples tr.qc-sub-linha td:first-child{box-shadow:none}

@media (max-width: 600px){
  #operational-panel-qualidade .qc-simples table{min-width:0;font-size:13px}
  #operational-panel-qualidade .qc-simples th,
  #operational-panel-qualidade .qc-simples td{padding:6px 4px}
  #operational-panel-qualidade .qc-simples .qc-pacote{display:none}
  #operational-panel-qualidade .qc-simples tr.qc-sub-linha .qc-campanha{padding-left:4px}
  #operational-panel-qualidade .qc-simples .qc-campanha{min-width:0}
  #operational-panel-qualidade .qc-simples tr.qc-sub-linha .qc-campanha{white-space:nowrap}
}
@media (max-width: 600px){
  /* no telemóvel: sem a coluna "Habitual" (a tendência já diz se caiu) e cabeçalhos em 2 linhas */
  #operational-panel-qualidade .qc-simples th,
  #operational-panel-qualidade .qc-simples td.num{white-space:normal}
  #operational-panel-qualidade .qc-simples:not(.qc-vida) th:nth-child(4),
  #operational-panel-qualidade .qc-simples:not(.qc-vida) td:nth-child(4){display:none}
  #operational-panel-qualidade .qc-simples tr.qc-aviso-linha td{display:table-cell}
}
@media (max-width: 600px){
  #operational-panel-qualidade .qc-txt{display:none}
}
@media (max-width: 600px){
  #operational-panel-qualidade .qc-simples th.num,
  #operational-panel-qualidade .qc-simples td.num{white-space:normal}
}
#operational-panel-qualidade .qc-curto{display:none}
@media (max-width: 600px){
  #operational-panel-qualidade .qc-curto{display:inline}
}

/* Botão do separador: ocupa duas colunas da grelha de separadores (o texto não era cortado) */
@media (min-width: 821px){
  .operational-tabs-panel #operational-tabs .operational-tab-btn[data-operational-tab="qualidade"]{
    grid-column:span 2 !important;
    font-size:12.5px !important;
    overflow:visible !important;
  }
}

/* Legenda: um ponto por linha */
#operational-panel-qualidade .qc-legenda{margin:6px 0 0;padding:0;list-style:none}
#operational-panel-qualidade .qc-legenda li{margin:4px 0}