.bfl-mf-wrap{max-width:680px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a2332;}
.bfl-mf-header{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;padding:18px 22px;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:800;}
.bfl-mf-header small{font-size:11px;color:#a8c5e8;text-transform:uppercase;letter-spacing:1px;font-weight:400;}
.bfl-mf-body{background:#fff;border:1px solid #dce5ef;border-top:none;border-radius:0 0 14px 14px;overflow:hidden;}
.bfl-mf-msg{text-align:center;color:#a0aec0;padding:30px;}

.bfl-mf-balance{background:#fff;padding:24px;text-align:center;border-bottom:3px solid #2f855a;}
.bfl-mf-balance.bfl-mf-negative{border-bottom-color:#c53030;}
.bfl-mf-balance-label{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:2px;}
.bfl-mf-balance-val{font-size:38px;font-weight:800;color:#2f855a;margin-top:4px;letter-spacing:-1px;}
.bfl-mf-negative .bfl-mf-balance-val{color:#c53030;}

/* v1.27 (izmena): badge trake na VRHU svake zone (umesto tanke linije IZMEĐU zona) - upečatljivije,
   nemoguće promašiti čak i ako neko brzo skroluje pravo na brojke. */
.bfl-mf-zone-badge{margin:14px 22px 10px;padding:12px 16px;border-radius:10px;font-size:13px;line-height:1.5;}
.bfl-mf-zone-badge-now{background:#c6f6d5;color:#22543d;}
.bfl-mf-zone-badge-projection{background:#feebc8;color:#7b341e;}
.bfl-mf-short-note{margin:0 22px 14px;font-size:12px;color:#a0aec0;line-height:1.5;}

/* v1.28 (doterano): zbirni rezultat na dnu sad izgleda kao "kartica" u istom duhu kao gornji
   "Trenutno stanje" (obojena pozadina, veliki broj) - simetrija: gore stvarno stanje, dole procena. */
.bfl-mf-net-summary{margin:14px 22px 22px;padding:22px;border-radius:12px;text-align:center;}
.bfl-mf-net-summary-pos{background:#f0fff4;border:2px solid #9ae6b4;}
.bfl-mf-net-summary-neg{background:#fff5f5;border:2px solid #feb2b2;}
.bfl-mf-net-summary-label{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;}
.bfl-mf-net-summary-val{font-size:32px;font-weight:800;margin:4px 0 10px;letter-spacing:-1px;}
.bfl-mf-net-summary-pos .bfl-mf-net-summary-val{color:#2f855a;}
.bfl-mf-net-summary-neg .bfl-mf-net-summary-val{color:#c53030;}
.bfl-mf-net-summary-calc{font-size:12.5px;color:#718096;margin-bottom:8px;}
.bfl-mf-net-summary-note{font-size:11px;color:#a0aec0;line-height:1.5;}

.bfl-mf-breakdown-title{background:#f7fafc;color:#a0aec0;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:8px 22px;}
.bfl-mf-breakdown{padding:4px 22px 8px;border-bottom:1px solid #f4f8fc;}
.bfl-mf-bd-row{padding:8px 0;border-bottom:1px solid #f7fafc;}
.bfl-mf-bd-row:last-child{border-bottom:none;}
.bfl-mf-bd-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#2d3748;}
.bfl-mf-bd-sub{font-size:11px;color:#a0aec0;margin-top:2px;line-height:1.5;}

.bfl-mf-section{padding:18px 22px;border-bottom:1px solid #f4f8fc;}
.bfl-mf-section:last-child{border-bottom:none;}
.bfl-mf-section h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #eef3f9;}
.bfl-mf-section-green{color:#2f855a;border-bottom-color:#c6f6d5!important;}
.bfl-mf-section-red{color:#c53030;}
.bfl-mf-section-expenses{background:#fffafa;}
.bfl-mf-row-big{font-size:15px;padding:10px 0;}
.bfl-mf-row-big .bfl-mf-row-label{font-weight:700;color:#2d3748;}
.bfl-mf-row-big .bfl-mf-row-val{font-size:16px;}
.bfl-mf-section-blue{color:#2c5282;}
.bfl-mf-history-title{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:1px;}

.bfl-mf-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;align-items:center;border-bottom:1px solid #f7fafc;}
.bfl-mf-row:last-child{border-bottom:none;}
.bfl-mf-row-label{color:#4a5568;flex:1;font-weight:500;}
.bfl-mf-detail{color:#a0aec0;font-size:11px;display:block;margin-top:1px;}
.bfl-mf-row-val{font-weight:700;min-width:80px;text-align:right;font-size:14px;}
.bfl-mf-green{color:#2f855a;}
.bfl-mf-red{color:#c53030;}
.bfl-mf-total{display:flex;justify-content:space-between;padding:12px 0 4px;font-size:15px;font-weight:800;border-top:2px solid #eef3f9;margin-top:8px;}

.bfl-mf-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;color:#fff;margin-left:6px;}
.bfl-mf-tag-a{background:#d4a843;}
.bfl-mf-tag-b{background:#2c5282;}
.bfl-mf-tag-c{background:#2f855a;}

.bfl-mf-salary-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px;background:#fafcff;border-radius:8px;overflow:hidden;}
.bfl-mf-salary-table th{text-align:left;padding:7px 12px;background:#f0f4f9;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;}
.bfl-mf-salary-table td{padding:7px 12px;border-bottom:1px solid #f4f8fc;}
.bfl-mf-salary-table tr:last-child td{border-bottom:none;}
.bfl-mf-ovr{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;background:#2c5282;color:#fff;}

.bfl-mf-extra-tax{background:#fffaf0;border:1px solid #fbd38d;padding:10px 14px;border-radius:8px;margin-top:10px;font-size:11px;color:#c05621;line-height:1.5;}
.bfl-mf-tax-rule{background:#ebf8ff;border:1px solid #bee3f8;padding:10px 14px;border-radius:8px;margin-top:10px;font-size:11px;color:#2c5282;line-height:1.6;}

.bfl-mf-all-table{width:100%;border-collapse:collapse;font-size:14px;}
.bfl-mf-all-table thead{background:#1e3a5f;}
.bfl-mf-all-table th{padding:11px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-align:left;}
.bfl-mf-all-table th:last-child{text-align:right;}
.bfl-mf-all-table td{padding:11px 18px;border-bottom:1px solid #f4f8fc;}
.bfl-mf-all-table tbody tr:hover{background:#f7fafc;}

@media(max-width:600px){
    .bfl-mf-balance-val{font-size:30px;}
    .bfl-mf-row{flex-wrap:wrap;gap:4px;}
    .bfl-mf-section{padding:14px 16px;}
    .bfl-mf-zone-badge,.bfl-mf-short-note,.bfl-mf-net-summary{margin-left:14px;margin-right:14px;}
}