#calculator-app {
font-family: "Inter", "Segoe UI", sans-serif;
color: #e2e8f0;
}

#calculator-app * {
box-sizing: border-box;
}

#calculator-app .calculator-wrap {
min-height: 100vh;
padding-bottom: 40px;
background: #0a0e1a;
color: #e2e8f0;
}

#calculator-app .calculator-header {
background: linear-gradient(135deg, #0f1729 0%, #162040 100%);
border-bottom: 1px solid #1e3a5f;
padding: 24px 20px 20px;
text-align: center;
}

#calculator-app .calculator-logo {
color: #c9a84c;
font-size: 13px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 6px;
}

#calculator-app .calculator-title {
color: #fff;
font-size: 22px;
font-weight: 800;
margin: 0 0 4px;
}

#calculator-app .calculator-subtitle {
color: #94a3b8;
font-size: 13px;
}

#calculator-app .calculator-progress-bar {
display: flex;
gap: 6px;
margin-top: 16px;
margin-bottom: 4px;
}

#calculator-app .calculator-progress-step {
flex: 1;
height: 3px;
border-radius: 2px;
background: #1e293b;
transition: background 0.3s;
}

#calculator-app .calculator-progress-step.calculator-active {
background: #3b82f6;
}

#calculator-app .calculator-progress-step.calculator-done {
background: #c9a84c;
}

#calculator-app .calculator-container {
max-width: 620px;
margin: 0 auto;
padding: 0 16px;
}

#calculator-app .calculator-card {
background: #111827;
border: 1px solid #1e3a5f;
border-radius: 12px;
padding: 24px;
margin-top: 20px;
}

#calculator-app .calculator-step-badge,
#calculator-app .calculator-section-title,
#calculator-app .calculator-label {
display: block;
color: #94a3b8;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}

#calculator-app .calculator-step-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #1e3a5f;
color: #60a5fa;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
padding: 4px 10px;
border-radius: 20px;
margin-bottom: 14px;
}

#calculator-app .calculator-label {
margin-bottom: 6px;
margin-top: 16px;
}

#calculator-app .calculator-input,
#calculator-app .calculator-select {
width: 100%;
background: #1e293b;
border: 1px solid #334155;
border-radius: 8px;
color: #e2e8f0;
font-size: 14px;
padding: 10px 12px;
outline: none;
}

#calculator-app .calculator-select {
height: 44px;
line-height: 44px;
-webkit-appearance: menulist;
appearance: menulist;
}

#calculator-app .calculator-btn-row {
display: flex;
gap: 10px;
margin-top: 20px;
}

#calculator-app .calculator-button {
font-family: inherit;
}

#calculator-app .calculator-btn-primary {
flex: 1;
background: linear-gradient(135deg, #c9a84c, #a8873d);
color: #0a0e1a;
border: none;
border-radius: 8px;
padding: 13px 20px;
font-size: 15px;
font-weight: 800;
cursor: pointer;
letter-spacing: 0.5px;
}

#calculator-app .calculator-btn-primary:disabled {
opacity: 0.4;
cursor: not-allowed;
}

#calculator-app .calculator-btn-secondary {
background: transparent;
color: #60a5fa;
border: 1px solid #1e3a5f;
border-radius: 8px;
padding: 13px 16px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}

#calculator-app .calculator-option-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 6px;
}

#calculator-app .calculator-option-grid.calculator-three {
grid-template-columns: 1fr 1fr 1fr;
}

#calculator-app .calculator-option-btn {
background: #1e293b;
border: 2px solid #334155;
border-radius: 8px;
padding: 12px 10px;
color: #94a3b8;
font-size: 13px;
font-weight: 500;
cursor: pointer;
text-align: center;
transition: all 0.15s;
}

#calculator-app .calculator-option-btn.calculator-selected {
background: #1e3a5f;
border-color: #c9a84c;
color: #c9a84c;
font-weight: 700;
}

#calculator-app .calculator-option-btn .calculator-sub {
font-size: 11px;
opacity: 0.7;
margin-top: 2px;
}

#calculator-app .calculator-check-row {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
background: #1e293b;
border: 1px solid #334155;
border-radius: 8px;
cursor: pointer;
margin-top: 8px;
}

#calculator-app .calculator-checkbox {
width: 18px;
height: 18px;
border-radius: 4px;
border: 2px solid #475569;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

#calculator-app .calculator-checkbox.calculator-checked {
border: none;
background: #c9a84c;
color: #0a0e1a;
font-weight: 800;
}

#calculator-app .calculator-urgency-bar {
border-radius: 10px;
padding: 16px 20px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

#calculator-app .calculator-urgency-label {
font-size: 15px;
font-weight: 800;
}

#calculator-app .calculator-deadline-date {
color: #94a3b8;
font-size: 12px;
margin-top: 2px;
}

#calculator-app .calculator-risk-badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 20px;
white-space: nowrap;
}

#calculator-app .calculator-section-title {
color: #60a5fa;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 10px;
margin-top: 20px;
}

#calculator-app .calculator-data-row,
#calculator-app .calculator-action-item {
display: flex;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #1e293b;
}

#calculator-app .calculator-data-label {
color: #64748b;
font-size: 13px;
min-width: 160px;
flex-shrink: 0;
}

#calculator-app .calculator-data-value {
color: #e2e8f0;
font-size: 13px;
font-weight: 500;
}

#calculator-app .calculator-action-item {
align-items: flex-start;
}

