.hi-classic-form-wrapper.hi-theme-navy { --hi-button-bg:#002b5c; --hi-button-text:#ffffff; --hi-button-hover-bg:#004080; --hi-button-hover-text:#ffffff; --hi-input-border:#cccccc; --hi-input-focus:#002b5c; --hi-required-color:#e63946; }
.hi-classic-form-grid-preview { display:flex; gap:8px; margin-bottom:12px; }
.hi-classic-form-grid-preview .hi-preview-col { flex:1 1 0; border:1px dashed #cfcfcf; padding:8px; text-align:center; font-size:12px; color:#666; border-radius:6px; background:#fbfbfb; }
.hi-form-grid { display: grid; grid-template-columns: repeat(var(--hi-columns), 1fr); gap: var(--hi-row-gap) var(--hi-col-gap); align-items:start; }
.hi-field { box-sizing: border-box; }
.hi-field label { display:block; margin-bottom:6px; font-weight:600; color: var(--hi-label-color, #333); }
.hi-field input, .hi-field textarea { width:100%; padding:12px; border:1px solid var(--hi-input-border,#ddd); border-radius:var(--hi-input-radius,8px); box-sizing:border-box; color: var(--hi-input-text, #222); background: var(--hi-input-bg, #fff); }
.hi-field textarea { min-height:140px; resize:vertical; }
.hi-submit-wrap { margin-top:12px; }
.hi-classic-button { background: var(--hi-button-bg); color: var(--hi-button-text); padding:10px 18px; border-radius: var(--hi-button-radius); border:1px solid transparent; cursor:pointer; transition:all 180ms ease; }
.hi-classic-button:hover { background: var(--hi-button-hover-bg); color: var(--hi-button-hover-text); }
.hi-form-response{ margin-top:10px; font-weight:600; }
.hi-form-response.hi-success{ color: #1a8a00; } .hi-form-response.hi-error{ color: #d22a2a; }

.hi-col-span-1 { grid-column: span 1; }
.hi-col-span-2 { grid-column: span 2; }
.hi-col-span-3 { grid-column: span 3; }
.hi-col-span-4 { grid-column: span 4; }
.hi-col-span-5 { grid-column: span 5; }
.hi-form-response.hi-success {text-align: center;}
@media (max-width: 767px) {
    .hi-form-grid { grid-template-columns: 1fr !important; }
    .hi-col-span-1, .hi-col-span-2, .hi-col-span-3, .hi-col-span-4, .hi-col-span-5 { grid-column: span 1 !important; }
}

/* editor-only: hide preview on frontend */
.elementor-editor-active .hi-classic-form-grid-preview { display:flex; }
.elementor-editor-active .hi-classic-form-wrapper .hi-classic-form-grid-preview { display:flex; }
:not(.elementor-editor-active) .hi-classic-form-grid-preview { display:none; }