/* TsQualy V1761.55 — Parceiros Comerciais (Ambiente Master) no padrão do sistema. */
#main .par-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
#main .par-kpi{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid #dde7f2;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,55,95,.05)}
#main .par-kpi-ic{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#e7f1fd;color:#1766b3}
#main .par-kpi-ic svg{stroke:currentColor;fill:none}
#main .par-kpi-ativos .par-kpi-ic{background:#e6f5ec;color:#1f8a52}
#main .par-kpi-licencas .par-kpi-ic{background:#fff1e3;color:#c4620d}
#main .par-kpi>div{display:flex;flex-direction:column;min-width:0}
#main .par-kpi-rot{font-size:12px;font-weight:600;color:#5d7088}
#main .par-kpi-val{font:700 22px/1.2 Inter,Arial,Helvetica,sans-serif;color:#17385f;font-variant-numeric:tabular-nums}
#main .par-kpi small{font-size:11.5px;color:#7a8ca3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#main .par-card{padding:0!important;overflow:hidden}
#main .par-tabela td{vertical-align:middle}
#main .par-doc{font-size:12px;color:#5d7088;margin-top:2px;font-variant-numeric:tabular-nums}
#main .par-doc-vazio{color:#9aa9bb;font-style:italic}
#main .par-uso{display:flex;flex-direction:column;gap:5px;min-width:150px;font-size:12.5px;color:#28445f}
#main .par-uso i{display:block;height:6px;border-radius:999px;background:#e8eef5;overflow:hidden}
#main .par-uso em{display:block;height:100%;border-radius:999px;background:#2f74b5}
#main .par-uso-alerta em{background:#e8a317}
#main .par-uso-cheio em{background:#d14343}
#main .par-uso-cheio span{color:#b42318}
#main .par-logo{display:inline-grid;place-items:center;width:120px;height:44px;padding:4px 8px;border:1px solid #e3ebf4;border-radius:8px;background:#fff}
#main .par-logo img{max-width:100%;max-height:100%;object-fit:contain}
#main .par-sem-logo{font-size:12px;color:#9aa9bb}
#main .par-acoes{justify-content:flex-end}
#main .par-vazio{text-align:center;padding:28px 16px!important}
#main .par-vazio strong{display:block;color:#17385f;margin-bottom:4px}
#main .par-vazio span{font-size:12.5px;color:#6a7f97}

/* Formulário (painel lateral) */
#side-panel .par-form{display:flex;flex-direction:column;gap:14px}
#side-panel .par-sec{border:1px solid #dde7f2;border-radius:12px;background:#fff;overflow:hidden}
#side-panel .par-sec>:not(.par-sec-head){margin:14px 16px}
#side-panel .par-sec-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#edf5fc;border-bottom:1px solid #d8e3f0}
#side-panel .par-sec-head>span{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid #cfe1f5;color:#1766b3}
#side-panel .par-sec-head svg{stroke:currentColor;fill:none}
#side-panel .par-sec-head h3{margin:0!important;padding:0!important;font-size:15px!important;font-weight:700!important;color:#17385f!important;text-transform:none!important;letter-spacing:0!important}
#side-panel .par-sec-head h3::before{content:none!important}
#side-panel .par-sec-head small{font-size:12px;color:#6a7f97}
#side-panel .par-sec-head b{color:#d33b35}
#side-panel .par-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
#side-panel .par-col-2{grid-column:1 / -1}
#side-panel .par-form .field{margin:0}
#side-panel .par-form .par-sec>.field{margin:14px 16px!important}
#side-panel .par-form label{font-size:12px;font-weight:600;color:#28445f}
#side-panel .par-form :is(input:not([type=checkbox]),textarea){font-size:13px;min-height:38px}
#side-panel .par-ajuda{display:block;margin-top:4px;font-size:11.5px;color:#7a8ca3;min-height:0}
#side-panel .par-ajuda:empty{display:none}
#side-panel #par-doc-ajuda{color:#b42318}
#side-panel .par-invalido{border-color:#e08a8a!important}
#side-panel .par-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e3ebf4;border-radius:10px;background:#fbfdff;cursor:pointer}
#side-panel .par-toggle input{margin-top:2px;width:16px;height:16px;accent-color:#f07f1a}
#side-panel .par-toggle span{display:flex;flex-direction:column;gap:2px}
#side-panel .par-toggle strong{font-size:13px;color:#17385f}
#side-panel .par-toggle small{font-size:12px;font-weight:400;color:#6a7f97}
#side-panel .par-logo-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#side-panel .par-logo-prev{display:grid;place-items:center;width:200px;height:90px;padding:8px;border:1px dashed #b9cde3;border-radius:10px;background:#fbfdff}
#side-panel .par-logo-prev img{max-width:100%;max-height:100%;object-fit:contain}
#side-panel .par-logo-prev span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#9aa9bb}
#side-panel .par-logo-prev svg{stroke:currentColor;fill:none}
#side-panel .par-logo-prev em{font-style:normal;font-size:12px}
#side-panel .par-logo-acoes{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#side-panel .par-logo-acoes small{font-size:11.5px;color:#7a8ca3}
#side-panel .par-logo-btn{display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid #8db8f6;border-radius:8px;background:#fff;color:#1766b3!important;font-size:13px!important;font-weight:600!important;cursor:pointer}
#side-panel .par-logo-btn svg{stroke:currentColor;fill:none}
#side-panel .par-logo-acoes button[hidden]{display:none!important}
#side-panel .par-rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
#side-panel .par-rodape-dir{display:flex;gap:8px;margin-left:auto}
#side-panel .par-rodape button{min-height:38px;font-size:13px;font-weight:600}
#side-panel #par-excluir{border:1px solid #f0b3b3!important;background:#fff!important;color:#b42318!important}
#side-panel #par-excluir:hover{background:#fff3f3!important}

@media (max-width:1100px){ #main .par-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  #main .par-kpis{grid-template-columns:1fr}
  #side-panel .par-grid{grid-template-columns:1fr}
  #side-panel .par-rodape-dir{width:100%;justify-content:flex-end}
}