/* Shared controls for the merchant prototype and acceptance pages. Content is untouched. */
:root {
  --ui-green:#159957;--ui-green-hover:#087c43;--ui-mint:#e4f3e9;
  --ui-yellow:#f4d74e;--ui-ink:#111814;--ui-muted:#66736b;
  --ui-radius:6px;--ui-shadow:2px 2px 0 #14251b;
}
.btn,.tut-btn,button.back,button.link.back {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  box-sizing:border-box;min-height:40px;height:auto;padding:8px 14px;
  border:2px solid var(--ui-ink);border-radius:var(--ui-radius);
  background:#fff;color:var(--ui-ink);box-shadow:var(--ui-shadow);
  font-family:inherit;font-size:14px;font-weight:800;line-height:1.3;
  text-decoration:none;cursor:pointer;transform:none;
  transition:background-color .12s,transform .12s,box-shadow .12s;
}
.btn:hover:not(:disabled),.tut-btn:hover:not(:disabled),button.back:hover,button.link.back:hover {
  background:var(--ui-mint);border-color:var(--ui-ink);
  transform:translate(1px,1px);box-shadow:1px 1px 0 #14251b;
}
.btn.primary,.btn.accent,.tut-btn.primary,.tut-end .tut-btn.primary {
  background:var(--ui-green);color:#fff;border-color:var(--ui-ink);
  box-shadow:var(--ui-shadow);
}
.btn.primary:hover:not(:disabled),.btn.accent:hover:not(:disabled),.tut-btn.primary:hover:not(:disabled) {
  background:var(--ui-green-hover);color:#fff;
}
.btn.ghost,.topbar .btn.ghost,.btn.outline {background:#fff;color:var(--ui-ink);border-color:var(--ui-ink)}
.btn.small,.app.run>.topbar .btn,.app.run .dock-inner .actions .btn {
  min-height:34px;padding:6px 10px;font-size:12px;border-radius:var(--ui-radius);
}
.btn.text,button.link:not(.back),a.link:not(.back),button.linklike,button.linkish {
  background:transparent;border:0;box-shadow:none;color:var(--ui-green-hover);
  padding:6px 8px;min-height:32px;font-size:13px;font-weight:700;
  text-decoration:none;transform:none;
}
.btn.text:hover:not(:disabled),button.link:not(.back):hover,a.link:not(.back):hover {
  background:var(--ui-mint);box-shadow:none;transform:none;text-decoration:underline;
  text-underline-offset:3px;border:0;
}
.btn.danger {background:#fff;color:#a52b2b;border-color:#a52b2b;box-shadow:2px 2px 0 #a52b2b}
.btn.danger:hover:not(:disabled) {background:#fceceb;border-color:#a52b2b}
.tut-btn.on {background:var(--ui-mint);color:var(--ui-green-hover);border-color:var(--ui-green-hover)}
.tabs button,.subtabs button,.tut-chapters button,.pages button {
  min-height:36px;padding:7px 12px;border:2px solid var(--ui-ink);
  border-radius:var(--ui-radius);background:#fff;color:var(--ui-muted);
  font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;
  box-shadow:none;transform:none;
}
.tabs button:hover,.subtabs button:hover,.tut-chapters button:hover,.pages button:hover {background:var(--ui-mint);color:var(--ui-ink)}
.tabs button.active,.tabs button.on,.tabs button[aria-selected="true"],.subtabs button.active,
.tut-chapters button.on,.pages button.active,.tut-steps button.on {
  background:var(--ui-yellow);color:var(--ui-ink);border:2px solid var(--ui-ink);
  border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);transform:none;font-weight:800;
}
.choice,.choice.selected,.segmented {border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);transform:none}
.choice.selected {background:var(--ui-mint);border-color:var(--ui-green-hover)}
.choice.selected:before {background:var(--ui-green);border-color:var(--ui-green-hover)}
.segmented button.active {background:var(--ui-mint);color:var(--ui-green-hover);border-radius:4px}
.sidebar .nav button,.live-top .top-nav a {
  box-sizing:border-box;min-height:44px;padding:10px 12px;border:2px solid transparent;
  border-radius:var(--ui-radius);color:#bcd0c4;font-weight:800;transform:none;
}
.sidebar .nav button:hover,.live-top .top-nav a:hover {background:#1e412d;color:#fff;border:2px solid transparent;transform:none}
.sidebar .nav button.active,.live-top .top-nav a.on {
  background:var(--ui-yellow);color:var(--ui-ink);border:2px solid #050a07;
  box-shadow:var(--ui-shadow);transform:none;
}
.top-actions>button:not(.btn),#mirror-language .language-toggle {
  box-sizing:border-box;width:40px;height:40px;min-height:40px;padding:8px;
  border:2px solid var(--ui-ink);border-radius:50%;box-shadow:var(--ui-shadow);
  background:#fff!important;color:var(--ui-ink)!important;transform:none;
}
.top-actions>button:not(.btn):nth-child(2) {background:#fff!important}
.top-actions>button:not(.btn)[title="语言"],#mirror-language .language-toggle {background:var(--ui-yellow)!important}
.top-actions>button:not(.btn):hover,#mirror-language .language-toggle:hover {background:var(--ui-mint)!important}
.field,.input,.select,.textarea {border-radius:var(--ui-radius);border-color:var(--ui-ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #26a866;outline-offset:3px;
}
.btn:disabled,.tut-btn:disabled {opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
@media(prefers-reduced-motion:reduce) {.btn,.tut-btn,.nav button,.top-nav a {transition:none}}