
/* Safe Mode CSS: minimal animations to avoid jank */
.fabfxpro{--fx-primary:#1B425A; --fx-accent:#ED482E; color:#102531; font-family:inherit}
.fabfxpro .fabfxpro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.fabfxpro .fabfxpro-title{font-weight:800;margin:0;color:var(--fx-primary)}
.fabfxpro .fabfxpro-filters label{font-size:.9rem;display:flex;flex-direction:column;gap:.35rem;color:#294353}
.fabfxpro input[type="date"], .fabfxpro select{padding:.55rem .7rem;border:1px solid #cfd7de;border-radius:.6rem;min-width:12rem;background:#fff;position:relative;z-index:10;appearance:auto}
.fabfxpro input:focus, .fabfxpro select:focus{outline:none;box-shadow:0 0 0 3px rgba(237,72,46,.15)}
.fx-btn{background:var(--fx-accent); color:#fff;border:none;padding:.65rem 1.1rem;border-radius:.6rem;font-weight:800;cursor:pointer}
.fx-board{border:1px solid #e7ecf1;background:#fff;border-radius:12px;padding:1rem}
.fx-table{width:100%;border-collapse:separate;border-spacing:0}
.fx-table thead th{position:sticky;top:0;background:#f6f9fb;text-align:left;padding:.8rem .75rem;border-bottom:1px solid #e7ecf1;color:#274352;font-weight:700}
.fx-subhead th{background:#f7fafc;color:#5a7080}
.fx-table tbody td{padding:.7rem .75rem;border-bottom:1px solid #f0f3f6}
.fx-loading{padding:1.2rem;text-align:center;color:#6b7b88}
.fx-note{font-size:.85rem;color:#5e707f;margin:.6rem .25rem 0}
.fx-calc{margin:1.2rem 0;border:1px solid #e7ecf1;background:#fff;border-radius:12px;padding:1rem}
.fx-calc h3{color:var(--fx-primary);font-weight:800;margin:.2rem 0 1rem}
.fx-row{display:flex;flex-wrap:wrap;gap:.6rem}
.fx-row label{display:flex;flex-direction:column;gap:.35rem;color:#294353}
.fx-row input,.fx-row select{padding:.6rem .7rem;border:1px solid #cfd7de;border-radius:.6rem;min-width:12rem}
.fx-result{margin-top:.7rem;font-weight:800;color:#142834}
@media (max-width:680px){.fabfxpro .fabfxpro-filters{display:flex;flex-wrap:wrap;gap:.6rem}.fx-row{flex-direction:column}}
