/* Kontrol Paneli */
.cp-note {
  margin-bottom: 16px; padding: 11px 14px; border-radius: 10px;
  background: #fff8e6; border: 1px solid #f3dca0; color: #7a5600; font-size: 14px;
}
.cp-help { margin: 0; padding: 0 20px 12px; color: var(--muted); font-size: 13px; }
.cp-table .cp-input {
  width: 130px; height: 38px; border: 1px solid #d6dfd9; border-radius: 9px;
  padding: 0 10px; text-align: right; font: inherit;
}
.cp-table .cp-input.bad { border-color: #e59a9a; background: #fff6f6; }
.cp-table tr.cp-changed td { background: #f4fbf7; }
.cp-plus { color: var(--green); font-weight: 800; }
.cp-minus { color: var(--red); font-weight: 800; }
.cp-zero { color: #b9c3bd; }
.cp-foot { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line); }
#cpSave:disabled { opacity: .5; cursor: not-allowed; }
.cp-modal p { margin: 0 0 10px; }
.cp-modal-list { max-height: 320px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 12px; }
.cp-modal-list > div {
  display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  padding: 8px 12px; border-bottom: 1px solid #f0f3f1; font-size: 14px;
}
.cp-modal-list > div:last-child { border-bottom: 0; }
.cp-modal .btn { width: 100%; }
@media (max-width: 800px) {
  .cp-table .cp-input { width: 100px; }
  .cp-foot .btn { flex: 1; }
}