#calculator-app .calculator-action-num {
background: #c9a84c;
color: #0a0e1a;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 800;
flex-shrink: 0;
margin-top: 1px;
}

#calculator-app .calculator-note-box {
background: #1a1a2e;
border: 1px solid #7c3aed44;
border-radius: 8px;
padding: 10px 14px;
margin-top: 8px;
color: #a78bfa;
font-size: 13px;
}

#calculator-app .calculator-hv-box {
background: #450a0a;
border: 1px solid #ef4444;
border-radius: 8px;
padding: 10px 14px;
margin-top: 14px;
}

#calculator-app .calculator-hv-title {
color: #ef4444;
font-weight: 800;
font-size: 13px;
}

#calculator-app .calculator-hv-text {
color: #fca5a5;
font-size: 12px;
margin-top: 4px;
}

#calculator-app .calculator-cta-box {
background: linear-gradient(135deg, #0f2a1a, #0a1f2e);
border: 1px solid #c9a84c44;
border-radius: 12px;
padding: 24px;
margin-top: 20px;
text-align: center;
}

#calculator-app .calculator-cta-title {
color: #c9a84c;
font-size: 18px;
font-weight: 800;
margin-bottom: 6px;
}

#calculator-app .calculator-cta-subtitle {
color: #94a3b8;
font-size: 13px;
margin-bottom: 16px;
}

#calculator-app .calculator-cta-phone {
color: #fff;
font-size: 28px;
font-weight: 900;
letter-spacing: 1px;
display: block;
margin-bottom: 14px;
text-decoration: none;
}

#calculator-app .calculator-cta-btn {
display: inline-block;
background: linear-gradient(135deg, #c9a84c, #a8873d);
color: #0a0e1a;
border-radius: 8px;
padding: 14px 32px;
font-size: 16px;
font-weight: 800;
cursor: pointer;
border: none;
width: 100%;
margin-bottom: 10px;
text-decoration: none;
}

#calculator-app .calculator-cta-meta {
color: #64748b;
font-size: 11px;
}

#calculator-app .calculator-disclaimer {
color: #475569;
font-size: 10px;
text-align: center;
margin-top: 20px;
line-height: 1.6;
padding: 0 10px;
}

#calculator-app .calculator-hidden {
display: none !important;
}

@media (max-width: 640px) {
    #calculator-app .calculator-option-grid,
    #calculator-app .calculator-option-grid.calculator-three {
    grid-template-columns: 1fr;
    }

    #calculator-app .calculator-btn-row {
    flex-direction: column;
    }

    #calculator-app .calculator-urgency-bar,
    #calculator-app .calculator-data-row,
    #calculator-app .calculator-action-item {
    flex-direction: column;
    }

    #calculator-app .calculator-data-label {
    min-width: auto;
    }

    #calculator-app .calculator-cta-phone {
    font-size: 22px;
    }
}

/* ── Contact Form 7 dark theme overrides ─────────────────────────────────── */

#calculator-app .wpcf7 {
margin-top: 0;
}

#calculator-app .wpcf7 label,
#calculator-app .wpcf7 .wpcf7-list-item-label {
display: block;
color: #94a3b8;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 6px;
margin-top: 14px;
font-family: "Inter", "Segoe UI", sans-serif;
}

#calculator-app .wpcf7 input[type="text"],
#calculator-app .wpcf7 input[type="email"],
#calculator-app .wpcf7 input[type="tel"],
#calculator-app .wpcf7 textarea {
width: 100%;
background: #1e293b;
border: 1px solid #334155;
border-radius: 8px;
color: #e2e8f0;
font-size: 14px;
padding: 10px 12px;
outline: none;
font-family: "Inter", "Segoe UI", sans-serif;
box-sizing: border-box;
transition: border-color 0.2s;
}

#calculator-app .wpcf7 input[type="text"]:focus,
#calculator-app .wpcf7 input[type="email"]:focus,
#calculator-app .wpcf7 input[type="tel"]:focus,
#calculator-app .wpcf7 textarea:focus {
border-color: #c9a84c;
}

#calculator-app .wpcf7 input[type="submit"],
#calculator-app .wpcf7 .wpcf7-submit {
width: 100%;
background: linear-gradient(135deg, #c9a84c, #a8873d);
color: #0a0e1a;
border: none;
border-radius: 8px;
padding: 13px 20px;
font-size: 15px;
font-weight: 800;
cursor: pointer;
letter-spacing: 0.5px;
margin-top: 20px;
font-family: "Inter", "Segoe UI", sans-serif;
transition: opacity 0.2s;
}

#calculator-app .wpcf7 input[type="submit"]:hover {
opacity: 0.9;
}

#calculator-app .wpcf7-not-valid-tip {
color: #f87171;
font-size: 11px;
margin-top: 4px;
display: block;
}

#calculator-app .wpcf7-not-valid {
border-color: #ef4444 !important;
}

#calculator-app .wpcf7-response-output {
border-radius: 8px;
padding: 10px 14px;
font-size: 13px;
margin-top: 12px;
border: 1px solid;
}

#calculator-app .wpcf7-mail-sent-ok {
background: #052e16;
border-color: #22c55e;
color: #86efac;
}

#calculator-app .wpcf7-validation-errors,
#calculator-app .wpcf7-mail-sent-ng,
#calculator-app .wpcf7-spam-blocked {
background: #450a0a;
border-color: #ef4444;
color: #fca5a5;
}

#calculator-app .wpcf7 .ajax-loader {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
}