.wcc2c-box,
.wcc2c-panel {
  --wcc2c-ink: var(--m-ink, #171717);
  --wcc2c-muted: var(--m-muted, #6b5145);
  --wcc2c-gold: var(--m-gold, #b89b5e);
  --wcc2c-wine: var(--m-wine, #8f2633);
  --wcc2c-line: var(--m-line, #e8e2da);
  --wcc2c-bg: var(--m-white, #fff);
  --wcc2c-radius: var(--m-radius, 14px);
  color: var(--wcc2c-ink);
  font-family: var(--m-font, inherit);
}

.wcc2c-box { margin: 8px 0 0; }
.wcc2c-description { margin: 0 0 12px; color: var(--wcc2c-muted); font-size: 14px; }
.wcc2c-guide { font-size: 14px; line-height: 1.7; margin: 0 0 12px; }
.wcc2c-amount-card {
  background: var(--wcc2c-bg);
  border: 1px solid var(--wcc2c-line);
  border-radius: var(--wcc2c-radius);
  padding: 14px 16px;
  margin: 0 0 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  justify-content: space-between;
}
.wcc2c-amount-card__label { width: 100%; font-size: 13px; color: var(--wcc2c-muted); }
.wcc2c-amount-card__value { font-size: 22px; font-weight: 700; line-height: 1.3; }
.wcc2c-warning {
  background: #fff6e8;
  border: 1px solid #f0d9a6;
  color: #6a4b12;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  margin: 0 0 12px;
}
.wcc2c-accounts { display: grid; gap: 10px; }
.wcc2c-account {
  display: block;
  border: 1px solid var(--wcc2c-line);
  border-radius: var(--wcc2c-radius);
  background: var(--wcc2c-bg);
  padding: 12px;
  cursor: pointer;
}
.wcc2c-account.is-single { cursor: default; }
.wcc2c-account input[type="radio"] { margin: 0 0 8px; accent-color: var(--wcc2c-ink); }
.wcc2c-account:has(input:checked) { border-color: var(--wcc2c-gold); box-shadow: 0 0 0 1px var(--wcc2c-gold); }
.wcc2c-account__title { font-weight: 700; margin: 0 0 8px; }
.wcc2c-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wcc2c-rows li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  font-size: 13px;
}
.wcc2c-rows li span { color: var(--wcc2c-muted); white-space: nowrap; }
.wcc2c-mono {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  white-space: nowrap;
  word-break: keep-all;
}
.wcc2c-copy {
  border: 1px solid var(--wcc2c-line);
  background: #faf9f7;
  border-radius: 999px;
  min-height: 36px;
  padding: 0 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.wcc2c-copy.is-copied { background: #eef6ea; border-color: #cfe3c8; }
.wcc2c-account__desc { margin: 8px 0 0; font-size: 12px; color: var(--wcc2c-muted); }

.wcc2c-panel { margin: 16px 0; padding: 16px; border: 1px solid var(--wcc2c-line); border-radius: var(--wcc2c-radius); background: var(--wcc2c-bg); }
.wcc2c-panel__title { margin: 0 0 6px; font-size: 18px; }
.wcc2c-status-line { font-size: 13px; margin: 0 0 12px; color: var(--wcc2c-muted); }
.wcc2c-status { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; background: #f3efe8; color: var(--wcc2c-ink); }
.wcc2c-status--pending { background: #fff6e8; }
.wcc2c-status--submitted,
.wcc2c-status--under_review { background: #eef3ff; }
.wcc2c-status--approved { background: #eef6ea; }
.wcc2c-status--rejected,
.wcc2c-status--expired { background: #fdecec; }
.wcc2c-form { display: grid; gap: 10px; margin-top: 14px; }
.wcc2c-form__intro { margin: 0; font-size: 14px; color: var(--wcc2c-muted); }
.wcc2c-field { display: grid; gap: 6px; font-size: 14px; }
.wcc2c-field input[type="text"],
.wcc2c-field input[type="file"] {
  min-height: 44px;
  border: 1px solid var(--wcc2c-line);
  border-radius: 12px;
  padding: 8px 12px;
  font: inherit;
  width: 100%;
  box-sizing: border-box;
}
.wcc2c-field small { color: var(--wcc2c-muted); font-size: 12px; }
.wcc2c-receipt {
  display: grid;
  gap: 6px;
  cursor: pointer;
  position: relative;
}
.wcc2c-receipt input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
.wcc2c-receipt__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border: 1px dashed var(--wcc2c-gold);
  border-radius: 14px;
  background: #faf9f7;
  font-weight: 700;
  font-size: 15px;
}
.wcc2c-receipt.is-picked .wcc2c-receipt__btn {
  border-style: solid;
  background: #eef6ea;
}
.wcc2c-receipt__name { font-size: 12px; color: var(--wcc2c-muted); text-align: center; }
.wcc2c-submit {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  background: var(--wcc2c-ink);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
}
.wcc2c-form-msg { font-size: 13px; }
.wcc2c-form-msg.is-error { color: var(--wcc2c-wine); }
.wcc2c-form-msg.is-ok { color: #1f4d2a; }
.wcc2c-reject-note { background: #fdecec; border-radius: 12px; padding: 10px 12px; font-size: 13px; }
.wcc2c-ok { color: #1f4d2a; }
.wcc2c-wait { color: #314e86; }
.wcc2c-expired { color: var(--wcc2c-wine); }
.wcc2c-panel--simple .wcc2c-account {
  padding: 10px 12px;
  margin: 0 0 8px;
}
.wcc2c-panel--simple .wcc2c-rows { gap: 6px; }
.wcc2c-panel--simple .wcc2c-amount-card { margin-bottom: 10px; }

@media (max-width: 640px) {
  .wcc2c-panel { margin: 12px 0; padding: 14px 12px; }
  .wcc2c-panel__title { font-size: 17px; }
  .wcc2c-rows li { grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; }
  .wcc2c-rows li span { grid-column: auto; font-size: 12px; }
  .wcc2c-amount-card { padding: 12px; }
  .wcc2c-amount-card__value { font-size: 20px; }
  .wcc2c-receipt__btn { min-height: 56px; }
  .wcc2c-submit { min-height: 52px; }
}