/* Palette (user-specified) */
:root{
  --mc-p1:#5E503F;
  --mc-p2:#C6AC8F;
  --mc-p3:#EAE0D5;
  --mc-p4:#22333B;
  --mc-p5:#0A0908;
  --mc-accent: var(--mc-p4);
  --mc-accent-2: var(--mc-p2);
  --mc-bg: var(--mc-p3);
  --mc-card:#ffffff;
  --mc-border:#e4ded3;
  --mc-text: var(--mc-p5);
  --mc-muted: #6b6f75;
}

.mc-soap-wrap, .mc-soap-list, .mc-soap-view{
  max-width: 1000px; margin: 2rem auto; padding: 0 1rem 2rem;
  color: var(--mc-text);
}
h2,h3{ color: var(--mc-p4); }

.mc-canvas-tools, .mc-fields, .mc-canvas-wrap{
  background: var(--mc-card);
  border:1px solid var(--mc-border);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.mc-canvas-tools{ padding:.75rem 1rem; margin-bottom:1rem; display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
#textInput{ display:none; border:1px solid var(--mc-border); border-radius:8px; padding:.4rem .6rem; }
.mc-canvas-wrap{ padding: 1rem; }

.mc-fields{ padding: 1.25rem; margin-top:1rem; }
.mc-fields label{ display:block; margin-top:.75rem; font-size:.96rem; }
.mc-grid-2{ display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.mc-fields input[type="text"], .mc-fields input[type="date"], .mc-fields textarea{
  width:100%; padding:.6rem .7rem; border:1px solid var(--mc-border); border-radius:8px; 
  resize:none; /* lock fields */
  box-sizing:border-box;
  background:#fff;
}
.mc-fields textarea{ height: 110px; } /* fixed height so no manual resize */

.mc-actions{ margin-top:1rem; }

.mc-btn{ background: var(--mc-accent-2); color:#000000; border:0; border-radius:10px; padding:.6rem 1rem; text-decoration:none; cursor:pointer; }
.mc-btn:hover{ opacity:.95; }
.mc-btn-light{ background: var(--mc-accent-2); color:#222; }
.mc-btn-danger{ background:#b91c1c; color: #e4ded3; }

/* List */
.mc-soap-list .mc-filter{ display:flex; gap:.5rem; align-items:center; margin: .25rem 0 1rem; }
.mc-soap-list .mc-filter input{ border:1px solid var(--mc-border); border-radius:8px; padding:.45rem .6rem; background:#fff; }

.mc-table{ width:100%; border-collapse:separate; border-spacing:0 8px; }
.mc-table th{ text-align:left; font-size:.9rem; color:var(--mc-muted); padding:.5rem .75rem; }
.mc-table td{ background:var(--mc-card); border:1px solid var(--mc-border); padding:.6rem .75rem; vertical-align:middle; }
.mc-table tr td:first-child{ border-radius:10px 0 0 10px; }
.mc-table tr td:last-child{ border-radius:0 10px 10px 0; }

.mc-soap-notice{ background:#ecf5ff; border:1px solid #cfe4ff; color:#0f3e99; padding:.75rem 1rem; border-radius:10px; margin-bottom:1rem; }

/* View */
.mc-view-img{ width:100%; max-width:800px; border-radius:12px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.mc-grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:1rem; }

@media print{
  .mc-btn, .mc-filter, .mc-canvas-tools, .mc-actions { display:none !important; }
}