:root {
    --fh-orange: #fb8500;
    --fh-navy: #0d1f37;
    --fh-navy-soft: #16304f;
}

.fh-brand { display: flex; align-items: center; gap: .625rem; }
.fh-brand-icon { height: 2.25rem; width: auto; }
.fh-brand-mark { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .75rem; background: var(--fh-orange); color: #fff; font-weight: 800; font-size: 1.25rem; line-height: 1; }
.fh-brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.fh-brand-name { font-weight: 800; font-size: 1.125rem; color: var(--fh-navy); letter-spacing: -.01em; }
.fh-brand-label { font-size: .75rem; font-weight: 600; color: var(--fh-orange); }

.fi-topbar { border-top: 3px solid var(--fh-orange); }

.fi-sidebar-item.fi-active > a,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgb(251 133 0 / .1);
    box-shadow: inset 3px 0 0 var(--fh-orange);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--fh-orange); }

.fi-wi-stats-overview-stat { border-top: 3px solid var(--fh-orange); }

.fi-simple-layout {
    background:
        radial-gradient( circle at 85% 10%, rgb(251 133 0 / .28), transparent 40% ),
        radial-gradient( circle at 10% 90%, rgb(251 133 0 / .12), transparent 35% ),
        var(--fh-navy);
}

.fi-simple-main {
    border-top: 4px solid var(--fh-orange);
    box-shadow: 0 24px 60px rgb(0 0 0 / .35);
}

.fi-simple-header-heading { color: var(--fh-navy); }

.fi-fo-builder-item-content-has-preview .fi-fo-builder-item-preview { padding: 1rem 1.25rem 2rem; }
.fi-fo-builder-item-header-label { font-weight: 600; color: var(--fh-navy); }
.fh-field { display: flex; flex-direction: column; gap: .75rem; cursor: pointer; }
.fh-field-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; font-size: .75rem; }
.fh-field-type { padding: .125rem .5rem; border-radius: 999px; background: var(--fh-navy); color: #fff; font-weight: 600; }
.fh-field-name { padding: .125rem .375rem; border-radius: .375rem; background: rgb(13 31 55 / .06); color: var(--fh-navy); }
.fh-field-width { color: rgb(13 31 55 / .55); }
.fh-field-req { padding: .125rem .5rem; border-radius: 999px; background: rgb(251 133 0 / .12); color: #b45309; font-weight: 600; }
.fh-field-body { display: flex; flex-direction: column; gap: .375rem; }
.fh-field-label { font-weight: 600; color: var(--fh-navy); }
.fh-field-label b, .fh-field-check b { color: var(--fh-orange); margin-left: .125rem; }
.fh-field-control { display: flex; align-items: center; justify-content: space-between; min-height: 2.5rem; padding: .5rem .75rem; border: 1px solid rgb(13 31 55 / .15); border-radius: .5rem; background: #fff; color: rgb(13 31 55 / .4); font-size: .875rem; }
.fh-field-control--textarea { min-height: 5rem; align-items: flex-start; }
.fh-field-control em { font-style: normal; font-size: .75rem; color: rgb(13 31 55 / .55); }
.fh-field-check { display: flex; align-items: center; gap: .5rem; color: var(--fh-navy); font-weight: 500; }
.fh-field-box { width: 1.125rem; height: 1.125rem; border: 1.5px solid rgb(13 31 55 / .3); border-radius: .25rem; background: #fff; }
.fh-field-help { font-size: .8125rem; color: rgb(13 31 55 / .6); }

.fh-builder .fi-fo-builder-items { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 1rem; }
.fh-builder .fi-fo-builder-items > .fi-fo-builder-item { grid-column: span 2; margin: 0; }
.fh-builder .fi-fo-builder-items > .fi-fo-builder-item:has( .fh-field--half ) { grid-column: span 1; }
.fh-builder .fi-fo-builder-items > .fi-fo-builder-add-between-items-ctn { display: none; }

@media ( max-width: 767px ) {
    .fh-builder .fi-fo-builder-items > .fi-fo-builder-item:has( .fh-field--half ) { grid-column: span 2; }
}