.fncl-wrap { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.fncl-header { background: #003399; color: #fff; font-size: 12px; font-weight: bold; padding: 4px 8px; border: 1px solid #002277; border-bottom: none; text-transform: uppercase; }
.fncl-body { border: 1px solid #7F9DB9; background: #fff; padding: 12px; }
.fncl-filters { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; align-items: center; }
.fncl-tab { padding: 3px 10px; border: 1px solid #7F9DB9; background: #fff; font-size: 11px; cursor: pointer; text-decoration: none; color: #003399; }
.fncl-tab.active, .fncl-tab:hover { background: #003399; color: #fff; }
.fncl-search-input, .fncl-cat-select { border: 1px solid #7F9DB9; padding: 3px 6px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.fncl-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.fncl-table th { background: #003399; color: #fff; padding: 4px 8px; text-align: left; }
.fncl-table td { padding: 5px 8px; border-bottom: 1px solid #C8D8E8; }
.fncl-table tr.even td { background: #EEF2FF; }
.fncl-table tr:hover td { background: #D0DEFF; }
.fncl-table a { color: #0000CC; text-decoration: none; }
.fncl-table a:hover { text-decoration: underline; }
.fncl-badge { display: inline-block; padding: 1px 6px; font-size: 10px; font-weight: bold; border: 1px solid; }
.fncl-badge-sale    { background: #EEF2FF; color: #003399; border-color: #7F9DB9; }
.fncl-badge-free    { background: #E6FFE6; color: #006600; border-color: #66CC66; }
.fncl-badge-wanted  { background: #FFF5E6; color: #885500; border-color: #CCAA00; }
.fncl-badge-trade   { background: #F5E6FF; color: #440088; border-color: #9966CC; }
.fncl-badge-service { background: #FFF0F0; color: #CC0000; border-color: #CC0000; }
.fncl-price { font-weight: bold; color: #006600; }
.fncl-featured { border: 2px solid #FFCC00 !important; background: #FFFBE6 !important; }
.fncl-detail-title { font-size: 18px; font-weight: bold; color: #003399; margin-bottom: 8px; }
.fncl-detail-meta  { font-size: 11px; color: #666; margin-bottom: 12px; }
.fncl-detail-desc  { font-size: 12px; color: #333; line-height: 1.6; margin-bottom: 16px; }
.fncl-contact-box  { border: 2px solid #003399; padding: 12px; background: #EEF2FF; }
.fncl-contact-title { font-weight: bold; color: #003399; margin-bottom: 6px; }
.fncl-btn { background: #003399; color: #fff; border: 1px solid #002277; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 4px 14px; cursor: pointer; text-decoration: none; display: inline-block; }
.fncl-btn:hover { background: #0044BB; }
.fncl-btn-danger { background: #CC0000; border-color: #AA0000; }
.fncl-form-field { margin-bottom: 8px; }
.fncl-form-field label { display: block; font-size: 11px; font-weight: bold; margin-bottom: 3px; }
.fncl-form-field input, .fncl-form-field select, .fncl-form-field textarea { width: 100%; border: 1px solid #7F9DB9; padding: 4px 6px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; }
.fncl-form-field textarea { height: 120px; resize: vertical; }
.fncl-status-active { color: #006600; }
.fncl-status-sold   { color: #666; }
.fncl-status-expired { color: #999; }
.fncl-pagination { margin-top: 10px; }
.fncl-pagination a { margin-right: 4px; color: #0000CC; font-size: 11px; }