.krd-design3-frame {
  display: block;
  width: min(1540px, 94vw);
  height: 1060px;
  margin: 22px auto 0;
  border: 0;
  border-radius: 15px;
  background: #fbf6f1;
  box-shadow: 0 24px 65px rgba(58, 45, 38, .18);
}

@media (max-width: 800px) {
  .krd-design3-frame {
    width: 96vw;
    height: 2200px;
  }
}

.krd-comms-demo .krd-panel,
.krd-voucher-manager .krd-panel {
  align-self: stretch;
}

.krd-comms-demo label,
.krd-voucher-manager label {
  display: block;
  margin: 14px 0;
  font-size: 12px;
  font-weight: 700;
}

.krd-comms-demo input[type="text"],
.krd-voucher-manager input[type="text"],
.krd-comms-demo select,
.krd-voucher-manager select {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 12px;
  border: 1px solid #e8ded8;
  background: #fff;
}

.krd-switch-row {
  padding: 11px 13px;
  background: #edf4ef;
  color: #4c675b;
}

.krd-invoice-preview {
  margin: 18px 0;
  padding: 22px !important;
  background: #fffdf9 !important;
  border: 1px solid #e2d4ca;
  box-shadow: 7px 7px 0 #f2e3df;
}

.krd-invoice-preview h3 {
  margin: 6px 0 15px;
  font: 25px 'Playfair Display', serif;
}

.krd-invoice-preview > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 9px 0;
  border-top: 1px solid #e8ded8;
}

.krd-invoice-preview em {
  display: block;
  margin-top: 12px;
  color: #7e746e;
  font-size: 10px;
}

.krd-phone-preview {
  position: relative;
  min-height: 125px;
  margin: 18px 0 8px !important;
  padding: 22px !important;
  border-radius: 22px 22px 22px 5px;
  background: #edf4ef !important;
  color: #344b41;
  font-size: 15px;
  line-height: 1.55;
}

#invoice-status,
#sms-status,
#voucher-status,
#review-request-status {
  color: #786d67;
  font-size: 11px;
  font-weight: 700;
}

#sms-count {
  display: block;
  margin: 11px 0 17px;
  color: #786d67;
  line-height: 1.4;
}

#preview-sms-send {
  display: inline-flex;
  margin: 0 0 15px !important;
}

#sms-status {
  display: block;
  clear: both;
  margin: 0;
  padding-top: 2px;
}

.krd-soft-note {
  margin: 14px 0 8px;
  padding: 16px;
  border-radius: 15px 15px 15px 4px;
  background: #edf4ef;
  color: #344b41;
  font-size: 13px;
  line-height: 1.5;
}

.krd-rescue-panel {
  border-top: 5px solid #af746a;
}

.krd-rescue-grid {
  display: grid;
  grid-template-columns: .8fr 1fr 1.35fr;
  gap: 16px;
  margin-top: 18px;
}

.krd-rescue-grid > article {
  padding: 18px;
  background: #fbf8f3;
  border: 1px solid #e8ded8;
}

.krd-rescue-grid > article > small {
  display: block;
  margin-bottom: 10px;
  color: #af746a;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.2px;
}

.krd-rescue-grid > article > strong {
  display: block;
  margin: 7px 0;
  font: 22px 'Playfair Display', serif;
}

.krd-rescue-grid label {
  display: block;
  margin: 9px 0;
  font-size: 12px;
}

.krd-waitlist-options {
  display: grid;
  gap: 10px;
  margin: 12px 0 16px;
}

.krd-waitlist-options label {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 11px 12px;
  background: #fff;
  border: 1px solid #e8ded8;
  border-radius: 8px;
}

.krd-waitlist-options input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 0;
}

.krd-waitlist-options span {
  display: block;
  min-width: 0;
}

.krd-waitlist-options b,
.krd-waitlist-options small {
  display: block;
}

.krd-waitlist-options small {
  margin-top: 3px;
  color: #817873;
  font-size: 10px;
}

#rescue-status {
  color: #786d67;
  font-size: 11px;
  line-height: 1.5;
}

.krd-custom-time {
  margin-top: 14px !important;
  padding: 12px;
  background: #fff;
  border: 1px solid #e8ded8;
  border-radius: 8px;
}

.krd-custom-time input {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 11px;
  border: 1px solid #d8c9c0;
  border-radius: 7px;
  background: #fff;
}

#rescue-expiry-note {
  color: #817873;
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 950px) {
  .krd-rescue-grid { grid-template-columns: 1fr; }
}

.krd-voucher-totals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 18px 0;
}

.krd-voucher-totals span {
  padding: 12px;
  background: #fbf8f3;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.krd-voucher-totals b {
  display: block;
  color: #af746a;
  font: 25px 'Playfair Display', serif;
}

.krd-voucher-orders > article {
  display: grid;
  grid-template-columns: auto 1.4fr .8fr auto;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  border-top: 1px solid #e8ded8;
}

.krd-voucher-orders > article.is-new {
  margin: 0 -10px;
  padding: 15px 10px;
  background: #fff4cf;
  border-left: 4px solid #d6a747;
}

.voucher-new {
  color: #9b6d10;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .8px;
}

.krd-voucher-orders small {
  display: block;
  margin-top: 3px;
  color: #817873;
}

.voucher-payment {
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 760px) {
  .krd-voucher-orders > article { grid-template-columns: 1fr 1fr; }
}