.fi-block {
    background: var(--theme-palette-color-6, #fff);
    color: var(--theme-palette-color-4, #333);
    padding: 20px 30px;
    border-radius: 16px;
    margin: 20px 0;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
    width: 100%;
    box-sizing: border-box;
}

.fi-block .fi-list {
	list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.fi-block .wp-block-list li, .fi-block .fi-list li {
    font-size: 16px;
    margin-bottom: 5px;
}

.fi-block a:link {
    text-decoration: underline;
    color: var(--theme-palette-color-9);
}
.fi-block a:hover {
    color: var(--theme-palette-color-11);
}

.fi-btn-main {
    background: var(--axel-gradient, linear-gradient(135deg, #0059ff, #00c3ff)) !important;
    color: #fff !important;
    width: 100%;
    max-width: 247px;
    transition: transform .2s ease, box-shadow .2s ease !important;
    margin: 0 auto;
}

.fi-btn-main:hover { 
    opacity: 0.9; 
    transform: translateY(-2px) !important;
}

.fi-title {
    font-size: 1.4em;
    margin-bottom: 15px;
    border-bottom: 2px solid rgba(0,0,0,0.05);
    padding-bottom: 5px;
}

/* Group Common Styles */
.axel-report-link, .axel-howto-btn, .axel-modal-close, .axel-submit-btn, .axel-report-textarea { transition: .2s; }
.axel-report-link, .axel-howto-btn { font-weight: 600; font-size: 14px; border: 2px solid #8E2DE2; padding: 6px 14px; border-radius: 20px; color: var(--theme-palette-color-4)!important; cursor: pointer; line-height: 1; display: inline-block; }
.axel-report-link:hover, .axel-howto-btn:hover { color: var(--theme-palette-color-10)!important; }

/* Modal Core */
.axel-modal { display: none; position: fixed; z-index: 99999; inset: 0; background: rgba(15, 23, 42, .6); backdrop-filter: blur(5px); align-items: center; justify-content: center; }
.axel-modal.show { display: flex; }
.axel-modal-content { background: #fff; padding: 30px; border-radius: 20px; width: 90%; max-width: 430px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); animation: axel-pop .3s cubic-bezier(.175,.885,.32,1.275); box-sizing: border-box; }

/* Elements */
.axel-modal-head { font-weight: 800; font-size: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; color: #1e293b; }
.axel-modal-close { cursor: pointer; font-size: 24px; color: #94a3b8; }
.axel-modal-close:hover { color: #ef4444; }
.axel-radio-group { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.axel-radio-label { display: flex; align-items: center; gap: 10px; cursor: pointer; color: #334155; }
.axel-radio-label input { width: 18px; height: 18px; margin: 0; }
.axel-report-textarea { color: #000!important; background: #eee; width: 100%; padding: 14px; border: 1px solid #cbd5e1; border-radius: 10px; font: inherit; font-size: 14px; resize: vertical; min-height: 100px; box-sizing: border-box; margin-bottom: 20px; outline: none; }
.axel-report-textarea:focus { border-color: #4e4376; box-shadow: 0 0 0 3px rgba(78, 67, 118, .1); }

/* Button & Status */
.axel-submit-btn { width: 100%; height: 50px; background: var(--axel-gradient)!important; color: #fff; border: none; border-radius: 12px; font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(74,0,224,.3); gap: 8px; }
.axel-submit-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 15px -3px rgba(74,0,224,.4); }
.axel-submit-btn:disabled { cursor: not-allowed; transform: none; opacity: .7; }
.axel-report-status { display: flex; align-items: center; justify-content: center; gap: 8px; }

/* Animations */
@keyframes axel-pop { from {opacity:0; transform:scale(.9);} to {opacity:1; transform:scale(1);} }
@keyframes spin { to { transform: rotate(360deg); } }
.wp-icon.spin { animation: spin 1s linear infinite; }