/* Shared minimal CSS for public + admin pages */
.wp-appraisal.container {
  max-width: 1100px;
  background: #fff;
  padding: 20px 30px 40px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.wp-appraisal h2 { margin-top: 20px; }
.wp-appraisal .row { display:flex; flex-wrap:wrap; margin-bottom:10px; gap:10px; }
.wp-appraisal .col-30 { flex: 0 0 calc(30% - 10px); }
.wp-appraisal .col-50 { flex: 0 0 calc(50% - 10px); }
.wp-appraisal .col-70 { flex: 0 0 calc(70% - 10px); }
.wp-appraisal .col-100 { flex: 0 0 100%; }
.wp-appraisal input[type=text],
.wp-appraisal input[type=date],
.wp-appraisal select,
.wp-appraisal textarea {
  width:100%;
  padding:6px 8px;
  border:1px solid #cfcfcf;
  border-radius:4px;
  box-sizing:border-box;
}
.wp-appraisal textarea { resize: vertical; }
.wp-appraisal .alert {
  margin: 10px 0 15px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #4caf50;
  background: #e9ffe9;
}
.wp-appraisal .alert.error {
  border-color: #f44336;
  background: #ffe9e9;
}
@media (max-width: 860px){
  .wp-appraisal .col-30,.wp-appraisal .col-50,.wp-appraisal .col-70 { flex:0 0 100%; }
}