/* Contract Termination module — frontend styles */

#ctm-wrap { max-width: 560px; margin: 0 auto; }
#ctm-wrap.ctm-wide { max-width: 820px; }
#ctm-wrap h1 { text-align: center; font-size: 26px; margin: 0 0 8px; }
#ctm-wrap .ctm-lead { text-align: center; color: #777; margin-bottom: 25px; }

.ctm-steps { text-align: center; margin-bottom: 25px; }
.ctm-steps span { display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; background: #eee; color: #999; font-weight: 600; margin: 0 5px; }
.ctm-steps span.active { background: #4a90d9; color: #fff; }
.ctm-steps span.done { background: #5cb85c; color: #fff; }

#ctm-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 2px 14px rgba(0,0,0,0.06);
  padding: 32px 30px;
}
#ctm-card .ctm-icon { text-align: center; font-size: 42px; color: #4a90d9; margin-bottom: 14px; }
#ctm-card .form-group { margin-bottom: 20px; }
#ctm-card label.ctm-label { font-weight: 600; margin-bottom: 6px; display: block; }
#ctm-card .form-control { height: 44px; border-radius: 6px; box-shadow: none; }
#ctm-card .form-control:focus { border-color: #4a90d9; box-shadow: 0 0 0 3px rgba(74,144,217,0.15); }
#ctm-card .ctm-submit { width: 100%; height: 46px; font-size: 16px; border-radius: 6px; margin-top: 6px; }
#ctm-card .text-danger { margin-top: 5px; font-size: 13px; }

.ctm-table { margin-bottom: 24px; }
.ctm-table > thead > tr > td { background: #f7f9fb; font-weight: 600; border-bottom: 2px solid #e6e6e6; }
.ctm-table > tbody > tr > td { vertical-align: middle; }
.ctm-table .ctm-name { font-weight: 600; color: #333; }
#ctm-card .ctm-table .ctm-qty { width: 80px; height: 38px; border-radius: 6px; margin: 0 auto; box-shadow: none; }
#ctm-card .ctm-table .ctm-qty:focus { border-color: #4a90d9; box-shadow: 0 0 0 3px rgba(74,144,217,0.15); }
#ctm-card textarea.form-control { height: auto; border-radius: 6px; box-shadow: none; }
#ctm-card textarea.form-control:focus { border-color: #4a90d9; box-shadow: 0 0 0 3px rgba(74,144,217,0.15); }
.ctm-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.ctm-actions .btn { height: 46px; line-height: 30px; border-radius: 6px; padding: 7px 24px; font-size: 15px; }

#ctm-card.ctm-success { padding: 40px 30px; text-align: center; }
.ctm-success-icon { font-size: 64px; color: #5cb85c; margin-bottom: 18px; }
.ctm-success-msg { font-size: 16px; color: #555; margin-bottom: 28px; }
.ctm-continue { height: 46px; line-height: 30px; font-size: 15px; border-radius: 6px; padding: 7px 28px; }

#ctm-card .form-control.ctm-invalid { border-color: #dc3545; }
#ctm-card .form-control.ctm-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 3px rgba(220,53,69,0.15); }