.accbz-wrap, .accbz-wrap * { box-sizing: border-box; }
.accbz-wrap {
  --acc-bg1: #fff8f2;
  --acc-bg2: #f7efe8;
  --acc-primary: #7a3f16;
  --acc-primary-dark: #5d2f12;
  --acc-accent: #c99053;
  --acc-border: #ead7c7;
  --acc-card: #ffffff;
  --acc-soft: #fffaf6;
  --acc-text: #3b2414;
  --acc-muted: #6f4f3c;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--acc-text);
}
.accbz-app {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
  padding: 16px;
}
.accbz-card {
  background: var(--acc-card);
  border: 1px solid var(--acc-border);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(61, 34, 12, 0.08);
}
.accbz-sidebar-head {
  padding: 24px;
  background: linear-gradient(135deg, var(--acc-primary-dark), var(--acc-primary), var(--acc-accent));
  color: #fff;
}
.accbz-logo-row { display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.accbz-logo-row img { width: 64px; height: 64px; object-fit: contain; background:#fff; border-radius:18px; padding:6px; }
.accbz-sidebar-body, .accbz-main-body { padding: 22px; }
.accbz-progress { height: 10px; background:#f1e2d3; border-radius:999px; overflow:hidden; margin-top:8px; }
.accbz-progress-bar { height:100%; background: linear-gradient(90deg, var(--acc-primary), var(--acc-accent)); }
.accbz-step-list { margin-top: 18px; display:grid; gap:8px; }
.accbz-step {
  border:1px solid var(--acc-border);
  border-radius:18px;
  padding:12px 14px;
  background:#fff;
  color:var(--acc-muted);
  font-size:14px;
}
.accbz-step.active { background: var(--acc-primary); color:#fff; border-color: var(--acc-primary); }
.accbz-step.done { background: #f6eadf; color: var(--acc-muted); }
.accbz-soft-box {
  background: var(--acc-soft);
  border:1px solid var(--acc-border);
  border-radius:20px;
  padding:16px;
  color:var(--acc-muted);
  font-size:14px;
}
.accbz-main-head {
  padding: 24px 28px;
  border-bottom:1px solid #f0dfd0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.accbz-kicker {
  text-transform: uppercase;
  letter-spacing: .28em;
  font-size: 12px;
  color:#a06c43;
  margin-bottom:8px;
}
.accbz-title { font-size: 34px; line-height:1.1; margin:0 0 8px; }
.accbz-subtitle { font-size: 14px; color: var(--acc-muted); max-width: 760px; }
.accbz-badges { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; }
.accbz-badge {
  background:#f6eadf;
  color:#6b3414;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
}
.accbz-section-title { font-size: 30px; margin:0 0 10px; }
.accbz-section-desc { color: var(--acc-muted); font-size: 15px; margin:0 0 22px; }
.accbz-grid-2, .accbz-grid-3 { display:grid; gap:16px; }
.accbz-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.accbz-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.accbz-mini-card {
  border:1px solid var(--acc-border);
  background:var(--acc-soft);
  border-radius:24px;
  padding:18px;
}
.accbz-field { margin-bottom:16px; }
.accbz-field label { display:block; font-weight:700; font-size:14px; margin-bottom:7px; }
.accbz-field small { display:block; color:#7b5a45; margin-top:6px; }
.accbz-input, .accbz-textarea {
  width:100%;
  border:1px solid #d9bca6;
  border-radius:14px;
  padding:12px 14px;
  font-size:15px;
  color:var(--acc-text);
  background:#fff;
}
.accbz-file { padding:10px 12px; }
.accbz-file-list { margin:8px 0 0 18px; color:var(--acc-muted); font-size:13px; }
.accbz-textarea { min-height: 110px; resize: vertical; }
.accbz-checklist { border:1px solid var(--acc-border); background:var(--acc-soft); border-radius:24px; padding:18px; display:grid; gap:12px; }
.accbz-check { display:flex; align-items:flex-start; gap:10px; color:var(--acc-muted); }
.accbz-actions { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #f0dfd0; padding-top:22px; margin-top: 24px; }
.accbz-btn {
  border:none; border-radius:16px; padding:13px 18px; cursor:pointer; font-weight:700; font-size:14px;
}
.accbz-btn.primary { background: var(--acc-primary); color:#fff; }
.accbz-btn.primary:hover { background: var(--acc-primary-dark); }
.accbz-btn.outline { background:#fff; color:var(--acc-primary); border:1px solid #c8a589; }
.accbz-btn:disabled { opacity:.55; cursor:not-allowed; }
.accbz-preview-card { border:1px solid var(--acc-border); border-radius:24px; padding:18px; background:#fff; }
.accbz-quote-box { background:#fff7f0; border:1px solid #eddccf; border-radius:18px; padding:14px; color:#5d4331; }
.accbz-output { width:100%; min-height:200px; border:1px solid #d9bca6; border-radius:14px; padding:12px 14px; font-size:14px; }
.accbz-success-head { padding:28px; background:linear-gradient(135deg, var(--acc-primary-dark), var(--acc-primary), var(--acc-accent)); color:#fff; }
.accbz-message { margin: 14px 0 0; font-size: 14px; color: var(--acc-muted); }
.accbz-status-success { color: #1f7a1f; }
.accbz-status-error { color: #a22121; }
.accbz-hidden { display:none; }

@media (max-width: 980px) {
  .accbz-app { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .accbz-grid-2, .accbz-grid-3 { grid-template-columns: 1fr; }
  .accbz-title { font-size: 28px; }
  .accbz-main-head, .accbz-sidebar-body, .accbz-main-body, .accbz-success-head { padding: 18px; }
  .accbz-actions { flex-direction: column; }
}