
.cccv7-wrapper{--navy:#0a1931;--green:#10b981;max-width:900px;margin:20px auto;font-family:Inter,sans-serif}
.cccv7-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}
.cccv7-steps::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:3px;background:#e5e7eb;z-index:0}
.cccv7-step{position:relative;z-index:1;text-align:center;flex:1}
.cccv7-step-circle{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:800;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.cccv7-step.active .cccv7-step-circle{background:var(--navy);color:#fff}
.cccv7-step.completed .cccv7-step-circle{background:var(--green);color:#fff}
.cccv7-step-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase}
.cccv7-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(10,25,49,.1);border:1px solid #eef0f5;overflow:hidden}
.cccv7-card-header{background:linear-gradient(135deg,var(--navy),#1e3a5f);color:#fff;padding:24px;text-align:center}
.cccv7-body{padding:30px}
.cccv7-status-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.cccv7-status-grid{grid-template-columns:1fr 1fr 1fr}}
.cccv7-status-card{border:2px solid #e5e7eb;border-radius:14px;padding:18px;cursor:pointer;transition:.2s;position:relative;background:#fff}
.cccv7-status-card.selected{border-color:var(--navy);background:#f0f7ff;box-shadow:0 0 0 3px rgba(10,25,49,.15)}
.cccv7-status-card.free.selected{border-color:var(--green);background:#ecfdf5;box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.cccv7-status-card input{display:none}
.cccv7-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.cccv7-template-card{border:2px solid #e5e7eb;border-radius:14px;overflow:hidden;cursor:pointer;background:#fff}
.cccv7-template-card.selected{border-color:var(--navy);box-shadow:0 0 0 3px rgba(10,25,49,.2)}
.cccv7-input,.cccv7-textarea,.cccv7-select{width:100%;padding:12px 14px;border:1.5px solid #dbe0ea;border-radius:12px;font-size:14px;background:#fcfdff;margin-bottom:12px}
.cccv7-label{font-size:11px;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.6px;margin:14px 0 6px;display:block}
.cccv7-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cccv7-btn{border:0;padding:14px 24px;border-radius:12px;font-weight:800;cursor:pointer;font-size:14px}
.cccv7-btn-primary{background:var(--navy);color:#fff}
.cccv7-btn-success{background:var(--green);color:#fff}
.cccv7-btn-secondary{background:#eef2f7;color:#334155}
.cccv7-actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.cccv7-preview{font-size:13px;line-height:1.6;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px}
.cccv7-photo-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--navy);display:block;margin-bottom:10px}
#cccv7-status{margin-top:16px;padding:12px;border-radius:10px;display:none;font-weight:700;text-align:center}
#cccv7-status.success{background:#dcfce7;color:#166534;display:block}
.cccv7-hidden{display:none !important}
