/* V5.2.9 Job ↔ Invoice integration — scoped UI styling */
.fg-job-invoice-source{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--line);background:rgba(240,207,80,.05);border-radius:12px;min-width:0}
.fg-job-invoice-source select{width:100%;max-width:100%;min-width:0}
.fg-job-invoice-source small{font-size:11px;line-height:1.5;color:var(--sub)}
.fg-job-invoice-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.fg-job-invoice-actions>.btn{white-space:normal;text-align:center}
.fg-invoice-mismatch{font-size:10px;color:#f4b46c;margin-top:4px;font-weight:700}
@media(max-width:600px){.fg-job-invoice-actions{flex-direction:row;flex-wrap:wrap}.fg-job-invoice-actions>.btn{min-height:35px}}

/* V5.3.0 read-only Job/Invoice reconciliation */
.fg-v530-audit{margin:22px 0}.fg-v530-audit>.sec-head{margin:0 0 16px;gap:12px;flex-wrap:wrap}
.fg-v530-metrics{display:flex;gap:6px;flex-wrap:wrap;flex-direction:column;margin:12px 0;color:var(--text)}
.fg-v530-metrics small{color:var(--sub);line-height:1.6}
.fg-v530-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:13px 0}
.fg-v530-counts>div{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:10px 12px;border-radius:11px;font-size:11px}
.fg-v530-counts strong{font-size:15px;color:var(--accent)}
.fg-v530-examples{margin:20px 0}.fg-v530-examples h3{font-size:14px;margin-bottom:10px}
.fg-v530-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.fg-v530-row>div{min-width:180px;flex:1;display:grid;gap:4px}.fg-v530-row small{font-size:11px;color:var(--sub);line-height:1.5}
@media(max-width:600px){.fg-v530-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-v530-row button{min-width:64px}}