:root{--ink:#1e2a32;--accent:#1B4332;--border:#e6eaf0;--card:#fff;--sand:#F4F1EE;--slate:#4A6FA5;--coral:#F38D68}
.mcs-wrap{max-width:980px;margin:0 auto;padding:14px 16px;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial;color:var(--ink)}
.mcs-hero{text-align:center;margin:6px 0 12px}
.mcs-h1{font-weight:900;font-size:30px;color:var(--accent)}
.mcs-bar{display:grid;grid-template-columns:1fr 1fr 180px;gap:12px;align-items:end;background:linear-gradient(90deg,var(--sand),#fff);padding:12px;border-radius:16px;border:1px solid var(--border)}
.mcs-bar input,.mcs-bar select{border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff;width:100%}
.mcs-btn{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}
.mcs-section{border:1px solid var(--border);border-radius:16px;background:var(--card);margin:12px 0}
.mcs-body{padding:10px 14px;border-top:1px solid var(--border)}
.mcs-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin:8px 0}
.mcs-row select{border:1px solid var(--border);border-radius:10px;padding:6px 10px;background:#fff}
.mcs-pill{background:#eef2f7;border-radius:999px;padding:4px 10px;font-weight:800;justify-self:end}
.mcs-green{display:inline-block;margin-left:8px;background:#e9f7ef;border:1px solid #b7e4c7;border-radius:999px;padding:2px 8px;font-weight:800;font-size:12px;color:#256b3f}
.mcs-notes textarea{width:100%;min-height:70px;border:1px solid var(--border);border-radius:12px;padding:8px}
.mcs-total{display:inline-flex;gap:10px;align-items:center;background:linear-gradient(90deg,var(--slate),var(--coral));color:#fff;border-radius:14px;padding:10px 14px;font-weight:900}
.mcs-lead ul{list-style:none;padding:0;margin:0}
.mcs-lead li{display:flex;justify-content:space-between;border-bottom:1px solid #e6eaf0;padding:6px 0}
.mcs-alert{background:#e9f7ef;border:1px solid #b7e4c7;color:#256b3f;padding:8px 12px;border-radius:10px;margin:8px 0;font-weight:700}

/* Cute enhancements v5.1.1-k */
.mcs-hero .mcs-h1{letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.02)}
.mcs-bar{box-shadow:0 8px 24px rgba(25,42,70,.06)}
.mcs-progress{display:flex;align-items:center;gap:10px;margin:12px 0}
.mcs-progress .bar{background:#eef2f7;border-radius:12px;overflow:hidden;height:12px;flex:1}
.mcs-progress .bar span{display:block;height:100%;background:linear-gradient(90deg,#6BAA75,#4A6FA5);width:0%}
details.mcs-section{border:1px solid var(--border);border-radius:16px;background:var(--card);margin:12px 0}
details.mcs-section summary{list-style:none;display:flex;gap:10px;align-items:center;padding:12px 14px;font-weight:900;cursor:pointer}
details.mcs-section summary::-webkit-details-marker{display:none}
.badge{background:#FFC857;border-radius:999px;padding:6px 10px;font-weight:900;box-shadow:0 2px 0 rgba(0,0,0,.06)}

/* Mobile button visibility fix (white text issue) */
.mcs-btn,
.mcs-body .mcs-btn,
.mcs-wrap button.mcs-btn,
.mcs-wrap input[type=submit].mcs-btn,
.mcs-body form button[type=submit] {
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff !important;
  color: var(--accent) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 800;
  line-height: 1.2;
}
.mcs-btn:focus,
.mcs-btn:focus-visible {
  outline: 2px solid #4A6FA5;
  outline-offset: 2px;
}
.mcs-btn:hover { filter: brightness(0.98); }
.mcs-btn:active { transform: translateY(1px); }
@media (prefers-color-scheme: dark) {
  .mcs-btn { background:#ffffff !important; color:#1b4332 !important; }
}