/* GENERATED by F-6 style-src conversion (S2) from inline style attributes in
   /home/billvate/staging/public_html/features.php.
   !important reproduces inline-style precedence exactly — semantic refactor is
   tracked platform debt. Do not hand-edit values without checking the page. */

.fx-s1 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}
.fx-s2 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 !important;
}
.fx-s3 {
    padding: 8px 16px !important;
    background: linear-gradient(135deg, #1e3d52, #2b5876) !important;
    color: white !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.fx-s4 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.fx-s5 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    background: #f9fafb !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
}
.fx-s6 {
    width: 40px !important;
    height: 40px !important;
    background: #1e3d52 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.fx-s7 {
    flex: 1 !important;
}
.fx-s8 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 2px !important;
}
.fx-s9 {
    font-size: 12px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}
.fx-s10 {
    text-align: right !important;
}
.fx-s11 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 2px !important;
}
.fx-s12 {
    font-size: 11px !important;
    color: #059669 !important;
    margin: 0 !important;
}
.fx-s13 {
    width: 40px !important;
    height: 40px !important;
    background: #2b5876 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.fx-s14 {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}
.fx-s15 {
    width: 40px !important;
    height: 40px !important;
    background: #f59e0b !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.fx-s16 {
    padding: 6px 12px !important;
    background: #d1fae5 !important;
    color: #059669 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.fx-s17 {
    padding: 16px !important;
    background: #f9fafb !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
}
.fx-s18 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}
.fx-s19 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 4px !important;
}
.fx-s20 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e3d52 !important;
}
.fx-s21 {
    display: flex !important;
    gap: 16px !important;
    font-size: 11px !important;
    color: #6b7280 !important;
}
.fx-s22 {
    margin-right: 4px !important;
    color: #059669 !important;
}
.fx-s23 {
    margin-right: 4px !important;
}
.fx-s24 {
    height: 45% !important;
}
.fx-s25 {
    height: 60% !important;
}
.fx-s26 {
    height: 35% !important;
}
.fx-s27 {
    height: 80% !important;
}
.fx-s28 {
    height: 65% !important;
}
.fx-s29 {
    height: 90% !important;
}
.fx-s30 {
    height: 75% !important;
}
.fx-s31 {
    height: 95% !important;
}