/* MontCove — complaints page */
.cx-steps { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; margin:30px 0 0; }
.cx-steps div { display:flex; gap:12px; align-items:flex-start; background: var(--navy-800); border:1px solid var(--line); border-radius: var(--r-md); padding:16px 18px; }
.cx-steps b { flex:0 0 28px; height:28px; border-radius:50%; background: var(--gold); color:#050b13; display:grid; place-items:center; font-size:.85rem; }
.cx-steps span { font-size:.92rem; color: var(--ink-soft); line-height:1.5; }
.cx-steps strong { color: var(--ink); font-weight:600; }
.cx-shell { max-width: 900px; }
.cx-form { grid-template-columns: 1fr 1fr; }
.cx-h2 { font-size:1.05rem; letter-spacing:.02em; color: var(--gold); margin: 10px 0 -6px; font-weight:700; }
.cx-h2:first-child { margin-top:0; }
.cx-check { gap:10px; }
.cx-checkbox { display:flex; gap:12px; align-items:flex-start; cursor:pointer; text-transform:none !important; letter-spacing:0 !important; font-size:.95rem !important; font-weight:400 !important; color: var(--ink-soft) !important; line-height:1.5; }
.cx-checkbox input { width:20px; height:20px; margin-top:2px; flex:0 0 20px; accent-color: var(--teal); }
.cx-rep { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:6px; }
.cx-hint { font-size:.84rem; color: var(--ink-faint); margin:0; }
.cx-filelist { list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }
.cx-filelist li { font-size:.88rem; color: var(--ink-soft); display:flex; justify-content:space-between; gap:12px; background: rgba(5,11,19,.5); border:1px solid var(--line); border-radius:10px; padding:8px 12px; }
.cx-filelist li button { background:none; border:none; color: var(--ink-faint); cursor:pointer; font:inherit; }
.cx-filelist li button:hover { color: var(--teal-bright); }
.field input[type=file] { padding:10px; }
.cx-hp { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.cx-done { background: var(--glass); border:1px solid var(--line-strong); border-radius: var(--r-lg); padding: 38px 40px; }
.cx-done h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); margin: 12px 0 14px; color: var(--ink); }
.cx-done p { color: var(--ink-soft); line-height:1.6; }
.cx-done .btn { margin-top: 10px; }
@media (max-width: 860px) { .cx-steps { grid-template-columns:1fr; } .cx-form { grid-template-columns:1fr; } .cx-rep { grid-template-columns:1fr; } .cx-done { padding: 28px 22px; } }
