/* MERYDOM Custom Questionnaire - compact metric edition */
.md-qq-hero{background:radial-gradient(circle at 76% 20%,rgba(18,104,214,.20),transparent 35%),linear-gradient(135deg,#061323,#0b2a52 55%,#0d3b78);padding:66px 0 58px}.md-qq-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.08}.md-qq-hero p{font-size:16px;line-height:1.55;margin-top:16px;max-width:760px}.md-qq-section{background:#f5f8fc;padding:46px 0}.md-qq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.md-qq-aside{position:sticky;top:98px;background:#fff;border:1px solid var(--md-line);border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.md-qq-aside h2{margin:0 0 6px;font-family:var(--md-heading);font-size:20px;color:var(--md-navy)}.md-qq-aside p{font-size:12.5px;color:var(--md-muted);line-height:1.55;margin:0}.md-qq-progress{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.md-qq-progress li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;color:#526072;cursor:pointer;font-weight:700;font-size:12.5px;line-height:1.25}.md-qq-progress li span{width:10px;height:10px;border-radius:50%;border:2px solid #b9c8da;background:#fff;flex:0 0 auto}.md-qq-progress li.is-active{background:#eef6ff;color:var(--md-blue2)}.md-qq-progress li.is-active span{background:var(--md-blue);border-color:var(--md-blue)}.md-qq-progress li.is-complete span{background:var(--md-orange);border-color:var(--md-orange)}.md-qq-main{min-width:0}.md-qq-form{background:#fff;border:1px solid var(--md-line);border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.md-qq-step{display:none}.md-qq-step.is-active{display:block}.md-qq-step h2{margin:0 0 6px;font-family:var(--md-heading);font-size:24px;line-height:1.18;color:var(--md-navy);letter-spacing:-.02em}.md-qq-step-note{color:var(--md-muted);margin:0 0 16px;font-size:13.5px;line-height:1.55}.md-qq-subsection{border-top:1px solid #e8eef6;padding-top:16px;margin-top:16px}.md-qq-subsection:first-of-type{border-top:0;padding-top:0;margin-top:0}.md-qq-subsection h3{font-family:var(--md-heading);font-size:17px;line-height:1.25;color:#10233f;margin:0 0 12px}.md-qq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.md-qq-grid--compact{grid-template-columns:repeat(2,minmax(0,320px))}.md-qq-field{min-width:0}.md-qq-field--full{grid-column:1/-1}.md-qq-field label{display:block;margin-bottom:5px;font-weight:700;color:var(--md-navy);font-size:13px;line-height:1.25}.md-qq-field label span{color:#dc2626}.md-qq-field input,.md-qq-field select,.md-qq-field textarea{width:100%;border:1px solid var(--md-line);border-radius:10px;padding:9px 10px;font:inherit;font-size:13.5px;line-height:1.35;background:#fff}.md-qq-field textarea{resize:vertical;min-height:76px}.md-qq-field input:focus,.md-qq-field select:focus,.md-qq-field textarea:focus{outline:2px solid rgba(18,104,214,.16);border-color:var(--md-blue)}.md-qq-invalid{border-color:#dc2626!important;background:#fff7f7!important}.md-qq-options{display:flex;flex-wrap:wrap;gap:8px}.md-qq-options label{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid var(--md-line);border-radius:999px;padding:7px 10px;font-size:12.5px;color:#334155;background:#fff;line-height:1.2}.md-qq-options input{width:auto}.md-qq-help{font-size:11.8px;color:#66758a;line-height:1.45;margin:5px 0 0}.md-qq-help-block{background:#f8fbff;border:1px solid #e1ebf7;border-radius:12px;padding:9px 11px;margin:0 0 12px;color:#526072}.md-qq-table-wrap{overflow:auto;border:1px solid var(--md-line);border-radius:14px;background:#fff;margin:10px 0}.md-qq-table{width:100%;border-collapse:collapse;min-width:980px}.md-qq-table th,.md-qq-table td{border-bottom:1px solid #e7edf5;border-right:1px solid #e7edf5;padding:6px;text-align:left;font-size:12px;vertical-align:middle}.md-qq-table th{background:#edf5fb;color:#1e3858;font-weight:700;white-space:nowrap}.md-qq-table input{width:100%;border:1px solid #dbe6f2;border-radius:7px;padding:6px 7px;font-size:12.5px;line-height:1.2}.md-qq-extra-load{display:none}.md-qq-add-load{margin-bottom:14px}.md-qq-lifetime{margin-top:6px}.md-qq-drive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-qq-review-box{margin-top:16px;padding:13px 15px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:13px;line-height:1.55}.md-qq-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:17px;border-top:1px solid var(--md-line)}.md-qq-actions .button,.md-qq-actions .md-cta{align-items:center;justify-content:center;min-height:38px;font-size:13px;padding:0 18px}.md-qq-submit{display:none}.md-qq-submit.is-loading{opacity:.65;pointer-events:none}.md-qq-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.md-qq-success-section{background:#f5f8fc;min-height:58vh;display:flex;align-items:center}.md-qq-success-modal{background:#fff;border:1px solid var(--md-line);border-radius:24px;padding:32px;box-shadow:0 22px 70px rgba(15,23,42,.14);max-width:760px;margin:0 auto;text-align:center}.md-qq-success-icon{width:54px;height:54px;margin:0 auto 15px;border-radius:999px;background:#ecfdf5;color:#047857;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800}.md-qq-success-modal h1{margin:0 0 10px;font-family:var(--md-heading);font-size:30px;line-height:1.15;color:var(--md-navy)}.md-qq-success-lead{font-size:16px;color:#24364d;margin:0 0 12px}.md-qq-success-modal p{color:#53657a;line-height:1.6}.md-qq-success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.md-qq-admin .md-qq-admin-actions{background:#fff;border:1px solid #dbe6f2;border-radius:10px;padding:14px;margin:14px 0}.md-qq-admin .md-qq-detail-table{margin-top:14px}.md-qq-admin h2{font-family:var(--md-heading);font-size:20px;color:#071426}.md-qq-field.is-muted{opacity:.45}
@media(max-width:1000px){.md-qq-layout{grid-template-columns:1fr}.md-qq-aside{position:static}.md-qq-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.md-qq-form{padding:20px}.md-qq-grid,.md-qq-grid--compact{grid-template-columns:1fr}.md-qq-drive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.md-qq-hero{padding:48px 0}.md-qq-progress{grid-template-columns:1fr}.md-qq-actions{display:grid}.md-qq-actions .button,.md-qq-actions .md-cta{width:100%}.md-qq-step h2{font-size:22px}.md-qq-success-modal{padding:24px}.md-qq-success-modal h1{font-size:25px}}

.md-qq-visuals{margin:0 0 18px;padding:12px 14px;border:1px solid #d9e3ec;background:#f8fbfd;border-radius:10px}
.md-qq-visuals__intro{font-size:12px;line-height:1.6;color:#506172;margin:0 0 10px}
.md-qq-visuals__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.md-qq-visuals__grid--single{grid-template-columns:minmax(0,1fr)}
.md-qq-visual-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #dde6ee;border-radius:8px;padding:10px}
.md-qq-visual-card__image{flex:0 0 180px;max-width:180px}
.md-qq-visual-card__image img{display:block;width:100%;height:auto;border:1px solid #dbe4ec;border-radius:6px;background:#fff}
.md-qq-visual-card__body strong{display:block;font-size:13px;line-height:1.4;color:#17324d;margin-bottom:4px}
.md-qq-visual-card__body p{margin:0;font-size:12px;line-height:1.6;color:#556677}
@media (max-width: 900px){
  .md-qq-visuals__grid{grid-template-columns:1fr}
  .md-qq-visual-card{flex-direction:column}
  .md-qq-visual-card__image{max-width:none;flex-basis:auto}
}

/* MERYDOM Custom Questionnaire - admin review workflow */
.md-qq-filter-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 16px;padding:12px;background:#fff;border:1px solid #dbe6f2;border-radius:12px}
.md-qq-filter-form input[type=search]{min-width:360px;max-width:520px;width:38vw;border:1px solid #cbd8e6;border-radius:8px;padding:6px 10px}
.md-qq-review-form{background:#fff;border:1px solid #dbe6f2;border-radius:12px;padding:16px 18px;margin:16px 0;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.md-qq-review-form h2{margin:0 0 12px!important}
.md-qq-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.md-qq-review-form label{display:block;font-weight:700;color:#172033}
.md-qq-review-form input,.md-qq-review-form select,.md-qq-review-form textarea{width:100%;margin-top:5px;border:1px solid #cbd8e6;border-radius:8px;padding:7px 9px;box-shadow:none}
.md-qq-review-form textarea{min-height:110px;resize:vertical;font-family:inherit}
@media(max-width:900px){.md-qq-review-grid{grid-template-columns:1fr}.md-qq-filter-form input[type=search]{width:100%;min-width:0}}
