#order-fields .mkib {
  margin: 12px 0 18px;
  padding: 14px 15px;
  border: 1px solid #d8e5df;
  border-radius: 12px;
  background: #f8fbf9;
  color: #243b31;
  font-size: 14px;
}
#order-fields .mkib[hidden] { display: none !important; }
#order-fields .mkib-intro { display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; }
#order-fields .mkib-intro strong { font-weight: 700; font-size: 15px; color: #1b543d; }
#order-fields .mkib-intro small { color: #53675e; line-height: 1.55; font-size: 12px; }
#order-fields .mkib-field { display: block; color: #354a3f; font-weight: 600; margin: 11px 0 5px; font-size: 13px; }
#order-fields .mkib select, #order-fields .mkib input[type="text"] {
  display: block; width: 100%; box-sizing: border-box; min-height: 42px; padding: 9px 11px;
  border-radius: 8px; border: 1px solid #b6c9bf; background: white; color: #253c30;
  font: inherit; font-size: 14px;
}
#order-fields .mkib :is(select,input,button):focus-visible { outline: 2px solid #267751; outline-offset: 2px; }
#order-fields .mkib-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
#order-fields .mkib-actions button {
  min-height: 37px; background: #fff; color: #24543f; border: 1px solid #b5cfc1;
  border-radius: 8px; padding: 7px 12px; cursor: pointer; font-weight: 600;
  font-size: 13px; line-height: 1.4; flex-shrink: 0;
}
#order-fields .mkib-actions button.mkib-main { color: #fff; background: #226b48; border-color: #226b48; }
#order-fields .mkib-actions button.mkib-danger { color: #a33b35; border-color: #e1b6b6; }
#order-fields .mkib-actions button:disabled { opacity: .45; cursor: not-allowed; }
#order-fields .mkib-meta { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; font-size: 12px; color: #5d7165; }
#order-fields .mkib-meta #mkib-message { color: #246f48; }
#order-fields .mkib-meta #mkib-message.mkib-error { color: #a13831; }
#order-fields .mkib-login { margin: 0; font-size: 12px; color: #53675e; }
#order-fields .mkib-login a { color: #196a44; font-weight: 700; }
@media (max-width: 480px) {
  #order-fields .mkib { margin: 10px 0 16px; padding: 12px; border-radius: 10px; }
  #order-fields .mkib-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #order-fields .mkib-actions button { width: 100%; white-space: normal; }
}

/* My Account: edit saved invoice profiles even when the shopping cart is empty. */
.mkib-account {margin:18px 0;padding:18px;border:1px solid #d8e5df;border-radius:12px;background:#f9fcfa;color:#294536}
.mkib-account h3 {margin:0 0 12px;font-size:20px}
.mkib-account h4 {margin:16px 0 7px;font-size:16px}
.mkib-account p {line-height:1.55}
.mkib-account-copy,.mkib-account-help {font-size:13px;color:#617469}
.mkib-account-success {background:#e6f4e9;padding:10px;border-radius:8px;color:#206241}
.mkib-account-profile {margin:11px 0;border:1px solid #c7d9cc;border-radius:10px;overflow:hidden;background:#fff}
.mkib-account-profile summary {padding:12px 15px;cursor:pointer;line-height:1.5}
.mkib-account-pref {font-weight:600;color:#22724b}
.mkib-account-profile form {padding:12px 15px 15px;border-top:1px solid #e1ede4}
.mkib-account-field {display:block;margin:0 0 10px}
.mkib-account-field span {display:block;margin:0 0 5px;font-size:13px;font-weight:600}
.mkib-account-field input {width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;font-size:14px;border:1px solid #bccdc3;border-radius:8px;background:white;color:#203a2d}
.mkib-account-field input:focus-visible {outline:2px solid #268351;outline-offset:2px}
.mkib-account-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mkib-account-actions button {min-height:38px;padding:7px 13px;border:1px solid #a2c5ae;color:#165f3a;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}
.mkib-account-actions button[value=update],.mkib-account-actions button[value=create] {background:#246e48;color:#fff}
.mkib-account-actions .mkib-account-danger {color:#a13a37;border-color:#dbb3b1}
@media(max-width:480px){.mkib-account{padding:12px}.mkib-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mkib-account-actions button{padding:7px 6px}}