
.mkms-wrap{max-width:760px;margin:24px auto;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mkms-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:18px}
.mkms-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mkms-step-ind{flex:1;min-width:140px;display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;background:#fafafa}
.mkms-step-ind span{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:700}
.mkms-step-ind em{font-style:normal;font-size:13px;color:#111827}
.mkms-step-ind.is-active{border-color:#111827;background:#f3f4f6}
.mkms-title{font-size:22px;margin:6px 0 6px;color:#0f172a}
.mkms-sub{margin:0 0 14px;color:#475569}
.mkms-step{display:none}
.mkms-step.is-active{display:block}
.mkms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:620px){.mkms-grid{grid-template-columns:1fr}}
.mkms-field{display:flex;flex-direction:column;gap:6px}
.mkms-field label{font-size:13px;color:#0f172a;font-weight:600}
.mkms-field input[type="text"],.mkms-field input[type="email"],.mkms-field input[type="password"],.mkms-field input[type="date"],.mkms-field input[type="file"]{
  border:1px solid #e5e7eb;border-radius:12px;padding:12px 12px;font-size:14px;outline:none
}
.mkms-field small{color:#64748b}
.mkms-field-full{grid-column:1 / -1}
.mkms-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:#0f172a}
.mkms-check input{margin-top:4px}
.mkms-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.mkms-btn{border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.mkms-btn:hover{background:#f8fafc}
.mkms-btn-primary{background:#0a4d68;color:#fff;border-color:#0a4d68}
.mkms-btn-primary:hover{background:#083d52}
.mkms-footnote{margin-top:12px;color:#64748b;font-size:13px}
.mkms-footnote a{color:#111827;text-decoration:underline}
.mkms-panel{border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fafafa;margin-top:12px}
.mkms-panel-title{font-weight:800;color:#0f172a;margin-bottom:10px}
.mkms-plan-list{display:flex;flex-direction:column;gap:10px}
.mkms-radio{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer}
.mkms-radio input{margin-top:4px}
.mkms-radio-text{display:flex;flex-direction:column;gap:2px}
.mkms-radio-text small{color:#64748b}
.mkms-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:620px){.mkms-methods{grid-template-columns:1fr}}
.mkms-method{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer}
.mkms-method input{margin:0}
.mkms-method-img{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid #e5e7eb;background:#fff}
.mkms-method-name{font-weight:800;color:#0f172a}
.mkms-instructions{margin-top:12px;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#f3f4f6}
.mkms-instr-title{font-weight:900;margin-bottom:8px;color:#0f172a}
.mkms-instr-body{color:#0f172a}
.mkms-instr-body p{margin:6px 0}
.mkms-empty{color:#b45309;background:#fffbeb;border:1px solid #f59e0b;padding:12px;border-radius:14px}
.mkms-summary{display:flex;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px 12px;margin-bottom:12px}
.mkms-success{text-align:center;padding:14px}
.mkms-success-icon{width:56px;height:56px;border-radius:18px;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;margin:8px auto 10px}
.mkms-error{margin-top:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:14px}


/* Status chips */
.mkms-chip{display:inline-block;margin-left:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:middle}
.mkms-chip--ok{background:#dcfce7;color:#166534}
.mkms-chip--pending{background:#fef3c7;color:#92400e}
