/* css/tabs/painel.css: Aba 4, Painel de Controle */
.cp { display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: 100%; }
.cp-side { display: flex; flex-direction: column; gap: 2px; padding: 12px 10px; background: linear-gradient(#7ba2e7, #6375d6); }
.cp-side h3 { margin: 0 0 8px; color: #fff; font-size: 15px; text-shadow: 1px 1px 2px #1a2a6a; }
.cp-link { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 0; border-radius: 4px; background: none; color: #fff; text-align: left; cursor: pointer; font-size: 12px; }
.cp-link:hover { text-decoration: underline; }
.cp-link.active { background: #fff; color: #1a3fa8; font-weight: bold; }
.cp-ico { width: 20px; height: 20px; }
.cp-content { padding: 14px 18px 20px; background: #fff; min-width: 0; }
.cp-panel { display: flex; flex-direction: column; gap: 10px; }
.cp-panel h2 { margin: 0; font-size: 18px; color: #1a3fa8; border-bottom: 1px solid #c9d3e8; padding-bottom: 6px; }
.cp-panel h3 { margin: 6px 0 0; font-size: 13px; }
.prog-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: #f5f7fd; border: 1px solid #c9d3e8; border-radius: 5px; }
.prog-row.legit { background: #fff; }
.prog-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.prog-info small { color: #666; }
.prog-ico { width: 28px; height: 28px; }
.sec-card { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 6px; border: 2px solid; }
.sec-card.ok { background: #eaf7e6; border-color: #3aa83a; }
.sec-card.bad { background: #fde7e7; border-color: #c4161c; }
.sec-card div { display: flex; flex-direction: column; }
.sec-ico { width: 44px; height: 44px; }
.cp-field { display: flex; align-items: center; gap: 10px; }
.cp-field label { min-width: 120px; }
.cp-tests { display: flex; gap: 6px; flex-wrap: wrap; }
.save-area { width: 100%; font: 11px monospace; resize: vertical; }
.cp-msg { margin: 0; color: #1f6f1f; min-height: 1.3em; }
.ms-host { align-self: flex-start; border: 1px solid #aca899; }
@media (max-width: 800px) {
  .cp { grid-template-columns: 1fr; }
  .cp-side { flex-direction: row; flex-wrap: wrap; }
  .cp-side h3 { width: 100%; }
}

.cp-fieldset { border: 1px solid #aca899; margin: 8px 0 12px; padding: 6px 10px; }
.cp-radio { display: block; margin: 4px 0; cursor: pointer; }
.cp-radio small { color: #666; }