/* Miren Medic — Medical history (toxicity questionnaire) frontend form */

.mm-medical-page { background:#e8efe9; margin:0; }
.mm-medical-page__topbar {
	display:flex; align-items:center; justify-content:space-between;
	padding:18px 28px; background:#0f3e35; color:#f6f9f7;
	font-family:Montserrat, Arial, sans-serif;
}
.mm-medical-page__back { display:inline-flex; align-items:center; gap:8px; color:#f6f9f7; text-decoration:none; font-size:13px; letter-spacing:.04em; }
.mm-medical-page__back:hover { color:#c2d6c8; }
.mm-medical-page__brand img { display:block; }
.mm-medical-page__brand-text { font-family:'DM Serif Display', Georgia, serif; font-style:italic; font-size:24px; color:#f6f9f7; text-decoration:none; line-height:1; }
.mm-medical-page__topbar-spacer { width:120px; }
.mm-medical-page__main { padding:48px 16px 80px; }

.mm-medical { font-family:Montserrat, Arial, sans-serif; color:#2c2826; }
.mm-medical__container { max-width:880px; margin:0 auto; background:#fff; border-radius:24px; padding:48px 48px 56px; box-shadow:0 30px 80px -50px rgba(44,40,38,.35); }
@media (max-width:640px) {
	.mm-medical__container { padding:32px 22px 40px; border-radius:18px; }
}

.mm-medical__header { text-align:center; margin-bottom:36px; }
.mm-medical__eyebrow { font-size:11px; letter-spacing:.32em; text-transform:uppercase; color:#c5a065; font-weight:600; }
.mm-medical__title { font-family:'DM Serif Display', Georgia, serif; font-style:italic; font-size:54px; line-height:1; color:#0f3e35; margin:8px 0 14px; font-weight:400; }
.mm-medical__title em { font-style:italic; color:#c5a065; }
.mm-medical__lede { font-size:15px; line-height:1.7; color:#5a534e; max-width:560px; margin:0 auto; }

.mm-medical__alert { padding:14px 18px; border-radius:12px; margin-bottom:24px; font-size:14px; line-height:1.5; }
.mm-medical__alert--success { background:#e7f0e9; color:#2c5733; border:1px solid #b6d3bd; }
.mm-medical__alert--error { background:#fbe7e3; color:#7a2c20; border:1px solid #e5b6ac; }

.mm-medical__honeypot { position:absolute; left:-9999px; opacity:0; pointer-events:none; }

/* Identification */
.mm-medical__fieldset { border:0; padding:0; margin:0 0 28px; }
.mm-medical__fieldset--id { background:#f6f9f7; border-radius:16px; padding:24px 26px; }
.mm-medical__legend { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#0f3e35; font-weight:700; margin-bottom:14px; }
.mm-medical__row { display:grid; gap:14px; margin-bottom:12px; }
.mm-medical__row--two { grid-template-columns:1fr 1fr; }
@media (max-width:640px) { .mm-medical__row--two { grid-template-columns:1fr; } }
.mm-medical__field { display:flex; flex-direction:column; }
.mm-medical__label { font-size:12px; letter-spacing:.06em; color:#5a534e; margin-bottom:6px; font-weight:500; }
.mm-medical__input { padding:12px 14px; border:1px solid #d9d2c9; border-radius:10px; font-size:14px; font-family:inherit; color:#2c2826; background:#fff; }
.mm-medical__input:focus { outline:0; border-color:#c5a065; box-shadow:0 0 0 3px rgba(184,153,104,.18); }

/* Scoring legend */
.mm-medical__legend-box { background:#f6f9f7; border-radius:14px; padding:18px 22px; margin-bottom:28px; }
.mm-medical__legend-box h3 { font-size:13px; text-transform:uppercase; letter-spacing:.12em; margin:0 0 12px; color:#0f3e35; }
.mm-medical__legend-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px 18px; font-size:13px; color:#5a534e; }
.mm-medical__chip { display:inline-block; min-width:24px; padding:2px 6px; text-align:center; border-radius:6px; font-weight:700; margin-right:6px; color:#fff; }
.mm-medical__chip--0 { background:#a3b8a8; }
.mm-medical__chip--1 { background:#c5a065; }
.mm-medical__chip--2 { background:#c87a4a; }
.mm-medical__chip--3 { background:#9a4a3d; }
.mm-medical__chip--4 { background:#5a2820; }

/* Categories */
.mm-medical__category { border:1px solid #ebe2d6; border-radius:16px; padding:22px 24px; margin-bottom:18px; background:#fff; }
.mm-medical__category-title { font-size:18px; font-weight:600; color:#0f3e35; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #ebe2d6; }
.mm-medical__items { display:flex; flex-direction:column; gap:8px; }
.mm-medical__item { display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; padding:8px 0; border-bottom:1px solid #f3edd8; }
.mm-medical__item:last-child { border-bottom:0; }
.mm-medical__item-label { font-size:14px; line-height:1.4; color:#3a3431; }
@media (max-width:640px) {
	.mm-medical__item { grid-template-columns:1fr; }
}

/* 0-4 scale: 5 radio chips */
.mm-medical__scale { display:flex; gap:6px; }
.mm-medical__scale-option { position:relative; }
.mm-medical__scale-option input { position:absolute; opacity:0; pointer-events:none; }
.mm-medical__scale-option span {
	display:inline-flex; align-items:center; justify-content:center;
	width:38px; height:38px; border-radius:10px; border:1px solid #d9d2c9;
	font-size:14px; font-weight:600; color:#5a534e; cursor:pointer;
	background:#fff; transition:all .12s ease;
}
.mm-medical__scale-option input:checked + span {
	background:#0f3e35; color:#f6f9f7; border-color:#0f3e35;
}
.mm-medical__scale-option input:focus-visible + span {
	box-shadow:0 0 0 3px rgba(184,153,104,.4);
}

/* Subtotal per category */
.mm-medical__subtotal { text-align:right; margin-top:14px; padding-top:12px; border-top:1px dashed #ebe2d6; font-size:13px; color:#5a534e; letter-spacing:.06em; }
.mm-medical__subtotal strong { font-size:16px; color:#0f3e35; margin-left:8px; }

/* Grand total card */
.mm-medical__total-card { background:linear-gradient(135deg,#dde9df 0%,#c2d6c8 100%); border-radius:18px; padding:24px 28px; margin:30px 0 24px; }
.mm-medical__total-row { display:flex; justify-content:space-between; align-items:baseline; }
.mm-medical__total-row span { font-size:13px; text-transform:uppercase; letter-spacing:.18em; font-weight:600; color:#5a534e; }
.mm-medical__total-row strong { font-size:38px; color:#0f3e35; font-weight:700; }
.mm-medical__assessment { font-size:18px; font-weight:600; color:#0f3e35; margin-top:6px; }
.mm-medical__total-key { font-size:12px; color:#5a534e; margin-top:14px; line-height:1.6; }

/* Consent */
.mm-medical__check { display:flex; align-items:flex-start; gap:10px; margin:18px 0 26px; font-size:13px; color:#5a534e; line-height:1.6; }
.mm-medical__check input { margin-top:3px; }

/* Submit */
.mm-medical__actions { display:flex; justify-content:center; }
.mm-medical__submit {
	display:inline-flex; align-items:center; gap:10px;
	padding:16px 32px; border:0; border-radius:999px; cursor:pointer;
	background:#0f3e35; color:#f6f9f7; font-family:Montserrat, sans-serif;
	font-weight:600; font-size:13px; letter-spacing:.18em; text-transform:uppercase;
	transition:transform .15s ease, background .15s ease;
}
.mm-medical__submit:hover { background:#3a322c; transform:translateY(-1px); }
